/* @import must be at top of file, otherwise CSS will not work */

/*
@charset "UTF-8";
@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';
@import url("//hello.myfonts.net/count/3a03d1");
*/

@font-face { font-family: 'ChronicaPro'; src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_0_0.eot"); src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_0_0.eot?#iefix") format("embedded-opentype"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_0_0.woff2") format("woff2"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_0_0.woff") format("woff"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_0_0.ttf") format("truetype"); font-weight: 800; font-style: normal; }

@font-face { font-family: 'ChronicaPro'; src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_1_0.eot"); src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_1_0.eot?#iefix") format("embedded-opentype"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_1_0.woff2") format("woff2"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_1_0.woff") format("woff"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_1_0.ttf") format("truetype"); font-weight: 800; font-style: italic; }

@font-face { font-family: 'ChronicaPro'; src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_2_0.eot"); src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_2_0.eot?#iefix") format("embedded-opentype"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_2_0.woff2") format("woff2"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_2_0.woff") format("woff"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_2_0.ttf") format("truetype"); font-weight: 700; font-style: normal; }

@font-face { font-family: 'ChronicaProAdjusted'; src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_2_0_Metrics_Adjusted.eot"); src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_2_0.eot_Metrics_Adjusted?#iefix") format("embedded-opentype"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_2_0_Metrics_Adjusted.woff2") format("woff2"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_2_0_Metrics_Adjusted.woff") format("woff"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_2_0_Metrics_Adjusted.ttf") format("truetype"); font-weight: 700; font-style: normal; }

@font-face { font-family: 'ChronicaPro'; src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_3_0.eot"); src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_3_0.eot?#iefix") format("embedded-opentype"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_3_0.woff2") format("woff2"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_3_0.woff") format("woff"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_3_0.ttf") format("truetype"); font-weight: 700; font-style: italic; }

@font-face { font-family: 'ChronicaPro'; src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_4_0.eot"); src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_4_0.eot?#iefix") format("embedded-opentype"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_4_0.woff2") format("woff2"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_4_0.woff") format("woff"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_4_0.ttf") format("truetype"); font-weight: 400; font-style: normal; }

@font-face { font-family: 'ChronicaPro'; src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_5_0.eot"); src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_5_0.eot?#iefix") format("embedded-opentype"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_5_0.woff2") format("woff2"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_5_0.woff") format("woff"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_5_0.ttf") format("truetype"); font-weight: 400; font-style: italic; }

@font-face { font-family: 'ChronicaPro'; src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_6_0.eot"); src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_6_0.eot?#iefix") format("embedded-opentype"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_6_0.woff2") format("woff2"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_6_0.woff") format("woff"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_6_0.ttf") format("truetype"); font-weight: 900; font-style: normal; }

@font-face { font-family: 'ChronicaPro'; src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_7_0.eot"); src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_7_0.eot?#iefix") format("embedded-opentype"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_7_0.woff2") format("woff2"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_7_0.woff") format("woff"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_7_0.ttf") format("truetype"); font-weight: 900; font-style: italic; }

@font-face { font-family: 'ChronicaPro'; src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_8_0.eot"); src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_8_0.eot?#iefix") format("embedded-opentype"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_8_0.woff2") format("woff2"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_8_0.woff") format("woff"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_8_0.ttf") format("truetype"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'ChronicaPro'; src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_9_0.eot"); src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_9_0.eot?#iefix") format("embedded-opentype"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_9_0.woff2") format("woff2"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_9_0.woff") format("woff"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_9_0.ttf") format("truetype"); font-weight: 300; font-style: italic; }

@font-face { font-family: 'ChronicaPro'; src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_A_0.eot"); src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_A_0.eot?#iefix") format("embedded-opentype"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_A_0.woff2") format("woff2"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_A_0.woff") format("woff"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_A_0.ttf") format("truetype"); font-weight: 600; font-style: normal; }

@font-face { font-family: 'ChronicaPro'; src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_B_0.eot"); src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_B_0.eot?#iefix") format("embedded-opentype"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_B_0.woff2") format("woff2"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_B_0.woff") format("woff"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_B_0.ttf") format("truetype"); font-weight: 600; font-style: italic; }

@font-face { font-family: 'ChronicaPro'; src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_C_0.eot"); src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_C_0.eot?#iefix") format("embedded-opentype"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_C_0.woff2") format("woff2"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_C_0.woff") format("woff"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_C_0.ttf") format("truetype"); font-weight: 500; font-style: normal; }

@font-face { font-family: 'ChronicaProAdjusted'; src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_C_0_Metrics_Adjusted.eot"); src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_C_0_Metrics_Adjusted.eot?#iefix") format("embedded-opentype"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_C_0_Metrics_Adjusted.woff2") format("woff2"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_C_0_Metrics_Adjusted.woff") format("woff"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_C_0_Metrics_Adjusted.ttf") format("truetype"); font-weight: 500; font-style: normal; }

@font-face { font-family: 'ChronicaPro'; src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_D_0.eot"); src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_D_0.eot?#iefix") format("embedded-opentype"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_D_0.woff2") format("woff2"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_D_0.woff") format("woff"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_D_0.ttf") format("truetype"); font-weight: 500; font-style: italic; }

@font-face { font-family: 'ChronicaPro'; src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_E_0.eot"); src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_E_0.eot?#iefix") format("embedded-opentype"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_E_0.woff2") format("woff2"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_E_0.woff") format("woff"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_E_0.ttf") format("truetype"); font-weight: 100; font-style: normal; }

@font-face { font-family: 'ChronicaPro'; src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_F_0.eot"); src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_F_0.eot?#iefix") format("embedded-opentype"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_F_0.woff2") format("woff2"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_F_0.woff") format("woff"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_F_0.ttf") format("truetype"); font-weight: 100; font-style: italic; }

@font-face { font-family: 'ChronicaPro'; src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_10_0.eot"); src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_10_0.eot?#iefix") format("embedded-opentype"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_10_0.woff2") format("woff2"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_10_0.woff") format("woff"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_10_0.ttf") format("truetype"); font-weight: 200; font-style: italic; }

@font-face { font-family: 'ChronicaPro'; src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_11_0.eot"); src: url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_11_0.eot?#iefix") format("embedded-opentype"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_11_0.woff2") format("woff2"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_11_0.woff") format("woff"), url("https://fusionhomes.com/app/themes/fusion-homes-theme/assets/fonts/chronica-pro/webfonts/3A03D1_11_0.ttf") format("truetype"); font-weight: 200; font-style: italic; }






html {
	/*position: static;*/			/* static (default), relative, fixed, absolute, sticky */
						/* static: in the normal doc flow AND no effect for top bottom left right */
						/* relative: in the normal doc flow (holds that space for it) BUT adjusted w. t b l r */
						/* fixed: NOT in the normal doc flow AND adjusted within viewport w. t b l r */
						/* absolute: NOT in the normal doc flow AND adjusted from nearest positioned (non static) ancestor w. t b l r */
						/* sticky: starts as relative BUT when scrolling and t b l or r is reached, becomes fixed there */
	line-height: 1.15;
	font-family: ChronicaPro;
	font-weight: normal;
	font-style: normal;
	color: #002a3a;
}

* {
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
}

div {
/*	border: 1px solid black !important;*/	/* testing */
/*	border: 1px solid black;*/		/* testing */
}
td {
/*	border: 1px solid red !important;*/	/* testing */
}

body {
/*	font-family: "ChronicaPro", "Montserrat", sans-serif;	*/
	font-family: ChronicaPro;
	font-size: 1rem;
	font-weight: normal;
	font-style: normal;
	color: #002a3a;				/* navy */

/*	background-color: #bfced6;*/		/* neutral light */
	background-color: #e7ecef;		/* fusion mockup does not use their own branding! */
	line-height: 1.15;
	margin: 0;				/* firefox, chrome default to 8px margin on body */
	position: relative;
}
@media (min-width: 1200px) {
	body {
		font-size: 1.1rem;
	}
}
@media (max-width: 767px) {
	body {
		font-size: 0.8rem;
	}
}

p, li {
	font-family: ChronicaPro;
  font-style: normal;
  font-weight: 400;
  color: #002a3a;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 767px) {
  p, li {
    font-size: 12px;
    line-height: 18px;
  }
}
div {
/*	border: 1px solid black;*/		/* testing */
/*	border: 4px solid red;*/		/* testing */
/*	border: 4px solid orange;*/		/* testing */
/*	border: 4px solid yellow;*/		/* testing */
/*	border: 4px solid green;*/		/* testing */
/*	border: 4px solid blue;*/		/* testing */
/*	border: 4px solid purple;*/		/* testing */
}
header {
}
.feather {
	width: 16px;
	height: 16px;
}

/* Sidebar */

.sidebar {
/*	position: fixed;*/						 /*mmdel if no side effects*/
/*	top: 0;*/								 /*mmdel if no side effects*/
/*	bottom: 0;*/							 /*mmdel if no side effects*/
/*	left: 0;*/								 /*mmdel if no side effects*/
/*	z-index: 100;*/							 /*mmdel if no side effects*/
/*	padding: 48px 0 0;*/					 /*mmdel if no side effects*/

	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
	background-color: #002a3a !important;
}
/* unknown test for unknown purposes */
	/* rtl:raw:
	right: 0; */
	/* rtl:remove */

@media (max-width: 767.98px) {
	.sidebar {
		top: 5rem;
	}
}

@media (min-width: 768px) {
	.px-md-4 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
}

.d-md-block {
    display: block !important;	/* blocks _transitions.sccs:11 .collapse:not(.show) from hiding sidebar */
}
@media (min-width: 768px) {
  .d-md-block {
    display: block !important;	/* keep as display: block even below 768px wide, i.e. block from hiding sidebar */
  }
}
@media (max-width: 767px) {	/* block from hiding sidebar */
  .col-md-3 {
/*    flex: 0 0 auto;	*/
    width: 18%;
  }
}

.px-3 {
	padding-right: 0.75vw !important;
	padding-left: 0.75vw !important;
}
@media (min-width: 1200px) {
	.px-3 {
		padding-right: 1vw !important;
		padding-left: 1vw !important;
	}
}
@media (max-width: 767px) {
	.px-3 {
		padding-right: 0.5vw !important;
		padding-left: 0.5vw !important;
	}
}


@media (min-width: 992px) {
	.col-lg-2 {
		flex: 0 0 auto;
		width: 23.0%;
	}
	.col-lg-10 {
		flex: 0 0 auto;
		width: 77.0%;
	}
}

.login .col-lg-2, .login .col-lg-10 {
	width: 50%;
}

.login .sidebar-sticky {
	color: #ffffff; /* Sarah e-mail 20250713 change to white from #bfced6;*/
	margin: 1vw;
}
.login .sidebar-sticky p {
	color: #ffffff; /* Sarah e-mail 20250713 change to white from #bfced6;*/
}

.login main {
	width: 100%;
	background-color: #002a3a;
}
.login main > div {
	display: inline-block;
	width: 45vw;
	padding: 2vw;
	background-color: #e7ecef !important;
}
.login main > div.sidebar {
	background-color: red !important;
	background-color: #002a3a !important;
}
.login main .flex-wrap {
}

input[type="checkbox"] {
	border: 1px solid #002a3a;
	border-radius: 50%;
	position: relative;
	height: 16px;
	width: 16px;
/*	-moz-appearance: none; */
/*	appearance: none; */
	-webkit-appearance: none;
	cursor: pointer;
/*	-webkit-transition: all 0.2s; */
/*	transition: all 0.2s; */

	top: 0.25em;
	margin-right: 8px;
}
input[type="checkbox"]:checked {
	border-color: #002a3a;
	background-color: #002a3a;
}

.login main section {
	margin: 2vw;
}
/*.login .form-group {*/
.form-group {
	padding-top: 0.8rem;
	padding-bottom: 0.6rem;
}
.form-container .row > * {
	flex-shrink: 0;
	width: auto;
	max-width: 100%;
}
.login .form-group input,
.login .form-group select {
	padding-left: 1.15rem;
	padding-right: 1.5rem;
	padding-top: 1.0rem;
	padding-bottom: 0.8rem;
}
.login .form-container .row input {
	padding: initial;
}
.login nav.sidebar {
	/*background: linear-gradient(to right, #002a3a 0%, #57798e 100%);*/
	background: linear-gradient(to right, #002a3a 0%, #2c5264 100%);
}

.sidebar-sticky {
	top: 0;
	bottom: 0;
	position: sticky;
	overflow-y: auto;						/* scrollable contents if viewport is shorter than content. */
/*	overflow-x: hidden;*/					/*mmdel if no side effects*/
/*	height: calc(100vh - 48px);*/			/*mmdel if no side effects*/
/*	padding-top: 2.8rem !important;*/		/*mmdel if no side effects*/
}

.sidebar .nav-link {
	font-weight: 500;
/*	color: #333;*/

	color: #5b7f95;
	margin: 0.2rem;
	padding: 0.2rem;
}

.sidebar .nav-link .feather {
	margin-right: 4px;
	color: #727272;
}

.sidebar .nav-item {
	margin: 0;
	padding: 0.0833vw 0 0.0833vw 2vw;
/*	background-color: #ffffff;*/
}
@media (max-width: 767px) {
	.sidebar .nav-item {
		padding: 0.075vw 0 0.075vw 1vw;
	}
}

.sidebar .nav-item .active, .sidebar .sidebar-heading .active {
/*	color: #2470dc;*/

	color: #002a3a;							/* navy */
	background-color: #ffffff;
	margin: 0.4rem;
	padding: 0.4rem 1rem;
	border: #ffffff solid 0.2rem;
	border-radius: 0.2rem;
}
.sidebar .nav-item .active:after, .sidebar .sidebar-heading .active:after {
	content: "";
	background-image: url('images/arrow.svg');
	background-size: 1em;
	background-position: right;
	background-repeat: no-repeat;
	display: inline-block;
	text-align: right;
	width: 2em;
	height: 0.75em;
}

.sidebar .nav-link:hover {
	color: #f6be00;							/* gold */
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link:active .feather {
	color: inherit;
}

.sidebar-heading {
	/*font-size: 1.25rem;
	text-transform: uppercase;*/
}
.sidebar-heading a {
	color: #ffffff;
	text-decoration: none;
	margin: 0.4rem;
	/*padding: 0.4rem 1rem;*/
	padding: 0.1rem 1rem;
}

.sidebar-heading a:hover {
	color: #f6be00;							/* gold */
}

h6.sidebar-heading {
	margin-top: 0.1rem !important;
}

/* Navbar */

.navbar-brand {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	/*background-color: rgba(0, 0, 0, .25);*/
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}
@media (max-width: 767px) {
	.navbar-brand {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
}
.logo {
	width: 150px;
}

.navbar-brand img {
	margin-left: 3.5rem;
}

.navbar .navbar-toggler {
	top: .25rem;
	right: 1rem;
}

.navbar .form-control {
	padding: .75rem 1rem;
}

.form-control-dark {
	color: #fff;
	background-color: rgba(255, 255, 255, .1);
	border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
	border-color: transparent;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}
/*  ... orig above */


/* section WAS inline... */
/* https://getbootstrap.com/docs/5.2/examples/dashboard/ */

.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}
.b-example-divider {
	height: 3rem;
	background-color: rgba(0, 0, 0, .1);
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.b-example-vr {
	flex-shrink: 0;
	width: 1.5rem;
	height: 100vh;
}
bi {
	vertical-align: -.125em;
	fill: currentColor;
}


 /*mmdel if no side effects*/
/*.nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden;
}
.nav-scroller .nav {
	display: flex;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}*/
/* ...section WAS inline */


/*	Fusion Homes branding colours */
/*	background-color: #f6be00; */			/* gold */
/*	background-color: #002a3a; */			/* navy */

/*	background-color: #00a3e0; */			/* blue */
/*	background-color: #00c389; */			/* green */
/*	background-color: #ae2573; */			/* magenta */

/*	background-color: #5b7f95; */			/* neutral dark */
/*	background-color: #a6bbc8; */			/* neutral mid */
/*	background-color: #bfced6; */			/* neutral light */

/*	Fusion Homes branding fonts */


/*
@font-face {
	font-family: "ChronicaPro";
	src: local("ChronicaPro"), url("/cc/include/font/chronica.pro/regular.otf") format("opentype");
}
@font-face {
	font-family: "ChronicaPro";
	font-weight: bold;
	src: local("ChronicaPro"), url("/cc/include/font/chronica.pro/bold.otf") format("opentype");
}
@font-face {
	font-family: "ChronicaPro";
	font-weight: 400;
	src: local("ChronicaPro"), url("/cc/include/font/chronica.pro/light.otf") format("opentype");
}
@font-face {
	font-family: "ChronicaPro";
	font-weight: 100;
	src: local("ChronicaPro"), url("/cc/include/font/chronica.pro/ultralight.otf") format("opentype");
}
*/








/* from.... https://getbootstrap.com/docs/4.0/dist/css/bootstrap.css */

.navbar-dark .navbar-brand {
	color: #fff;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
	color: #fff;
}

.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-welc {
	/*color: rgba(255, 255, 255, 1.0);*/
	color: #ffffff;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
	/*color: rgba(255, 255, 255, 0.75);*/
	color: #f6be00;	/* gold */
}

.navbar-dark .navbar-nav .nav-link.disabled {
	color: rgba(255, 255, 255, 0.25);
}


.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
	color: #fff;
}


.navbar-dark .navbar-toggler {
	color: rgba(255, 255, 255, 0.5);
	border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-dark .navbar-text {
	color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
	color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
	color: #fff;
}
.icon-user {
	padding-left: 1rem;
}
.icon-user path {
	fill: #bfced6;
	transition: all 0.5s;
}
.bg-dark {
/*	background-color: #343a40 !important;*/
	background-color: #002a3a !important;
}


a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover, button.bg-dark:focus,
.button.bg-dark:hover, .button.bg-dark:focus {
	background-color: #1d2124 !important;
}


button, .button {
	background-color: #f6be00;				/* gold */
	padding-left: 1.15rem;
	padding-right: 1.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.3rem;
	border-style: none;						/* defaults to outset on button, at least for firefox */
	border-radius: 5rem;					/* when radius is larger than height, it uses half the smallest dimension */
	border: 1px solid transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;						/* don't use browser's default button styles */
}
.faint button, .faint .button {
	background-color: #e7ecef;
	border: 1px solid #002a3a;
	color: #002a3a;							/* navy */
}
.pgbutton .button,
.pgbutton button {
	display: inline-block;
	max-width: 40vw;
	width: 12rem;
	text-align: center;
	margin-top: 1rem;
	color: #002a3a;							/* navy */
}
.pgbuttondk .button,
.pgbuttondk button {
	border-radius: 0.5rem;
	color: white;
	background-color: #002a3a;
}

.form-control {
	border-radius: 5rem;	/* when radius is larger than height, it uses half the smallest dimension */
	background-color: #edf2f4;				/*#bfced6;*/	/* neutral light */
	border: 1px solid white;
}


.navbar-dark .navbar-nav button .nav-link,
.navbar-dark .navbar-nav .button .nav-link {
	color: #002a3a !important;				/* navy */
}


.text-muted {
	/*color: #bfced6 !important;*/
}




.nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}


.container-fluid {
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
/*  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;	*/
	padding-right: calc(0.75 * 0.83333vw);
	padding-left: calc(0.75 * 0.83333vw);
}



.row {
	flex-wrap: nowrap;	/* keep from flex-wrap main below nav */
}
.row > * {
  flex-shrink: 0;	/* keep from hiding sidebar */
  width: 82%;	/* keep from flex-wrap main below nav */
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
	padding-right: calc(0.75 * 0.83333vw);
	padding-left: calc(0.75 * 0.83333vw);
  margin-top: var(--bs-gutter-y);
}
.row > nav {
	width: 18%;
}




.container-fluid .row nav {
	position: relative;
}
.container-fluid .row main {
}
.container-fluid .row footer {
}

nav {
}

h6.text-uppercase {
	text-transform: none !important;
}

.form-container {
}
.form-container > div {
	width: 90%;
}
.form-container div .row {
	display: flex;
	flex-wrap: wrap;
}
.form-container > div > .form-group {
	margin-top: 0;
/*	border: 2px solid yellow;*/
}
.form-container .row div a {
	color: #002a3a;
}




main > div.fufirst {
	background-color: #ffffff;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	padding-left: 2rem;
}
main > div.fufirst p {
	margin-bottom: 0;
}

main > div.fubgpic {
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: right;
	/* photos should be background-position: left, line-art should be : right */
}
main > div.fubgpic1 {
	background-image: linear-gradient(to right, rgba(231, 236, 239, 1.0) 0%, rgba(231, 236, 239, 0.90) 10%, rgba(231, 236, 239, 0.3) 50%, rgba(231, 236, 239, 0.3) 100%), url('img/Portal-HomePage-Banner.jpg');
}
main > div.fubgpic2 {
	background-image: linear-gradient(to right, rgba(231, 236, 239, 1.0) 0%, rgba(231, 236, 239, 0.90) 10%, rgba(231, 236, 239, 0.3) 50%, rgba(231, 236, 239, 0.3) 100%), url('img/Portal-MyResources-Banner.jpg');
	background-position: left;
}
main > div.fubgpic3 {
	background-image: linear-gradient(to right, rgba(231, 236, 239, 1.0) 0%, rgba(231, 236, 239, 0.90) 10%, rgba(231, 236, 239, 0.3) 50%, rgba(231, 236, 239, 0.3) 100%), url('img/Portal-MyHome-PlanningConstruction.symbol.1920x584.jpg');
}
main > div.fubgpic4 {
	background-image: linear-gradient(to right, rgba(231, 236, 239, 1.0) 0%, rgba(231, 236, 239, 0.90) 10%, rgba(231, 236, 239, 0.3) 50%, rgba(231, 236, 239, 0.3) 100%), url('img/Hero_InspirationGallery-1920x584.jpg');
}
main > div.fubgpic5 {
	background-image: linear-gradient(to right, rgba(231, 236, 239, 1.0) 0%, rgba(231, 236, 239, 0.90) 10%, rgba(231, 236, 239, 0.3) 50%, rgba(231, 236, 239, 0.3) 100%), url('img/Portal_ExteriorColourGallery-2.jpg');
	background-position: left;
}
main > div.fubgpic6 {
	background-image: linear-gradient(to right, rgba(231, 236, 239, 1.0) 0%, rgba(231, 236, 239, 0.90) 10%, rgba(231, 236, 239, 0.3) 50%, rgba(231, 236, 239, 0.3) 100%), url('img/Hero_InteriorColourGallery-1920x584.jpg');
}
main > div.fubgpic7 {
	background-image: url('img/1-Prospect-A-Banner.Mari.jpg');
	background-position: left;
}
main > div.fubgpic8 {
	background-image: url('img/2-Dream-Hub-A-ModelsBanner.Belvoir.jpg');
	background-position: left;
}
main > div.fubgpic9 {
	background-image: url('img/2-Dream-Hub-B-InspirationGalleryBanner.Mari.jpg');
	background-position: left;
}
main > div.fubgpic10 {
	background-image: url('img/2-Dream-Hub-D-InteriorGalleryBanner.Kahlo.jpg');
	background-position: left;
}
main > div.fubgpic11 {
	background-image: url('img/3-Purchaser-Home.Page.WAF.137.jpg');
	background-position: left;
}
main > div.fubgpic12 {
	background-image: url('img/6-MyHome-A-Banner.Alister.jpg');
	background-position: left;
}
main > div.fubgpic13 {
	background-image: linear-gradient(to right, rgba(231, 236, 239, 1.0) 0%, rgba(231, 236, 239, 0.90) 10%, rgba(231, 236, 239, 0.3) 50%, rgba(231, 236, 239, 0.3) 100%), url('img/6-MyHome-CommunityInfo-Banner.png');
}
main > div.fubgpic14 {
	background-image: linear-gradient(to right, rgba(231, 236, 239, 1.0) 0%, rgba(231, 236, 239, 0.90) 10%, rgba(231, 236, 239, 0.3) 50%, rgba(231, 236, 239, 0.3) 100%), url('img/6-MyHome-MyDocuments-Banner.png');
}
main > div.fubgpic15 {
	background-image: linear-gradient(to right, rgba(231, 236, 239, 1.0) 0%, rgba(231, 236, 239, 0.90) 10%, rgba(231, 236, 239, 0.3) 50%, rgba(231, 236, 239, 0.3) 100%), url('img/6-MyHome-ConstructionUpdates-Banner.png');
}
main > div.fubgpic16 {
	background-image: linear-gradient(to right, rgba(231, 236, 239, 1.0) 0%, rgba(231, 236, 239, 0.90) 10%, rgba(231, 236, 239, 0.3) 50%, rgba(231, 236, 239, 0.3) 100%), url('img/7-MyResources-CustomerCare-Banner.png');
}
main > div.fubgpic17 {
	background-image: linear-gradient(to right, rgba(231, 236, 239, 1.0) 0%, rgba(231, 236, 239, 0.90) 10%, rgba(231, 236, 239, 0.3) 50%, rgba(231, 236, 239, 0.3) 100%), url('img/7-MyResources-Reference-Warranty-Banner.png');
}
main > div.fubgpic18 {
	background-image: linear-gradient(to right, rgba(231, 236, 239, 1.0) 0%, rgba(231, 236, 239, 0.90) 10%, rgba(231, 236, 239, 0.3) 50%, rgba(231, 236, 239, 0.3) 100%), url('img/7-MyResources-HomeCareAndMaintenance-Banner.png');
}

section {
	margin: 0.75vw;							/* should match hubnav margin: 0.75vw */
	margin-top: 0;
	width: 100%;
	position: relative;
}
section.narrow {
	margin: 1rem 12.5%;
}

/* 20250403 fucirc not currently used anywhere
main .fucirc div {
	background-color: #ffffff;
	min-height: 11rem;
	margin-top: 0.8rem;
	padding-top: 1rem;
	padding-bottom: 0.2rem;
	margin-left: 4.5rem;
	padding-right: 1rem;
}
main .fucirc p, main .fucirc h3 {
	margin-left: 8rem;
}
main .fucirc p.furtlink {				/ * see also fucirc > furtlink, fubigcirc > furtlink, fumedcirc > furtlink, funocirc > furtlink * /
	display: inline-block;
	float: right;
	margin-bottom: 0;
}
main .fucirc img {
	height: 9rem;
	margin-top: 1rem;
	clip-path: circle();
	float: left;
}
main .fucirc a {
	color: #5b7f95;
	text-align: right;
}
*/

.lessspace {
	margin: 0 10rem;
	padding-top: 0 !important;
/*	border: 7px solid black;*/	/*0610*/
}
.lessspace > section {
	margin-top: 0;
}

section > div > div > div {
/*	border: 2px solid yellow;*/	/*0610*/
}
section > div > div > div > div {
/*	border: 2px solid green;*/	/*0610*/
}
section > div > div > div > div > form {
/*	border: 2px solid blue;*/		/*0610*/
}
section > div > div > div > div > form > div {
/*	border: 2px solid purple;*/		/*0610*/
}
section > div > div > div > .fubigcirc,
section > div > div > div > .fumedcirc {
	margin: 1rem 0;							/* should match top/bot margin on fubigcirc, fumedcirc, funocirc, wide2 */
}
section > div > div > div > .fubigcirc > div,
section > div > div > div > .fumedcirc > div {
/*	white-space: nowrap;*/
}
section > div > div > div > .fubigcirc > div > div,
section > div > div > div > .fumedcirc > div > div {
	position: relative;
}
section > div > div > div > .fubigcirc > div > div > .fucard,
section > div > div > div > .fumedcirc > div > div > .fucard {
	display: flex;
	align-items: center;
}
section > div > div > div > .fubigcirc > div > div > .pic,
section > div > div > div > .fumedcirc > div > div > .pic {
/*	display: inline-block;
	vertical-align: middle;*/
	aspect-ratio: 1;
	position: absolute;
}
section > div > div > div > .fubigcirc > div > div > .pic {
	width: 22vw;							/* should match DD lines */
	right: 0;								/* see AA above */
	top: calc(50% - 11vw);					/* DD half of 22 above */
}
section > div > div > div > .fumedcirc > div > div > .pic {
	width: 16vw;							/* should be 80-30-15 with rules BB below */
	right: 0;								/* see BB above */
	top: calc(50% - 8vw);
}
main .fubigcirc > div > div > .fucard {
	background-color: #ffffff;
	padding: calc(2 * 0.8333vw);							/* see CC below */
	padding-right: 10vw;					/* see BB above */
	min-height: 16vw;					/* see BB above */
	width: calc(100% - 10vw);				/* see BB above */
}
main .fumedcirc > div > div > .fucard {
	background-color: #ffffff;
	padding: 1.6667vw;
	padding-right: 9vw;						/* see AA above */
	min-height: 12vw;
	width: calc(100% - 9vw);				/* see AA above */
}
main .fubigcirc > div > div > .fucard > .disclaimer,
main .fumedcirc > div > div > .fucard > .disclaimer {
	position: relative;
/*	bottom: -2rem;*/						/* see CC above */
/*	right: 4rem;*/
}
.fucard td h3 {
	font-size: calc(0.8rem + .4vw);
}
@media (min-width: 1200px) {
	.fucard td h3 {
		font-size: 1.2rem;
	}
}
@media (max-width: 767px) {
	.fucard td h3 {
		font-size: 0.64rem;
	}
}



.fucard td h5 {
	font-size: min(1rem, 1vw);
}
main .fubigcirc p, main .fubigcirc h3,
main .fumedcirc p, main .fumedcirc h3 {
}
main .fubigcirc p.furtlink,					/* see also fucirc > furtlink, fubigcirc > furtlink, fumedcirc > furtlink, funocirc > furtlink */
main .fumedcirc p.furtlink {
	display: inline-block;
	float: right;
	margin-bottom: 0;
}
main .fubigcirc img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;						/* fill, contain, cover, none, scale-down */
	clip-path: circle();
}
main .fumedcirc img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;						/* fill, contain, cover, none, scale-down */
	clip-path: circle();
}
main .fubigcirc a,
main .fumedcirc a {
	color: #5b7f95;							/* neutral dark */
	text-align: right;
}
main .fubigcirc table td {
	padding: 0.4rem 3rem 0.4rem 0;
}
main .fumedcirc table td {
	padding: 0.3333vw;
	padding-right: 3rem;
	font-size: 1rem;
	color: #5b7f95;							/* neutral dark */
}
main .fubigcirc table td h5,
main .fumedcirc table td h5 {
	font-size: calc(0.7rem + .4vw);
	margin: 0;
	color: #002a3a;
}
main .fubigcirc table td h6,
main .fumedcirc table td h6 {
	font-size: calc(0.65rem + .4vw);
	margin: 0;
}
@media (max-width: 767px) {
	main .fumedcirc table td,
	main .fubigcirc table td h5,
	main .fumedcirc table td h5 {
		font-size: 0.6rem;
	}
}
@media (max-width: 767px) {
	main .fubigcirc table td h6,
	main .fumedcirc table td h6 {
		font-size: 0.55rem;
	}
}


.funocircouter {
}
main .funocirc {
	background-color: #ffffff;
	margin: 1rem 0;							/* should match top/bot margin on fubigcirc, fumedcirc, funocirc, wide2 */
	padding: 1rem 1.5rem;					/* 1 vs 1.5 should be same difference as margins see GG below */
	min-height: 5.25rem;
	display: flex;
	align-items: center;
}
main .funocircnarrow {
	background-color: #ffffff;
	padding: 0rem;
	width: 70%;
}
main .funocirc > div,
main .funocirc > a > div {
}
main .funocirc div h3 {
	font-size: 1rem;
	margin-top: 0.25rem;					/* see GG above */
	margin-bottom: 0.25rem;					/* see GG above */
	color: #002a3a;							/* navy */
}
main .funocirc div p,
main .funocirc div ul,
main .funocirc div ol {
	margin-top: 0.25rem;					/* see GG above */
	margin-bottom: 0.25rem;					/* see GG above */
	color: #5b7f95;							/* neutral dark */
}
main .funocirc img {
	width: 90%;
/*	max-width: 60%;
	margin-top: -4rem;
	clip-path: circle();
	float: right;*/
}
main .funocircnarrow img {
	width: 100%;
}
main .funocirc a {
	color: #5b7f95;							/* neutral dark */
	text-align: left;
}
main .funocirc p.furtlink {					/* see also fucirc > furtlink, fubigcirc > furtlink, fumedcirc > furtlink, funocirc > furtlink */
	display: inline-block;
	float: right;
	margin-bottom: 0;
}
main .funocirc div dl dt {
	font-weight: normal;
}
main .funocirc div dl dt span,
main .funocirc div dl dd span {
	font-weight: bold;
}


.funocirc .plans3 {
}
.funocirc .plans3 > div {
	margin: 0;
}
.funocirc .plans3 div h2 {					/* Your Floorplan > modelname */
	font-weight: 300;
}
.funocirc .plans3 div p {					/* Your Floorplan > inner disclaimer */
	display: block;
	text-align: right;
	padding-right: 2em;
}
.funocirc .plans3 div div {
	display: inline-block;
	text-wrap-mode: nowrap;
	width: 30%;
	margin-left: 2.2%;
	margin-right: 2.2%;
}
.funocirc .plans3 div div:first-of-type {
	margin-left: 0;
}
.funocirc .plans3 div div:last-of-type {
	margin-right: 0;
}
.funocirc .plans3 div div img {
	vertical-align: top;
	width: 100%;
/*	border: 4px solid green;*/
}

.funocirc div table td {
}
.funocirc div table td h4 {
	font-size: 110%;
}
.funocirc div table td h5 {
	font-size: 110%;
	color: #5b7f95;
}



.disclaimer,
.disclaimer2 {
	font-size: 80%;
}
div > section > div {
/*	border: 2px solid red;*/	/*0610*/
}
div section div .fubigcircouter {
	min-height: calc(11vw + 16rem);			/* DD use 11 as half of 22vw above */
	position: relative;
}
div section div .fumedcircouter {
	min-height: calc(8vw + 8rem);			/* 8vw is half of fumedcirc ... pic; see BB above */
}
div section div .fubigcircouter > .disclaimer {
	position: absolute;
	text-align: right;
	vertical-align: bottom;
	bottom: 0;
	right: 0;
}
div section div .fubigcirc .disclaimer {
	/*text-align: right;*/
	margin-top: 3em;
}
div section div .funocircouter .disclaimer {
	text-align: right;
}
main > .fubgpic > section > div > div > div > div {
	margin-top: 4rem;
	margin-bottom: 6rem;
}
main > div > section > div > div > div > div > h1,
main > div > section > div > div > div > div > p {
}

main > .fubgpic > section > div > div > div > div {
	width: 40%;
}
main > .fubgpic > section > div > div > div > div > h1 {
}
main > .fubgpic > section > div > div > div > div > p {
}

main {
}
main > div {
}
main > div > section {
}
main > div > section > div {
}
main > div > section > div > div {
}
main .fuvertgroup {
	display: flex;
	flex-direction: row;
	column-gap: 1rem;
	margin-top: 6vw;						/* see EE */
}
main .fuvertgroup .fuvert,
main .fuvertgroup .fuvert2 {
	flex-basis: 0;
	flex-grow: 1;
	flex-shrink: 1;
	text-align: center;
	position: relative;						/* so that child can use pos: absolute in .fuvert/.fuvert2 > .line/.noline */
											/* also needed so position: absolute works on fubotlink */
	background-color: #ffffff;
/*	margin-left: 1rem;
	margin-right: 1rem;
*/
	padding: calc(6vw + 1rem) 2rem 2rem;	/* see EE */
}
main .fuvert .txt,
main .fuvert2 .txt {
	display: inline-block;
	text-align: center;
}
main .fuvert h3,
main .fuvert2 h3 {
	display: inline-block;
	text-align: center;
	color: #002a3a;							/* navy */
	font-weight: 300;
}
main .fuvert p,
main .fuvert2 p {
	display: inline-block;
	text-align: center;
	padding-top: 1rem;
}
main .fuvert p.furtlink,
main .fuvert2 p.furtlink {
	text-align: right;
	margin-bottom: 0;
}
main .fuvert .txt div,
main .fuvert2 .txt div {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-bottom: 1rem;
}
main .fuvert .txt div p.fubotlink,
main .fuvert2 .txt div p.fubotlink {
	text-align: right;
	margin-bottom: 0;
	position: relative;
	left: -50%;
}
main .fuvert .noline,
main .fuvert2 .noline {
	display: inline-block;
	text-align: center;
	width: 12vw;							/* see EE */
	position: absolute;
	top: -6vw;								/* see EE */
	left: calc(50% - 6vw);					/* see EE */
	clip-path: circle();
	content: "";

	aspect-ratio: 1;
}
main .fuvert .line,
main .fuvert2 .line {
	display: inline-block;
	text-align: center;
	width: 12vw;							/* see EE */
	position: absolute;
	top: -6vw;								/* see EE */
	left: calc(50% - 6vw);					/* see EE */
	clip-path: circle();
	content: "";
/*	background-color: #000000;*/

	aspect-ratio: 1;
}
main .fuvert div img,
main .fuvert2 div img {
/*	clip-path: circle(); mm*/
}
main .fuvert .noline img,
main .fuvert2 .noline img,
main .fuvert .line img,
main .fuvert2 .line img {
	display: inline-block;
	text-align: center;
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;						/* fill, contain, cover, none, scale-down */
/*	clip-path: circle();mm*/
/*	vertical-align: middle;*/
/*	height: 18vw;*/							/* see EE */
/*	transform: translate(-50%, -50%);*/
}
main .fuvert a,
main .fuvert2 a {
	color: #5b7f95;							/* neutral dark */
	width: 80%;
}



h1 {
	font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
	.h1, h1 {
		font-size: 2.5rem;
	}
}
@media (max-width: 767px) {
	.h1, h1 {
		font-size: 1.25rem;
	}
}

.h2, h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  .h2, h2 {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
	.h2, h2 {
		font-size: 1rem;
	}
}

.h3, h3 {
	font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
	.h3, h3 {
		font-size: 1.6rem;
	}
}
@media (max-width: 767px) {
	.h3, h3 {
		font-size: 0.9rem;
	}
}
.h4, h4 {
	font-size: calc(1.2rem + 0.6vw);
}
@media (min-width: 1200px) {
	.h4, h4 {
		font-size: 1.5rem;
	}
}
@media (max-width: 767px) {
	.h4, h4 {
		font-size: 0.81rem;
	}
}
.h5, h5 {
	font-size: calc(1.1rem + 0.55vw);
}
@media (min-width: 1200px) {
	.h5, h5 {
		font-size: 1.4rem;
	}
}
@media (max-width: 767px) {
	.h5, h5 {
		font-size: 0.729rem;
	}
}
.h6, h6 {
	font-size: calc(1rem + 0.5vw);
}
@media (min-width: 1200px) {
	.h6, h6 {
		font-size: 1.3rem;
	}
}
@media (max-width: 767px) {
	.h6, h6 {
		font-size: 0.64rem;
	}
}


main a {
	text-decoration: none;
	color: #f6be00;							/* gold */
}

main > div {
	padding: 0.75vw !important;
}
@media (min-width: 1200px) {
  main > div {
	padding: 1.6667vw !important;
  }
}
@media (max-width: 767px) {
  main > div {
	padding: 0.6667vw !important;
	}
}

main > div.mb-3 {
	margin-bottom: 0 !important;
}






footer {
	min-height: 134px;
	display: flex;
	align-items: center;
	background-color: #002a3a;
	color: #a6bbc8;
	padding: 0 50px 60px;
	
/*	box-sizing: border-box;	*/
/*	text-rendering: optimizeLegibility;	*/
	z-index: 105;
}





.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	padding-right: 20px;
	max-width: 100%;

/*	border: 1px solid green;	*/
}
@media (max-width: 767px) {
  .container:not(.container--fluid-mobile) {
    width: 455px;
  }
}
@media (min-width: 768px) {
  .container {
    width: 700px;
    padding-left: 0;
    padding-right: 0;
/*	border: 1px solid yellow;	*/
  }
}
@media (min-width: 992px) {
  .container {
    width: 940px;
    padding-left: 0;
    padding-right: 0;
/*	border: 1px solid orange;	*/
  }
}
@media (min-width: 1201px) {
  .container {
    width: 1328px;
    padding-left: 40px;
    padding-right: 40px;
/*	border: 1px solid red;	*/
  }
}






.footer {
  min-height: 134px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #002a3a;
  color: #a6bbc8;
  padding: 0 50px 60px;
}
@media (max-width: 767px) {
  .footer {
    padding: 0 0 24px 0;
  }
}

.footer__container {
  width: 100%;
  max-width: calc(100% - 240px);
}
@media (max-width: 1200px) {
  .footer__container {
    max-width: 100%;
  }
}




.footer__row {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.footer__row--upper {
	margin-bottom: 60px;
}
@media (max-width: 991px) {
  .footer__row--upper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 42px;
  }
}
@media (max-width: 991px) {
  .footer__row--upper, .footer__row--lower {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.footer__row--upper .footer__half--left {
	max-width: 500px;
	width: 50%;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
@media (max-width: 991px) {
  .footer__row--upper .footer__half--left {
    width: 100%;
    max-width: 300px;
  }
}
.footer__row--upper .footer__half--right {
	padding-top: 50px;
	display: flex;
	-webkit-box-align: end;
	align-items: flex-end;
}
@media (max-width: 991px) {
  .footer__row--upper .footer__half--right {
    padding-top: 46px;
    width: 100%;
    max-width: 300px;
  }
}
.footer__row--upper .footer__half-inner {
	width: 100%;
}
.footer__row--lower {
}
@media (max-width: 991px) {
  .footer__row--lower {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
.footer__row--lower .footer__half--left {
}
@media (max-width: 991px) {
  .footer__row--lower .footer__half--left {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.footer__half-columns-inner {
	display: flex;
}
.footer__row--upper .footer__half-column {
/*  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: end;
  -ms-flex-align: end;*/
	display: flex;
	align-items: flex-end;
	width: 50%;
	border-left: 1.5px solid #57798e;
	padding: 65px 20px 0 12px;
}
@media (max-width: 991px) {
  .footer__row--upper .footer__half-column {
    padding-top: 40px;
  }
}
.navigation-menu-outer {
	height: 100%;
}
.navigation__menu {
	margin: 0;
	height: 100%;
	display: flex;
}
.navigation__menu:last-child {
	padding-right: 0;
}
.navigation__menu:first-child {
	padding-left: 0;
}
.navigation--footer .navigation__menu {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
/*	-ms-flex-direction: column;	*/
	flex-direction: column;
}
/*
footer li {
	font-family: ChronicaPro;
	font-weight: normal;
	font-style: normal;
	color: #002a3a;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
}
*/
.navigation__item {
	list-style-type: none;
	height: 100%;
	position: relative;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	margin: 0;
}
.navigation--footer .navigation__item {
	text-align: left;
	display: block;
}
.navigation--footer .navigation__item + .navigation__item {
	margin-top: 10px;
}
footer a {
	display: inline;
	background-color: transparent;
}
footer a:visited {
	outline: 0;
}
.navigation__item {
	list-style-type: none;
}
.navigation--footer .navigation__link {
	font-family: ChronicaPro;
	font-style: normal;
	font-size: 13px;
	line-height: 17px;
	font-weight: 500;
	color: #a6bbc8;
	transition: color 0.5s;

	text-decoration: none;
}
.footer__cta {
	color: bfced6;
}
.footer p {
	color: inherit;
}
.footer__cta p {
  display: -webkit-box;
  display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
  -ms-flex-align: center;
	align-items: center;
	font-family: ChronicaPro;
	font-style: normal;
/*  color: #002a3a;*/
	font-size: 13px;
	line-height: 17px;
	font-weight: 500;
	margin-top: 0.75rem;	/*needed because _reboot.sccs:130 has margin-top: 0*/
	margin-bottom: 0.75rem;	/*needed because _reboot.sccs:130 has margin-top: 0*/
}
.button {
	border-radius: 26px;
	border: 1px solid;
	text-decoration: none;
	font-family: inherit;
	display: inline-block;
	font-size: 13px;
	line-height: 13px;
	font-weight: 500;
	padding: 14px 29px 13px 28px;
	position: relative;
	cursor: pointer;
	color: #002a3a;
	text-align: center;
	transition: all 0.4s;
}
.button span {
	color: inherit;
}
.footer__cta .button {
	margin-left: 20px;
}
.button--gold {
	background-color: #f6be00;
	border-color: #f6be00;
}
.footer__address {
	padding-top: 95px;
	text-align: right;
	color: #a6bbc8;
}
@media (max-width: 991px) {
  .footer__address:not(.footer__address--mobile) {
    display: none;
  }
}
.footer__address p {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
.footer__address a {
	font-size: inherit;
	outline: 0;
	color: inherit;
	transition: color 0.5s;
}
a:not(.button):link {
	text-decoration: none;
}
.footer__row--lower .footer__half-columns-inner {
	-webkit-box-align: start;
	align-items: flex-start;
}
@media (max-width: 991px) {
  .footer__row--lower .footer__half-columns-inner {
    text-align: center;
    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-flow: column-reverse nowrap;
    flex-flow: column-reverse nowrap;

    -webkit-box-pack: center;

    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (max-width: 991px) {
  .footer__row--lower .footer__half-columns-inner {
    text-align: center;
  }
}
.footer__logo-link {
	display: block;
}
@media (max-width: 991px) {
  .footer__logo-link {
    margin: 45px auto 40px;
  }
}
.footer__logo-img {
	display: block;
	max-width: 176px;
	height: auto;
}
@media (max-width: 991px) {
  .footer__logo-img {
    margin: 0 auto;

  }
}
.footer__row--lower .footer__half-column--right {
	margin-left: 75px;
}
@media (max-width: 991px) {
  .footer__row--lower .footer__half-column--right {
    margin-left: 0;
  }
}
.footer__row--lower .footer__half-column--left {
}
@media (max-width: 991px) {
  .footer__row--lower .footer__half-column--left {
    margin: 0 auto;
  }
}
.footer__half-column--left p {
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}
.navigation-menu-outer {
	height: 100%;
}
.navigation__menu {
	margin: 0;
	height: 100%;
	display: flex;
}
.navigation__menu:first-child {
	padding-left: 0;
}
.navigation__menu:last-child {
	padding-right: 0;
}
.navigation__menu--footer-social li a {
	color: #a6bbc8;
	font-size: 28px;
}
.navigation__menu--footer-social li + li {
	margin-left: 22px;
}
.navigation__link:link {
	transition: all 0.2s;
}
.navigation__menu--footer-social .x-twitter-svg {
	margin-top: 2px;
}
.navigation__menu--footer-social li a .x-twitter-svg path {
	fill: #a6bbc8;
	transition: fill 0.5s;
}
.footer__address--mobile {
	padding-top: 0;
	padding-bottom: 16px;
	text-align: center;
	display: none;
}
@media (max-width: 991px) {
  .footer__address--mobile {
    display: block;
  }
}
.footer__address--mobile p {
	font-size: 11px;
	line-height: 16px;
}
.footer__legal {
	font-size: 10px;
	line-height: 16px;
	text-align: right;
	color: #a6bbc8;
	padding-left: 50px;
}
@media (max-width: 991px) {
  .footer__legal {
    padding-left: 0;
    text-align: center;
  }
}
.footer .proudly-canadian {
	font-size: 12px;
	line-height: 18px;
}






/* https://www.kallmanation.com/building-a-popover-with-only-css */
/* popover...                                                    */


details[data-popover] > summary:focus {
	outline: none;
}
details[data-popover] > summary::-webkit-details-marker {
	display: none;
}
details[data-popover] > summary {
	list-style: none;
}
details[data-popover] > summary {
	list-style: none;
	text-decoration: underline dotted teal;
}
details[data-popover] {
	position: relative;
}

/*
details[data-popover] div {
	position: fixed;
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	background-color: rgba(0, 42, 58, 0.9);
	z-index: 120000;

	bottom: calc(0.5rem + 100%);
	right: 50%;
	transform: translateX(50%);
}
*/

.slider {
	position: fixed;
/*	display: inline-block;	*/	/* starts as display: none, is popped-up with javascript */
	display: none;
	z-index: 120000;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background-color: rgba(0, 42, 58, 0.9);
}
.slider figure {
	position: relative;						/* needed so that position: absolute of svg inside will be relative to this */
	display: table;							/* table, block, and table-caption on figure, img, and figcaption work together*/
	margin: auto;
	margin-top: 10vh;
}
.slider figure img {
	display: block;

	width: 100%;							/* to match asset > figure > figcation */
	border-radius: .5rem .5rem 0 0;			/* to match asset > figure > figcation */

	object-fit: contain;					/* fill, contain, cover, none, scale-down */
	max-height: 80vh;
	max-width: 80vh;
	border-radius: .5rem .5rem 0 0;
/*	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
*/
}
.slider figure figcaption {
	display: table-caption;
	caption-side: bottom;

	background-color: #fff;					/* to match asset > figure > figcation */
	padding: 1rem;							/* to match asset > figure > figcation */
	border-radius: 0 0 .5rem .5rem;			/* to match asset > figure > figcation */
}
.slider .fuprev,
.slider .funext,
.slider .fuprint,
.slider .fuex {
	color: white;
	position: absolute;
	top: 30vh;
	font-size: 3rem;
}
.slider .fuprev {
	left: 1vw;
}
.slider .funext {
	right: 1vw;
}
.slider .fuprint {
	right: 10vw;
	top: 6vh;
	font-size: 2rem;
}
.slider .fuex {
	right: 1vw;
	top: 6vh;
	font-size: 2rem;
}


/* ...popover                                                    */



/*
.slider {
	animation-name: anime;
	animation-duration: 0.5s;
}
@keyframes anime {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(1349px);
	}
}
*/




.popout {
	position: relative;
}
.popout .opout {
	all: initial;
	position: absolute;
	left: 0;
	top: 0;
	width: 600px;
	height: 100px;
	display: none;
	z-index: 1120;
	background-color: rgba(192, 192, 192, 0.8);
}


.articlelist .funocirc {
	background-color: #ffffff;
}
.articlelist div div h3 {
	font-size: 120%;
}

.fucirc .links,
.fubigcirc .links,
.fumedcirc .links,
.funocirc .links {
	width: 100%;
}
.navbar-nav .links {
	border: 0.1px dotted rgba(0,0,0,0);		/* strange: on changing to 0 border or eliminating line, float left behaviour changes */
}
.funocirc .articlepage .back,
.funocirc .articlepage .furtlink {
	display: inline-block;
	margin: 3rem 8rem;

	border: 2px solid red;

	padding-left: 1.15rem;
	padding-right: 1.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.3rem;
	border-radius: 5rem;
	border: 1px solid transparent;
	background-color: #e7ecef;
	border: 1px solid #002a3a;
	color: #002a3a;							/* navy */
}
.navbar-nav .links .back,
.navbar-nav .links .furtlink,
.navbar-nav .links .pgbutton {
}
.navbar-nav .links .pgbutton {
	float: left;
}
.navbar-nav .links .furtlink {
	overflow: hidden;
	text-align: right;
	margin-top: 2rem;
}
.navbar-nav .links .furtlink a {
	color: #5b7f95;							/* neutral dark */
}
.funocirc .articlepage div {
	padding: 0;
	margin-right: initial;
}
.funocirc .articlepage .article {
	margin: 3rem 8rem 8rem;
}
.funocirc .articlepage .article h1 {
	border-bottom: 3px solid #002a3a;		/* navy */
	padding-bottom: 1.5rem;
	margin-bottom: 2rem;
}
.funocirc .articlepage .article h2 {
	font-size: 1rem;
}
.funocirc .articlepage .article h3 {		/* cabinet maintenance article is the only one with h3 */
	font-size: 0.875rem;
	font-weight: bold;
}
.funocirc .articlepage .article h4 {		/* all other articles use h4 for subheadings */
	font-size: 0.875rem;
	font-weight: bold;
}
.wide2 {
	margin: 0 0;							/* should match top/bot margin on fubigcirc, fumedcirc, funocirc, wide2 */
	margin-right: 3rem;
}
.wide2 > div {
	width: 100%;
}
.wide2 div div {
	display: inline-block;
	width: 48%;
	padding-right: 5rem;
}

.fuflex {
/*	display: flex;	202507*/
/*	flex-wrap: wrap important!;	202507*/
}
.asset {
	position: relative;
/*	display: inline-block;*/				/* javascript dreamhub.__.jsp > popup() cannot work on css properties from here? */
/*	flex: 1 0 31%;	202507*/
}
.asset > figure {
	display: block;
}
.asset > figure img {
	width: 100%;							/* should match slider > figure > img */
	border-radius: .5rem .5rem 0 0;			/* should match slider > figure > img */
}
.asset > figure figcaption {
	background-color: #fff;					/* should match slider > figure > figcaption */
	padding: 0.75vw;							/* should match slider > figure > figcaption */			
	border-radius: 0 0 .5rem .5rem;			/* should match slider > figure > figcaption */
	/* can't put padding in same white area as line-clamp, put it one div above */
	color: #5b7f95;							/* neutral dark */
}
.asset > figure figcaption div {
	display: -webkit-box !important;		/* can't put padding in same white area as line-clamp, put it one div above */
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 0.9rem;

/*	border: 1rem solid #0000;
	box-shadow: 0 1px 0 #000;

	text-overflow: hidden;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
*/
}
@media (max-width: 767px) {
	.asset > figure figcaption div {
		font-size: 0.8rem;
	}
}









.asset figure figcaption span:first-child {
	color: #002a3a;							/* navy */
}
/*.asset figure figcaption span {
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
	width: 20vw;
}*/
.asset a svg {
	position: absolute;
	top: 1rem;
	right: 1rem;
}

section {
}
.dreamhub {
}
.dreamhub > div {
}
.dreamhub > div > div {
}
.dreamhub > div > div > div {
	column-count: 3;
	column-gap: 0.75vw;
}
.dreamhub > div > div > div > div {
	position: relative;
	display: inline-block;
}
.dreamhub > div > div > div > div > figure {
	display: block;
}

/*.hub {
	display: flex;
	vertical-align: top;
}*/
.hubnav {
	position: relative;
	margin: 0.75vw;							/* should match section margin: 0.75vw */
}
@media (max-width: 767px) {
  main > div {
	padding: 0.6667vw !important;
	}
}




.hubnav div {
	position: sticky;
	overflow-y: auto;
	top: calc(10px + 93px);
}
.hubnav a {
	display: block;
	margin: 0 0 0.75rem 0;
	font-size: 0.9rem;
	color: #5b7f95 !important;
}
@media (max-width: 767px) {
	.hubnav a {
		font-size: 0.8rem;
	}
}
.hubnav p {
	margin: 0 0 1rem 0;
/*	background-color: #5b7f95; */			/* neutral dark */
}


/* loading hourglass spinner */
/* per user Goulven answer here */
/* https://stackoverflow.com/questions/1853662/how-to-show-page-loading-div-until-the-page-has-finished-loading */

body.has-js section .dreamhub::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  height: 80vh;
  width: 100%;
  pointer-events: none;
  transition: all .2s;
  background: white url('img/icons8-hourglass.gif') no-repeat center center / 50px;
}
body.loaded section .dreamhub::before {
  opacity: 0;
  width: 0;
  height: 0;
}