.normalize { list-style: none; margin:0; padding:0;}
.p1 {padding: 1rem} .p2 {padding: 2rem} .p3 {padding: 3rem}
.plr1 {padding-left:1rem; padding-right:1rem} .plr2 {padding-left:2rem; padding-right:2rem} .plr3 {padding-left:3rem; padding-right:3rem}
.ptb1 {padding-top:1rem; padding-bottom:1rem} .ptb2 {padding-top:2rem; padding-bottom:2rem} .ptb3 {padding-top:3rem; padding-bottom:3rem}
.pt1 {padding-top:1rem} .pt2 {padding-top:2rem} .pt3 {padding-top:3rem}
.pb1 {padding-bottom:1rem} .pb2 {padding-bottom:2rem} .pb3 {padding-bottom:3rem}
.m1 {margin: 1rem} .m2 {margin: 2rem} .m3 {margin: 3rem}
.mtb1 {margin-top: 1rem; margin-bottom: 1rem;} .mtb2 {margin-top: 2rem; margin-bottom: 2rem;} .mtb3 {margin-top: 3rem; margin-bottom: 3rem;}
.mt1 {margin-top: 1rem;} .mt2 {margin-top: 2rem;} .mt3 {margin-top: 3rem;}
.mb1 {margin-bottom: 1rem;} .mb2 {margin-bottom: 2rem;} .mb3 {margin-bottom: 3rem;}

.flex {display: flex; align-items: center; justify-content: center; gap: 10px}
.flex.flex-between {justify-content: space-between;}
.flex.flex-row {flex-direction: row;}
.flex.flex-column {flex-direction: column;}

.col2, .col3, .col4, .col5 {display: grid; grid-auto-columns: 1fr; grid-template-columns: 1fr; grid-template-rows: 1fr; gap: 0; align-items: center; justify-content: center;}
.col2Items2 {grid-template-areas: "one" "two";}
.col2Items2.imageTop {grid-template-areas: "two" "one";}
.col2Items3 {grid-template-areas: "one" "two" "three";}
.col2Items4 {grid-template-areas: "one" "two" "three" "four";}

.col3Items3 {grid-template-areas: "one" "two" "three";}
.col4Items4 {grid-template-areas: "one" "two" "three" "four";}
.col5Items5 {grid-template-areas: "one" "two" "three" "four" "five";}

.item1 { grid-area: one; width: 100%; height: auto;}
.item2 { grid-area: two; width: 100%; height: auto;}
.item3 { grid-area: three; width: 100%; height: auto;}
.item4 { grid-area: four; width: 100%; height: auto;}
.item5 { grid-area: five; width: 100%; height: auto;}

.light {font-weight: 300 !important;}
.normal {font-weight: 400 !important;}
.bold {font-weight: 600 !important;}
.bolder {font-weight: 900 !important;}

h1.align-left, h2.align-left, p.align-left {text-align: left;}
h1.align-center, h2.align-center, p.align-center {text-align: center;}
h1.align-right, h2.align-right, p.align-right {text-align: right;}

.align-top, .align-center, .align-bottom {align-items: start;}
.justify-left {justify-content: start;} .justify-right {justify-content: end;} .justify-center {justify-content: center;} .justify-between {justify-content: space-between;}
.gap1, .gap2, .gap3 {gap: 1rem}

@media(min-width: 740px) {
  .align-top {align-items: start;} .align-center {align-items: center;} .align-bottom {align-items: end;}
  .gap1 {gap: 1rem} .gap2 {gap: 2rem} .gap3 {gap: 3rem}
  .col2Items2 {grid-template-areas: "one two";}
  .col2Items2.imageTop {grid-template-areas: "one two";}
  .col2Items3 {grid-template-areas: "one two" "one three";}
  .col2Items3.col2Float {grid-template-areas: "one two" "three two";}
  .col2Items3.col2Reversed {grid-template-areas: "two one" "three one";}
  .col2Items3.col2Reversed.col2Float {grid-template-areas: "two one" "two three";}
  .col2Items4 {grid-template-areas: "one two" "three four";}
  .col3Items3 {grid-template-areas: "one two three";}
  .col4Items4 {grid-template-areas: "one two three four";}
  .col5Items5 {grid-template-areas: "one two three four five";}
  footer .col4 {grid-template-columns: 1fr 1fr .75fr 1fr;}
}


.mods-wrap, .mods-container, .mods-content, .mods-content::before, .mods-content::after {clear:both;}
.mods-wrap, .mods-container, .mods-content {width: 100%; position: relative;}
.mods-wrap img {-khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none;}
.mods-wrap {padding: 0 3rem;}
.mods-container {padding: 3rem 0;}
.mods-wrap:nth-child(even) {background: #f1f4fb;}
.mods-content {display: block;}
.mods-content, .mods-asset.left.holder, .mods-asset.right.holder {position: relative;}
.mods-asset.left.holder, .mods-asset.right.holder {display: none; width: 500px; height: 500px; float: left; margin: 0;}
.mods-asset.right.holder {float: right;}
.mods-asset img, .mods-asset video {max-width: 500px; width: 100%; height: auto;}
.mods-content.hasImage {min-height: 500px; transition: min-height 0.3s ease;}
.mods-content.flex {display: flex; flex-direction: column; gap: 20px;}
.mods-content.alignCenter, .mods-content.alignStart, .mods-content.alignEnd {align-items: center;} 
.mods-content.justifyCenter, .mods-content.justifyStart, .mods-content.justifyEnd {justify-content: center;}
.mods-content.txtCenter, .mods-content.txtLeft, .mods-content.txtRight {text-align: center;}
.mods-w10, .mods-w15, .mods-w20, .mods-w25, .mods-w30, .mods-w35, .mods-w40, .mods-w45, .mods-w50, .mods-w55, .mods-w60, .mods-w65, .mods-w70, .mods-w75, .mods-w80, .mods-w85, .mods-w90, .mods-w100 {width: 100%}
.mods-btn-cta {text-decoration: none; font-size: 16px; background: green; color: #fff; font-weight: 600; padding: 10px 1rem; border-radius: 6px; border: none; margin: 0; cursor: pointer; text-transform: uppercase; border: 1px solid;}
.mods-btn-cta:hover {background: #2aa52a;}
.mods-content h2 {color: #022580;}
.mods-hprow .mods-content h2 {color:white;}
.mods-content p {color: #111;}
.mods-content ul {display: table;}
.mods-content ul li {margin-bottom: 8px;}
#mods-cta .mods-content {min-height: auto;}
#mods-cta {background: #022580;}
#mods-cta, #mods-cta strong {color: white;}
#mods-cta h2 {color: white}
#mods-cta p {color: white}

@media (min-width: 650px) {
 .mods-container {max-width: 500px; margin: 0 auto;}
}

@media (min-width: 1024px) {
  .mods-asset.left.holder, .mods-asset.right.holder {display: block; margin: 0 3rem 0 0;}
  .mods-asset.right.holder { margin: 0 0 0 3rem;}
  .mods-asset.left {position: absolute; left: 0; top: 0;}
  .mods-asset.right {position: absolute; right: 0; top: 0;}

  .mods-container {max-width: 1450px; margin: 0 auto}
  .mods-content.flex {flex-direction: row;}
  .mods-content.alignCenter {align-items: center;}
  .mods-content.alignStart {align-items: start;}
  .mods-content.alignEnd {align-items: end;}
  .mods-content.justifyCenter {justify-content: center;}
  .mods-content.justifyStart {justify-content: start;}
  .mods-content.justifyEnd {justify-content: end;}
  .mods-content.justifyBetween {justify-content: space-between;}
  .mods-content.push-left {margin-right: auto;}
  .mods-content.push-right {margin-left: auto}
  .mods-content.txtCenter {text-align: center;}
  .mods-content.txtLeft {text-align: left;}
  .mods-content.txtRight {text-align: right;}
  .mods-w10 {width: 10%}
  .mods-w15 {width: 15%}
  .mods-w20 {width: 20%}
  .mods-w25 {width: 25%}
  .mods-w30 {width: 30%}
  .mods-w35 {width: 35%}
  .mods-w40 {width: 40%}
  .mods-w45 {width: 45%}
  .mods-w50 {width: 50%}
  .mods-w55 {width: 55%}
  .mods-w60 {width: 60%}
  .mods-w65 {width: 65%}
  .mods-w70 {width: 70%}
  .mods-w75 {width: 75%}
  .mods-w80 {width: 80%}
  .mods-w85 {width: 85%}
  .mods-w90 {width: 90%}
  .mods-w100 {width: 100%}
}

.accordion .accordion-item {border-bottom: 1px solid #e5e5e5;}
.accordion .accordion-item button[aria-expanded='true'] {border-bottom: 1px solid #022580;}
.accordion button {position: relative; display: block; text-align: left; width: 100%; padding: 1em 0; color: #000; font-size: 1.15rem; font-weight: 400; border: none; background: none; outline: none;}
.accordion button:hover, .accordion button:focus {cursor: pointer; color: #022580;}
.accordion button:hover::after, .accordion button:focus::after {cursor: pointer; color: #022580; border: 1px solid #022580;}
.accordion button .accordion-title {padding: 1em 1.5em 1em 0; font-weight: 600;}
.accordion button .icon {display: inline-block; position: absolute; top: 18px; right: 0; width: 22px; height: 22px; border: 1px solid; border-radius: 22px;}
.accordion button .icon::before {display: block; position: absolute; content: ''; top: 9px; left: 5px; width: 10px; height: 2px; background: #022580;}
.accordion button .icon::after {display: block; position: absolute; content: ''; top: 5px; left: 9px; width: 2px; height: 10px; background: #022580;}
.accordion button[aria-expanded='true'] {color: #022580;}
.accordion button[aria-expanded='true'] .icon::after {width: 0;}
.accordion button[aria-expanded='true'] + .accordion-content {opacity: 1; max-height: 9em; max-height: fit-content; transition: all 200ms linear; will-change: opacity, max-height;}
.accordion .accordion-content {opacity: 0; max-height: 0; overflow: hidden; transition: opacity 200ms linear, max-height 200ms linear; will-change: opacity, max-height;}
.accordion .accordion-content p {font-size: 1rem; font-weight: 300; margin: 2em 0;}
.accordion-wrap {padding: 3rem}
.accordion-wrap h2 {font-size: 35px; margin: 0 0 1rem; line-height: 1.3;}
@media (min-width: 800px) {
  .accordion-wrap h2 {font-size: 55px;}
}

.accordion-wrap a {display: inline-block; padding: 1rem; text-decoration: none; background: #022580; color: white; border: 1px solid; border-radius: 3px;}
.accordion-wrap a:hover {background: #2aa52a;}
.accordion-wrap.blue a, .accordion-wrap.black a {color: #fff; background: green;}
.accordion-wrap.blue a:hover, .accordion-wrap.black a:hover {background: #2aa52a;}
.accordion-wrap .accordion-content p a {background: transparent; padding: 0; border: none; text-decoration: underline; font-weight: 600;  color: #022580;}
.accordion-wrap .accordion-content p a:hover {background: transparent; color: #2aa52a}
.accordion-wrap.blue .accordion-content p a, .accordion-wrap.black .accordion-content p a {background: transparent; color: white;}
.accordion-wrap.blue .accordion-content p a:hover, .accordion-wrap.black .accordion-content p a:hover {background: transparent; color: #2aa52a;}

.mods-wrap.white {background: white; color: black}
.mods-wrap.gray {background: #f1f4fb; color: black}
.mods-wrap.blue {background: #022580; color: white}
.mods-wrap.black {background: black !important; color: white}

.white h2, .gray h2 {color: #022580}
.white p, .gray p {color: black}
.black h2, .blue h2 {color: white} 
.black p, .blue p {color: #e7e7e7}

.white .accordion button .accordion-title,
.gray .accordion button .accordion-title {color: #022580}

.black .accordion button .accordion-title, 
.blue .accordion button .accordion-title {color: white}

.blue .accordion button .icon,
.black .accordion button .icon {border-color: #3b5390;}
.blue .accordion .accordion-item button[aria-expanded='true'],
.black .accordion .accordion-item button[aria-expanded='true'] {border-color: #bbb;}

.blue .accordion .accordion-item,
.blue .accordion button .icon {border-color: #3b5390;}
.black .accordion .accordion-item,
.black .accordion button .icon {border-color: #bbb;}

.blue .accordion button .icon::before,
.blue .accordion button .icon::after {background: #b3c0e1;}
.black .accordion button .icon::before,
.black .accordion button .icon::after {background: #bbb;}


.panel-wrap.flex, .panel-content.flex {display: flex; justify-content: center; flex-wrap: wrap;}
.panel-wrap {padding: 0 3rem}
.panel-wrap h2 {font-size: 35px; margin: 0 0 1rem; line-height: 1.3;}
@media (min-width: 800px) {
  .panel-wrap h2 {font-size: 55px;}
}

.panel-wrap a {display: inline-block; padding: 1rem; text-decoration: none; background: #022580; color: white; border: 1px solid; border-radius: 3px;}
.panel-wrap a:hover {background: #2aa52a;}
.panel-item {padding: 1rem;}
.panel-content a {display: inline-block; padding: 1rem; text-decoration: none; background: #022580; color: white; border: 1px solid; border-radius: 3px;}
.panel-content a:hover {background: #2aa52a;}
.panel-info {padding: 3rem; border: 1px solid #ccc;border-radius: 3px;text-align: center;}
.panel-content h2 {font-size: 26px;}
.panel-content a {padding:0; color: #022580; background: transparent; border: none; }
.panel-content a:hover {background: transparent; color:#2aa52a}

.noLink {pointer-events: all;}
@media (min-width: 1100px) {.noLink {pointer-events: none;}}

.accordion button[aria-expanded='true']:after, .accordion button[aria-expanded='false']:after {position: absolute; content: "+"; right: 20px; width: 22px; font-size: 20px; text-align: center; line-height: 20px; border-radius: 50%; border: 1px solid #a3a3a3; color: #878787;}

.accordion button[aria-expanded='true']:after {border: 1px solid #022580; color: #022580; content: "-";}