/*  reset light  */
*{box-sizing: border-box; margin:0; padding:0; }
body {overscroll-behavior:none; font-family: 'Open Sans', sans-serif; font-weight: 300;}
body,html {padding: 0;margin: 0;font-size: 16px;background-color: #ffffff;}
a{text-decoration: none; color:#333; cursor: pointer;}
.articleLink{color:#2a845d;}
/*   iOS control  */
input, textarea {-webkit-appearance: none;}


/*   spacers  */
.sp20{margin-top:20px;}
.sp30{margin-top:30px;}
.sp40{margin-top:40px;}
.sp60{margin-top:60px;}
.padTop20{padding-top:20px!important;}
.padTop10{padding-top:10px!important;}
.padTop32 {padding-top: 32px !important;}
.padZero{padding-bottom:0px !important;}
.padTopZero{padding-top:0px !important;}
.padBottom24{padding-bottom:24px !important;}
.padBottom30{padding-bottom:30px !important;}
.padBottom128{padding-bottom:128px !important;}
.marginBottom64{margin-bottom:128px !important;}
/*   SVGs  */


/* --------------------- */
/* --- HUB SPOT ELMS --- */
/* --------------------- */
.header-hs-wrapper{height:96px;} /* add height to the wrapper for static fixed header */
.row-fluid{width:100%; margin:0 auto;}
.row-fluid-wrapper{width:100%; max-width:100%; margin:0 auto;}
.anchor{height:64px;}
.mh-video {margin-top: 32px; margin-bottom: 32px;}
.card{box-shadow: 0px 6px 6px 0px rgba(34, 73, 122, .1); border:1px solid #efefef; border-radius:8px; padding:40px 16px;}
.card .card__title {font-family:'Open Sans', sans-serif; font-weight:600 !important;}
.accordion__title{font-weight:600;}

.standard-font-size{font-size:16px !important;}
.text-eyebrow{font-size:14px; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 8px;}
h1{font-weight:800 !important;}
h2, h3{font-weight:700 !important;}

.button--primary{background-color: var(--brand-color-green); border-radius:999px; display: inline-flex; text-align:center; height:auto; padding:24px 64px; justify-content: center; align-items: center;}
span.button__text {font-family:'Open Sans', sans-serif; font-weight:600; font-size:20px; line-height:20px; color:#ffffff; padding:0 0 0 0; margin:0;}
.button--large{}
.button--small{padding:16px 64px;}
.button--small > span.button__text {font-size:14px; line-height:14px;}

.icon-module {height: auto; width: 88px;}

/* HUB SPOT TEXT */
.widget-type-rich-text li, p, .card__text {font-weight: 400; line-height:24px;}
.card__title {font-weight: 700;}
  
@media all and (max-width:500px){
	span.button__text {font-size: 16px; line-height:16px;}
	.button--primary {width:100%; padding-right:8px; padding-left:8px} /*scale buttons to full width and maximize space for text (minimize padding), since button wrap will span 100% viewport width */
	.button--small{padding:10px 28px;}
	.button--small > span.button__text {font-size:13px; line-height:13px;}	
}

/* Fix HubSpot Accordion Styles */
.accordion__section[open], .accordion__section[open]+.accordion__section { border-top: unset !important; }
.accordion__toggler { border-top: 1px solid #c6c6c6; }
.accordion__toggler:focus .accordion__icon {box-shadow: unset !important; }
.accordion__section+.accordion__section:last-of-type {border-bottom: 1px solid #c6c6c6;}

/* HUB SPOT IMAGES */
.image-518{object-fit: cover; width:518px; height:340px;}

/* HUB SPOT LP BODY */
.mainStreetBdyLP .row-fluid {padding-top:0; padding-bottom:0; max-width:100%;}
.mainStreetBdyLP .dnd-section {padding-top:0; padding-bottom:0;}

/* -------- ------------- -------- */
/* -------- HUB SPOT FORM -------- */
/* -------- ------------- -------- */
.msbHSFormWrapper{background-color: transparent;}
.msbHSFormWrapper [data-hsfc-id=Renderer] .hsfc-EmailField input, .msbHSFormWrapper [data-hsfc-id=Renderer] .hsfc-TextField input {padding:20px 16px; border-radius:6px; background-color: #f9f9f9;
    border: 1px solid #aac3c3;}
.msbHSFormWrapper [data-hsfc-id=Renderer] .hsfc-TextInput {font-size:14px; color:#212121;}
.msbHSFormWrapper [data-hsfc-id=Renderer] .hsfc-Step {background-color: transparent;}
.msbHSFormWrapper [data-hsfc-id=Renderer] .hsfc-FieldLabel {margin-bottom: 2px !important; font-size:14px;}
.msbHSFormWrapper [data-hsfc-id=Renderer] .hsfc-Row {margin-bottom: 8px !important;}
.msbHSFormWrapper [data-hsfc-id=Renderer] .hsfc-FormWrapper .hsfc-Button {width: 100%; min-width: 270px; min-height: 48px; display: flex; justify-content: center;
  white-space: nowrap; padding: 22px 40px; font-size: 16px; line-height: 16px; background: #73c4f1; color: #172c46; font-family: 'Open Sans', sans-serif;
  font-weight: 700 !important; cursor: pointer; border: none; outline: none; border-radius: 999px; }
.msbHSFormWrapper [data-hsfc-id=Renderer] .hsfc-RichText{font-size:20px; color:#212121; font-weight: 700 !important;}

/* ---------------------------------------------------- */
/* -------- CUSTOMIZE FORM FOR MSTREETBANK.COM -------- */
/* ---------------------------------------------------- */
.mainStreetBdyForm [data-hsfc-id=Renderer] .hsfc-FieldLabel {display:none !important;}
.mainStreetBdyForm .hsfc-TextInput, .mainStreetBdyForm .hsfc-TextareaInput, .mainStreetBdyForm [data-hsfc-id=Renderer] .hsfc-TextField, .mainStreetBdyForm [data-hsfc-id=Renderer] .hsfc-TextareaInput {font-size:14px !important;}
.mainStreetBdyForm [data-hsfc-id=Renderer] .hsfc-TextInput {height:60px;}
.mainStreetBdyForm .hsfc-Button, .mainStreetBdyForm [data-hsfc-id=Renderer] .hsfc-Button {font-weight:600 !important;}
/* FORM STYLE TO ELIMINATE FORM BACKGROUNDS WHEN iFRAMED */
.widget-type-form, .mainStreetBdyForm {background-color: transparent; }
body.mainStreetBdyForm, html.hovermq  {background-color: transparent; }
/* ------------------------------------------------------------------------- */
/* ------------ CONTROL HUB SPOT SECTION SIDE PADDING AND WIDTH ------------ */
/* ------------------------------------------------------------------------- */
.dnd-section > .row-fluid{max-width:1440px; padding: var(--sectionPadding) var(--sectionPaddingSide); padding-top:0;}
.dnd-section {width:100%; max-width:1440px; padding-right:40px; padding-left:40px; margin:0 auto;}
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* --- SECTION CREATED ON WRAPPER WITH JS ON FULL WIDTH CUSTOM SECTIONS ---- */
/* ------------------------------------------------------------------------- */
.dnd-section.full-width-section{width:100%; max-width:100%; padding-right:0px; padding-left:0px; margin:0 auto;}
.dnd-section.section-margin{margin-top:56px; margin-bottom:56px;}
.dnd-section.full-width-section > .row-fluid > .dnd-column {width:100%; max-width:100%; padding-left: 0 !important; padding-right: 0 !important;}
.dnd-section.full-width-section > .row-fluid {width:100%; max-width:100%; padding-left: 0 !important; padding-right: 0 !important;}
/* ------------------------------------------------------------------------- */

@media all and (max-width:960px){
  .dnd-section {padding-right:24px; padding-left:24px;}
  .full-width-section{padding-right:0px; padding-left:0px; }
}
@media all and (max-width:500px){
  .dnd-section {padding-right:16px; padding-left:16px;}
  .full-width-section{padding-right:0px; padding-left:0px; }
}
@media (max-width: 767px) {
  .dnd-section.full-width-section > .row-fluid > .dnd-column {padding-left: 0 !important; padding-right: 0 !important;}
}
/* ------------------------------------------------------------------------- */

/* ----------------------------------------- */
/* -------- 2026 VARIABLES & COLORS -------- */
/* ----------------------------------------- */
:root {
	--main-gradient-green: linear-gradient(45deg, #114b88, #087a57);
	--main-gradient-blue: linear-gradient(75deg, #1a4177, #008393);
	--color-yellow-light: #ffcf6e;
	--color-bkg-blue-medium: #19587f;
}
.gradient-green-bkg{background-image: var(--main-gradient-green);}
.gradient-blue-bkg{background-image: var(--main-gradient-blue);}
.color-bkg-blue-medium{background-color: var(--color-bkg-blue-medium);}

.color-txt-white {--txt-color: #ffffff;}
.color-txt-dark {--txt-color: #212121;}
.color-txt-blue-light {--txt-color: #b7f7f9;}

/* ----------------------------------------- */
/* -------- 2026 TEXT & FONT CONTROL ------- */
/* ----------------------------------------- */
p{margin-top:0; margin-bottom:0; -webkit-font-smoothing: antialiased;} /* clear HS margins */
sup{position: relative; font-size: 75%; line-height: 0; top: -0.5em; font-weight:400;}
h1 sup, h2 sup, h3 sup, h4 sup{font-size: 50%; top: -0.75em;}

.textBalance{text-wrap:balance;}
.textPretty{text-wrap:pretty;}

@media only screen and (max-width : 680px) {
  .txtBalance, .textPretty {text-wrap:unset;}
}

.centeredTxt{text-align:center !important; margin:0 auto;}
.textXBold{font-weight:800 !important;}
.textHeadingPad{padding-top:32px; padding-bottom:32px;}

.lp-txt-hdr h3 {font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: left; color: var(--txt-color); font-size: clamp(25px, 5vw, 32px); line-height: clamp(30px, 6vw, 40px); font-kerning: none; font-variant-ligatures: none; letter-spacing: -0.005em; text-wrap:balance;}

@media screen and (max-width: 800px) {
	.lp-txt-hdr h3 {letter-spacing: 0em;}
}

@media screen and (max-width: 600px) {
	.lp-txt-hdr h3 { text-wrap:pretty;}
}

.lp-txtEyeBrow{font-family: 'Open Sans', sans-serif; color: var(--txt-color); text-transform: uppercase; font-size: 13px; line-height: 14px; letter-spacing: 0.07em; padding-bottom:4px;}
.textParStandardWrap{width: fit-content; padding-bottom: 0px; height: auto; padding-top:12px; padding-bottom:32px;}
.textParStandard{font-family: 'Open Sans', sans-serif; font-weight: 400; text-align: left; color: var(--txt-color); font-size: 16px; line-height: 24px; letter-spacing: 0.005em; margin:0; max-width: none /* needed to force HS text widths */;}
.txtParStandard14{font-size: 14px; line-height: 22px;}
.textOpacityDim8{opacity:0.8;}
.textOpacityDim9{opacity:0.9;}

/* while using a repeater, REMOVE the pad-bottom on last instance of textblock */
.section-inner-text-block:last-of-type .textParStandardWrap {padding-bottom: 0;} 

@media screen and (max-width: 800px) {
	.lp-txtEyeBrow{padding-bottom:8px;}
	.lp-txt-par p{font-size: 16px; line-height: 24px;}
}
@media screen and (max-width: 600px) {
	.lp-txt-par p{text-wrap:unset;}
}
@media screen and (max-width: 480px) {
	.textParStandard{font-size: 14px; line-height: 22px;}
}



/* ----------------------- */
/* --- SECTION WRAPPER --- */
/* ----------------------- */
.sectionWrapper{width: 100%; height: auto; margin: 0 auto; /* padding: 0 40px; */ padding: 0 0;}

@media screen and (max-width: 680px) {
    .sectionWrapper {/* padding-right: 20px; padding-left: 20px; */ padding-right: 0px; padding-left: 0px;}
}
@media screen and (max-width: 500px) {
    .sectionWrapper {/* padding-right: 16px; padding-left: 16px;*/ padding-right: 0px; padding-left: 0px;}
}

.sectionPadVertical-standard{padding-top:80px !important; padding-bottom:80px !important;}

@media screen and (max-width: 500px) {
    .sectionPadVertical-standard{padding-top:40px !important; padding-bottom:40px !important;}
}

/* -------------------- */
/* ----- HELPERS ------ */
/* ------------- ------ */
/* SET HEIGHTS LOW,MEDIUM,TALL FOR IMAGES ON COLs */
.height-220{max-height:220px;}
.height-320{max-height:320px;}
.height-440{max-height:440px;}

@media screen and (max-width: 680px) {
    .height-220, .height-320, .height-440{max-height:unset;}
	.cols-3-img img{width:100%;}
}
/* SET MAX WIDTHS FOR CONTAINERS */
.maxWidth320{max-width:320px;}
.maxWidth768{max-width:768px;}
.maxWidth960{max-width:960px !important;}
.maxWidth1024{max-width:1024px !important;}
.maxWidth1280{max-width:1280px !important;}

/* ---------------------------------------- */
/* ----- 2026 MODULE COLUMM 3 / CARDS ----- */
/* ---------------------------------------- */
.cols-3-wrap-cards{width: 100%; max-width: 1280px; margin: 0 auto; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 12px;}
.cols-3-container-cards {width: calc(33% - 12px); display: flex; flex-direction: column; background-color:#fefefe; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04); border:1px solid #efefef; border-radius:8px; padding:24px 48px;}
.cols-3-cards{width:64px; height:64px; display:flex; justify-content: center; margin:0 auto;}
.cols-3-container-cards .cols-details{padding-bottom:0px;}

@media screen and (max-width: 1280px) {
    .cols-3-container-cards{padding:20px 24px;}
}

@media screen and (max-width: 768px) {
    .cols-3-container-cards{padding:16px;}
}

@media screen and (max-width: 680px) {
	.cols-3-container-cards{margin-bottom:24px;}
    .cols-3-wrap-cards {gap:0px 4px; flex-direction: column;}
	.cols-3-container-cards {width: 100%;}
}

/* ------------------------------------------- */
/* --- 2026 MODULE COLUMM 3 ICONs STANDARD --- */
/* ------------------------------------------- */
.cols-3-wrap-icons{width: 100%; max-width: 1280px; margin: 0 auto; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 12px;}
.cols-3-container-icons {width: calc(33% - 12px); display: flex; flex-direction: column; }
.cols-3-icon-standard{width:64px; height:64px; display:flex; justify-content: center; margin:0 auto 8px auto;}

@media screen and (max-width: 680px) {
    .cols-3-wrap-icons {gap:0px 4px; flex-direction: column;}
	 .cols-3-container-icons {width: 100%; padding-bottom: 24px;}
}

/* ---------------------------------------- */
/* ----- 2026 MODULE COLUMM 3 / IMAGES ---- */
/* ---------------------------------------- */
.cols-3-wrap { width: 100%; max-width: 1280px; margin: 0 auto; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 6px;}
.cols-3-container {width: calc(33% - 6px); display: flex; flex-direction: column; border-radius: 6px; overflow: hidden;}
.cols-3-img{background: #f2f2f2; display: flex; align-items: flex-start; justify-content: center; flex-grow: 1; border-radius: 6px; overflow: hidden;}
.cols-3-img img{border-radius:0px;}

.cols-details {text-align: left; font-family: 'Open Sans', sans-serif; color: #313131; font-weight:400; font-size:14px; line-height:20px; padding-top:12px; padding-bottom:24px;}
.cols-title {font-size: 18px; line-height: 24px; font-weight: 700; color: #212121; padding-bottom: 8px;}
.cols-desc {padding-bottom: 20px; padding-right:4px;}

@media only screen and (max-width : 1240px) {
  .cols-3-wrap {gap:2px;}
  .cols-3-container {width: calc(33% - 2px); }
  .cols-title {font-size: 16px; line-height: 20px; padding-bottom: 4px;}
}

@media only screen and (max-width : 960px) {
  .cols-3-wrap {gap:2px;}
  .cols-3-container {width: calc(33% - 2px); }
  .cols-title {font-size: 16px; line-height: 20px; padding-bottom: 4px;}
}
@media only screen and (max-width : 680px) {
  .cols-3-wrap {gap:0px 4px; flex-direction: column;}
  .cols-3-container {width: 100%;}
}
@media screen and (max-width: 500px) {
    .cols-3-wrap {padding-right: 0px; padding-left: 0px;}
}

/* ---------------------------------------- */
/* ---------- 2026 MODULE HERO ------------ */
/* ---------------------------------------- */
.textBalance{text-wrap:balance;}
.lp-hero-gradient{padding: 104px 0px; margin-bottom: 40px;}
.lp-hero-gradient-Hdr h1 {font-family: 'Open Sans', sans-serif; font-weight: 800; text-align: left; color: #ffffff; font-size: clamp(42px, 8vw, 88px); line-height: clamp(52px, 9.5vw, 104px); font-kerning: none; font-variant-ligatures: none; letter-spacing: -0.02em; text-wrap:balance;}
.lp-heroEyeBrow{font-family: 'Open Sans', sans-serif; color:var(--color-yellow-light); text-transform: uppercase; font-size: 14px; line-height: 14px; letter-spacing: 0.07em; padding-bottom:4px;}

.lp-heroGradientSub{width: fit-content; height: auto; padding-top:24px; padding-bottom:44px;}
.lp-heroGradientSub p{font-family: 'Open Sans', sans-serif; font-weight: 500; text-align: left; color: #C0DFDC; margin:0; padding:0; font-size: 20px; line-height: 28px; letter-spacing: .02em; -webkit-font-smoothing: antialiased; text-wrap:balance;}

@media screen and (max-width: 800px) {
	.lp-heroEyeBrow{font-size: 13px; line-height: 14px; letter-spacing: 0.05em; padding-bottom:8px;}
	.lp-heroGradientSub p{font-size: 16px; line-height: 24px;}
	.lp-hero-gradient-Hdr h1 {letter-spacing: -0.01em;}
}

@media screen and (max-width: 768px) {
	.lp-hero-gradient{padding: 72px 0px;}
}

@media screen and (max-width: 600px) {
	.lp-heroGradientSub p{text-wrap:unset;}
}

/* ---------------------------------------- */
/* ------------- 2026 BUTTONS ------------- */
/* ---------------------------------------- */
.lp-button-trim {width: fit-content; min-width: 270px; min-height: 40px; display: flex; justify-content: center; white-space: nowrap; padding: 18px 40px; font-size: 16px; line-height: 16px;background: #73c4f1; color: #172c46; font-family: 'Open Sans', sans-serif; font-weight: bold; cursor: pointer; border: none; outline: none; border-radius: 999px;}
.lp-button-trim:hover{background-color: rgb(82, 198, 204);}

@media screen and (max-width: 500px) {
	.lp-button-trim {padding: 16px 32px; font-size: 14px; line-height: 14px; width:100%;}
}

.standardButton {font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 16px; white-space: nowrap; padding: 16px 48px; margin: 0 auto; background: #73c4f1; color: #172c46; text-align: center; font-weight: 700; cursor: pointer; border: none; outline: none; border-radius: 999px;}
.slimButton {font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 14px; white-space: nowrap; padding: 8px 32px; margin: 0 auto; background: #73c4f1; color: #172c46; text-align: center; font-weight: 600; cursor: pointer; border: none; outline: none; border-radius: 999px;}
.slimButton:hover{background-color: rgb(82, 198, 204);}

@media screen and (max-width: 480px) {
  .standardButton, .slimButton {display:block; width:100%;}
}

.inline-button-link{text-decoration: underline; color:#1b6646; font-weight: 600;}

/* ghost buttons for dark bkgs and callouts */
.ghostButton a{display: block; width: fit-content; height: auto; white-space: nowrap; padding: 16px 48px;font-size: 16px;line-height: 16px; background: transparent; color: #ffffff; font-family: 'Open Sans', sans-serif; text-align: center; font-weight: 600;cursor: pointer; border: 1px solid #aaf2ee; outline: none; border-radius: 999px;}
.ghostButton a:hover{background: rgba(23, 59, 102, 0.25);}

@media only screen and (max-width : 768px) {
  .ghostButton a{padding: 12px 24px; font-size: 14px;line-height: 14px; text-wrap:unset; width:100%;}
}
@media only screen and (max-width : 680px) {
  .ghostButton a{text-wrap:unset; width:100%;}
}
@media only screen and (max-width : 350px) {
	.ghostButton a{padding: 12px 20px; font-size: 13px; line-height: 13px;}
}

/* ---------------------------------------- */
/* ----- 2026 MODULE TEXT FULL WIDTH ------ */
/* ---------------------------------------- */
.lp-section{padding: 104px 0px; margin-bottom: 40px;}
.lp-sectionInner{padding-right: 20px; padding-left: 20px; width: 100%; max-width: 1180px; margin: 0 auto;}



/* ------------------------------------------- */
/* ---- 2026 MODULE DISCLAIMER / FOOTNOTE ---- */
/* ------------------------------------------- */
.footnoteTxtHubLP {text-align: left; margin: 0 auto; font-weight: normal; padding: 60px 40px;}
.footnoteTxtHubLP p{width:100%; max-width: unset; color: #878787; font-size: 13px; line-height: 18px;}

@media screen and (max-width: 680px) {
   .footnoteTxtHubLP {padding: 60px 20px;}
}
@media screen and (max-width: 500px) {
  .footnoteTxtHubLP p{text-align: justify;}
   .footnoteTxtHubLP {padding: 60px 8px;}
}

/* ------------------------------------------- */
/* --- 2026 MODULE INFO BAR / NOTE CALLOUT --- */
/* ------------------------------------------- */
.infoBarContainer{background-color:#f2f2f2; border-radius:8px; width:100%; max-width: 1280px; margin: 0 auto; height:auto; padding:40px 32px;}

@media screen and (max-width: 768px) {
   .infoBarContainer .textParStandard{font-size: 14px; line-height: 22px;}
}
@media screen and (max-width: 500px) {
   .infoBarContainer{padding:22px 16px;}
}

/* ------------------------------------------- */
/* ------ 2026 MODULE CALLOUT IMG RIGHT ------ */
/* ------------------------------------------- */
.lp-section-callout{max-width: 1280px; width: 100%; margin:0 auto; height: auto; padding: 64px; border-radius: 6px; box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.3); align-items: center;}
.lp-sectionInner-callout{margin: 0 auto; width: 100%; justify-content: space-between;}

.lp-callout-mod-col-left {width: 62%;}
.lp-callout-mod-col-right {width: 32%; display: flex; justify-content: flex-end; align-items: center; background: #666666; border-radius: 4px; overflow:hidden;}
.lp-callout-mod-col-right img {border-radius: 4px;  width: 100%; height: 100%; object-fit: cover; object-position: center;/}
/* image shown on stacked col view */
.hide-img-horiz-col-left{display:none; padding-top:16px;}
.hide-img-horiz-col-left img {border-radius: 4px;  width: 100%; height: 100%; object-fit: cover; object-position: center;/}

.lp-txt-callout-hdr h4{font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: left; color: var(--txt-color); font-size: clamp(28px, 5vw, 36px); line-height: clamp(32px, 5.2vw, 40px); font-kerning: none; font-variant-ligatures: none; letter-spacing: -0.005em; padding-bottom:8px; text-wrap:balance;}

@media only screen and (max-width: 1140px) {
  .lp-callout-mod-col-right{display:none;}
	.lp-callout-mod-col-left {width: 100%;}
	.hide-img-horiz-col-left{display:block;}
}

@media only screen and (max-width: 900px) {
    .lp-section-callout {padding: 32px;}
}
@media only screen and (max-width: 768px) {
   .lp-section-callout{padding: 32px;}
  .lp-txt-callout-hdr h4{text-wrap:pretty;}
}


/*   top navigation icons  */
.navIconWrap{width:100%; margin:0 auto; max-width:1280px; padding-right:20px;}
.navIcon {width:28px; height:22px; margin-right:4px; padding:10px; box-sizing: content-box; display:block; position:relative; cursor:pointer;}
.navIcon:nth-child(5){margin-right:0px !important;}
.navSignIn{height:28px; padding:8px 28px; background-color:#b2c9e4; color:#153660; font-family: 'Open Sans', sans-serif; font-weight:bold; text-align:center; font-size:13px; line-height:13px; border-radius:999px; margin-left:36px; width: 100px;}
.navSignIn:hover{background-color:#5bc59a;}

.itemHvr{width:200px; height:40px; background-color:transparent; position:absolute; top:46px; left:-150%; z-index:3; visibility:hidden;}
.itemHvrContent{font-family: 'Open Sans', sans-serif; font-weight:normal; text-align:center; color:#eeeeee; font-size:13px; line-height:13px; padding:13px; background-color:#333; border-radius:4px; box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);}

/*   flex   */
.flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flexCenter {-webkit-align-content: center; -webkit-justify-content: center; align-content: center; justify-content: center;} /* remove for equal height cols */
.flexCenterItems{align-items: center;}
.flexFlexEnd{justify-content: flex-end;}
.flexTopItems{align-items: flex-start;}
.rowWrap {flex-flow: row wrap;-webkit-flex-flow: row wrap;}
.flexColumnStack{flex-direction: column;}
.flexInner {}
.flexVerticalCenter{display: flex;flex-direction: column;justify-content: center;}
.centerOrigin{transform-origin: center center;}
.colReverse{flex-direction: column-reverse;}
.rowReverse{flex-direction: row-reverse;}
.flexEvenSpace{justify-content:space-between;}

/* nav */
.mainNavItem{height:90px; padding-top:36px; cursor: pointer; } /* create a larger area for navigation hover */
.mainNavItem{font-family: 'Open Sans', sans-serif; font-weight:600; text-align:left; list-style: none; display:inline-block; font-size:14px; line-height:21px; padding-right:44px; position:relative; letter-spacing:.02em;}
.mainNavItem a{color:#333333;}
/* text nav underline */
.mainNavItemUnderline{transform: translateX(0%); transform-origin: top left; position: absolute; left: 0%; bottom:14px; height:1px; width: calc(100% - 44px); border-bottom:4px solid #77cba9;}
.mainNavItem:last-child .mainNavItemUnderline{width: 100%;}

.mainNavItem:last-child {padding-right:0px;}

/*  hero and hdr */
.hdrTp{width:100%; height: 60px; background-color:#23497a; position: fixed; top:0; z-index:4;}
.hdrWrap{width:100%; height: 96px; margin:0 auto; background-color:#ffffff; position: fixed; top:0; z-index:999; box-shadow: 1px 1px 16px 1px rgba(34, 73, 122, 0.1); display:flex; align-content:center;}
.hdr{width:100%; max-width:1400px; height: auto; margin:0 auto; background-color:transparent; padding-right:20px; padding-left:20px;}
.hdrLogo{background-color:transparent; padding-left:0px;}
.hdrLogo img, .hdrLogo svg{width:328px; max-width:328px; height:auto;}
.hdrNav{width:70%; background-color:transparent; padding-right:0px;}
.hdrPhoneTxt, .hdrPhoneTxt a{font-family: 'Open Sans', sans-serif; font-size:18px; line-height:18px; font-weight:bold; color:#23497a; padding-left:10px; letter-spacing: 1px;}

.hero{width:100%; height: 400px; background-image: url("../imgs/hdr.jpg"), linear-gradient(to right, #0c6f5f, #005660); background-repeat: no-repeat; background-position: center; margin-top:184px; /* margin-top to compensate for height of fixed hdr height */ }
.mainHero{width:100%; height: 600px; background: url("../imgs/hero-home-bottom-left.png") left bottom no-repeat, url("../imgs/hero-home-bottom-right.png") right bottom no-repeat, url("../imgs/hero-home.png") right top no-repeat; background-size:contain, cover, cover; /* margin-top:184px;  margin-top to compensate for height of fixed hdr height */ }
.heroHdr{width:100%; max-width:1180px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom:10px;}
.heroHdr h1{font-family: 'Open Sans', sans-serif; font-size: 128px; line-height: 128px; font-weight: 800; text-align:left; color:#2A845D;  padding-bottom:20px; margin-top:10px; font-kerning: none; font-variant-ligatures: none; letter-spacing:-.03em; max-width:960px;}
.heroSub{width:100%; max-width:1180px; padding-right:20px; padding-left:20px; padding-top:20px; margin:0 auto; margin-bottom:40px;}
.heroSub p{font-family: 'Open Sans', sans-serif; font-weight:normal; text-align:left; color:#474747; font-size:22px; line-height:28px; max-width:960px;}
.heroButton{border-radius:2px; height:52px; width:192px; white-space: nowrap; padding:18px 50px; font-size:16px; line-height:16px; margin:0 auto; background:#73c4f1; color:#172c46; font-family: 'Open Sans', sans-serif; text-align:center; font-weight:bold; cursor: pointer; border:none; outline:none; }

/* Quote Bottom Above Footer */
.quoteHdr{width:100%; max-width:1020px; margin:0 auto; padding-right:140px; padding-left:140px; }
.quoteHdr23 h3{font-family: 'Open Sans', sans-serif; font-size: 34px; line-height:38px; font-weight: 800 !important; text-align: center; color: #ffffff;}

@media only screen and (max-width : 960px) {
	.quoteHdr{padding-right:80px; padding-left:80px; }
}
@media only screen and (max-width : 500px) {
	.quoteHdr{padding-right:40px; padding-left:40px; }
  .mainQuote h3 {font-size: 26px; line-height: 34px;}
}


/* ----------------- MEDIA QUERIES ------------------ */

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
 /* standard css rules apply */
	
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1260px) {
  .mainNavItem{font-size:13px; line-height:20px; padding-right:30px;}
  .mainNavItemUnderline{width: calc(100% - 30px);}
  .hdrLogo img, .hdrLogo svg {width:264px; height:auto; margin-top:0px;}
  .heroHdr h1{font-size: 100px; line-height: 100px; max-width:810px;}
}

/*  */
@media only screen and (max-width : 1024px) {
	.entryQuadCols{flex-wrap:wrap; }
	.entryQuadCol{max-width: 50%; flex: auto;}
	.entryQuadColBdy{max-width:100%;}
	
	.mainNavItemUnderline, .mainNavItem:last-child .mainNavItemUnderline{display:none;} /* HIDE MENU ITEM UNDERLINE */
	.mainNavItem{padding-top:10px;}
	.sub{position:relative; top:0; width:100%;}
	ul.sub{padding:0px; background-color:transparent; width:316px; box-shadow:none;}
	.sub li{list-style: none; list-style-image: url('../imgs/mobile-menu-sub-triangle.svg'); list-style-position: inside; text-align:left; text-transform: none; color:#333333; font-size:14px; line-height:34px; padding-left:10px; }
	.sub li:hover, li.mainNavItem a:hover{color:#106e52;}
	.mainNavUL{height:auto;}
	
	.memberBoxWrap{max-width:670px;}

}

@media only screen and (max-width : 480px) {
  .hdrLogo img, .hdrLogo svg{width:236px; height:auto; margin-top:0px;}
}


/* --------------------------------- */
/* ------------ FOOTER ------------- */
/* --------------------------------- */
.ftrContainer{width:100%; margin:0 auto; background-color:#104768;}
.ftrMinWrap{width:100%; max-width:1260px; margin:0 auto; padding:100px 40px; background-color:#104768; /*#23497a*/}
.ftrMinWrapMargin{margin:-30 auto 0 auto !important; }
.ftrMin{width:100%; max-width:1020px; height:auto;}

.ftrCol3{width:40%; padding-bottom:80px; background-color:transparent;}
.ftrCol2{width:50%; padding-bottom:20px; background-color:transparent; font-size:14px; line-height:22px; color: rgba(255, 255, 255, 0.5); /*#A8B8CD*/ font-family: 'Open Sans', sans-serif; font-weight:normal; }
.ftrCol2 a{font-size:14px; line-height:22px; color: rgba(255, 255, 255, 0.5); /*#A8B8CD*/ font-family: 'Open Sans', sans-serif; font-weight:normal;}
.ftrCol2 a:hover, .ftrNavItemSecondary a:hover, .ftrNavItem a:hover{color: rgba(255, 255, 255, 0.7); /*#73c4f1*/}
.ftrColSocial{padding-bottom:120px; background-color:transparent;}
.ftrColSocial a {padding-right:16px;}

.ftrLogo{width:20%;}
.ftrLogo a, #ftr_chevron{width:86px; height:89px;}
.ftrCol2.ftrLogo{width:50% !important;}
.ftrCol2.ftrLogo img{margin-right:40px; height:45px; }
.ftrCol2.ftrLogo img:nth-child(2){margin-right:0px;}

.footerBkgGradient{background-image: url("https://47186047.fs1.hubspotusercontent-na1.net/hubfs/47186047/raw_assets/public/pike/images/custom-imgs/footer-bkg-gradient-3800-4.jpg"),
  linear-gradient(to right, #214070, #077454); background-repeat: no-repeat; background-position: center; background-size: auto 400px; width: 100%; height: 400px;}

/* -------------------------------- */
@media only screen and (max-width : 768px) {
	.ftrMin{flex-wrap: wrap; height:auto;}
	.ftrLogo{justify-content: flex-start !important;}
	.ftrLogo img, .ftrLogo svg{margin-left:0px; margin-right:40px;}
	.ftrCol2{width:100%;}
	.ftrCol3{width:50%;}
	.ftrCol3, .ftrCol2{padding-bottom:40px;}
	.ftrSocial{flex-direction:row; flex-wrap:nowrap; height:auto;}
}
@media only screen and (max-width : 500px) {
.ftrLinks {margin-top:16px;}
.ftrLinks a {display:block; padding-top:4px;}
.ftrLinks a span{display:none;}
}


/* ---------------------------------- */
/* --------  LIST STYLE MOD  -------- */
/* ---------------------------------- */
h3.lp-h3-title{font-size:24px; line-height:30px; font-family: 'Open-sans', sans-serif; color:#2a2a2a;}
.lp-list-fancy{font-family: 'Open-sans', sans-serif; color:#2a2a2a; font-weight:400; font-size:16px; line-height:22px;}
.lp-list-item-heading{ font-size:18px; line-height:24px; font-weight:600; font-family: 'Open-sans', sans-serif; color:#197F95; display:block;}
ul li.lp-list-fancy {position: relative;padding-bottom: 16px;margin-left: 12px; list-style: none;}	
ul li.lp-list-fancy::before { content: ''; position: absolute; top: 10px; left: -12px; width: 6px; height: 6px; background-color:#197F95}

ol li.lp-list-fancy {position: relative; padding-bottom: 16px; margin-left: 18px; list-style: unset;}
ol li.lp-list-fancy::marker {color: #197F95; font-weight:600;}

/* ---------------------------------------------- */
/* ------------ landing page styles ------------- */
/* ---------------------------------------------- */
/* landing page: hero */
.lp-hero{padding:104px 0px; background: url('../imgs/lp-chevron-dim-dark.svg') no-repeat bottom 56px right 56px #0E6B75; background-size: 72px 68px; margin-bottom:40px}
.lp-heroInner{padding-right: 20px; padding-left: 20px;  width: 100%; max-width: 1280px; margin: 0 auto; text-wrap: balance;}
.lp-heroHdr{height: auto; padding-bottom: 16px;}

.lp-heroHdr h1 {font-family: 'Open Sans', sans-serif;font-weight: 800;text-align: left;color: #ffffff; font-size: 96px; line-height:104px; font-kerning: none;font-variant-ligatures: none;letter-spacing: -2px;width: fit-content; position: relative; padding-bottom: 8px; display: inline;z-index: 2;}
.lp-heroHdr h1:after {position: absolute; z-index: -1; left: 0; bottom: 8px; width: 100%; height: auto; border-bottom: 8px solid #ffc756; content: ""; border-radius: 999px;}
/* Firefox style - remove the ::after pseudo-element which doesn't work properly in Firefox */
@-moz-document url-prefix() {.lp-heroHdr h1::after {display: none !important;}}

.lp-heroHdrSmTxt h1 {font-size: 72px; line-height:80px; letter-spacing: -1px; padding-bottom: 8px;}

.lp-heroSub {margin-bottom: 40px; margin-top: 24px;}
.lp-heroSub p {font-family: 'Open Sans', sans-serif; font-weight: 500; text-align: left; color: #C0DFDC; font-size: 20px; line-height: 26px; text-transform: none; letter-spacing: .02em; width: fit-content; padding-bottom: 0px; height: auto; -webkit-font-smoothing: antialiased;}

.lp-heroLeft{max-width:780px; text-wrap: balance;}

.lp-heroSplit{background-color: #0E6B75; margin-bottom:40px; height:auto;}
.lp-colSplitTxt{width: 60%; padding-left:40px; height: auto; padding-right: 16px; display:flex; justify-content: flex-end; padding-top:104px; padding-bottom:104px;}
.wrapMax708{max-width:708px; }
.lp-colSplitImg {width: 40%; height: auto; background-image: url(); background-repeat: no-repeat; background-position: top left;background-size: cover;}

/* landing page: form fields */
.lp-field-wrap{width:100%;}
.lp-field-wrap input {width: 100%; margin: 0; padding: 16px; box-sizing: border-box; background-color: #f9f9f9; border: 1px solid #d4d4d4; text-align: left; border-radius: 4px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400;}
.lp-field-wrapLrg input{padding-top:20px; padding-bottom:20px;}

.lp-field-wrap input, textarea {-webkit-appearance: auto;}
.lp-field-wrap input:focus {box-sizing:border-box; background-color: #F4F9F7; outline:1px solid #0E6B75; box-shadow: 0px 0px 4px 2px #D0F4E2;}

.lp-darkFieldWrap input{border:1px solid #075256; background-color:#E9F4F4;}
.lp-darkFieldWrap input:focus {box-sizing:border-box; background-color: #F4F9F7; outline:1px solid #47B2AF; box-shadow: 0px 0px 8px 2px #014949;}

#email-error{font-family: 'Open Sans', sans-serif; text-align: left; padding-top:8px; padding-bottom:8px; font-size: 13px; line-height:16px; color:#ca4350; display:block;}
.lp-field-wrap label.error{font-family: 'Open Sans', sans-serif; color: #ca4350; font-size: 13px; line-height:16px; display:block; padding-top:8px; padding-bottom:8px;}

.col2fieldWrap{gap:8px; flex-wrap: wrap; margin-bottom:16px;}
.col2-field{width:49%;}
.col2-field-full{width:98.8%;}
.wideField{flex: 1;}
.narrowField{flex: 0 0 25%;}

/* landing page: buttons */
.buttonHdr{border-radius:999px; background-color:#1aa0a0; color:#ffffff; text-align:center; white-space: nowrap; margin: 0 auto; font-family: 'Open Sans', sans-serif; cursor: pointer; border: none; outline: none; width:fit-content; height: 40px; font-weight: bold; -webkit-font-smoothing: antialiased;  display: flex; padding: 16px 40px; align-items: center; font-size: 14px; line-height: 14px;}
.buttonHdr:hover{background-color:#14918e;}
.lp-buttonWrap{padding-top:24px;}
.lp-button {width:fit-content; min-width: 270px; min-height: 56px; display:flex; justify-content:center; white-space: nowrap; padding: 22px 40px; font-size: 16px; line-height: 16px; background: #73c4f1; color: #172c46; font-family: 'Open Sans', sans-serif; font-weight: bold; cursor: pointer; border: none; outline: none; border-radius: 999px;}
.lp-buttonWide{width:100%;}
.lp-button:hover{background-color: rgb(82, 198, 204);}
.lp-buttonCenter{margin:0 auto; text-align:center; }

.headerPhone{font-size: 24px; color: #2c5282; font-weight: 800; letter-spacing:.02px; text-align:right; white-space: nowrap; font-family: 'Open Sans', sans-serif; cursor: pointer; width:fit-content; height: 48px; -webkit-font-smoothing: antialiased;  display: flex; padding: 16px 40px; align-items: center;}

.buttonHdr:focus, a.lp-button:focus, .lp-button:focus{outline:2px solid #54a9b8;}

/* landing page: helpers */
.limitWidth960{max-width:960px;}
.limitWidth768{max-width:768px;}
.limitWidth600{max-width:600px;}

/* padding */
.padBottom32{padding-bottom:32px;}
.padBottom16{padding-bottom:16px;}
.padBottom12{padding-bottom:12px;}
.padBottom8{padding-bottom:8px;}
.padBottom0{padding-bottom:0px;}

/* landing page: module wrappers */
.lp-moduleWrap{padding:64px 0 0 0;}
.lp-moduleInner{padding-right: 40px;padding-left: 40px;  width: 100%; max-width: 1180px; margin: 0 auto;}
/* landing page: module wrapper with background */
.lp-bkgClr{background-color:#E5ECEC; margin-top:64px; margin-bottom:0; padding-bottom: 64px;}
.lp-bkgClrLight{background-color:#F6F8F8; margin-top:64px; margin-bottom:0; padding-bottom: 64px;}

/* columns */
.lp-col2Wrap{height:auto; padding-top:32px; padding-bottom:32px;}
.lp-col3Wrap{height:auto; padding-top:32px; padding-bottom:32px;}
.lp-col2{width:50%; height:auto; flex-direction: column; justify-content: center;}
.lp-col2Txt{margin-bottom:4%; /* lift slightly to visually align */}
.lp-col2Left{padding-right:32px;}
.lp-col2Right{padding-left:32px;}
.colRowReverse{flex-direction: unset;}
.lp-col2-50-wrap{background-color:#E5ECEC; height:auto;}
.lp-col2-50{width: 50%; padding-left:40px; height: auto; padding-right: 32px; display:flex; justify-content: center; padding-top:208px; padding-bottom:208px;}
.wrapMax580{max-width:580px;}
.lp-col2-50-img {width: 50%; height: auto; background-image: url(); background-repeat: no-repeat; background-position: center left; background-size: cover;}
.lp-col2-50-formText {padding: 64px 32px; align-content: center; flex-wrap: wrap;}
.lp-col2-50-form {width: 50%; height:auto; display:flex; justify-content:center; align-content:center; flex-wrap:wrap; padding: 64px 32px; background-color:#c1d7d7;}
.colFormWrap{background-color:transparent; width:100%; max-width:580px; height:auto;}
.lp-col3-33{width: 33%; height: auto;}
.lp-colGap{gap:32px;}

/* landing page: text elements */
.lp-moduleInner h2{font-family: 'Open Sans', sans-serif;font-weight: 800; text-align: left; color: #197f91; font-size: 40px; line-height: 48px; letter-spacing: -.02em;}
.lp-moduleInner h3, .lp-col2 h3, .lp-col2-50 h3{font-family: 'Open Sans', sans-serif;font-weight: 700; text-align: left; color: #333333; font-size: 22px; line-height: 30px; letter-spacing: -.02em;}
.lp-col2-50 h3.lrgeH3{font-size:32px; line-height:40px; font-weight:800; /* split col h3 larger text */}
.lp-col3-33 h3{font-family: 'Open Sans', sans-serif;font-weight: 700; text-align: left; color: #333333; font-size: 18px; line-height: 22px; letter-spacing: -.02em;}
.lp-col2 h3{padding-bottom:8px;}
.lp-col3-33 h3{padding-bottom:8px;}
.lp-moduleInner p {font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 20px; line-height: 28px; color: #444444; text-align: left;}
.lp-col2 p, .lp-col2-50 p, .lp-col3-33 p, .lp-col3-33 p{font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 16px; line-height: 26px; color: #444444; text-align: left;}
.lp-txtRight, .lp-txtRight h3, .lp-txtRight p{text-align: right;}
.txtAlignCenter, .txtAlignCenter h2, .txtAlignCenter p{text-align:center;}

p.eyebrowText{font-family: 'Open Sans', sans-serif; font-weight: 600; text-align: left; color: #1a1a1a; font-size: 16px; line-height: 24px; letter-spacing:0.5px; padding-bottom:8px;}

.lp-col2-50 h3.lrgeH3 {font-size: 32px; line-height: 40px; font-weight: 800 !important;}

@media screen and (max-width: 500px) {
    .lp-col2-50 h3.lrgeH3 {font-size: 24px; line-height: 30px;}
}

/* landing page: images */
.lp-imgRow{gap:8px;}
.lp-imgRow img, .lp-col2 img, .lp-wideImg{border-radius:4px;}
.lp-col2 img{width:100%; height:auto; max-height:350px;}
.lp-rectImg{width:50%; max-height:300px; height:auto; }
.lp-sqImg{width:25%; max-height:300px; height:auto;}
.lp-wideImg{width:100%; max-width:1180px; height:auto;}
.lp-col3-33 img{width:80px; height:auto; padding-bottom:16px;}
.lp-videoInlineFullWidth{border-radius:4px; width:100%; max-width:1180px;}


/* landing page: media queries */
@media screen and (max-width: 1024px) {
	.lp-colSplitImg{display:none;} /* remove the split hero image on smaller viewports */
	.lp-colSplitTxt{width: 100%; padding-left:40px; height: auto; padding-right: 40px;}
	.wrap{max-width:100%; }
}

@media screen and (max-width: 960px) {
	.lp-col2-50{padding-top:104px; padding-bottom:104px;}
}

@media screen and (max-width: 768px) {
	.lp-heroHdr h1 {font-size:80px; line-height:88px;}
	.lp-heroHdrSmTxt h1 {font-size: 64px; line-height:72px;}
	.lp-moduleInner h2{font-size: 36px; line-height: 42px; letter-spacing:0em;}
	.lp-moduleInner , .lp-col2 h3{font-size: 20px; line-height: 24px; letter-spacing:0em;}
	.lp-heroSub p, .lp-moduleInner p {font-size: 18px; line-height: 24px;}
	.lp-col2 p, .lp-col2-50 p, .lp-col3-33 p{font-size: 16px; line-height: 22px;}
	.lp-hero{background: url('../imgs/lp-hero-triangle.svg') no-repeat top left, url('../imgs/lp-chevron-dim-dark.svg') no-repeat bottom 32px right 32px #0E6B75; background-size: 680px 212px, 56px 53px;}
	
	.lp-imgRow{flex-wrap: wrap; gap:6px;}
	.lp-rectImg{width:99%; max-height:unset;}
	.lp-sqImg{width:49%; max-height:unset;}

	.col2fieldWrap{row-gap: 8px; column-gap: 0px;}
	.col2-field, .col2-field-full{width:100%;}

	.lp-buttonCenter{width:100%;}

	.lp-col2Wrap{flex-wrap: wrap;}
	.lp-col2{width:100%; height:auto;}
	.lp-col2Left{padding-right:0px;}
	.lp-col2Right{padding-left:0px;}
	.lp-col2 img{width:100%; height:auto; max-height:unset; padding-top:32px;}
	.lp-txtRight, .lp-txtRight h3, .lp-txtRight p{text-align: left;}

	.wideField, .narrowField{flex: 100%;}
	.narrowField{padding-top:16px;}

	.lp-col2-50-wrap{flex-direction: column;}
	.lp-col2-50{width: 100%; padding-top:64px; padding-bottom:64px;}
	.wrapMax580{max-width:unset;}
	.lp-col2-50-img {width: 100%; height:400px;}
	.lp-col2-50-form{background-color:#E5ECEC; align-content:flex-start; padding-top:0px;}
	.colFormWrap{max-width:100%;}

	.colRowReverse{flex-direction: column-reverse;}

}

@media screen and (max-width: 600px) {
	.lp-col3Wrap{flex-direction: column;}
	.lp-col3-33{width:100%;}
}

/* Special for Header Button LPs */
@media screen and (max-width: 580px) {
	.hdrButtonWrap{display:none;}
}

@media screen and (max-width: 500px) {
	.lp-heroInner, .lp-moduleInner, .lp-colSplitTxt, .lp-col2-50{padding-right: 20px;padding-left: 20px;}
	.lp-heroHdr h1 {font-size:64px; line-height:72px;}
	.lp-heroHdrSmTxt h1 {font-size: 64px; line-height:72px;}
	.lp-moduleInner h2{font-size: 24px; line-height: 30px;}
	.lp-col2-50 h3.lrgeH3{font-size:24px; line-height:30px;}
	.lp-heroSub p, .lp-moduleInner p {font-size: 16px; line-height: 22px;}
	.lp-hero{background: url('../imgs/lp-hero-triangle.svg') no-repeat top left #0E6B75; background-size: 680px 212px; padding:80px 0;}

	.lp-buttonWrap, .lp-button{width:100%;}
	.lp-button {padding-left:24px; padding-right:24px; min-width:unset;}

	.lp-heroHdr h1:after{border-bottom: 6px solid #ffc756;}

	.lp-col2-50-img {height:300px;}
}
@media screen and (max-width: 420px) {
	.lp-heroHdr h1 {font-size:48px; line-height:56px; letter-spacing: -1px;}
}

@media screen and (max-width: 380px) {
	
	.lp-heroHdrSmTxt h1 {font-size: 64px; line-height:72px;}
}
@media screen and (max-width: 360px) {
	
	.lp-heroHdrSmTxt h1 {font-size: 52px; line-height:60px;}
	.lp-sqImg{width:48%;}
}

/* END LANDING PG */