:root {
    --Main-UI-700: #374151;
    --colour-coolGray-150:#EBEDF0;
    --colour-coolGray-400: #9CA3AF;
    --text-gray-2: #374151;
    --radius-rounded:4px;
    --colours-border-border-gray-1:#D1D5DB;
    --colours-surface-light-surface-white: #FFF;    
    --colours-text-text-gray-1: #111827;
    --colours-text-text-gray-4:#9CA3AF;
    --colour-teal-500: #14B8A6;
    --text-error-1: #BE123C;
    --la-button:#27344A;

}
body{padding:0;margin:0;text-align:center;}
body,td,textarea{font-size:16px;font-family: "Roboto Flex";}	

#page{text-align:left;margin:0 auto;background:#dedede;overflow:hidden;background:#ffffff;}

.wcwidth{position:relative;max-width:1180px;margin:0 auto;}
.cwidth{margin:0 20px;}
.clear{clear:both;}

.login_bg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background: transparent url(imgs/main_bg.svg) no-repeat center center;
    background-size: cover!important;
    background-position: center bottom!important;
}
.center_login_form{
    color: var(--text-gray-2);
    display: flex;
    margin: auto;
    background: #fff;
    padding: 32px 24px 24px 24px;
    width: 100%;
    max-width: 400px;
    box-shadow: 0px 25px 50px 0px rgba(31, 41, 55, 0.25);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 8px;
}

#splash{padding-top:120px;font-size:34px;font-weight:bold;}
#landingphrase{color:#44BA8D;font-weight:bold;font-style:italic;padding-top:10px;margin-bottom:35px;}

.button{display:inline-block;background:#44BA8D;font-size:20px;padding:15px 25px;}

.button, .button:hover, .button:visited, .button:link{color:#ffffff;text-decoration:none;}


.homefineprint{font-size:14px;padding-top:20px;font-weight:normal;}

#homelaptop{position:absolute;top:180px;right:-15%;width:640px;}

#subbanner{padding-top:40px;padding-bottom:70px;color:#0D4871;font-weight:bold;}

.slidein_right{position:absolute;top:35px;right:-10%;width:45%;}
.slidein_left{position:absolute;top:35px;left:-10%;width:45%;}

.decktitle{color:#0D4871;font-weight:bold;font-size:35px;padding-bottom:40px;}
.decktext{width:60%;margin-bottom:70px;}

.deckintro{margin-bottom:55px;color:#4F4F4F;font-size:18px;}


.deckul{margin-bottom:40px;}
.deckli{float:left;width:46%;margin-right:4%;min-height:42px;margin-bottom:25px;color:#525252;}
.deckli span{display:block;padding-left:28px;background:transparent url(../images/bullet.gif) no-repeat 0 3px;}

.deck_{background:#F5FBFF;padding-top:75px;padding-bottom:20px;margin-bottom:70px;border-top:solid 1px #E2DFDF;border-bottom:solid 1px #E2DFDF;}

.wcwidth.inverted .decktitle,
.wcwidth.inverted .decktext{margin-left:40%;}

#footer_,#footer{background:#2B2B2B;color:#ffffff;}
#footer{padding-top:70px;padding-bottom:65px;}

#footerlogo{width:190px;}
#copyright{
    margin-bottom: 10px;
    color: #A7A7A7;
    font-size: 13px;
}
.footer_links{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
}
.footer_links a{
    margin: 0 12px;
}

#menu{position:absolute;top:50px;right:0;}
.menuitem{cursor:pointer;float:left;display:block;margin-left:30px;font-size:15px;padding:10px 20px;}
#menu .menuitem.notop{padding-top:0;padding-bottom:0;}
.menuitem, .menuitem:visited, .menuitem:link, .menuitem:hover{color:#ffffff;text-decoration:none;}

#loginbutton, #trybutton{border:solid 1px #ffffff;}
#trybutton{background:#ffffff;color:#174F77;}

#loginbutton:hover{background:#ffffff;color:#174F77;}
#signupform{}

.signuptitle{font-size:33px;margin-bottom:12px;color:#0D4871;text-align:center;font-weight:bold;}
.signinlink{text-align:center;font-size:13px;color:#4A4A4A;font-weight:bold;margin-bottom:30px;}

.signinlink a, .signinlink a:hover, .signinlink a:visited, .signinlink a:link{color:#51BF95;text-decoration:none;}
.signinlink a:hover{text-decoration:underline;}


.email_bg{
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M14.6666 4.00003C14.6666 3.26669 14.0666 2.66669 13.3333 2.66669H2.66659C1.93325 2.66669 1.33325 3.26669 1.33325 4.00003V12C1.33325 12.7334 1.93325 13.3334 2.66659 13.3334H13.3333C14.0666 13.3334 14.6666 12.7334 14.6666 12V4.00003ZM13.3333 4.00003L7.99992 7.33336L2.66659 4.00003H13.3333ZM13.3333 12H2.66659V5.33336L7.99992 8.66669L13.3333 5.33336V12Z" fill="%236B7280"/></svg>')!important;
}
.pass_bg{
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M12.0001 5.6667H11.3334V4.33336C11.3334 2.49336 9.84008 1.00003 8.00008 1.00003C6.16008 1.00003 4.66675 2.49336 4.66675 4.33336V5.6667H4.00008C3.26675 5.6667 2.66675 6.2667 2.66675 7.00003V13.6667C2.66675 14.4 3.26675 15 4.00008 15H12.0001C12.7334 15 13.3334 14.4 13.3334 13.6667V7.00003C13.3334 6.2667 12.7334 5.6667 12.0001 5.6667ZM6.00008 4.33336C6.00008 3.2267 6.89341 2.33336 8.00008 2.33336C9.10675 2.33336 10.0001 3.2267 10.0001 4.33336V5.6667H6.00008V4.33336ZM12.0001 13.6667H4.00008V7.00003H12.0001V13.6667ZM8.00008 11.6667C8.73341 11.6667 9.33341 11.0667 9.33341 10.3334C9.33341 9.60003 8.73341 9.00003 8.00008 9.00003C7.26675 9.00003 6.66675 9.60003 6.66675 10.3334C6.66675 11.0667 7.26675 11.6667 8.00008 11.6667Z" fill="%236B7280"/></svg>')!important;
}
.phone_bg{
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><g clip-path="url(%23clip0_485_221)"><path d="M10.6667 0.666702H5.33341C4.41341 0.666702 3.66675 1.41337 3.66675 2.33337V13.6667C3.66675 14.5867 4.41341 15.3334 5.33341 15.3334H10.6667C11.5867 15.3334 12.3334 14.5867 12.3334 13.6667V2.33337C12.3334 1.41337 11.5867 0.666702 10.6667 0.666702ZM8.00008 14.6667C7.44675 14.6667 7.00008 14.22 7.00008 13.6667C7.00008 13.1134 7.44675 12.6667 8.00008 12.6667C8.55341 12.6667 9.00008 13.1134 9.00008 13.6667C9.00008 14.22 8.55341 14.6667 8.00008 14.6667ZM11.0001 12H5.00008V2.6667H11.0001V12Z" fill="%236B7280"/></g><defs><clipPath id="clip0_485_221"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>')!important;
}

.icon_bg{
    background-size: 16px 16px!important;
    background-repeat: no-repeat!important;
    background-position: 8px 11px!important;
}

.signuplabel, #tfa_keyfile{
    color: var(--colours-text-text-gray-2);
    display: flex;
    align-items: center;
    padding: 4px 0;
    align-self: stretch;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}
.signupinp_ {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 16px;
    position: relative;
}

input:focus, input:active{
    outline: 0;
}
input:-webkit-autofill {
    background: #ccc;
}

input:-webkit-autofill:focus {
    background: #ccc;
} 

input::placeholder {
   color: var(--colours-text-text-gray-4);
}

.signupinp{
    display: flex;
    padding: 10px 8px;
    padding-left: 28px;
    width: 100%;
    align-items: center;
    align-self: stretch;
    border-radius: var(--radius-rounded);
    border: 1px solid var(--colours-border-border-gray-1);
    color: var(--colours-text-text-gray-1);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; 
}

span.password_visability {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 4px);
    padding: 0 8px;
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
    background: #fff;
}

i.f_eror {
    margin-right: 5px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M7.33331 9.99992H8.66665V11.3333H7.33331V9.99992ZM7.33331 4.66659H8.66665V8.66659H7.33331V4.66659ZM7.99331 1.33325C4.31331 1.33325 1.33331 4.31992 1.33331 7.99992C1.33331 11.6799 4.31331 14.6666 7.99331 14.6666C11.68 14.6666 14.6666 11.6799 14.6666 7.99992C14.6666 4.31992 11.68 1.33325 7.99331 1.33325ZM7.99998 13.3333C5.05331 13.3333 2.66665 10.9466 2.66665 7.99992C2.66665 5.05325 5.05331 2.66659 7.99998 2.66659C10.9466 2.66659 13.3333 5.05325 13.3333 7.99992C13.3333 10.9466 10.9466 13.3333 7.99998 13.3333Z" fill="%23BE123C"/></svg>');
    background-size: cover;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
}

.lselect,.rselect{float:left;position:relative;}
.lselect{width:55%;}
.rselect{width:45%;}
.lselect_{padding-right:16px;}

.lselect select, .rselect select{width:99%;display:block;height:34px;line-height:34px;border:solid 1px #D4D4D4;margin-bottom:16px;color:#444444;}

.ccsptr{position:absolute;top:2px;right:5px;color:#a4a4a4;text-align:center;}

.signupbutton_{
    display: flex;
    width: 100%;
    margin: 8px 0;
}
.signupbutton{
    border-radius: 4px;
    width: 100%;
    -webkit-appearance: none;
    border:none;
    background: var(--colour-coolGray-150);
    color:var(--colour-coolGray-400);
    color:#ffffff;
    padding:10px 8px;
    cursor: not-allowed;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.signupbutton.active{
    background:var(--colour-teal-500);
    color: #fff;
    cursor: pointer;
}
.lastyle.active{
    background:var(--la-button);
}

#menu #loginbutton.menuitem, #menu #signupbutton.menuitem{opacity:1;min-width:100px;text-align:center;border:solid 1px #ffffff;padding:9px 15px;margin-left:15px;text-decoration:none;}
#menu #signupbutton.menuitem{margin-right:0;}

#menu #signupbutton,#menu #signupbutton.menuitem, #menu #signupbutton.menuitem:visited, #menu #signupbutton.menuitem:link{background:#ffffff;color:#0D4871;text-decoration:none;}

#menu #loginbutton.menuitem:hover{background:#ffffff;color:#0D4871;}
#menu #signupbutton.menuitem:hover{background:#0D4871;color:#ffffff;}

.popcontainer{z-index:1000;transition:opacity 500ms,height 500ms;height:0;overflow:hidden;opacity:0.5;position:absolute;top:45px;left:30px;white-space:nowrap;background:#0C2D44;min-width:100px;box-shadow:0 2px 4px #333333;}
.popcontainer_{padding:10px;}

#menu .popcontainer .menuitem{font-size:14px;color:#dedede;text-decoration:none;float:none;margin-bottom:5px;margin-left:0;padding:3px;}
#menu .popcontainer .menuitem:hover{color:#ffffff;}

.signupheading {
    color: var(--Main-UI-700);
    margin: 16px 0;
    text-align: center;
    font-family: "Roboto Flex";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.signupback{font-size:14px;margin-bottom:12px;}
.signupback a, .signupback a:hover, .signupback a:visited, .signupback a:link{color:#51BF95;text-decoration:none;}
.signupback a:hover{text-decoration:underline;}

.signupradios{height:26px;margin-bottom:16px;}
.signupradio{margin-right:20px;color:#666666;}
.signupradio.last{margin-right:0;}

#formerror {
    color: var(--text-error-1);
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
}

#pwarn_err{
    display: none;
    align-items: center;
}
div#passwarn {
    display: flex;
    width: 100%;
    color: var(--text-error-1);
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
}
.footerlink, .footerlink:hover, .footerlink:visited, .footerlink:link{color:#999999;text-decoration:none;}
.footerlink:hover{text-decoration:underline;color:#ffffff;}

.loginbox-links {text-align:center;font-size:12px;line-height:18px;}
.loginbox-links a {text-decoration:none;color:#0092DD;}
.loginbox-links a:hover {text-decoration:underline;}

.signupformright{
	float:left;
	margin-top:60px;
	color:#ffffff;
}
.smalltitle{
	
	font-size:24px;
	line-height:36px;
}
.letsgetstarted{
	font-size:50px;
	margin-top:70px;
	font-weight: 600;
}
.knowledgebox{
	margin-top:70px;
	width:440px;
	height:100px;
	background-color: rgba(18,45,63,0.7);
	padding-left:25px;
	padding-right:25px;
	padding-top:20px;
}
.knowledgetitle{
	color:#44BA8D;
	font-size:18px;
	margin-bottom:10px;
}
img.half{
	width:50%;
	float:right;
}
.progressbar{
	height:11px;
	margin-top:20px;
}
.progressbar.full{
	background-color:#44BA8D;
}
.signupradio{
	border:solid 1px #D4D4D4;
	height:36px;
	width:88px;
	float:left;
	padding-top:8px;
	cursor:pointer;
}
.signupradio.active{
	background-color:#44BA8D;
	color:#ffffff;
}
.signupradios{
	height:44px;
}

.checkcircle{
    width: 29px;
    height: 36px;
    float: left;
}
.innercircle{
	width:18px;
	height:18px;
	border:solid 1px #D4D4D4;
	border-radius: 10px;
	background-color:#ffffff;
	margin-left:4px;
	margin-top:2px;
}
.active .innercircle{
	width:19px;
	height:19px;
	border-width:0px;
	background-image:url('../images/check.png');
	background-size:75%;
	background-position: center;
	background-repeat:no-repeat;
}
#usertype_1,
#usertype_2,
#usertype_3{
	display:none;
}

.accountverified_view{position:fixed;background:rgba(255,249,196,1);width:100%;}
.accountverified_content{padding:5px 300px 5px 5px;text-align:center;font-weight:bold;color:#EEA226;}

/* ---------------------------------------- */

@media screen and (min-width:20px){
	#page{width:auto;}
	.cwidth{width:1100px;margin:0 auto;}	
}

@media screen and (max-width:1140px){
	.cwidth{width:auto;}	
}

@media screen and (max-width:500px){
    .center_login_form{
        box-sizing: border-box;
        max-width: 90% !important;
    }
	.cwidth{margin:0 10px;}	
}

/* ---------------------------------------- */

@media screen and (max-width:1220px){
	#menu{right:20px;}
}

@media screen and (max-width:1020px){
	.signupformright{
		width:52%;
	}
	.menuitem{margin-left:15px;padding-left:10px;padding-right:10px;}
}

@media screen and (max-width:900px){
	.signupformright{
		display:none!important;
	}
	.menuitem{margin-left:15px;padding-left:10px;padding-right:10px;}
}

@media screen and (max-width:680px){
	#menu{display:none;}
	#banner{padding-top:20px;}
	.signupformright{
		display:none!important;
	}
}

@media screen and (max-width:480px){
	.signuptitle{font-size:26px;margin-bottom:5px;}
}

@media screen and (max-width:380px){
	.signupradios{height:auto;margin-bottom:16px;}
	.signupradio{display:block;margin:0;}
}

@media screen and (max-width:340px){
	.signuptitle{font-size:22px;margin-bottom:5px;}
	.signinlink a{display:block;}
	.signupradio{width:75px;}
	.checklabel{font-size:14px;}
}
#menu  .item-group .item-group-vals{
  max-height: 0;
  overflow: hidden;
  -webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;
  float:right;
  }
#la-price-options .item-group.open .item-group-vals,
#menu  .item-group.open .item-group-vals{
  max-height: 600px;
}
.item-group-vals{
	background-color:#FFFFFF;

}
#menu .item-group-vals .menuitem.notop{
	color:#000000;
}

/*Login Style Changes - Seden */
#page{overflow:auto;}
.center_login_form{
    display: flex;
    margin: auto;
    max-width: 400px;
}
#leftcontent{ margin:10% auto; max-width: 850px;overflow:hidden; }
#morty { max-width:250px; display:block; float:left; margin-left:10%;}
#morty.success{float:none;margin:0px auto;}
.mortytext {margin-bottom: 40px;}
.mortytext p{ font-size:42px; margin:3px 0; line-height: 45px; }
.textprimary{color:#55C2B9; }
.textwhite{color:#FFFFFF;}
#textblockstep3{text-align: center;}
.signuptext {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
}
.signuptext a{text-decoration:none;}
.loginbox{overflow: hidden;}

.resetpass {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.065px;
    justify-content: center;
    display: flex;
    width: 100%;
    text-decoration: none;
    color: var(--Main-UI-700);
    cursor: pointer;
}
.returntologin{
    margin-top: 16px;
    font-size: 13px;
    width: 100%;
    text-align: center;
    padding: 10px 8px;
    border-radius: 4px;
    border: 1px solid var(--colours-border-border-gray-1);
    color: var(--colours-text-text-gray-1);
    text-decoration: none;
}
.cancel_reset{
    font-size: 13px;
    width: 100%;
    text-align: center;
    padding: 10px 8px;
    border-radius: 4px;
    border: 1px solid var(--colours-border-border-gray-1);
    color: var(--colours-text-text-gray-1);
    text-decoration: none;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.error_line{
    display: flex;
    align-items: center;
}

/*Custom Checkbox styling for remember me*/
.chkboxcontainer{margin-left:-22px; margin-bottom:30px;}
.chkboxcontainer input[type="checkbox"] {opacity:0;}
.chkboxcontainer label {position: relative;display:inline-block; padding-left:24px; color:#56647C;}
.chkboxcontainer label::before,.chkboxcontainer label::after {position: absolute;content:"";display:inline-block;}
.chkboxcontainer label::before{height:16px;width:16px;border:solid 1px #C6CEDB;left:0px;top:4px;}
.chkboxcontainer label::after {height:5px;width:9px;border-left:solid 2px #FFFFFF;border-bottom:solid 2px #FFFFFF;;transform: rotate(-45deg);left:4px;top:7px;}
.chkboxcontainer input[type="checkbox"] + label::after {content:none;}
.chkboxcontainer input[type="checkbox"]:checked + label::before {background:#55C2B9;border-color:#55C2B9;}
.chkboxcontainer input[type="checkbox"]:checked + label::after {content: "";}
.chkboxcontainer input[type="checkbox"]:focus + label::before {outline: #55c2b9 auto 5px;}
/*End*/
#signuppanel{ position: relative; width: 100%;}
#banner{padding:50px 25px;}
.footerlink, .footerlink:hover, .footerlink:visited, .footerlink:link{ color:#999999;}
#signuparrow{float:right;}

/*Top Bar Styling for Sign Up Page*/
#signuptopbar{padding:0 10%;}
#signuptopbar .signupstep{width:50%;float:left;border-bottom:solid 1px #91A3B7; padding:30px 0 20px; color:#91A3B7; cursor:default;}
#signuptopbar .signupstep span{vertical-align: bottom;}
#signuptopbar .signupstep .stepimg{width:20px; height:20px; display:inline-block; vertical-align: middle; margin:0 10px;}
#signuptopbar .signupstep  #step1img{background: url("../images/step1img.png") no-repeat center center;}
#signuptopbar .signupstep  #step2img{background: url("../images/step2img.png") no-repeat center center;} 
#signuptopbar .signupstep.active{border-color: #0B4972; color:#0B4972;}
#signuptopbar .signupstep.active  #step1img{background: url("../images/step1img_active.png") no-repeat center center;}
#signuptopbar .signupstep.active  #step2img{background: url("../images/step2img_active.png") no-repeat center center;}
.signupradio{ width:30%;border:none;color:#56647C; border-bottom: solid 1px #C6CEDB;}
.signupradio.active{background:none; color:#56647C; border-bottom:solid 2px #55C2B9;}

.contactmultiblock .addrdetail{float:left; margin-right:15px; width:33%;}
.contactmultiblock #zipdetail,.contactmultiblock #provdetail{max-width: 29.5%;}
.contactmultiblock #zipdetail{ margin-right:0;}
.contactmultiblock .phonedetail {float:left; width:48%; margin-right: 10px;}
.contactmultiblock .phonedetail:nth-child(2){margin-right:0; margin-left: 10px;}
.backbutton{margin-top: 0;background: #dde9f2; text-decoration:none; color:#56647C; border-radius: 3px;font-weight: 400;font-size: 16px;transition: background-color 0.2s ease;padding: 12px 40px;}
.backbutton:hover{background: #c3d5e5;}
.button{display:inline-block;background:#55C2B9;font-size:20px;padding:15px 25px; border-radius: 3px; transition:background-color 0.2s ease;}
.button:hover{background:#4fb6ad;}

.resetsuccess {
    margin: 24px 0 8px;
    color: #55C2B9;
    font-size: 14px;
    text-align: center;
}

#morty.morty-signup{max-width:400px;}

@media screen and (max-width:1570px){
#signuptopbar .signupstep{width:auto;}
#leftcontent{max-width: 700px;}
#signuparrow{width:350px;}
.contactmultiblock .phonedetail{margin-right:0px;}
}
@media screen and (max-width:1460px){
#signuptopbar .signupstep{font-size:14px;}
}
@media screen and (max-width:1440px){
.mortytext p{font-size: 36px;}
}

@media screen and (max-width:1300px){
.signupradio{width:100%;}
.signupradio.last{margin-bottom:15px;}
}
@media screen and (max-width:1250px){
#leftcontent{padding:0 25px; margin:10% 0;}
#signuptopbar .signupstep{float:none;}
}
@media screen and (max-width:1200px){
#signuparrow{display: none;}
.contactmultiblock .addrdetail{float:none;width:100%;}
.contactmultiblock #zipdetail, .contactmultiblock #provdetail{max-width: none;}
}
@media screen and (max-width:1150px){
#leftcontent{padding:0 20px;}
.mortytext p{font-size: 32px;}

}

@media screen and (max-width:900px){	
.left,.right{display: block;width: auto;}
#banner{padding:30px 25px;}
.login_bg{height:auto; min-height: 100vh;}
.login_bg.ma_halloween{background-image:none;}
#leftcontent{display:none;}
.contactmultiblock .phonedetail{width:auto;float:none;}
}

input:is(:-webkit-autofill, :autofill) {
  padding: 10px 8px;
  z-index: 121;
}

.resetpass:hover{
    color: var(--colour-teal-500);
}