/**************************** GLOBAL ****************************/
body {
  -webkit-text-size-adjust: none;
  margin: 0px;
  color: #000;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  line-height: 1.4em;
  font-weight: 400;
  padding-bottom: 0px;
}
a:link, a:active, a:visited {
  outline: none;
  color: rgba(0, 62, 106, 1);
  text-decoration: none;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
a:hover {
  text-decoration: underline;
  color: rgba(16, 87, 138, 1);
  outline: none;
}
img {
  border: 0;
  margin-top: 0px;
  padding-top: 0px;
}
.scalable {
  max-width: 100%;
  height: auto;
}
.clearfix {
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.table {
  display: table;
  border-collapse: collapse;
  padding: 0px;
  margin: 0px auto 0px auto;
  border: 0px;
}
.row {
  display: table-row;
  margin: 0px;
  padding: 0px;
}
.cell {
  display: table-cell;
  vertical-align: middle;
}
.column {
  display: table-cell;
  vertical-align: middle;
}
.visuallyhidden{
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}
h1 {
  text-align: center;
  font-weight: 700;
  letter-spacing: -.03em;
  font-size: 3.65em;
  line-height: .95em;
  color: #121212;
}
h2 {
  font-size: 2.65em;
  line-height: 14px;
  font-weight: 700;
  letter-spacing: .05em;
  color: #000000;
  margin-top: 5px;
}
h3 {
  font-size: 26px;
  line-height: 26px;
  font-weight: 700;
  color: #000000;
  margin: 0px auto .25em;
}
input[type="button"], input[type="submit"], input[type="reset"] {
  /* remove for standard buttons */
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-appearance: none;
  appearance: none;
}
.mobile-only {
  display: none;
}
/* global compliance styles */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.skip-to-content a {
  display: block;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.15rem;
  font-weight: 900;
  text-align: center;
  padding: 14px 0px 12px;
  background: #1c6194;
  color: #ffffff !important;
  text-transform: uppercase;
  position: fixed;
  z-index: 500;
  top: 0px;
  left: 0;
  width: 100%;
  transition: all 0.2s ease;
  outline: none !important;
}
.skip-to-content a:focus, .skip-to-content a:hover {
  color: #ffffff !important;
  top: 125px;
  outline: none !important;
}
input.submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px !important;
  line-height: 14px !important;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: capitalize !important;
  text-align: left;
  padding: 10px 30px;
  margin: 0px auto;
  color: #ffffff !important;
  border: none;
  background-color: #0074b8;
  overflow: hidden;
  text-decoration: none !important;
  transition: .25s all ease-in-out;
}
input.submit:hover, input.submit:focus, input.submit:active {
  color: #ffffff !important;
  border: none;
  background-color: #204d74;
  transition: .25s all ease-in-out;
}
main {
  width: 100%;
  overflow: hidden;
  margin-top: 101px;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
/*--Callout 01 (Global)--*/
.callout {
  width: 100%;
  padding: 0px 0px;
  background-color: #d2d9dd;
}
.callout .inner {
  width: 100% !important;
  max-width: none !important;
}
.callout .cell {
  width: 50%;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.callout .table-text {
  text-align: left;
  width: 80%;
  padding: 4% 20% 4% 0;
  display: inline-block;
  vertical-align: middle;
  color: #000000;
  background-color: #d2d9dd;
}
.callout h2 {
  font-size: 40px;
  line-height: 1.1em;
  font-weight: 700;
  margin: 0px 0 15px;
  letter-spacing: -0.01em;
  color: #000000;
  width: 100%;
}
.callout p {
  font-size: 18px;
  line-height: 1.3em;
  font-weight: 400;
  margin: 0px 0 20px;
  letter-spacing: -0.01em;
  color: #000000;
  width: 100%;
}
.callout-image {
  background-image: url(../images/main/benefits-icons-horz.png);
  background-size: 90%;
  background-position: center center;
  background-repeat: no-repeat;
  /*	padding-bottom: 25%;*/
  padding: 0;
}
/**************************** HEADER ****************************/

header {
  position: fixed;
  background-color: #FFFFFF;
  top: 0px;
  width: 100%;
  z-index: 50000000;
  padding: 17px 0px 21px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
}
header ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
header li {
  display: inline-block;
  vertical: middle;
}
.header-inside {
  width: 90%;
  margin: 0px auto;
}
.header-inside .header-logo {
  width: 220px;
  padding: 0px;
}
.header-inside .header-logo a.logo {
	display: block;
	width: 100%;
	padding-bottom: 28.8%;
	margin: 0px;
	background-image: url(../images/global/JHM_logo_color.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.nav-top {
  list-style: none;
  margin: 0px;
  padding: 0px;
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
}
.nav-top li {}
.nav-top a {
  text-decoration: underline;
  font-size: 16px;
  line-height: 1em;
  font-weight: 400;
	text-transform: uppercase;
  color: #0068c1;
  padding: 5px 10px;
  position: relative;
  z-index: 1;
  transition: .2s all ease-in-out;
}
.nav-top a:hover, .nav-top a:focus, .nav-top a:active {
  color: #0056b3;
  text-decoration: none;
}
.select-language a {
  padding: 5px 5px;
}
.select-language{
   display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #E7E5E5
}
.select-language-txt{
font-size: 16px;
  line-height: 1em;
  font-weight: 400;
	text-transform: uppercase;
  color: #00000;
  padding:0 10px 0 10px;
}

.shareThis .label {
  padding: 0px 0px 1px 8px;
}
/*--SHARE THIS--*/
.shareThis-holder-main-pg {
  width: 100%;
  background-color: #f4f4f5;
  padding: 0.4em 0px 0.3em;
  text-align: center;
}
.share-this-icons {
  display: inline-block;
}
.share-this-icons > div {
  display: inline-block;
  vertical-align: top;
  margin-right: 7px;
  color: rgba(60,60,67,1);
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: .05em;
  margin-top: 5px;
}
.share-this-icons ul {
  padding: 0;
  margin: 0;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
}
.share-this-icons ul li {
  display: inline-block;
  margin: 0 1px;
  height: 20px;
  width: 20px;
  position: relative;
  border-radius: 100%;
}
.share-this-icons ul li a {
  background-color: rgb(244 244 245);
  display: inline-block;
  height: 18px;
  width: 18px;
  padding: 0;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: none;
  border-radius: 100%;
  border: 1px solid #696a6c;
}
.share-this-icons ul li a:hover {
  background-color: #696a6c !important;
}
.share-this-icons ul li a.share-facebook {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg  xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cpath d='M35.8,16.26h-7.64v-5.01c0-1.88,1.25-2.32,2.13-2.32h5.39V.65l-7.43-.03c-8.25,0-10.12,6.17-10.12,10.12v5.52h-4.77v8.53h4.77v24.14h10.03V24.79h6.77l.88-8.53Z' fill='%23000'/%3E%3C/svg%3E");
}
.share-this-icons ul li a.share-twitter {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 1200 1227' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z' fill='%23000'/%3E%3C/svg%3E%0A");
}
.share-this-icons ul li a.share-linkedin {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve' fill='%23000'%3E%3Cg%3E%3Cpath d='M4.9,18h8.3v26.4H4.9V18z'/%3E%3Cpath d='M8.9,5.6c-3,0-5,2-5,4.6c0,2.6,1.9,4.6,4.9,4.6h0.1c3.1,0,5-2,5-4.6C13.8,7.5,11.9,5.6,8.9,5.6L8.9,5.6z'/%3E%3Cpath d='M35.7,17.8c-4.7,0-7.7,2.6-8.2,4.4V18h-9.3c0.1,2.2,0,26.4,0,26.4h9.3V30.2c0-0.8,0-1.6,0.2-2.2c0.6-1.6,2-3.2,4.5-3.2 c3.2,0,4.7,2.4,4.7,6v13.7h9.4V29.8C46.2,21.6,41.6,17.8,35.7,17.8L35.7,17.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.share-this-icons ul li a.share-email {
  background-image: url("data:image/svg+xml,%3Csvg  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23000'%3E%3Cpath d='M24 24.2l21.2-13.8C44.5 9 43 8 41.3 8H6.7c-1.8 0-3.3 1-4 2.4L24 24.2z'/%3E%3Cpath d='M24.9 27.2c-.3.2-.6.3-.9.3s-.6-.1-.9-.3L2.4 13.8V36c0 2.2 1.9 4 4.3 4h34.5c2.4 0 4.3-1.8 4.3-4V13.8L24.9 27.2z'/%3E%3C/svg%3E%0A");
}
.share-this-icons ul li a.share-facebook:hover {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg  xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cpath d='M35.8,16.26h-7.64v-5.01c0-1.88,1.25-2.32,2.13-2.32h5.39V.65l-7.43-.03c-8.25,0-10.12,6.17-10.12,10.12v5.52h-4.77v8.53h4.77v24.14h10.03V24.79h6.77l.88-8.53Z' fill='%23fff'/%3E%3C/svg%3E");
}
.share-this-icons ul li a.share-twitter:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 1200 1227' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z' fill='white'/%3E%3C/svg%3E%0A");
}
.share-this-icons ul li a.share-linkedin:hover {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve' fill='%23fff'%3E%3Cg%3E%3Cpath d='M4.9,18h8.3v26.4H4.9V18z'/%3E%3Cpath d='M8.9,5.6c-3,0-5,2-5,4.6c0,2.6,1.9,4.6,4.9,4.6h0.1c3.1,0,5-2,5-4.6C13.8,7.5,11.9,5.6,8.9,5.6L8.9,5.6z'/%3E%3Cpath d='M35.7,17.8c-4.7,0-7.7,2.6-8.2,4.4V18h-9.3c0.1,2.2,0,26.4,0,26.4h9.3V30.2c0-0.8,0-1.6,0.2-2.2c0.6-1.6,2-3.2,4.5-3.2 c3.2,0,4.7,2.4,4.7,6v13.7h9.4V29.8C46.2,21.6,41.6,17.8,35.7,17.8L35.7,17.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.share-this-icons ul li a.share-email:hover {
  background-image: url("data:image/svg+xml,%3Csvg  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23fff'%3E%3Cpath d='M24 24.2l21.2-13.8C44.5 9 43 8 41.3 8H6.7c-1.8 0-3.3 1-4 2.4L24 24.2z'/%3E%3Cpath d='M24.9 27.2c-.3.2-.6.3-.9.3s-.6-.1-.9-.3L2.4 13.8V36c0 2.2 1.9 4 4.3 4h34.5c2.4 0 4.3-1.8 4.3-4V13.8L24.9 27.2z'/%3E%3C/svg%3E%0A");
}


.bannermain {
	margin: auto 0px;
	background-color: #dadada;
	position: relative;
	z-index: 1;
	width: 100%;
	max-height: 600px;
	height: 35vw;
	overflow: hidden;
	background-image: url(../images/main/banner-main-desktop-eng.webp);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#bannerspanishvers{
	background-image: url("../images/main/banner-main-desktop-sp.webp");
}
/*
.bannermain::after { 
        content: "";
    display: block;
    background: #7a2e92;
    width: 500%;
    height: 200px;
    position: absolute;
    left: -70%;
    top: -60%;
    z-index: 1;
    transform: rotate(-4deg);
}
*/
#thankyou {
  background-image: linear-gradient(90deg, rgba(0, 45, 116, .4) 5%, rgba(0, 45, 116, 0) 40%), url("../images/sub/banners/banner-thank-you.jpg");
}
.bannermain .inner {
  width: 85%;
  max-width: 1450px;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -55%);
}
.bannermain .inner .copy {
 width: 50%;
    max-width: 650px;
    padding: 0 4% 2%;
    color: #ffffff;
    right: 0px;
    float: left;
}
.bannermain .inner .copy h2 {
  font-size: 7em;
  line-height: .7em;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 700;
  margin: 0px;
  letter-spacing: -.07em;
  color: #ffffff;
  width: 100%;
}
.ENbanner.bannermain .inner .copy h2 {
  line-height: 1.1em;
}
.ENbanner .tightlineheight {
  line-height: .7em !important;
}
.bannermain .inner .copy h2 strong {
  font-weight: 900;
  font-family: 'Lato', sans-serif;
  font-size: 100px;
}
.tightlineheight {
  line-height: 1em !important;
}
.bannermain .inner .copy h3 {
 font-family: 'Lato', sans-serif;
  font-size: 60px;
  line-height: 1em;
  font-weight: 300;
  margin: 0px 0 10px;
  letter-spacing: -.03em;
  color: #ffffff;
  text-transform: none;
  height: auto;
}
.bannermain .inner .copy span {
  display: block;
  margin: .5em 0px;
}
.bannermain .inner .copy span + a {
  margin: .5em 0px 0px;
}
/*----- SUB -----*/
.bannersub {
  margin: auto 0px;
  background-color: #dadada;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 30vw;
  overflow: hidden;
  background-image: linear-gradient(90deg, rgba(0, 45, 116, .4) 5%, rgba(0, 45, 116, 0) 40%), url("../images/sub/banners/banner-home-hlth.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#thankyou {
  background-image: linear-gradient(90deg, rgba(0, 45, 116, .4) 5%, rgba(0, 45, 116, 0) 40%), url("../images/sub/banners/banner-thank-you.jpg");
}
.bannersub .inner {
  width: 85%;
  max-width: 1450px;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.bannersub .inner .copy {
  width: 40%;
  max-width: 590px;
  padding: 4%;
  color: #ffffff;
  right: 0px;
  float: left;
}
.bannersub .inner .copy h2 {
  font-family: 'Lato', sans-serif;
  font-size: 60px;
  line-height: 1.1em;
  font-weight: 300;
  margin: 0px;
  letter-spacing: -.03em;
  color: #ffffff;
  text-transform: none;
}
.bannersub .inner .copy h2 strong {
  font-weight: 900;
  font-family: 'Lato', sans-serif;
  font-size: 100px;
  line-height: .9em;
}
.bannersub .inner .copy h3 {
  font-family: 'Lato', sans-serif;
  font-size: 30px;
  line-height: 1.1em;
  font-weight: 300;
  color: #ffffff;
  margin: 1em auto 0px;
  text-transform: uppercase;
  letter-spacing: -0.03em;
}
.bannersub .inner .copy span {
  display: block;
  margin: .5em 0px;
}
.bannersub .inner .copy span + a {
  margin: .5em 0px 0px;
}

/*Top Info Section*/
.top-intro{
  padding: 2em 0px 2em;
  background-color: #ffffff;
  position: relative;
}
.top-intro .inner {
  width: 90%;
  max-width: 1200px;
  margin: 0px auto;
  text-align: center;
}
.top-intro h2 {
  font-family: 'Noto Serif', serif;
  font-size: 30px;
  line-height: 1.2em;
  font-weight: 400;
  text-align: center;
  color: #1c1c1c;
  margin: 0 auto 1rem;
  position: relative;
  padding-bottom: 2rem;
  letter-spacing: -.01em;
   max-width: 1450px;
   width:80%;
}
.top-intro h2 {
  content: "";
}
.top-intro h2::after {
  background-color: #1c1c1c;
  width: 56px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: calc(50% - 28px);
  content: "";
}
.top-intro .intro-txt {
  display: block;
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  margin: 15px auto 0px;
}
.top-intro .inner p {
  color: #333;
  font-family: 'Noto Sans', sans-serif;
  font-size: 19px;
  font-weight: 400;
  text-align: center;
  margin: 0 auto 20px;
  line-height: 1.3;
   letter-spacing: -0.01em;
}
.top-intro .inner p:last-child {
  margin: 0 auto 0px;
}
/*-- ---- ---- ---- INTRO ---- ---- ---- --*/
.intro-copy {
	padding: 30px 0 40px;
	position: relative;
	background-color: #532e60;
	text-align: center;
}
.intro-copy .inner h1 {
  color: #ffffff;
  font-size: 48px;
  line-height: 1.2em;
  font-weight: 700;
  margin: 0px auto 15px;
  letter-spacing: -0.03em;
  text-align: center;
}
.header-callout {
 padding:1.5% 3%;
  margin: 30px auto 0px;
  text-align: center;
  display: block;
  background-color: rgb(133 215 252);
}
.header-callout h2{
  color: #000000;
  font-size: 32px;
  line-height: 1.2em;
  font-weight: 600;
  margin: 0px auto 0;
  letter-spacing: -0.02em;
  display: block;
}
.header-callout h2 strong{
  color: #0074b8;
}
.intro-copy .inner h2 {
  font-family: 'Noto Serif', serif;
  font-size: 38px;
  line-height: 1.2em;
  font-weight: 400;
  letter-spacing: -0.01em;
  text-align: center;
  color: #ffffff;
  margin: 0 auto 1rem;
  position: relative;
  padding-bottom: 2rem;
}
.intro-copy .inner h2 {
  content: "";
}
.intro-copy .inner h2::after {
  background-color: #ffffff;
  width: 56px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -ms-transform: translatex(-50%);
  transform: translatex(-50%);
  content: "";
}
.intro-copy .inner h3 {
 color: #ffffff;
  font-size: 22px;
  line-height: 1.3em;
  font-weight: 400;
  margin: 0px auto 20px;
  letter-spacing: -0.01em;
  text-align: center;
  width:60%;
}
.intro-copy .inner h4 {
  color: #ffffff;
  font-size: 32px;
  line-height: 1.4em;
  font-weight: 600;
  margin: 0px auto 20px;
  letter-spacing: -0.01em;
  text-align: center;
}
.footnote-txt {
  font-size: 15px;
  line-height: 1.2em;
  font-weight: 500;
  color: #000000;
  margin:15px auto 0;
  width:98%;
}
.intro-copy .inner {
  display: block;
  width: 90%;
  max-width: 1200px;
  margin: 0px auto 0px;
  text-align: center;
}
.intro-copy .inner p {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 500;
  color: #ffffff;
  margin: 0 0 25px;
}
#expressbtn {
	 margin: 10px 0 15px;
	
}
#expressbtn a {
      display: inline-block;
    color: #ffffff;
    text-decoration: none;
    padding: 20px 20px;
    font-weight: 400;
    letter-spacing: -.01em;
    position: relative;
    z-index: 1;
    background-color: #0078d3;
    font-size: 18px;
    line-height: 1.2em;
	width: 40%;
}
#expressbtn a::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #006cbd;
  transform-origin: left;
  transform: scaleX(0);
  transition: .2s all ease-in-out;
}
#expressbtn a:hover::before, #expressbtn a:focus::before, #expressbtn a:active::before {
  transform: scaleX(1);
}
#expressbtn a:hover {
  text-decoration: underline;
}

/*-- ---- ---- ---- GLOBAL TEXT SECTION ---- ---- ---- --*/
.diversity {
  width: 100%;
  margin: 0;
  display: block;
  text-align: center;
  box-sizing: border-box;
 background-color: #009ddc;
 border-bottom: 10px solid #ffffff;
}
.diversity .inner {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
}
.diversity .inner div {
  margin: 0px;
  flex: 1;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-items: center;
  text-align: left;
}
.diversity-copy {
  padding: 20% 10% !important;
  width: 80% !important;
  color: #ffffff;
}
.diversity-copy h2 {
 font-family: 'Noto Serif', serif;
  font-size: 40px;
  line-height: 1.3em;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: -.01em;
  margin: 0 0 1rem;
  position: relative;
  padding-bottom: 2rem;
}
.diversity-copy h2 {
  content: "";
}
.diversity-copy h2::after {
  background-color: #ffffff;
  width: 56px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
}
.diversity-copy p {
  font-size: 18px;
 line-height: 1.4em;
  font-weight: 400;
  letter-spacing: -0.01em;
  margin: 0 0 20px;
  padding: 0;
}
.diversity-copy p:last-child {
  margin: 0 0 0;
}
#diversitygroup {
  background-image: url("../images/main/diversity-group.webp");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
	position: relative;
}
.benefits-new ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
  margin: 10px 0 0;
  padding: 0;
}
.benefits-new li {
  margin: 0px 0px 15px 20px;
  padding: 0 20px 0 0;
   font-size: 18px;
  line-height: 1.3em;
  font-weight: 400;
}

.benefits-new {
  width: 100%;
  margin: 0;
  display: block;
  text-align: center;
  box-sizing: border-box;
  background-image: linear-gradient(90deg, rgba(255,255,255,1) 28%, rgba(255,255,255,0) 62%), url("../images/main/mother-daughter-photo.webp");
  background-repeat: no-repeat;
  background-position: right 0%;
  background-size: cover;
  border-bottom: 10px solid #ffffff;
}
.benefits-new .inner {
  width: 90%;
  padding: 20px 0;
  margin:0 auto;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
}

.benefits-new-copy {
  padding: 5% 0% !important;
  width: 45% !important;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  text-align: left;
}
.benefits-new-copy h2 {
  font-family: 'Noto Serif', serif;
  font-size: 40px;
  line-height: 1em;
  font-weight: 400;
  color: #1c1c1c;
  letter-spacing: -.01em;
  margin: 0 0 1rem;
  position: relative;
  padding-bottom: 2rem;
}

.benefits-new-copy h2 {
  content: "";
}
.benefits-new-copy h2::after {
  background-color: #1c1c1c;
  width: 56px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
}
.benefits-new-copy p {
  font-size: 18px;
  line-height: 1.3em;
  font-weight: 400;
  margin: 0 0 20px;
  padding: 0;
}
.benefits-new-photo {
  padding: 5% !important;
  width: 30% !important;
  display: flex;
  display: -webkit-flex;
}



/*-- ---- ---- ---- BENEFITS ---- ---- ---- --*/
.benefits-area {
  padding: 20px 0px 20px;
  position: relative;
  text-align: center;
  border-top: 8px solid #009ddc;
 background-image: url("../images/main/diversity-group.webp");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  }
.benefits-area .inner h2 {
  font-size: 35px;
  line-height: 1.1em;
  margin-bottom: 20px;
  color: #000000;
  font-weight: 700;
  letter-spacing: -.02em;
}
.benefits-area .inner {
  display: block;
  width: 96%;
  max-width: 1250px;
  margin: 0px auto 0px;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
  color: #000000;
}
.benefits-icons-area {
  width: 100%;
  margin: 0px auto;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
}
.benefits-icons-area div {
  padding: 1.5% 0 1.5%;
  margin: 0px 1%;
  box-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
  border-radius: 3px;
  box-sizing: border-box;
  flex: 1;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgb(242, 250, 255);
  background: -moz-linear-gradient(180deg, rgba(242, 250, 255, 1) 0%, rgba(255, 255, 255, 1) 59%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(242, 250, 255, 1) 0%, rgba(255, 255, 255, 1) 59%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(180deg, rgba(242, 250, 255, 1) 0%, rgba(255, 255, 255, 1) 59%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2faff", endColorstr="#ffffff", GradientType=1);
}
.benefit-top {
  margin-bottom: 5px !important;
  margin: 0 auto;
  box-shadow: none !important;
  border-radius: none !important;
}
.benefit-top img {
  width: 40%;
}
.benefit-btm {
  font-size: 20px;
  line-height: 1.2em;
  font-weight: 600;
  color: #002c77;
  letter-spacing: -.02em;
  box-shadow: none !important;
  width: 90%;
  margin: 0 auto;
  background: none !important;
  background-color: none !important;
}
.subpage {}
.subcontent {}
.banner-image {
  margin: 170px auto 0px;
  background-color: #dadada;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 45vw;
  max-height: calc(100vh - 120px);
  overflow: hidden;
  background-image: url("../images/top-weave.png"), url("../images/banner-image.jpg");
  background-size: contain, cover;
  background-position: bottom center, top center;
  background-repeat: no-repeat
}
.banner-image .inner {
  width: 85%;
  max-width: 1450px;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 43.5%;
  transform: translate(-50%, -50%);
}
.banner-image .inner .copy {
  width: 30%;
  max-width: 390px;
  padding: 5%;
  background-color: rgba(0, 100, 60, .9);
  color: #ffffff;
}
.banner-image .inner .copy a {
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  border: 2px solid #ffffff;
  padding: 10px 30px;
  margin: 1em 0px 0px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  position: relative;
  z-index: 1;
}
.banner-image .inner .copy a::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #699d27;
  transform-origin: left;
  transform: scaleX(0);
  transition: .2s all ease-in-out;
}
.banner-image .inner .copy a:hover::before, .banner-image .inner .copy a:focus::before, .banner-image .inner .copy a:active::before {
  transform: scaleX(1);
}
.banner-image .inner .copy h2 {
  font-size: 25px;
  line-height: 1.1em;
  font-weight: 300;
  color: #ffffff;
  letter-spacing: 0;
  margin: .25em auto 0px;
  text-transform: none;
}
/*--animation row--*/
section.animation {
  width: 100%;
  text-align: center;
  background-color: #ffffff;
  display: block;
  box-sizing: border-box;
}
section.animation .inner {
  width: 100%;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
}
.animated-txt {
  margin: 0px;
  box-sizing: border-box;
  width: 50%;
  padding: 2% 5%;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
	background-image: 
	  url("../images/main/pink-triangle.svg"), url("../images/main/something-bigger.webp");
  background-size: 105%, cover;
  background-position: center top, 80% center;
  background-repeat: no-repeat, no-repeat;
	text-align: left;
}
.animated-txt .headline {
	width: 250px;
}
.nurse-txt {
  margin: 0px;
  box-sizing: border-box;
  width: 50%;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  /*	align-items: flex-start;*/
  background-image: url(../images/main/nurses-hugging.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 30%;
  position: relative;
}
.nurse-txt-copy {
  padding: 20% 10% !important;
  width: 80% !important;
  color: #ffffff;
}
/*
.nurse-txt-copy h2 {
  font-size: 40px;
  line-height: 1;
  letter-spacing: -.01em;
  font-weight: 300 !important;
  color: rgba(255, 255, 255, 1);
  padding: 0px;
  font-family: 'Lato', sans-serif;
}
.nurse-txt-copy p {
  font-size: 18px;
  line-height: 1.3em;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  padding: 20% 10%;  
}
*/

.nurse-txt-copy h2 {
  font-size: 35px;
  line-height: 1.1em;
  margin-bottom: 20px;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: -.02em;
}
.nurse-txt-copy p {
  font-size: 18px;
  line-height: 1.3em;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
/*--Callout 02--*/
.callout-02 {
  width: 100%;
  padding: 0px;
  background-image: url(../images/main/nurse-isolated.jpg);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
	 border-top: 10px solid #ffffff;
  border-bottom: 10px solid #7a2e92;
}
.callout-02 .inner {
  width: 100% !important;
  max-width: none !important;
}
.callout-02 .cell {
  width: 50%;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.callout-02 .table-text {
  text-align: left;
  width: 80%;
  padding: 10% 10%;
  display: inline-block;
  vertical-align: middle;
  /*  background-color: rgba(255, 255, 255, .6);*/
}
.callout-02 h2 {
  font-size: 40px;
  line-height: 1em;
  font-weight: 700;
  margin: 0px 0 15px;
  letter-spacing: -0.02em;
  color: #ffffff;
  width: 100%;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.53);
}
.callout-02 ul {
  margin: 0;
  padding: 0;
}
.callout-02 ul ul {
  margin-top: 10px;
}
.callout-02 ul ul li {
  list-style-type: circle;
}
.callout-02 li {
  margin: 0px 0px 10px 20px;
  padding: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.1em;
  color: #ffffff;
  list-style-type: disc;
  letter-spacing: -0.01em;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.53);
  text-transform: uppercase;
}
.callout-02 p {
  font-size: 18px;
  line-height: 1.3em;
  font-weight: 400;
  margin: 0px 0 20px;
  letter-spacing: -0.01em;
  color: #ffffff;
  width: 100%;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.53);
}
/*-- ---- ---- ---- FOOTER ---- ---- ---- --*/
footer {
  width: 100%;
  padding: 45px 0px 20px;
  background-color: rgba(0, 44, 119, 1.00);
  color: #ffffff;
  font-size: 13px;
  line-height: 21px;
  font-weight: 400;
}
footer .inner {
  width: 85%;
  max-width: 1450px;
  margin: 0px auto;
}
footer ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
footer ul li {
  display: inline-block;
  position: relative;
  padding-right: 5px;
}
footer a {
  color: #ffffff !important;
  text-decoration: none;
  transition: .2s all ease-in-out;
  display: inline-block;
  position: relative;
  padding-right: 5px;
}
footer a:last-of-type {
  padding-right: 0;
}
footer a:hover, footer a:focus, footer a:active {
  color: #ffffff;
  text-decoration: none;
}
footer ul li:last-child a {
  border-right: 0px solid #a6dd5f;
}
footer a::after {
  content: "";
  position: absolute;
  left: 5px;
  bottom: 0;
  right: 5px;
  height: 1px;
  background-color: rgb(0, 157, 220, 1);
  transform: scaleX(0);
  transition: .2s all ease-in-out;
}
footer a:hover::after, footer a:focus::after, footer a:active::after {
  transform: scaleX(1);
}
.footer-top {
  padding: 10px 0px 40px;
  border-bottom: 1px solid rgba(255, 255, 255, .25);
}
.footer-top .address {
  display: inline-block;
  vertical-align: top;
  width: 35%;
}
.footer-top .address strong {
  display: block;
  margin-bottom: 5px;
}
.footer-top .eoe {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  text-align: center;
}
.footer-bottom {
  padding: 20px 0px;
  position: relative;
  z-index: 1;
}
.footer-nav {
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.footer-logo {
  width: 220px;
  margin: 0px 0px 0px -5px
}
.footer-logo a.logo {
  display: inline-block;
  width: 100%;
  padding: 0px 0px 35.307%;
  background-image: url("../images/global/JHM_JHHCG_REV.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border: none;
}
.footer-logo a.logo::after {
  content: none;
}
/*--Temporarily Added since nav bar was removed--*/
.footer-bottom2 {
  padding: 20px 0px;
  position: relative;
  z-index: 1;
}
.footer-logo2 {
  width: 220px;
  margin: 0px auto 0px;
}
.footer-logo2 a.logo {
  display: inline-block;
  width: 100%;
  padding: 0px 0px 35.307%;
  background-image: url("../images/global/JHM_logo_rev.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border: none;
}
.footer-logo2 a.logo::after {
  content: none;
}

/*--JHOP Entities Section--*/
.jhop-entities {
  padding: 3.5em 0px 3.5em;
  background-image: url("../images/main/bldg-bckgrd.jpg");
  background-repeat: no-repeat;
  background-position: right 0%;
  background-size: cover;
  background-color: rgb(0, 157, 220);
  text-align: center;
}
.jhop-entities .inner h2 {
  font-family: 'Noto Serif', serif;
  font-size: 40px;
  line-height: 1.2em;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  margin: 0 auto 1rem;
  position: relative;
  padding-bottom: 2rem;
  letter-spacing: -0.01em;
}
.jhop-entities .inner h2 {
  content: "";
}
.jhop-entities .inner h2::after {
  background-color: #ffffff;
  width: 56px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: calc(50% - 28px);
  content: "";
}
.jhop-entities .inner {
  display: block;
  width: 96%;
  max-width: 1250px;
  margin: 0px auto 20px;
  text-align: center;
}
.jhop-entities .inner ul {
  margin: 20px 0;
  width: 100%;
  padding: 2% 0;
  max-width: 1250px;
  text-align: center;
  background-color: rgba(0, 0, 0, .5);
}
.jhop-entities .inner li {
  margin: 0 0 15px;
  display: block;
  color: #ffffff;
  font-weight: 500;
  line-height: 1.2em;
  font-size: 15px;
}
.jhop-entities .inner li a {
  color: #ffffff;
}
.jhop-entities .inner li a:hover {
  color: #ffffff;
}
.bullets {
  display: block;
  column-count: 3;
  text-transform: uppercase;
}
/*--JHOP FORM Section--*/
.jhop-form {
 padding: 2em 0px 0.5em;
  background: #532e60;
  border-top: 10px solid #ffffff;
}
.jhop-form .inner h2 {
  font-family: 'Noto Serif', serif;
  font-size: 40px;
  line-height: 1em;
  font-weight: 400;
  letter-spacing: -0.01em;
  text-align: center;
  color: #ffffff;
  margin: 0 auto 2rem;
  position: relative;
  padding-bottom: 2rem;
}
.jhop-form .inner h2 {
  content: "";
}
.jhop-form .inner h2::after {
  background-color: #ffffff;
  width: 56px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: calc(50% - 28px);
  content: "";
}
.jhop-form .inner {
  display: block;
  width: calc(100% - 80px);
  max-width: 1250px;
  margin: 0px auto 20px;
}
/*-- ---- ---- ---- GENERAL FORM ELEMENTS ---- ---- ---- --*/
.form-header {
  display: block;
  width: 94%;
  max-width: 1100px;
  background-color: #ffffff;
  padding: 40px 3% 35px 3%;
  margin: 0px auto;
  font-size: 2.2vw;
  font-weight: 600;
  color: rgba(124, 188, 75, 1);
}
#optimator-form {
  width: 94%;
  max-width: 1100px;
  background-color: #ffffff;
  padding: 2% 3%;
  margin: 0px auto 40px auto;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
}
#optimator-form ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
#optimator-form ul li {
  margin-top: 15px;
}
.intro-txt {
  font-weight: 300;
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 10px auto 20px auto;
}
.disclaimer-txt {
  font-weight: 300;
  font-size: 1em;
  line-height: 1.5em;
  margin: 20px auto 20px auto;
  color: #adadad;
}
textarea#id_role {
  width: calc(94% - 260px);
  padding: 7px 3%;
  line-height: 1.4em !important;
font-weight: 400 !important;
letter-spacing: normal !important;
font-family: 'Noto Sans', sans-serif;
}
/*-- ---- ---- ---- KEY FORM ELEMENTS ---- ---- ---- --*/
#optimator-form ul li label {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2em;
  font-weight: 300;
  width: 250px;
}
#optimator-form ul li input {
  display: inline-block;
  vertical-align: middle;
  height: 16px;
  width: calc(94% - 260px);
  outline: none;
  border: 1px solid #cccccc;
  padding: 7px 3%;
  margin: 0px 0px 0px 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: inset 1px 1px 0px 0px #e8e8e8;
  box-shadow: inset 1px 1px 0px 0px #e8e8e8;
}
#optimator-form ul li select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ffffff;
  background-image: url(../images/global/up-and-down-arrows.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
  height: 35px;
  font-size: 1em;
  padding: 0px 3%;
  width: calc(100% - 260px);
  border: 1px solid #cccccc;
  margin: 5px 0px 0px 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: inset 1px 1px 0px 0px #e8e8e8;
  box-shadow: inset 1px 1px 0px 0px #e8e8e8;
}
/*-- ---- RESUME UPLOAD ---- --*/
.upload-buttons-holder {
  width: calc(100% - 280px) !important;
  display: inline-block;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
}
.upload-buttons-holder label {
  letter-spacing: 0em !important;
  width: auto !important;
  font-size: 1.1em !important;
  font-weight: 500 !important;
  padding: 7px 17px 7px 40px !important;
}
#optimator-form ul li .upload-buttons-holder input {
  width: auto;
}
.upload-buttons-holder button {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  -moz-appearance: none;
  appearance: none;
  font-size: 1.1em;
  font-weight: 500;
  border-radius: 0px;
  padding: 7px 17px 7px 40px;
  border: 1px solid #CCCCCC;
  display: inline-block;
  transition: all 0.25s linear;
  margin-top: 10px;
  font-family: proxima-nova, sans-serif;
  color: #666666;
  background-color: #ffffff;
}
.one-drive {
  background-image: url(../images/global/one-drive.png), linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(240, 240, 240, 1.00) 100%);
  ;
  background-repeat: no-repeat;
  background-size: 22px 22px, cover;
  background-position: 13px center, center center;
  text-align: left;
}
.one-drive:hover {
  border: 1px solid #ff5056;
  color: #ff5056;
}
.desktop-upload {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.desktop-upload + label {
  display: inline-block;
  font-size: 1.1em;
  font-weight: 500;
  border-radius: 0px;
  padding: 7px 17px 7px 40px;
  border: 1px solid #CCCCCC;
  transition: all 0.25s linear;
  margin-top: 0px;
  background-image: url(../images/global/upload-icon.png), linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(240, 240, 240, 1.00) 100%);
  ;
  background-repeat: no-repeat;
  background-size: 17px 17px, cover;
  background-position: 16px 48%, center center;
  font-family: proxima-nova, sans-serif;
  color: #666666;
  width: auto;
}
.desktop-upload:focus + label, .desktop-upload + label:hover {
  border: 1px solid #ff5056;
  color: #ff5056;
}
.footnote {
  font-size: .8em !important;
  display: block !important;
  padding: 0px;
  margin: 0px;
  width: 100% !important;
}
.dropbox-dropin-btn, .dropbox-dropin-btn:link, .dropbox-dropin-btn:hover {
  display: inline-block;
  height: auto !important;
  font-family: proxima-nova, sans-serif !important;
  font-size: 1.1em !important;
  color: #666666 !important;
  padding: 8px 17px 8px 14px !important;
  border: 1px solid #CCCCCC !important;
  border-bottom-color: #CCCCCC !important;
  border-radius: 0px !important;
  background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(240, 240, 240, 1.00) 100%);
  background: -o-linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(240, 240, 240, 1.00) 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(240, 240, 240, 1.00) 100%);
  margin-top: 10px !important;
  font-weight: 500 !important;
}
.dropbox-dropin-btn:hover {
  color: #ff5056 !important;
  border: 1px solid #ff5056 !important;
  border-bottom-color: #ff5056 !important;
}
.dropbox-dropin-default:hover, .dropbox-dropin-error:hover {
  border: 1px solid #ff5056 !important;
  border-bottom-color: #ff5056 !important;
  color: #ff5056 !important;
  background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(240, 240, 240, 1.00) 100%);
  background: -o-linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(240, 240, 240, 1.00) 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(240, 240, 240, 1.00) 100%);
}
.dropbox-dropin-default:active, .dropbox-dropin-error:active {
  border-color: #CCCCCC !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
}
.dropbox-dropin-btn .dropin-btn-status {
  display: inline-block;
  width: 20px !important;
  height: 18px !important;
  vertical-align: middle !important;
  margin: 0 5px 0 0px !important;
  background: transparent url('https://www.dropbox.com/static/images/widgets/dbx-saver-status-2x.png') no-repeat !important;
  background-size: 80px 18px !important;
  -webkit-background-size: 80px 18px !important;
  position: relative;
  top: -1px;
}
.dropbox-dropin-progress .dropin-btn-status {
  width: 20px;
  margin: 0 4px 0 0;
  background: url('https://www.dropbox.com/static/images/widgets/dbx-progress-2x.png') no-repeat center center;
}
.dropbox-dropin-success .dropin-btn-status {
  background-position: -20px 0px !important;
}
.dropbox-dropin-disabled {
  border: 2px #e1e1e1 solid;
  border-bottom: 2px solid #e1e1e1;
  box-shadow: none;
}
.dropbox-dropin-disabled .dropin-btn-status {
  background-position: -40px 0px !important;
}
.dropbox-dropin-error .dropin-btn-status {
  background-position: -60px 0px !important;
}
.dropbox-chooser, .dropbox-dropin-btn {
  line-height: 1em !important;
  text-decoration: none !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
.footnote {
  margin-top: 10px;
}
/*-- ---- CHECK BOXES ---- --*/
.multi-select-label {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  font-size: 1.2em;
  font-weight: 300;
  width: 250px;
}
#optimator-form ul ul {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 300px);
  outline: none;
  border: 1px solid #cccccc;
  padding: 7px 20px;
  margin: 5px 0px 0px 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: inset 1px 1px 0px 0px #e8e8e8;
  box-shadow: inset 1px 1px 0px 0px #e8e8e8;
  overflow-y: auto;
  max-height: 200px;
}
#optimator-form ul ul li {
  margin-top: 5px;
}
#optimator-form ul ul li input[type="checkbox"] {
  transform: scale(1.15, 1.15);
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  height: auto;
  width: auto;
  outline: none;
  border: 0px solid #cccccc;
  padding: 0px;
  margin: 0px 5px 0px 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#optimator-form ul ul li label {
  display: inline-block;
  vertical-align: top;
  width: 100%; /*--Added KD 11-02-21--*/
}
/*-- ---- BUTTON STUFF ---- --*/
.submit-btn-holder {
  display: block;
  margin: 10px auto;
  text-align: center;
}
.submit-btn-holder input {
  -webkit-appearance: none;
  -webkit-border-radius: 50px;
  -moz-appearance: none;
  appearance: none;
   font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
   font-size: 16px;
    line-height: 1.2em;
  letter-spacing: -.01em;
  color: #ffffff;
      border-radius: 0 !important;
  background-color: #0078d3;
  padding: 15px 40px;
  border: 2px solid #0078d3;
  transition: all 0.25s linear;
}
.submit-btn-holder input:hover {
  color: #ffffff !important;
  background-color: #006cbd !important;
  text-decoration: underline;
}
#homepageform { /*--Adjusts the scrolling from the top for anchor link when jumping to section - KD --*/
  scroll-margin-top: 100px;
}
/*-- ---- Hamburger Style and Animation ---- --*/
.burger {
  padding: 0px 15px;
  cursor: pointer;
  transition: all 0.15s linear;
  text-transform: none;
  overflow: visible;
  margin: 0px !important;
  position: fixed;
  z-index: -1;
  top: 42px;
  right: 5%;
  display: none;
}
.burger:hover {
  opacity: 0.75;
}
.burger-box {
  width: 32px;
  height: 34px;
  display: inline-block;
  position: relative;
}
.all-the-fixins {
  display: block;
  top: -35%;
  margin-top: -2px;
}
.all-the-fixins, .all-the-fixins::before, .all-the-fixins::after {
  background-color: rgba(0, 44, 119, 1.00);
  width: 30px;
  height: 3px;
  border-radius: 1px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.all-the-fixins::before, .all-the-fixins::after {
  content: "";
  display: block;
}
.all-the-fixins::before {
  top: -12px;
}
.all-the-fixins::after {
  bottom: -12px;
}
.mmmmmm .all-the-fixins {
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.mmmmmm .all-the-fixins::before {
  top: 8px;
  transition: opacity 0.125s 0.275s ease;
}
.mmmmmm .all-the-fixins::after {
  top: 16px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger-title.active ~ .mmmmmm .all-the-fixins {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s;
}
.hamburger-title.active ~ .mmmmmm .all-the-fixins::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger-title.active ~ .mmmmmm .all-the-fixins::after {
  transform: translate3d(0, -16px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}
.hamburger-title:hover ~ .mmmmmm .all-the-fixins, .hamburger-title:focus ~ .mmmmmm .all-the-fixins, .hamburger-title:hover ~ .mmmmmm .all-the-fixins::before, .hamburger-title:focus ~ .mmmmmm .all-the-fixins::before, .hamburger-title:hover ~ .mmmmmm .all-the-fixins::after, .hamburger-title:focus ~ .mmmmmm .all-the-fixins::after {
  background-color: #009ddc;
}
.hamburger-title {
  display: none;
}
.loanrepay-callout {
 padding:2% 3%;
  margin: 0px auto;
  text-align: center;
  display: block;
 background-image: url(../images/global/background-lt-blue.jpg);
  background-repeat: no-repeat;
  background-position: center 0%;
  background-size: cover;
  border-top:2px solid #ffffff;
  border-bottom:2px solid #ffffff;
}
.loanrepay-callout .inner {
width:90%;
padding: 2% 3%;
max-width: 1100px;
margin: 0 auto;
/*
background-image: url(../images/global/wave-background.jpg);
  background-repeat: no-repeat;
  background-position: right 0%;
  background-size: cover;
*/
      background-color: #7a2e92;
}
.loanrepay-callout .inner .footnote-txt {
color:#ffffff;
}
.loanrepay-callout .inner h2{
      color: #f1c4ff;
  font-size: 32px;
  line-height: 1.2em;
  font-weight: 600;
  margin: 0px auto 15px;
  letter-spacing: -0.02em;
  display: block;
}
.loanrepay-callout .inner h2 strong{
  color: #ffffff;
}
.loanrepay-callout .inner p{
  color: #ffffff;
  font-size: 22px;
  line-height: 1.3em;
  font-weight: 600;
  margin: 0px auto 0;
  letter-spacing: -0.02em;
  display: block;
}
/*--mainpage-event banner--*/
section.event-banner-strip {
  padding: 1.5em 0;
  background-color: #009ddc;
  box-sizing: border-box;
  display: none;
  border-top: 2px solid #fff;
}
section.event-banner-strip .inner {
      width: 90%;
    max-width: 900px;
  margin: 0px auto;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
}
.eventstrip-icon{
  width:10%;
  padding-right:1%;
  display: flex;
  display: -webkit-flex;
}
.eventstrip-text{
  width:89%;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
      text-align: center;
}
.eventstrip-text .learnbtn a {
    margin: 10px auto 0;
	}
.eventstrip-text h2 {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
	letter-spacing: normal;
    color: #ffffff;
    margin: 0 auto 5px;
    width: auto;
    display: flex;
    display: -webkit-flex;
	    text-align: center;
}
.eventstrip-text p {
   color: #000000;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.4;
  margin: 0 auto;
  width:90%;
}
.learnbtn {
  width: 100%;
  display: block;
  margin: 0 auto;
}
.learnbtn a {
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  padding: 10px 30px;
  margin: 20px auto 0;
  font-weight: 400;
  letter-spacing: -.01em;
  position: relative;
  z-index: 1;
  background-color: #0078d3;
  font-size: 16px;
  line-height: 1.2em;
}
.learnbtn a::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #006cbd;
  transform-origin: left;
  transform: scaleX(0);
  transition: .2s all ease-in-out;
}
.learnbtn a:hover::before, .learnbtn a:focus::before, .learnbtn a:active::before {
  transform: scaleX(1);
}
.learnbtn a:hover {
  text-decoration: underline;
}
/*FOR VIDEO AREA*/
.video-outer {
  width: 100%;
  padding: 2% 0;
  margin: 0;
 background-color: #532e60;
  position: relative;
  display: block;
}
#mainpgvideo02 {
	background-color: red;
	 background-image: url("../images/main/video-bckgrd.webp");
  background-repeat: no-repeat;
  background-position: center 0%;
  background-size: cover;
}
.video-outer .inner {
 width: 90%;
  max-width: 1450px;
  margin: 0px auto;
  padding: 1em 2%;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  background-color: #ffffff;
}
.video-title {
  width: 45%;
  padding: 4% 3%;
  align-items: center;
  flex-direction: column;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
}
.video-title h2 {
  margin: 0px auto;
  padding: 0px;
  font-size: 35px;
  line-height: 1.2em;
  color: #000000;
  letter-spacing: -.02em;
  width: 100%;
	text-align: center;
}
#mainpgvideo02 h2 {
  margin: 0 0 20px;
}
.video-title p {
  margin: 40px auto 10px;
  padding: 0px;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -.01em;
  width: 100%;
	text-align: center;
}
.video-title p:last-child {
  margin: 0 auto;
}
.video-txt {
  padding: 2% 3%;
  margin: 0px;
  text-align: left;
  width: 45%;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  	align-items: center;
}
.video-txt h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.1em;
  text-transform: none;
  margin: 0 0 .5em;
  display: block;
  color: #00643c;
}
.video-txt h3 {
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  color: #000000;
  font-weight: 500;
  line-height: 1.2em;
  margin: 0 0 .5em;
}
.video-holder {
  width: 50%;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.video-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
  width: 100%;
}
.video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}