@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
/* header and body content */
body { font-family: 'Mulish', sans-serif !important; margin: 0; font-size: 16px !important; color: #333333; line-height: 1.42857143; }
body, h1, h2, h3, h4, p, a, input { font-family: 'Mulish', sans-serif; word-break: break-word;}
h1, h1.mainHead1 { width: 100%; font-size: 37px; font-weight: 400; color: #333333; line-height: 47px; padding-left: 10px;}
h2 { font-size: 27px; font-weight: 700; color: #333333; line-height: 34px; }
h3 { font-size: 24px; font-weight: 700; color: #333333; line-height: 26px; }
h4 { font-size: 21px; font-weight: 700; color: #333333; line-height: 26px; }
p { font-size: 16px; font-weight: 400; color: #333333; /* margin: 0 0 10px; */ }
p.note { font-weight: 700; }
p.help, p.hint, span.hint { font-size: 14px; font-weight: 400; color: #5E6A71; }
p.error, span.error, div.error, p.alert { font-size: 16px; font-weight: 400; color: #BD3421; }
p.bodyNav { font-size: 21px; font-weight: 700; }
p.boldParagraph { font-weight: bold; }
a { font-size: 16px; font-weight: 400; color: #0d73b8; text-decoration:none; }
a:visited { color: #8c348a; text-decoration:none; }
a.nav { font-size: 14px; font-weight: 600; color: #333333; text-decoration:none; }
a.bodyNav { font-size: 21px; font-weight: 700; color: #0d73b8; text-decoration:underline; text-underline-position: under; }
a:focus, a:hover, a:active { text-decoration:underline; text-underline-position: under; }
a.bodyNav:focus, a.bodyNav:hover, a.bodyNav:active { color: #0d73b8; text-decoration:none; }
a > u { text-decoration:none; }
.wsibLogo { float:left; margin-right: 20px; }
#logo-table, div.logo-table { width:100%; height: 175px; margin-bottom: -15px; padding: 0px; background: url('../images/top-shade.png') bottom repeat-x; background-color:#fff !important; }
.logoWrap { width:97%; margin:0 auto; position: relative; }
div.logo-div { font-size: 32px;
    color: #003359;
    margin: 40px 0 0;
    position: absolute;
    display: table;
    line-height: 60px !important; }
.helloDiv { border-bottom: 8px solid #0D73B8; position: absolute; top: 100px; right: 0; font-size:24px; padding-bottom:7px; }
#fName, #lName { text-transform:capitalize; display: inline-block; }
.toggle { margin:10px 0 0 0; float:right; z-index: 1001; }
a.nav:focus, a.nav:hover, a.nav:active { font-size: 14px; font-weight: 600; color: #333333; text-decoration: underline; text-underline-position: under;}
.bumpRS { margin-right:40px; }
.onlineServices {
	position: relative;
	font-size: inherit;
	line-height: 34px !important;
	font-weight: 700;
	font-family: inherit;
	white-space: nowrap;
	z-index: 1;
	margin: -50px 0 0 205px;
	padding: 8px 0 0 19px;
	border-left: solid 1px #003359;
}
a.logolink {
	width: 180px;
    height: 63px;
    display: inline-block;
    /* text-indent: -1000px; */
    background-repeat: no-repeat;
}
.title2 {
	display: table-cell;
    vertical-align: middle;
    padding-left: .25rem;
    padding-bottom: .8rem;
}

.fancytable tr:hover td {
	background-color: #E5F5FB;
}

.contentbox.inner .errorMessage ~ form input[type="text"] {
    	border: 1px solid red !important;
}
/* footer */
a, a:visited { border-bottom: 0px !important; padding: 0px !important; }
.container { width: 1170px; padding-right: 12px; padding-left: 12px; margin-right: auto; margin-left: auto; overflow: hidden !important; }
.row:before, .container:before, .row:after, .container:after { display: table; content: " "; }
.bigfooter-links { margin-top: 40px; border-top: 1px solid #e1e1e1; padding: 40px 12px 0px 12px; }
.row { clear:both; margin-bottom:20px; }
.footerTableTR { float: left; }
.footerTableLS { width:410px; margin-bottom: 40px; }
.footerTableCS { width:310px; }
.footerTableRS { width:400px; }
ul.footerUL { list-style: none; margin-left: 0; padding: 10px 0px 0px 0px; }
ul.footerUL li { margin-bottom:14px; }
ul.footerUL li a { font-size: 14px; font-weight: 700; color: #333333; text-decoration: underline; border-bottom: 0px !important; padding: 0px !important; text-underline-position: under; }
ul.footerUL li a:visited { font-size: 14px; font-weight: 700; color: #333333; text-decoration: none; border-bottom: 0px !important; padding: 0px !important; }
ul.footerUL li a:focus, ul.footerUL li a:hover, ul.footerUL li a:active { text-decoration: none; border-bottom: 0px !important; }
ul.footerUL li a.infoLink { color: #0d73b8; font-weight: 600 !important; text-underline-position: under;}
ul.social-media-icons { width: 391px;
  list-style: outside none none;
  margin: 20px 0px;
  padding: 8px; }
ul.social-media-icons li { display: inline-block;
 width: 54px; }
 
[class^="icon-social-media"],
[class*="icon-social-media"] {
    /*background: url('../images/social-media-icons.png');*/
    background-repeat: no-repeat;
    display: inline-block;
    height: 62px;
	text-indent: -1000px;
    vertical-align: text-top;
    width: 62px;
}
.icon-social-media-twitter { 
	/*+background-position: 0px 0px; 
	margin-right:30px; */
	background-image: url("../images/x-twitter.svg");
	width:25px;
}
.icon-social-media-youtube { 
	/*background-position: -70px 0px; margin-right:30px; */
	background-image: url("../images/youtube.svg");
	 width:29px;
}
.icon-social-media-linkedin { 
	/*background-position: -140px 0px; margin-right:30px; */
	background-image: url("../images/linkedin.svg");
	 width:22px;
}
.icon-social-media-instagram { 
	/*background-position: -210px 0px; */
	background-image: url("../images/instagram.svg");
	 width:22px;
}

.icon-social-media-image {
  filter: invert(20%) sepia(47%) saturate(7406%) hue-rotate(190deg) brightness(101%) contrast(101%)!important ;
  background-position: 0px 0px;
  height: 28px;
}

.icon-social-media-image:hover {
  border-bottom: 2px solid #292929;
  filter: invert(0%) sepia(10%) saturate(1450%) hue-rotate(57deg) brightness(107%) contrast(68%) !important;
}

/*.icon-social-media-twitter:hover { background-position: 0px -62px; }
.icon-social-media-youtube:hover { background-position: -70px -62px; }
.icon-social-media-linkedin:hover { background-position: -140px -62px; }
.icon-social-media-instagram:hover { background-position: -210px -62px; }
.hidden { display: none; }*/
.botGreen { font-size: 14px; color: #FFFFFF; width:100%; background-color:#003359; padding: 25px 0; text-align:center; }
*:before, *:after { box-sizing: border-box; }
* { box-sizing: border-box; }
ul, ol { margin-top: 0; margin-bottom: 10px; }

/* Mobile view */
@media (max-width: 1200px) {
	.container { width: 1170px; }
	#logo-table, div.logo-table { width:100%; background: url('../images/top-shade.png') bottom repeat-x; height: 199px; }
	.logoWrap { width:94%; }
	.bumpRS { margin-right:40px; }
	.helloDiv { top: 115px !important; }
}
@media (max-width: 1000px) {
	.container { width: 970px; }
	#logo-table, div.logo-table { width:100%; background: url('../images/top-shade.png') bottom repeat-x; height: 199px; }
	.logoWrap { width:94%; margin:0 20px; }
	.toggle { margin:20px 0 0 0; }
	div.logo-div { margin:50px 0 0 0; }
	.bumpRS { margin-right:30px !important; }
	.helloDiv { top: 124px !important; }
}
@media (max-width: 700px) {
	.container { width: 750px; }
	#logo-table, div.logo-table { width:100%; background: url('../images/top-shade.png') bottom repeat-x; height: 199px; min-width:600px; }
	.logoWrap { width:94%; margin:0 20px; }
	div.logo-div { margin:50px 0 0 0; white-space:nowrap; }
	.toggle { margin:20px 0 0 0; }
	.helloDiv { top: 124px !important; }
	.bumpRS { margin-right:20px !important; }
}