@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes onboardingwelcomescreenout {
    0% {
        transform: translate(0,0);
    }
    100% {
        transform: translate(-1180px,0);
    }
}

@keyframes onboardingscreenin {
    0% {
        transform: translate(1200px,0);
        opacity: 0.0;
    }
    100% {
        transform: translate(0px,0);
        opacity: 1.0;
    }
}

@keyframes onboardingscreenout {
    0% {
        transform: translate(0px,0);
        opacity: 1.0;
    }
    100% {
        transform: translate(-1200px,0);
        opacity: 0.0;
    }
}

@keyframes onboardingscreeninbw {
    0% {
        transform: translate(-1200px,0);
        opacity: 0.0;
    }
    100% {
        transform: translate(0px,0);
        opacity: 1.0;
    }
}

@keyframes onboardingscreenoutbw {
    0% {
        transform: translate(0px,0);
        opacity: 1.0;
    }
    100% {
        transform: translate(1200px,0);
        opacity: 0.0;
    }
}



@keyframes cardbulge {
    0% {
        transform: scale(1);
		box-shadow: none;
    }
    100% {
        transform: scale(1.02);
		box-shadow: 0px 4px 11px rgba(0,0,0,0.5);
    }
}
.cardbulgeanim {
	animation-duration: 0.08s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
	animation-name: 'cardbulge';
}

@keyframes carddebulge {
    0% {
        transform: scale(1.02);
		box-shadow: 0px 4px 11px rgba(0,0,0,0.5);
    }
    100% {
        transform: scale(1);
		box-shadow: none;
    }
}
.carddebulgeanim {
	animation-duration: 0.08s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
	animation-name: 'carddebulge';
}

@keyframes cardflyup {
    0% {
        transform: translate(0px,0);
    }
    100% {
        transform: translate(0px,-500px);
    }
}

@keyframes cardfalldown0 {
    0% {
        transform: translate(0px,0);
    }
    100% {
        transform: translate(0, 500px) rotate(30deg);
    }
}

@keyframes cardfalldown1 {
    0% {
        transform: translate(0px,0);
    }
    100% {
        transform: translate(0, 500px) rotate(-20deg);
    }
}

@keyframes cardfalldown2 {
    0% {
        transform: translate(0px,0);
    }
    100% {
        transform: translate(0, 500px) rotate(15deg);
    }
}

@keyframes cardfalldown3 {
    0% {
        transform: translate(0px,0);
    }
    100% {
        transform: translate(0, 500px) rotate(-25deg);
    }
}

@keyframes cardfalldown4 {
    0% {
        transform: translate(0px,0);
    }
    100% {
        transform: translate(0, 500px) rotate(5deg);
    }
}

@keyframes cardfalldown5 {
    0% {
        transform: translate(0px,0);
    }
    100% {
        transform: translate(0, 500px) rotate(-19deg);
    }
}

@keyframes cardfalldown6 {
    0% {
        transform: translate(0px,0);
    }
    100% {
        transform: translate(0, 500px) rotate(2deg);
    }
}




@keyframes fadebgin {
    0% {
        opacity: 0.0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadebgout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.0;
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.0;
    }
}
@keyframes drop {
	0% { transform: translateY(0); }
	100% { transform: translateY(600px); }
}
@keyframes drop0 {
	0% { transform: translateY(0);rotate(0deg); }
	100% { transform: translateY(600px) rotate(30deg); }
}
@keyframes drop1 {
	0% { transform: translateY(0);rotate(0deg); }
	100% { transform: translateY(600px) rotate(-18deg); }
}
@keyframes drop2 {
	0% { transform: translateY(0);rotate(0deg); }
	100% { transform: translateY(600px) rotate(-4deg); }
}
@keyframes drop3 {
	0% { transform: translateY(0);rotate(0deg); }
	100% { transform: translateY(600px) rotate(22deg); }
}
@keyframes drop4 {
	0% { transform: translateY(0);rotate(0deg); }
	100% { transform: translateY(600px) rotate(-8deg); }
}
@keyframes drop5 {
	0% { transform: translateY(0);rotate(0deg); }
	100% { transform: translateY(600px) rotate(9deg); }
}
@keyframes ascend {
	0% { transform: translateY(0); }
	100% { transform: translateY(-1000px); }
}
.animdrop {
	animation: drop 420ms ease-in none;
}
.animdrop0 {
	animation: drop0 420ms ease-in none;
}
.animdrop1 {
	animation: drop1 420ms ease-in none;
}
.animdrop2 {
	animation: drop2 420ms ease-in none;
}
.animdrop3 {
	animation: drop3 420ms ease-in none;
}
.animdrop4 {
	animation: drop4 420ms ease-in none;
}
.animdrop5 {
	animation: drop5 420ms ease-in none;
}
.animascend {
	animation: ascend 420ms ease-in none;
}




div.formtbl2up {
	width:100%;
	display:flex;
	flex-direction:row;
	align-items:flex-end;
	justify-content:center;
}

div.formtbl {
	width:100%;
	display:flex;
	flex-direction:row;
	align-items:flex-end;
	justify-content:center;
}

div.formtbl>div {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

div.formtbl>div>div {
	width:250px;
}

div.formtbl>div>div.lbl {
	text-align:left;
	font-size:12px;
	padding:8px 2px 2px 18px;
}



div.formtbl>div>div.tosnote {
	font-size:12px;
	color:rgba(190,190,190,1.0);
}
div.formtbl>div>div.tosnote a {
	color:white;
	text-decoration:none;
}


div.formtbl>div>div>input {
	font-size:16px;
	width:calc(250px - 28px);
	padding:14px;
	height:14px;
	border-radius:16px;
	border:2px solid rgba(160,160,160,1);
	background-color:white;
}


div.formtbl>div>div>button {
	width:250px;
}


span.ca_fieldalert
{
	color:rgba(255,100,100,1);
}



div.onboardingcontent
{
	display:flex;
	flex-direction:column;
	text-align:center;
	position:relative;
	min-width:1168px;
	width:1168px;
	height:690px;
	border: 1px solid #2d2d2d;
	box-shadow: 0px 4px 11px #222222;
	z-index:2000;
}

div.onboardingcontent-ontario
{
	display:flex;
	flex-direction:column;
	text-align:center;
	position:relative;
	min-width:860px;
	width:860px;
	height:570px;
	border: 1px solid #2d2d2d;
	box-shadow: 0px 4px 11px #222222;
	z-index:2000;
}

button.ob-button
{
	cursor:pointer;
	margin:2px;
	font-size:17px;
	border:none;
	min-width:205px;
	height:40px;
	border-radius:10px;
	background-color:white;
	color:#dddddd;
	
}

button.ob-button:hover
{
	color:#ffffff;
}

button.ob-button.filled
{
	border:none;
	background-color:#004488;
}
button.ob-button.continue
{
	border:none;
	background-color:var(--mv-housing);
	color:white;
}
button.ob-button.continue:disabled,button.ob-button.continue[disabled]
{
	background-color:rgba(200,200,200,1);
}


button.ob-button.stroked
{
	border:1px solid white;
	background-color:transparent;
	color:white;
}

button.ob-button.stroked:hover
{
	border:1px solid white;
	background-color:transparent;
	background-color:rgba(255,255,255,0.1);
	color:white;
}


div#createaccountformdivemailed button.linkstylebutton
{
	padding: 0px;
	margin: 0px;
	color:blue;
	text-decoration:underline;
	background-color: transparent;
	border:none;
}




div#createaccountformdivemailed button
{
	cursor:pointer;
	margin:0px 10px 0px 10px;
	font-size:17px;
	border:none;
	min-width:238px;
	height:50px;
	border-radius:25px;
	background-color:#009ecc;
	color:white;
}


div.landingblurb
{
	background-color:rgba(250,250,250,0.88);
	color:rgba(20,20,20,1);
	border-radius:20px;
	padding:50px 50px 30px 50px;
	margin:80px 160px 0px 160px;
	font-size:19px;
	line-height:1.3em;
}
div.landingblurb a
{
	font-size:19px;
	color:#004488;
}


div.obimgdiv
{
	height:62px;
}

div.obimgdiv img
{
	width:62px;
	height:62px;
}


div.onboardingscreen
{
	color:#111111;
	position:absolute;
	height:100%;
	width:100%;
	overflow:hidden;
	text-align:center;
}

div.onboardingholder
{
	color:white;
	position:absolute;
	height:calc(100% - 100px);
	width:100%;
	top:100px;
	overflow:hidden;
	text-align:center;
/* 	background-color:#ff0000; */
}

div.onboardingscreen *
{
	overflow:visible;
}

div.solid
{
	background-color:#009ecc;
}


div.mvbg
{
	background-color:var(--mv-blue);
	border-radius:20px;
	overflow: hidden;
/* 	filter: blur(4px); */
}
img.mvbgimg
{
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:1168px;
	height:690px;
	z-index:-4;
	animation-name:none;
	animation-duration:0.65s;
	animation-fill-mode:both;
	opacity: 1;
	transition: opacity 0.32s ease-in-out; /* Animates opacity over 1 second */
}
img.mvbglogo
{
	display:block;
	position:absolute;
	left:34px;
	top:64px;
	width:243px;
	height:30px;
	z-index:-2;
}
div.mvbgvbar
{
	display:block;
	position:absolute;
	left:286px;
	top:50px;
	width:4px;
	height:60px;
	z-index:-2;
	background-color:#039fd2;
}
div.mvbgafc
{
	display:block;
	position:absolute;
	left:310px;
	top:69px;
	width:800px;
	height:30px;
	z-index:-2;
	font-size:19px;
	text-align:left;
	color:#111111;
	font-family:'Montserrat',sans-serif;
}

div#onboardingcontentbot
{
	display:flex;
	flex-direction:column;
	align-items: center;
	justify-content: center;
	color:white;
	position:relative;
	top:84%;
	height:16%;
	width:100%;
	background-color:#483b30;
}

button.linkstyle
{
	background-color:transparent;
	text-decoration:underline;
	cursor:pointer;
	color:white;
	font-size:17px;
	border:none;
}

div.onboardingheadnav
{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	font-size:26px;
	font-weight:400;
	margin-top:80px;
	margin-bottom:20px;
	color:#111111;
}


div.onboardingscreen ul
{
	display:flex;
	margin:auto;
	text-align:cetner;
	flex-wrap:wrap;
	justify-content:center;
}

div.onboardingscreen ul.littler li
{
	text-align:left;
	position:relative;
	cursor:pointer;
	display:block;
	margin-left:16px;
	margin-right:16px;
	width:236px;
	height:180px;
	min-width:236px;
	min-height:180px;
	border-radius:5px;
}

div.onboardingscreen ul li
{
	text-align:left;
	position:relative;
	cursor:pointer;
	display:block;
	margin-left:16px;
	margin-right:16px;
	width:236px;
	height:298px;
	min-width:236px;
	min-height:298px;
	border-radius:5px;
}



div.onboardingscreen div.mvcards
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin:auto;
	align-items:center;
	justify-content:center;
	width:1000px;
	
	-webkit-user-select: none;
	user-select: none;
	
}
div.onboardingscreen div.mvcards>div
{
	text-align:left;
	position:relative;
	cursor:pointer;
	display:inline-block;
	margin-left:16px;
	margin-right:16px;
	margin-bottom:30px;
	width:256px;
	height:136px;
	min-width:236px;
	min-height:136px;
	border-radius:5px;
}

div.onboardingscreen div.mvcards>div>div
{
	pointer-events: none;
}

div.onboardingscreen div.mvcards>div>div:nth-child(1)
{
	background-color:#f8f8f8;
	width:calc(100% - 20px);
	height:calc(100% - 22px - 20px);
	padding:10px;
	border-radius: 10px 10px 0 0;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
	gap:10px;
}
div.onboardingscreen div.mvcards>div>div:nth-child(1)>div:nth-child(1)
{
	padding:0 0 0 0;
/* 	background-color:teal; */
}
div.onboardingscreen div.mvcards>div>div:nth-child(1)>div:nth-child(2)
{
	padding:0 0 0 0;
/* 	background-color:teal; */
}
div.obtextdiv {
	color:black;
}
div.obtextdiv h3 {
	font-weight:600;
	font-family:'Montserrat',sans-serif;
	padding:0;
	margin:0;
}


div.onboardingscreen ul.smallcards li
{
	text-align:left;
	position:relative;
	cursor:pointer;
	display:inline-block;
	margin-left:16px;
	margin-right:16px;
	margin-bottom:30px;
	width:236px;
	height:136px;
	min-width:236px;
	min-height:136px;
	border-radius:5px;
}

div.onboardingscreen ul.cards li>div,h3,p
{
	pointer-events: none;
}


div.onboardingscreen ul.smallcards li img
{
	position:absolute;
	right:0px;
	bottom:22px;
	opacity:0.3;
	width:136px;
	height:96px;
}

div.onboardingscreen ul.smallcards li h3
{
	position:absolute;
	top:30px;
	font-size:19px;
	font-weight:600;
	margin-left:16px;
}

div.onboardingscreen ul.smallcards li h3.shifted
{
	position:absolute;
	top:10px;
	font-size:19px;
	font-weight:600;
	margin-left:16px;
}

div.onboardingscreen ul.smallcards li h4
{
	position:absolute;
	top:40px;
	font-size:14px;
	font-weight:400;
	margin-left:16px;
}


div.onboardingscreen ul li h3
{
	font-family:'Montserrat',sans-serif;
	font-size:17px;
	font-weight:600;
	margin-left:16px;
}

div.onboardingscreen ul li p
{
	margin:0px;
	font-size:17px;
	line-height:24px;
	font-weight:400;
	margin-left:16px;
	margin-right:16px;
}

div.onboardingscreen ul li.white
{
	color:black;
	background-color:white;
	border:none;
}

div.onboardingscreen ul li.trans
{
	color:white;
	background-color:transparent;
	border:2px dashed white;
}

div.onboardingscreen ul li.white p
{
	color:#787878;
}

div.onboardingscreen ul li.trans p
{
	color:#ffffff;
}
div.onboardingscreen ul li.trans p a
{
	color:#ffffff;
}

div.cardstripe
{
	position:absolute;
	bottom:0px;
	width:100%;
	height:22px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}


div#createaccountformdiv
{
	position:relative;
}

div.createaccountformdivfields
{
	margin-bottom:15px;
}

div.createaccountformdivspinner
{
	display:none;
	margin-bottom:15px;
}

img.spinner
{
	width:70px;
	height:70px;
	animation: spin 6s linear infinite;
}


img.chevron {
	width:28px;
	height:28px;
}

div.toexplore
{
	margin-left:140px;
	margin-right:140px;
}

h2 {
	font-weight:500;
}

h2#whyareyouheretitle {
	font-size:26px;
}

h2#projecttypetitle {
	font-size:26px;
}


#telluscontent {
	display:none;
	width:500px;
}

#tellus_txt {
	width:480px;
	height:100px;
	font-size:18px;
}