@charset "utf-8";
/* CSS Document */
/* colors
	yellow	- #FFF7E6 - rgba(255,247,230,1.00)
	blue	- #103257 - rgba(16,50,87,1.00)
	orange	- #dc9632 - rgba(220,150,50,1.00)
	lt blue	- #eaf3ff - rgba(234,243,255,1.00)
*/
html, body {
	width:100%;
	height:100vh;
	font-family: "Noto Sans", sans-serif;
	font-size:22px;
}
#form1 {
}
html, body, div, span, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  abbr, address, cite, code,  del, dfn, em, img, ins, kbd, q, samp,  small, strong, sub, sup, var,  b, i,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td,  article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary,  time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.5;
/*	background: url("../Images/bg.png");
	background-color:rgba(255,247,230,1.00);
*/
}
.w33 {
	width:33.33%;
	min-width:330px;
}
.alert {
	color:rgba(158,0,2,1.00);
	font-size:1em;
	font-weight:600;
}
.center {
	margin:0 auto;
	text-align:center;
}
.container {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
.menu-top {
	height:70px;
	width:100%;
	z-index: 1;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
.tbrand {
	width:80px;
	height:80px;
	margin:5px 0 0 20px;
	background:url("Images/Seal-blue.png") no-repeat center center;
	background-size: contain;
}
.m-mlist {display:none}
.mlist {
	margin:0 0 0 50px;
}
.mlist ul {
	height:70px;
	list-style-type: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.mlist ul li {
	width:150px;
	margin:0 8px;
	line-height:1em;
	text-align:center;
}
.mtop a {
	color:rgba(16,50,87,1.00);
	text-decoration: none;
	font-weight: 700;
}
.mtop a:hover {text-decoration:underline;}
.fi a {
	padding:6px 18px;
	background:rgba(24,127,33,1.00);
	color:rgba(255,255,255,1.00);
	text-decoration: none;
}
.pd a {
	padding:6px 18px;
	background:rgba(64,130,158,1.00);
	color:rgba(255,255,255,1.00);
	text-decoration: none;
}
.body-text .pd, .body-text .fi,
.pd-item .pd, .fi-item .fi {
	margin-top:15px;
}
.fi a:hover, .pd a:hover {padding:8px 20px;}
.newuser {
	width: 310px;
	margin-top:10px;
	color:rgba(16,50,87,1.00);
	border:1px solid rgba(16,50,87,1.00);
	background-color: rgba(16,50,87,0.15);
	padding:3px 12px 12px 12px;
}
.newuser .fi {margin-top:8px; width:auto;}
.header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height:450px;
	padding:0px;
	border-bottom:1px solid rgba(106,106,106,1.00);
	background: url("Images/Vault-Wheel-60.png") no-repeat center center;
	background-size: cover;
}
.head1 {
	flex:4 1 auto;
	background: url("Images/Vault-Wheel-dkblu.png") no-repeat center center;
	background-size: cover;
}
.head2 {
	flex:1 1 auto;
	max-width: 440px;
	height:100%;
}
.hl {
	font-size: 2em;
	line-height: 60px;
	font-weight: bold;
	color:#fff;
	padding:8px 30px;
	margin:0 0 65px -15px;
	width: 100%;
	max-width:950px;
	height:60px;
	text-align: center;
	background-color:rgba(220,150,50,1.00);
	
    clip-path: polygon(
        /* top edge */
            0px 0%,
            calc(100% - 0px) 0%,
        /* right edge */
            100% 0px,
            100% calc(100% - 100px),
        /* bottom edge */
            calc(100% - 100px) 100%,
            100px 100%,
        /* left edge */
            0% calc(100% - 0px),
            0% 100px
    );
}
.hr {
	display:none;/*
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-style: italic;
	font-weight: bold;
	font-size:2em;
	width:100%;
	text-align: center;
	height:30px;
	margin-bottom: 10px;
	color:#111;
	line-height: 30px;
	-webkit-filter: drop-shadow(3px 3px 2px rgba(26,26,26,1.00));
	filter: drop-shadow(3px 3px 2px rgba(26,26,26,1.00));*/
}
.hc {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	height:175px;
	background: url("Images/PledgeWV-Logo-banner-top.png") no-repeat center center;
	background-size: contain;
	-webkit-filter: drop-shadow(3px 3px 2px rgba(26,26,26,1.00));
	filter: drop-shadow(3px 3px 2px rgba(26,26,26,1.00));
}
.nav {
	width:100%;
}
.contentsection {

}
.enroll {
	max-width:1150px;
	margin-bottom:40px!important;
}
.enrollform {
	padding:10px 20px;
	max-width:900px;
	margin:0 auto;
}
.enrollform input {
	height:28px;
	padding:3px 6px!important;
	border-radius: 4px;
	border:1px solid rgba(175,175,175,1.00);
}
.column {
	display:flex;
	flex-direction: column;
	flex-wrap: nowrap;
	flex:1 1 auto;
	margin:12px 6px;
}
.row > .column {margin:0px 6px;}
.row {
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.column input, #txt_phone, .column span input {
	height:40px;
	min-width:350px;
	width:450px;
	font-size:.9em;
}
.column span {
}
#txt_phone {
	height:48px!important;
	font-weight:600;
	font-size:20px;
	color:#000;
}
#bt_enrollPanel {text-align:center;}
#bt_enroll,
#bt_emailpw,
#bt_savepw {
	font-size: 1.2em;
	color:#353535;
	padding:10px 20px;
	margin:20px auto;
	background-color: rgba(234,243,255,1.00);
}
#bt_enroll:hover,
#bt_emailpw:hover,
#bt_savepw:hover {
	background-color: rgba(255,247,230,1.00);
}
.row label {
	margin:5px 0 0 5px;
	font-size:1em;
	line-height:1.2em;
	color:#111111;
}
.csf {
	flex:1;
	padding:20px 40px;
	min-width:330px;
}
.c1 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
/*	background-color:rgba(16,50,87,0.15);*/
}
.c2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-around;
	align-items:flex-start;
	padding:30px 0;
	text-align: center;
	background-color:rgba(16,50,87,0.05);
	border-top:2px solid rgba(16,50,87,1.00);
}
.c3 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-around;
	align-items:flex-start;
	text-align: center;
}
.c4 {display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:center;
	align-items:flex-start;
	text-align: center;
}
.c5 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	/*background-color:rgba(16,50,87,0.15);*/
}
.featdesc {
	border-top:3px solid #BDBDBD;
	background:url("Images/fed5.png") no-repeat center center; 
	background-size: cover;
	background-color: rgba(16,50,87,1.00);
	color:#fff;
	padding:20px 60px;
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start
}
.badge {
	min-width: 180px;
	height:180px;
	margin-right:40px;
	background: url("Images/PledgeWV-Logo-Badge.png") no-repeat center center;
	background-size: contain;
}
.feat-text {
	font-family: "Outfit", sans-serif;
	font-size:1.4em;
	font-weight: 500;
	text-align: justify;
}
.work-blob {
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	padding:30px 12px;
}
.work-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	width:100%;
	max-width: 225px;
	max-height:230px;
	padding:12px;
	margin:0 8px;
	text-align: center;
}
.work-item .fi-icn,
.work-item .pd-icn,
.work-item .sk-icn{height:160px}
.item-l {max-height: 280px}
.arr {max-width: 125px;}
.blob {
/*	background-color:rgba(255,247,230,0.80);
	border:1px solid rgba(106,101,61,1.00);
	border-radius: 12px;*/
}
.blob-text {
	margin-top: 12px;
	line-height: 1.3em;
	font-weight: 500;
}
.sto-bold {font-weight: bold;}
.arrow {
	width:125px;
	height:45px;
	margin:2px 20px;
	background: url("Images/arrow.svg") no-repeat center center;
	background-size: contain;
	transform: rotate(90deg);
	filter: invert(14%) sepia(23%) saturate(4287%) hue-rotate(190deg) brightness(95%) contrast(92%);
}
.flip {transform: rotate(270deg);}
.pledge {
	width:250px;
	height:250px;
	margin:0 8px;
	background: url("Images/PledgeWV-Logo-Badge.png") no-repeat center center;
	background-size: contain;
}
.stack {
	display: flex;
	flex-direction: column;
	background-color:rgba(16,50,87,0.05);
	border-top:2px solid rgba(16,50,87,1.00);
}
.feature {
	display:flex;
	flex-direction: column;
	justify-content: center;
	width:100%;
	height:100%;
	padding:20px 20px 20px 40px;
	box-sizing: border-box;
	max-width: 440px;
	min-width: 340px;
	background:url("Images/column15.png") no-repeat center right; 
	background-color: rgba(223,223,223,1.00);
}
.sec-color {
	background-color: rgba(255,247,230,0.50);
}
.sk-icn {
	height:120px;
	width:100%;
	background: url("Images/vault.png") no-repeat center center;
	background-size: contain;
}
.sto-icn {
	height:120px;
	width:100%;
	background: url("Images/Seal-blue.png") no-repeat center center;
	background-size: contain;
}
.fi-icn {
	height:120px;
	width:100%;
	background: url("Images/bank.png") no-repeat center center;
	background-size: contain;
}
.pd-icn {
	height:120px;
	width:100%;
	background: url("Images/deposit.png") no-repeat center center;
	background-size: contain;
}
.icn-lg {height:200px;}
.fi-ck, .pd-ck {
	height:50px;
	background: url("Images/check_circle.svg") no-repeat center center;
	background-size: contain;
	filter: invert(45%) sepia(30%) saturate(4662%) hue-rotate(77deg) brightness(83%) contrast(74%);
}
.fi-item, .pd-item {font-size:1.3em;}
.fi-sec, .pd-sec {margin-top:20px;}
.fi-color{
	width:100%;
	border-right:5px solid #348C21/* rgba(255,247,230,1.00)*/;
}
.fi-list, .pd-list {
	margin:8px 0;
	padding:12px;
}
.title {
	color:rgba(16,50,87,1.00);
	font-size:1.6em;
	font-weight: 500;
}
.heading {
	color:rgba(16,50,87,1.00);
	font-size:2em;
	line-height: 1.3em;
	font-weight: 500;
	padding-top:30px;
}
.subhead {
	color:rgba(16,50,87,1.00);
	font-size:1.4em;
	font-weight: 600;
}
.body-text input {
	height:35px;
	width:250px;
	border-radius: 8px;
	margin:8px 0;
	padding:3px 8px;
	font-size:16px;
	border:1px solid rgba(16,50,87,1.00);
}
.table {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	min-width: 340px;
	max-width: 920px;
	width: 100%;
	justify-content: center;
	margin: 0 auto 40px auto;
}
.table .csf {padding:0;}
.table .fi-sec, .table .pd-sec {
	min-width:340px;
	max-width:457px;
	width:100%;
	display:flex;
	flex-direction: column;
	flex-wrap:nowrap;
}
.fi-td, .pd-td {
	width:100%
}
#hl_forgotpw {
	display: block;
	clear:both;
	font-size:.8em;
	color:rgba(81,81,81,1.00);
}
#lbl_loginerror {
	display: block;
	font-size:.7em;
	width:100%;
	clear:both;
	font-style: italic;
}
.disclosures {
	padding:20px;
	color:#fff;
	background: rgba(16,50,87,1.00);
	border-top: 8px solid rgba(16,50,87,1.00);
}
.disclosures details summary {list-style: none;}
.disclosure-title {
	text-align: center;
	font-size: 1.3em;
	font-weight:600;
}
.disclosure-title span {margin-left:50px;}
/*
.content .disclosures {
	padding:20px;
	margin-top:30px;
	background: #fff;
	color:rgba(16,50,87,1.00);
	border: 1px solid rgba(16,50,87,1.00);
}
.content .disclosure-title {padding:0 20px;text-align: left}
.content .disclosure-title span {display: block;float:right;}*/
details .disclosure-text {display: none;}
details[open] .disclosure-text {
	display: block;
	padding: 0 20px;
	margin-top: 10px;
	font-size: .9em;
}
.logoff {
	position: absolute;
	top: 10px;
	right:10px;
	display: block;
	width:100px;
	text-align: center;
	background-color: rgba(255,255,255,0.80);
	border:1px solid rgba(16,50,87,1.00);
}
.logoff:hover {
	opacity: .9;
}
.logoff a {
	color:rgba(16,50,87,1.00);
	padding:18px 6px;
	font-weight: bold;
	text-decoration: none;
}.logoff a:hover {color:rgba(220,150,50,1.00);}
.content {
	height:100%;
	background-color: #ffffff;
	width:1800px;
	margin:0 auto;
	padding:30px;
}
.collat-content {
	min-height:400px;
	height:100%;
	background-color: #ffffff;
	width:100%;
	margin:0 auto;
	padding:0;}
/*#Label1 {
	display: block;
	font-size: 2em;
	color:rgba(16,50,87,1.00);
	font-weight: 900;
	margin-bottom:20px;
}*/
/*  Pages  */
/* Overview */
.overview {
	font-size: .9em;
	max-width:1200px;
	margin:0 auto;
	padding:10px 30px;
}
.overview p {
	padding:10px 0;
}
.url a {
	font-size:1.3em;
	font-weight: 700;
	text-decoration: none;
	margin:0 40px;
	color:rgba(16,50,87,1.00);
}
/*	yellow	- #FFF7E6 - rgba(255,247,230,1.00)
	blue	- #103257 - rgba(16,50,87,1.00)
	orange	- #dc9632 - rgba(220,150,50,1.00)
	lt blue	- #eaf3ff - rgba(234,243,255,1.00)*/
.url a:hover {
	text-decoration: underline;
	color:rgba(220,150,50,1.00);
}
.url a::before {
	content:'';
	display:inline-block;
	width:45px;
	height:45px;
	margin:0 12px -12px 0;
	background: url("Images/url.svg") no-repeat center center;
	background-size: contain;
	filter: invert(14%) sepia(23%) saturate(4287%) hue-rotate(190deg) brightness(95%) contrast(92%);
}
.url a:hover::before {filter: invert(45%) sepia(30%) saturate(4662%) hue-rotate(77deg) brightness(83%) contrast(74%);}
/***********/
article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,  q:before, q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
table td {
	padding:4px;
}

#Menu1 ul li a:hover {
	color:rgba(220,150,50,1.00);
}
#Menu1 ul li ul li a:hover {
	color: rgba(16,50,87,1.00);
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}
#bt_login {
	background:linear-gradient(to bottom, rgba(16,50,87,0.80), rgba(16,50,87,1.00));/*rgba(16,50,87,1.00)*/
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid rgba(103,103,103,1.00);
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:"Noto Sans", sans-serif;
	font-size:1.1em;
	font-weight:bold;
	padding:0px 28px;
	width:258px;
	text-decoration:none;
}
#bt_login:hover {
	background:linear-gradient(to bottom, rgba(220,150,50,1.00), rgba(220,150,50,0.80));
	background-color:#ffffff;
}
#bt_login:active {
}
#bt_login a {
	color:#ffffff;
}
#lbl_pdname {font-size:1.4em;}
/* popups */

.RadWindow_Default,
.RadWindow_Default span {font-family: "Noto Sans", sans-serif!important;}
.popup span {font-family: "Noto Sans", sans-serif!important;}
.popup table td {
	padding:4px;
}
.popup #Label1 {
	font-size: 1em;
	margin-bottom:4px;
	color: rgba(0,0,0,1.00);
	font-weight: normal;
}
.table table {
	min-width:580px;
}
.table table tr td table {
	width: 100%;
}
.table table tr {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 100%;
	border-bottom: 1px solid rgba(204,204,204,0.80);
}
.table table tr:last-child {border-bottom: 0px;}
.table table tr:first-child {border-bottom: 0px;}
.table table tr td table tr:first-child {border-bottom: 1px solid rgba(204,204,204,0.80);}
.table table tr td {
	flex:1 1 0px;
	text-align:left;
	padding:8px 4px;
}
.table table tr td:has(td) {padding:0;}
/*table tr td:nth-child(odd) {text-align:right;}*/
.footer {
	clear:both;
	width:100%;
	font-size: .8em;
	background-color: rgba(220,150,50,1.00);
	padding:20px 0;
	border-top:8px solid rgba(16,50,87,1.00);
} 
.footer a {
	color:#fff;
	font-weight: 700;
}
.lower-brand {
	width:100%;
	height:150px;
	background:url("Images/PledgeWV-blue.png") no-repeat center center;
	background-size: contain;
	border-bottom: 1px solid #777;
}
.footer-contact {
	width:100%;
	max-width: 1280px;
	margin:0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	line-height:28px;
}
.phone {background-image: url("Images/phone.svg");}
.fax {background-image: url("Images/fax.svg");}
.email {background-image: url("Images/envelope.svg");}

.phone, .fax, .email {
	background-size: cover;
	filter: invert(99%) sepia(0%) saturate(4%) hue-rotate(133deg) brightness(102%) contrast(103%);
	width: 20px;
	height: 20px;
	margin:3px 12px 3px 0;
	float: left;
}
.f-l, .f-c, .f-r {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.f-l {}
.f-c {}
.f-r {}
.f-header {
	font-size: 1.3em;
	margin:10px 0 15px 0;
	font-weight: bold;
	color:#fff;
	text-decoration: underline;
}
.f-text {
	color:#fff;
	width:100%;
}
.f-text a {
	color:rgba(17,50,87,1.00);
}
.doc::before {
	content: "";
	width:60px;
	height:60px;
	background: url("Images/file-arrow-down-solid-full.svg") no-repeat center center;
	background-size: contain;
	filter: invert(14%) sepia(23%) saturate(4287%) hue-rotate(190deg) brightness(95%) contrast(92%);
}
.doc {
	display: flex;
	flex-direction: row;
	align-items: center;
	height:60px;
	line-height: 40px;
	margin-top: 12px;
}
.doc a {
	line-height:60px;
}
.doc a:visited {
	color: blue !important;
}
/** Forms **/
.formlist {
	padding:20px 0;
}
.formlist ul {
	list-style-type: none;
}
.formlist li {
	position: relative;
	padding:10px 0 10px 40px;
}
.formlist li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background-image: url("Images/file-pdf.svg");
	filter: invert(14%) sepia(23%) saturate(4287%) hue-rotate(190deg) brightness(95%) contrast(92%);
	background-size: contain;
	background-repeat: no-repeat;
}
.tem li:nth-child(odd)::before {background-image: url("Images/file-xlsx.svg");}
.onboard li:last-child::before {background-image: url("Images/video.svg");}

.formlist li a {
	margin-left:12px;
	line-height: 40px;
	text-decoration: none;
}
.formlist li a:hover {text-decoration: underline;}
.formlist li a:visited { color: #0000EE;}
/** FAQ **/
.faq-sec {
	box-sizing: border-box;
	width:100%;
	background-color: rgba(16,50,87,1.00);
	color:#ffffff;
	font-size:1.3em;
	font-weight:700;
	padding:20px;
	margin-top:20px;
}
.faq-sec span {
	float:right;
}
.faq-sec span a, .faq-sec span a:visited {
	text-decoration: none;
	color:#ffffff;
	font-size: .7em;
}
.faq-jump {
	text-align: center;
	padding:10px 0;
}
.faq-jump a {
	color:rgba(220,150,50,1.00);
	text-decoration: none;
	font-size: 1em;
	font-weight: 700;
	padding:0 50px;
}
.faq-jump a:hover {text-decoration: underline;}
.faq-jump a:visited {color:rgba(220,150,50,1.00);}

/*********/


@media only screen and (max-width: 520px) {
	html, body {font-size: 16px;}
	.csf {
		padding-left:3px;
		padding-right:3px;
	}
	.enrollform {padding:10px;}
	.column input, #txt_phone, .column span input {
		height: 40px;
		min-width: 250px;
		width: 350px;
		font-size: .9em;
	}
}
@media only screen and (max-width: 870px) {
	.c1{
		flex-direction: column-reverse;
	}
	.header, .featdesc {
		flex-direction: column;
		height:auto;
	}
	.hl {
		height:auto;
		padding:10px;
		font-size: 2em;
	}
	.hc {
		background-size: 80%;
	}
	.head2{
		width:100%;
		min-width:100%;
	}
	.feature {
		margin:0;
		max-width:100%;
		background-size: cover;
	}
	.feature .title {text-align: center;}
	.feature .body-text {
		max-width: 360px;
		margin:0 auto;
	}
}
@media only screen and (max-width: 1150px) {
	.hl {
		margin:0;
		padding:10px 0 0 0;
		font-size:1.5em;
		clip-path:none;
	}
	.hc {width:95%;}
	.fl-flex {
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
	}
	.work-blob {
		flex-direction: column
	}
	.arrow {
		width:125px;
		height:45px;
		margin:2px 20px;
		transform: rotate(180deg);
	}
	.flip {transform: rotate(0deg);}
	.arr-l {flex-direction: column-reverse;}
	.menu-top {display:block;}
	.mlist {display:none}
	.m-mlist {
		display: block;
		position: fixed;
		top: 24px;
		right: 20px;
		z-index: 1;
		-webkit-user-select: none;
		user-select: none;
	}
	.m-mlist input {
		display: block;
		width: 42px;
		height: 40px;
		position: absolute;
		top: -12px;
		left: -8px;
		cursor: pointer;
		opacity: 0; /* hide this */
		z-index: 2; /* and place it over the hamburger */
		-webkit-touch-callout: none;
	}
	.m-mlist span {
		display: block;
		width: 33px;
		height: 4px;
		margin-bottom: 5px;
		position: relative;
		background: rgba(16,50,87,1.00);
		border-radius: 3px;
		z-index: 1;
		transform-origin: 4px 0px;

		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		opacity 0.55s ease;
	}
	/* Hamburger 'X' */
	.m-mlist span:first-child {
		transform-origin: 0% 0%;
	}
	.m-mlist span:nth-last-child(2) {
		transform-origin: 0% 100%;
	}
	.m-mlist input:checked ~ span {
		opacity: 1;
		transform: rotate(45deg) translate(-2px, -1px);
		background: #232323;
	}
	.m-mlist input:checked ~ span:nth-last-child(3) {
		opacity: 0;
		transform: rotate(0deg) scale(0.2, 0.2);
	}
	.m-mlist input:checked ~ span:nth-last-child(2) {
		transform: rotate(-45deg) translate(0, -1px);
	}
	
	.m-mtop {
		position: absolute;
		max-width: 340px;
		width: 100vw;
		max-height: 100vh;
		margin: -105px 0 0 -285px;
		padding: 0px;
		padding-top: 115px;
		box-sizing: border-box;
		overflow-y: auto;
		background: rgba(245,250,255,0.98);
		list-style-type: none;
		-webkit-font-smoothing: antialiased;
		/* to stop flickering of text in safari */

		transform-origin: 0% 0%;
		transform: translate(100%, 0);

		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	}
	.m-mtop li {
		padding:4px 20px;
		border-bottom:1px solid #D3D3D3;
	}
	.m-mtop li:last-child{border-bottom:none;}
	.m-mtop li a {text-decoration: none;color:rgba(16,50,87,1.00);}
	.m-mtop li a {color:#424242}
	.m-mlist input:checked ~ ul {
		transform: none;
	}
}
@media only screen and (max-width: 1300px) {
	.mlist ul li {
		width:130px;
		font-size: .8em;
	}
}
@media only screen and (max-width: 1427px) {
	.c1 {
		flex-wrap: wrap;
		align-items:stretch;
	}
}
@media only screen and (max-width: 360px) {
	html, body {font-size: 16px;}
	.csf {
		padding-left:0px;
		padding-right:0px;
	}
	.enrollform {padding:10px 3px;}
	.column input, #txt_phone, .column span input {
		height: 35px;
		min-width: 200px;
		width: 320px;
		font-size: .9em;
	}
	.hl {font-size:1.2em;line-height:40px;}
	.hc {height:120px;}
	.feature {padding:3px;}
	.featdesc {padding:3px;}
	.badge{margin:20px auto;}
	.body-text{
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.newuser{text-align: center;}
}
/*********/

.popuptext {
	font-size: 18px !important;
}

.RadGrid,
.RadGrid * {
	font-size: 18px !important;
}

select {
	font-size: 18px !important;
}

.popupbutton {
	font-size: 18px !important;
}

.RadDatePicker,
.rcInput,
.riTextBox,
.RadDatePicker .rcCalendar,
.RadCalendarMonthView,
.RadCalendarTimeView,
.RadCalendar td,
.RadCalendarMonthView .RadCalendarFastNavigationPopup,
.RadDatePicker .RadInput_Default {
	font-size: 16px !important;
}

.RadTabStrip .rtsLink,
.RadTabStrip .rtsLink > span {
	font-size: 18px !important; 
}