html{
  height: 100%;
  box-sizing: border-box;
  font-size: 18px;
}
body {
  display: block;
  width: 100%;
  min-height: 100%;
  font-weight: 400;
  font-family: "source-sans-pro", Helvetica, sans-serif;
  overflow-x: hidden;
}
*, *:before, *:after {
  box-sizing: inherit;
}
.pure-g [class *="pure-u"] {
  font-family: "source-sans-pro", Helvetica, sans-serif !important;
}
.pure-g {
  font-family: "source-sans-pro", Helvetica, sans-serif !important;
  top: -5px;
}

a {
  color: #117788;
}
a:link {
  text-decoration: none;
}

.invisible {
  visibility: hidden;
}
#main {
  width: 100%;
  /*max-width: 900px;*/
  /*height: 100%;*/
  min-height: 470px;
  /*max-height: 600px;*/
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: #ffffff url("../images/background.jpg") no-repeat right top;
  background-size: cover;
}

.icon-wrapper {
  display: none;
}
#header {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 80px;
  padding: 20px 12.5% 20px 12.5%;
  border-bottom: 1px solid #C1C1C1;
}

#header #regionsLink {
  float: right;
  font-size: 1.0rem;
  font-weight: 400;
  line-height: 40px;
}

#guideWrapper {
  /*max-width: 900px;*/
  min-height: 420px;
  padding: 15px 0px;
  margin-left: auto;
  margin-right: auto;
}

#newContentWrapper, #contentWrapper {
  background: #FFFFFF;
  min-height: 400px;
}

.slidingIn {
  position: fixed !important;
  width: 100%;
}
.sideBox {
  background-color: #FFFFFF;
  width: 80%;
  height: 400px;
  margin-top: calc(39px - -1rem);
  opacity: 0.6;
}

.sideBoxLeft {
  margin-right: auto;
}
.sideBoxRight {
  margin-left: auto;
}

.tooltip {
  display: inline-table !important;
  z-index: 9999;
}
.tooltip-inner {
  max-width: 25rem;
  position: absolute;
  background: #117788;
  font-size: 0.875rem;
  color: white;
  padding: .5rem;
  line-height: 1.25rem;
  box-shadow: 0px 1px 2px #c1c1c1;
  right: -3rem;
  top: 1.75rem;
}
@media screen and (max-width: 768px) {
   .tooltip-inner {
     top: 1.15rem;
     font-size: 0.75rem !important;
     min-width: 200px !important;
   }
}
.pageTitle {
  font-size: 2.333rem;
  line-height: 2.333rem;
  font-weight: 300;
  white-space: nowrap;
}

.groupHeader {
  margin-bottom: 0px;
}

.modal.fade {
  display: none;
}

.modal-header h3 {
  font-weight: 400;
}

.modal-header {
  background: rgb(0, 94, 156);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.25));
  color: #FEC232;
  text-shadow: rgba(0,0,0,0.55) 1px 1px 3px;
}

.modal-header .close {
  color: white;
  text-shadow: 0 1px 0 black;
  opacity: 1.0;
}

.closeWindow {
  padding-top: 5px;
  margin-bottom: 15px;
}

a:hover, a:focus {
  text-decoration:none;
}

.wf-loading {
  visibility: hidden;
}
.wf-active,
.wf-inactive {
  visibility: visible;
}

/***************************
  Landing Page
***************************/
#noPath, #havePath {
}
.landing #contentWrapper {
  background: transparent;
}
.landing .sideBoxLeft, .landing #backgroundSlide {
  display: none;
}
.landing .submit {
  display: none;
  font-size: 1.0rem;
}
.landing .submit button {
  display: inline-block;
  font-weight: 600;
}
.landing h1 {
  font-size: 2.333rem;
  font-weight: 300;
}
.landing h2 {
  color: #797979;
  font-size: 0.8889rem;
  font-weight: 400;
}
.landing .pathWrapper {
  text-align: center;
  padding: 1rem 0;
  background: transparent;
  border: 0;
  display: block;
  width: 100%;
}
.landing .pathIcon {
  width:5rem;
  height:auto;
}
.landing .pathName {
  font-size: 1.0rem;
  font-weight: 600;
  margin: 1rem 0 0 0;
  color: #117788;
}

.landing .navigationColumn {
  margin-left:auto;    margin-right:auto;
}

.landing .pathDescription {
  display: none;
}
.landing .btn.startGuide {
  letter-spacing: normal;
  background-color: #568801;
  color: white;
  width: 10rem;
  /*padding: .75rem;*/
  text-align: center;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  cursor: pointer;
  display: block;
  border: 0;
}
.landing .btn.startGuide:after {
  font-family: fontAwesome;
  content: "\f054";
  margin-left: .5rem;
  font-weight: 100;
}
.landing .pathBar {
  width: 100%;
  height: .5rem;
}
.landing .pathChoice {
  height: 100%;
  background: #88bb00;
  width: 50%;
  transition: width .5s, left .5s;
}
.landing .chosenPathDescription {
  width: 100%;
  letter-spacing: normal;
  text-align: center;
  padding-top: 1rem;
  background-image: radial-gradient(ellipse at top, rgba(240,240,240,.75) 0%, rgba(245,245,245,.5) 15%, rgba(255,255,255,0) 75%);
  box-shadow: inset 0px 1px 3px rgba(240,240,240,.25);
}

.pathChoice.none {
  width: 0;
}

.pathChoice.left {
  left: 0;
}

.pathChoice.mid {
  left: 50%;
}

.pathChoice.right {
  left: 66%;
}
.navigationColumn {
  cursor: pointer;
}
.landing .pure-u-1-3 {
  width: 33% !important;
}


.paths {
  letter-spacing: normal;
  width: 100%;
}

/*.navigationColumn:hover {
  background: #127789;
  opacity: .7;
}*/

/*.navigationColumn:hover .pathName {*/
/*color: white;*/
/*}*/

.navigationColumn.selected .pathName {
  color: black;
}


/***************************
  Survey
***************************/

fieldset {
  border: 0;
}

#questionContent {
  margin-top: 30px;
  min-height: 320px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.questionCell {
  width: 40%;
}

.inline .questionAnswer.questionCell {
  width: 40%;
}

.questionLabel.questionCell,
.questionAnswer.questionCell {
  width: 100%;
  margin-bottom: 15px;
  margin-left: 0 !important;
  display: block;
}

.questionLabel.questionCell .ui-widget,
.questionAnswer.questionCell .ui-widget {
      width: 100%;
}

@media screen and (max-width: 800px) {
  .questionAnswer.questionCell input[type="text"],
  .questionAnswer.questionCell .ui-widget {
    max-width: 16rem;
  }
}

@media screen and (min-width: 800px) {
   .questionAnswer.questionCell,
   .questionLabel.questionCell {
      display: inline-block;
   }
   .questionLabel.questionCell .ui-widget,
   .questionAnswer.questionCell .ui-widget {
      width: auto;
   }
  .questionAnswer.questionCell {
    width: 50%;
    padding-left: 0.5rem;
  }
}

.multi-group .questionLabel.questionCell {
  width: 30%;
  margin-bottom: 0;
}

.multi-group .questionAnswer.questionCell {
  margin-top: 0 !important;
}

.questionLabel label,
.questionLabel legend,
.groupHeader {
  display: inline-block;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2rem;
}
@media screen and (min-width: 1080px) {
  .questionLabel label,
  .questionLabel legend,
  .groupHeader {
      font-size: 2.333rem;
   }
  .questionLabel label,
  .questionLabel legend,
  .groupHeader {
      font-size: 2rem;
   }
}

.multi-group .questionLabel label,
.multi-group .questionLabel legend {
   font-size: 1.15rem;
   line-height: 1.25;
   padding-bottom: 0.25rem;
}

@media screen and (min-width: 1080px) {
   .multi-group .questionLabel label,
   .multi-group .questionLabel legend {
     font-size: 1.75rem;
   }
}

.questionLabel legend:focus {
  outline: 0
}

.infoTip {
  position: absolute;
  font-size: 1.0rem;
  color: #117788;
}

.answerLabel {
  font-weight: 400;
  font-size: 0.8889rem;
}

input {
  font-weight: 400;
  border-radius: 0px !important;
}

input[type="text"],
input[type="email"]{
  height: 2.2rem;
  min-width: 200px;
}

[data-remodal-id=contact] #emailAddress,
#businessName {
  width: 50%;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  font-size: 1.3rem;
}

.questionAnswer .ui-spinner input[type="text"] {
  width: 100%;
}

@media screen and (max-width: 568px) {
  .questionAnswer .ui-spinner input[type="text"] {
    text-align: left;
  }
}
.acceptPayments-page .questionWrapper .questionLabel.questionCell {
  float: left;
  width: 50%;
  margin: 0 5% 0 0;
}
.acceptPayments-page .questionWrapper .questionAnswer.questionCell {
  float: left;
  width: 45%;
  margin: 0;
}
.acceptPayments-page .questionGroup {
  margin-bottom: 2rem;
}
.averageMonthlyCheckingBalance-page .questionWrapper .questionLabel.questionCell {
  float: left;
  width: 50%;
  margin: 0 5% 0 0;
}
.averageMonthlyCheckingBalance-page .questionWrapper .questionAnswer.questionCell {
  float: left;
  width: 45%;
  margin: 0;
}
.averageMonthlyCheckingBalance-page .questionGroup {
  margin-bottom: 2rem;
}
.makePayments-page .questionWrapper .questionLabel.questionCell {
  float: left;
  width: 50%;
  margin: 0 5% 0 0;
}
.makePayments-page .questionWrapper .questionAnswer.questionCell {
  float: left;
  width: 45%;
  margin: 0;
}
.makePayments-page .questionGroup {
  margin-bottom: 2rem;
}
@media screen and (max-width: 800px) {
  #questionGroups .questionWrapper {
    width: 95%;
  }
}

.questionGroups .questionWrapper ul.answerGroup {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
}

.answerInput {
  width: 30%;
}

.questionGroupCol1, .questionGroupCol2 {
  margin-top: 20px;
  transition: background-color 250ms ease 0s;
}

.radioInput.fullRow .columnHeader, .checkboxInput.fullRow .columnHeader {
  margin-bottom: 5px;
  font-weight: 400;
  text-align: center;
  color: #007DD1;
  font-size: 1.0rem;
}
.radios-to-slider .slider-level {
  height: 1.0em !important;
  top: 0.25em !important;
}

.radios-to-slider.filled .slider-bar, .slider-knob {
  background-color: #FF5A00;
}

.selected-icon {
  color: #1A728C;
}
.selected-icon:after {
  color: #343434 !important;
  text-shadow: 0 0 0.1em rgba(0, 0, 0, 0.25);
}
.selected-icon .answerLabel {
  color: #343434;
  font-weight: 600;
}

.checkbox-hidden div.checker span{
  /*display: none;*/
}

#checkingStatementTypeDiv .answerInput {
  display: block;
  width: 100%;
}

.clientAccounts li.checkbox-hidden + li.checkbox-hidden {
  margin-left: 1rem;
}

.clientAccounts .spinnerInput .questionLabel {
  display: none;
}

.checkboxInput.fullRow .questionAnswer {
  width: 100%;
}

.clientAccounts .checkboxInput li {
  display: inline-block;
}

.clientAccounts input[type="text"],
.clientAccounts .ui-spinner input {
  width: 5rem;
  font-size: 0.8rem;
}

.ui-widget, .ui-widget input {
  border-radius: 0px !important;
}

.clientAccounts .questionWrapper.spinnerInput {
  display: block !important;
}

.clientAccounts .checkboxInput.fullRow .groupCount1 ul {
  width: 110%;
}

.clientAccounts .checkboxInput.fullRow .wrapper {
  display: block;
}

.clientAccounts .checkboxInput.fullRow > .questionAnswer {
  margin-top: 0;
}

.clientAccounts .checkboxInput.fullRow .wrapper > div {
  display: block;
}

.questionPage {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  z-index: 1;
}
#image,
.questionPage {
  overflow: visible;
}
.radioInput.fullRow .wrapper, .checkboxInput.fullRow .wrapper {
  display: inline-block;
  padding: 2px;
  min-width: 25%;
  width: initial;
}
.questionWrapper {
  margin: 2px 4% 15px 4%;
  padding: 0px;
  width: 92%;
}
.inline .questionLabel.questionCell {
  width: 40%;
}

.inline .questionAnswer.questionCell {
  width: 55%;
}

.radio,
.checkbox {
  padding-left: 0px;
}

.answerLabel {
  margin-left:4px;
}

.questionAnswer.questionCell {
  margin-top: 2%;
}

select,
.select2-container {
  width: 100% !important;
  max-width: 300px;
  border: 1px solid #117788;
}
.select2-container--default .select2-selection--single {
  border-radius: 0;
}
.select2-results .answerInput {
  width: 100%;
}
.select2-container a {
  font-size: 0.8889rem;
  font-weight: 400;
  height: 2rem !important;
  line-height: 2rem !important;
}
.select2-container .select2-choice span.select2-arrow {
  border-radius: 0;
  border: none;
  background: none;
}
.select2-container .select2-choice .select2-arrow b {
  background: none;
  font-family: FontAwesome;
  content: "\f106";
}
.select2-drop {
  font-size: 1.2rem;
}
.select2-results .select2-result-label {
  padding: 2px 7px 2px !important;
  font-size: 0.8889rem;
}
.select2-results {
  font-size: 0.8889rem;
}
.select2-search {
  display: none;
}
.select2-container .select2-choice {
  border-radius: 0px;
}
.select2-container .select2-choice, .select2-container .select2-choices {
  border: none;
  box-shadow: none;
  background-color: #f1f1ef;
  background-image: none;
}
.select2-results li {
  border: none;
}
a.select2-choice:after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  bottom: 0;
  right: .5rem;
}
.select2-drop-active {
  border: 1px solid #117788;
  border-radius: 0;
  box-shadow: none;
}

#automaticTransferToSavingsDiv input[type=radio],
#interestRatePreferenceDiv input[type=radio],
#retirementTypeDiv input[type=radio],
#openSavingsForMinorDiv input[type=radio],
#accessRetirementFundsDiv input[type=radio],
#customerTypeDiv input[type=radio],
#accessMoneyFrequencyDiv input[type=radio],
#genderDiv input[type=radio],
#clientAccountsDiv input[type=checkbox],
input[type=checkbox],
#productForManagingMoneyDiv input[type=radio],
#savingsBenefitsMotivatorDiv input[type=radio],
#useSavingsAsOverdraftProtectionDiv input[type=radio],
#checkingOver5000Div input[type=radio],
#regionsCheckingAccountTypeDiv input[type=radio],
#financialStatusDiv input[type=radio],
#ownershipStatusDiv input[type=radio],
#loanPurposeHomeDiv input[type=radio],
#firstTimeHomeBuyerDiv input[type=radio],
#loanRequirementDiv input[type=radio],
#wantToBorrowFromHomeEquityDiv input[type=radio],
#loanTypeDiv input[type=radio],
#loanCollateralTypeDiv input[type=radio],
#creditCardTypeDiv input[type=radio],
#wantCreditCardBenefitsDiv input[type=radio],
input[type=radio]
{
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.radioInput .questionAnswer label:before
{
  font-family: FontAwesome;
  display: inline-block;
  content: "\f1db";  /* fa-circle-thin */
  letter-spacing: .8rem;
  font-size: 1.2rem;
  color: #BDBDBD;
  width: 1.4rem;   /* reduce bounce */
  vertical-align: top;
}

.checkboxInput .questionAnswer label:before
{
  font-family: FontAwesome;
  display: inline-block;
  content: "\f096";  /* fa-square-o */
  letter-spacing: .8rem;
  font-size: 1.2rem;
  color: #BDBDBD;
  width: 1.4rem;
  vertical-align: top;
}

.radioInput .questionAnswer label.checked:before
{
  content: "\f192";  /* fa-dot-circle-o */
  font-size: 1.2rem;
  color: #1A728C;
  letter-spacing: .4rem;
  vertical-align: top;
}

#creditCardRewardsTypeDiv .answerLabel ul, #wantCreditCardBenefitsDiv .answerLabel ul {
  font-size: .75rem;
}

#creditCardRewardsTypeDiv .answerLabel li, #wantCreditCardBenefitsDiv .answerLabel li {
  padding: 0;
  margin: 0;
  line-height: .9rem;
}

#creditCardRewardsTypeDiv .questionAnswer label:before, #wantCreditCardBenefitsDiv .questionAnswer label:before {
  float: left;
}

#creditCardRewardsTypeDiv.radioInput.fullRow .wrapper > div,#wantCreditCardBenefitsDiv.radioInput.fullRow .wrapper > div, #creditCardTypeDiv.radioInput.fullRow .wrapper > div {
  vertical-align: top;
}

#creditCardRewardsTypeDiv .answerLabel, #wantCreditCardBenefitsDiv .answerLabel {
  margin-left: 1rem;
  display: block;
}

#clientAccountsDiv .questionAnswer label:before {
  content: "\f096";  /* fa-square-o */
}

.checkboxInput .questionAnswer label.checked:before
{
  content: "\f046";     /* fa-check-square-o */
  color: #1A728C;
}
.radioInput .checked .answerLabel {
  font-weight: 600;
}

#productForManagingMoneyDiv .answerInput {
  width: 100%;
}

.radioInput .answerLabel,
.checkboxInput .answerLabel,
.radioInput.fullRow .answerLabel,
.checkboxInput.fullRow .answerLabel {
  display: inline-block;
  width: 80%;
}
.radioInput.fullRow li, .checkboxInput.fullRow li {
  padding: 5px;
}

.questionGroup .radioInput.fullRow li,
.questionGroup .checkboxInput.fullRow li {
  margin-top: 5px;
}

.checkboxInput .labelfocus,
.radioInput .labelfocus {
  background-color: #F2F2F2;
}
.checkboxInput .answerInput:hover,
.radioInput .answerInput:hover,
.checkboxInput .labelfocus:hover,
.radioInput .labelfocus:hover {
  background-color: #CFCFCF !important;
}
.checkboxInput .labelWrapper,
.checkboxInput .wrapper,
.checkboxInput label,
.radioInput .labelWrapper,
.radioInput .wrapper,
.radioInput label {
  display: inline-block !important;
  height: 100% !important;
  width: 100% !important;
}

input[type="text"],
input[type="email"]{
  background-color: #EEEEEE !important;
}
input:focus {
  background-color: #EEEEEE !important;
  border-color: #86BAC1 !important;
  box-shadow: initial !important;
}

.groupCount2 .answerGroup .answerInput {
  font-size: .75rem;
  padding: 0;
  margin: 0;
}

.questionGroups .questionWrapper .groupCount2 ul.answerGroup.group1 {
  display: block;
}

.groupCount2 .answerInput {
  width: 100%;
}

.groupCount2 .group1 .answerInput:not(:first-child) .answerLabel, .groupCount2 .group1 .answerInput:not(:first-child) .answerLabel .infoTip, .groupCount2 .group1  .answerInput:not(:first-child) .labelWrapper label:before {
  vertical-align: middle;
}

.groupCount2 .group1 .answerInput:not(:first-child) .answerLabel .infoTip, .groupCount2 .group1 .answerInput:not(:first-child) .answerLabel {
   display: inline-block;
  width: 80%;
}

.circleAngleButton {
  width: 1.4em;
  height: 1.4em;
  line-height: 1.4em;
}
.circleAngleButton .fa-circle-thin {
  font-size: 1.4em;
}
.circleAngleButton .fa-angle-right {
  left: 1px;
  font-size: 1.1em;
}

.loanPage9 .questionLabel legend,
.loanPage9 .questionLabel label {
  font-size: 1rem;
  font-weight: 600;
}
.loanPage9 .pageTitle {
  margin: 2px 0 2px 5%;
  white-space: normal;
}
.loanPage9 .questionWrapper {
  display: inline-flex;
  width: 29%;
  min-width: 200px;
  margin-left: auto;
  margin-right: auto;
}
.loanPage9 .questionAnswer legend:before {
  content: "\f192";  /* fa-dot-circle-o */
  font-size: 1.2rem;
  color: #1A728C;
  letter-spacing: .4rem;
}
.loanPage9 .questionAnswer label:before {
  content: "\f192";  /* fa-dot-circle-o */
  font-size: 1.2rem;
  color: #1A728C;
  letter-spacing: .4rem;
}
.loanPage9 .questionLabel {
  margin: 0;
}
.loanPage9 .questionWrapper .questionAnswer.questionCell {
  margin-top: 0;
  text-align: left;
  display: inline-flex;
  width: auto;
}
.loanPage9 ul.answerGroup li {
  display: block;
  margin: 0 0 1rem 0;
  width: 56%;
}
.loanPage9 .ui-spinner {
  width: 200px;
}
.loanPage9 .questionGroup {
  margin-bottom: 0;
  display:  inline-flex;
  flex-wrap: wrap;
}

.loanPage9 .invisible {
    display: none;
}

.loanPage9 .questionError::before {
  content: "\f071";
  font-family: "FontAwesome";
  color: #CC4E02;
  margin-top: 1.25rem;
}

.loanPage9 .questionError input {
  box-shadow: inset  0px 0px 11px 0px #CC4E02;
}

.loanPage9 .errorMsg {
  display: none;
}

.exitPage .pageTitle {
  margin-left: 4%;
  margin-bottom: 20px;
}
.exitPage .questionLabel legend,
.exitPage .questionLabel label {
  font-size: 1rem;
  font-weight: 600;
}
.exitPage .questionWrapper {
  display: inline-block;
  width: 29%;
  min-width: 200px;
  margin: 2px 0 15px 4%;
  vertical-align: top;
}
.exitPage .questionLabel {
  margin: 0;
}
.exitPage .questionWrapper .questionAnswer.questionCell {
  margin: 0;
  width: 100%;
}
.exitPage ul.answerGroup li {
  display: block;
  margin: 0 0 1rem 0;
  width: 56%;
}
.exitPage #ageDiv .ui-spinner {
  max-width: 85px;
}
.exitPage #ageDiv input {
  min-width: 0px;
  max-width: 85px;
}
.exitPage #postalCodeDiv input {
  width: 100px;
  min-width: 100px !important;
}

#checkingRequirementsRegionsDiv .answerInput {
  width: 100%;
}

/***************************
  Summary Page
***************************/
.summary #contentWrapper {
  background: transparent;
}
.summary .sideBoxRight, .summary #backgroundSlide {
  display: none;
}
.summary .pageTitle {
  margin-bottom: 20px;
}
.summary .products {
  padding: 20px 0 0px 0;
  min-height: 330px;
}
#emailDetails,
#viewDetails {
  display: none;
}
#actionBar {
  height: 50px;
}

.summary .callToAction:first-child {
  padding: .45rem 1.2rem;
  min-width: 10rem;
  text-align: center;
  font-weight: bold;
  display: inline-block;
  background-color: #CD5027;
  color: white;
  cursor: pointer;
}

.summary .callToAction:first-child div {
  color: white;
}

.summary .callToAction:nth-child(3) {
  display: none;
}

.summary .callToAction {
  display: inline-block;
  font-size: 1rem;
  margin-top: .5rem;
}

.summary .callToAction.disabled {
  background-color: #aaa;
}

.summary .callToAction:nth-child(2) {
  margin-left: 1rem;
  font-weight: 600;
  color: #117788;
}

.summary .buttonWrapper {
  width: 220px;
  height: 50px;
}

.summary #viewButtonDesktop {
  display: block;
  height: 50px;
  text-align: center;
  line-height: 46px;
  margin: auto;
  width: 300px;
  background-color: #568801;
}
.summary #backButton {
  right: 300px;
}
.summary #viewButtonMobile a {
  width: 125px;
}
.summary #viewButtonDesktop a,
.summary #viewButtonMobile a {
  color: #FFFFFF;
  height: 50px;
  display: block;
}
.summary #viewButtonDesktop,
.summary #viewButtonMobile,
.summary #continueButton {
  right: 0px;
  font-size: 1.0rem;
  font-weight: 600;
  position: absolute;
}

.summary .previousAsync {
  font-size: 1.0rem;
  background-color: transparent;
}
.summary .nextAsync {
  width: 300px;
  font-size: 1.0rem;
}
.summary .desktop,
.details .productApplyButton {
  display: inline-block;
}
.summary .mobile {
  display: none;
}
.summary #continueButton span {
  left: -5px;
}
.summary #viewButtonMobile {
  width: 125px;
  font-size: 1.0rem;
  background-color: hsl(103, 47%, 37%);
  color: white;
  z-index: 1000;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border: 0;
}
.summary .productName {
  font-size: 1.556rem;
  line-height: 1.556rem;
  font-weight: 600;
  width: 65%;
  margin-bottom: 2px;
  color: #127789;
}
.summary .productName a, .iraGroup h1  {
  color: #127789;
}

.iraGroup h1 span {
  font-size: 1.25rem;
  font-weight: 400;
}

.learnMore {
  font-size: 0.7rem;
  padding-left: 5px;
  text-decoration: underline !important;
  white-space: nowrap;
}

.summary .productDescriptionAbbreviated {
  display: none;
}

.summary .bestFit {
  display: none;
}
.productIcon {
  width: 25px;
}
#whyRecommended {
  font-size: 1.1rem;
  padding-left: 50px;
}
.summary .productReason {
  width: 30%;
  top: 0px;
  position: absolute;
  right: 0px;
  font-size: 0.8889rem;
}

.productReasonTitle {
  font-size: 1rem;
  font-weight: 600;
  white-space: nowrap;
}
.productReason .whyThis i {
  color: #89BF01;
  padding: 7px 0;
}
.productReason li {
  padding: 5px;
  left: -0.7em;
}
@media print {
  .details .productReason li {
    font-size: 1.15rem;
  }
}
.productReason .whyThisText {
  margin-left: 1.55em;
}
.productReason .whyThisLabel {
  left: -1.5em;
}
.productReason .whyThisLabel::before {
  font-family: FontAwesome;
  content: "\f111";
  font-size: 1rem;
  position: absolute;
  top: .3em;
  left: 0em;
}
.productReason .whyThisLabel::after {
  font-family: FontAwesome;
  content: "\f005";
  font-size: 0.5rem;
  color: #FFFFFF;
  position: absolute;
  top: 1.0em;
  left: .4em;
}

.summary .productDescription {
  font-size: 0.8889rem;
  font-weight: 400;
  width: 55%;
  padding-top: 5px;
}

/*.summary #borrow,*/
/*#bottom #borrowColumn {*/
/*display: none;*/
/*}*/
.summary .callToAction {
  padding-top: .5rem;
  display: inline-block;
}

.summary .productReason .callToAction {
  display: block;
  max-width: 12rem;
  text-align: center;
  margin: 1rem;
}

#ira .productName, .ira .productName {
  display: none;
}

.iraGroup:first-child {
  border-bottom: 1px solid #8c8c8c;
  padding-bottom: .5rem;
}

#bottom .iraGroup h1 {
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1;
}

#bottom .iraGroup h3 {
  font-size: .9rem;
}

.details .ira .productReason {
  display: none;
}

.summary .addOns {
  display: none;
}

.productDisclosures.bottom .no-accordion-toggle {
  font-size: 1rem;
  font-weight: bold;
  background: none;
  color: #117788;
  margin-top: 1rem;
}

#main .productPricing {
  display: none;
}

.productPricing:before {
  font-family: fontAwesome;
  content: "\f061";
  font-weight: 100;
  margin-right: .25rem;
  color: #89BF01;
}

.productDisclosures a.productUrl {
  color: black;
  display: block;
  font-size: 1rem;
  margin-bottom: .25rem;
  cursor: default;
}

.productDisclosures .toggleGroup {
  padding: 0px 1rem;
}

.bottom .permanentDisclosure {
  padding: .5rem 0;
}

.bottom .disclosures {
  padding: 0 1rem;
  margin-top: .25rem;
  display: block;
}

.disclosures {
  display: none;
}

.productDisclosures a:hover {
  text-decoration: underline !important;
}

.iraDisclosure, .loanDisclosure {
  display: none;
  margin: .5rem 0;
}

.notNotMay {
  border: 2px solid rgb(220,220,220);
  max-width: 40rem;
  margin: .25rem auto;
}

.notNotMay h4 {
  font-size: .85rem;
  background: rgb(230,230,230);
  padding: .25rem;
  text-align: center;
  color: rgb(80,80,80);
}

.nnmList {
  text-align: center;
}

.nnmItem {
  display: inline-block;
  padding: .25rem 1rem;
  font-size: .75rem;
  color: rgb(110,110,110);
}

.disclosureList .branding {
  margin-top: .5rem;
}

/***************************
  Details Page
***************************/

.dossier #header {
  padding: 20px 5vw 20px 5vw;
}
@media print {
  .dossier #header {
    padding: 0.5rem 5vw 0.5rem 5vw;
  }
}

.details .intro h4 {
  font-size: 2rem;
  font-weight: 300;
}

.details#contentWrapper {
  padding: 1rem 5vw 0 5vw;
}

.productDisclosures {
  padding: 1rem 12.5% 0 12.5%;
}
@media print {
  .productDisclosures {
    padding: 1rem 0.5rem 0;
  }
}
.dossier .userAnswers, .dossier .productDisclosures {
  padding: 1rem 5vw 0 5vw;
}

.userAnswers .question {
  overflow: visible !important;
}

.userAnswers .questionText .subtext {
  display: none;
}

.details .intro {
  font-size: 1.8rem;
  border-bottom: 1px solid rgb(240,240,240);
  padding-bottom: 2rem;
  margin-bottom: 1rem;
}

.details .brochureId {
  font-size: .85rem;
}

.details .brochureId div {
  display: inline;
}

.details .groupTitle {
  font-size: 2rem;
  font-weight: 300;
  padding-bottom: 1rem;
  display: inline-block;
}

.details .productReason {
  display: inline-block;
  vertical-align: top;
  margin-left: 4%;
  width: 45%;
}

.addOns .productReason {
  display: none;
}

.details .productBody {
  width: 50%;
  min-width: 320px;
  border: 1px solid #CCCCCC;
  padding: .75rem;
  display: inline-block;
}

.details .bestFit {
  left: -.75rem;
}

.details .productApplyButton div {
  font-weight: bold;
  color: white;
}

.details .callToAction:nth-child(2) {
  margin-left: 1rem;
}

.details .branding {
  font-weight: bold;
  font-size: .75rem;
}

.details .productName a {
  font-weight: 400;font-size: 1.5rem;color: #127789;}

.details .productDescription {
  margin-top: .5rem;
  margin-bottom: 1rem;
}

.details .whyThis li {
  font-weight: bold;
}

.details .productGroup {
  border-bottom: 1px solid rgb(240,240,240);
  margin-bottom: 1rem;
}

.details .displayGroupProducts {
  margin-bottom: 2rem;
}

.details .productGroup#other {
  border: none;
}

.details .printFooter {
  border-top: 1px solid #C1C1C1;
  padding-top: 1rem;
}

.details .recommendations .productPricing {
  display: none;
}

.details .productGroup#other {
  border: none;
}

.printFooter .brochureId {
  display: inline-block;
}

.printFooter {
  border-top: 1px solid #c1c1c1;
  padding: 0 5vw;
}

.details .productGroup#other {
  margin-bottom: 0;
}

.printFooter .printTitle {
  display: inline-block;
  font-weight: bold;
  font-size: 1rem;
}

.printFooter .footerActions {
}

.printFooter div {
  display: inline;
}

.printFooter .footerActions .action, .details .headerActions .action {
  display: inline-block;
}

.printFooter .printTitle .brochureId {
  font-size: .75rem;
  font-weight: 400;
}

.printFooter .action.printAndView, .details .productApplyButton, .details .headerActions .action.printAndView {
  background-color: hsl(103, 47%, 37%);
  color: white;
  cursor: pointer;

}

.printFooter .action.email, .details .headerActions .action.email {
  color: hsl(103, 47%, 37%);
  border: 2px solid hsl(103, 47%, 37%);
}

.printFooter .action, .details .headerActions .action {
  padding: .45rem .45rem .45rem .45rem;
  min-width: 7rem;
  text-align: center;
  font-weight: bold;
}

.details .callToAction:first-child {
  padding: .45rem 1.2rem;
  min-width: 6rem;
  text-align: center;
  font-weight: bold;
  display: inline-block;
  background-color: hsl(103, 47%, 37%);
  color: white;
  cursor: pointer;
}

.details .callToAction:first-child a {
  color: white;
}

.details .callToAction {
  display: inline-block;
}

.callToAction {
  cursor: pointer;
}

.callToAction:first-child a {
  color: white;
}

.details .headerActions {
  display: inline-block;
  font-size: .75rem;
  font-weight: bold;
}
.details .headerActions .buttonWrapper,
.printFooter .buttonWrapper {
  float: right;
}

.details .headerTitle {
  display: inline-block;
}

.details .disclosures {
  width: 50%;
  padding: .5rem 0rem 0 1rem;
  font-size: 0.7rem;
}

.details .groupLink {
  display: inline-block;
  vertical-align: super;
  margin-left: 2rem;
  font-size: 1rem;
  cursor: pointer;
  font-weight: normal;
}

.details .addOns .bestFit {
  display: none;
}

.printFooter div {
  margin-top: auto;
  margin-bottom: auto;
}

.dossier {
  padding: 0;
}

.dossier .productDisclosures .disclosures {
  margin-left: 1rem;
}

.accordion-toggle, .no-accordion-toggle {
  color: #ffffff;
  font-size: 1.0rem;
  text-align: left;
  background: hsl(103, 47%, 37%);
  width: 100%;
  padding: .5rem;
  cursor: pointer;
  border: none;
  display: block;
}
.accordion-toggle i {
  float: right;
  font-size: 30px;
  bottom: .25rem;
}
.no-accordion-toggle {
  cursor: auto;
}

.userAnswers .answers {
  display: none;
}

.productDisclosures {
  margin-bottom: 1rem;
}
.productDisclosures .accordion-toggle {
  padding: 0;
}
.dossier .productDisclosures .accordion-toggle {
  padding: .5rem;
}

.dossier .toggleGroup {
  border: 1px solid #CCCCCC;
  border-top: none;
}

.toggleGroup {
  display: none;
}

.productDisclosures .toggleGroup {
  display: block;
}

.permanentDisclosure {
  padding: 1rem 0 0 0;
}

.dossier .userAnswers .answers {
  border-top: none;
  border: 1px solid #CCCCCC;
  padding: 0;
}

.dossier .userAnswers .question {
  padding: .25rem;
  padding-top: .25rem;
}

.userAnswers .infoTip {
  font-size: .75rem;
}

.dossier .disclosuresFooter {
  width: 89vw;
}

.userAnswers #annualIncome, .userAnswers #age {
  display: none;
}

/***************************
  Bottom product display
***************************/
#bottom {
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  width: 75%;
  /*min-height: 220px;*/
}
#bottom #noProductsYet {
  font-size: 1.4rem;
  font-weight: 400;
  color: #838383;
}
#bottom #productsMatchedPerPath {
  font-size: 1.0rem;
}
#bottom #productsMatchedPerPath .productDescription,
#bottom #productsMatchedPerPath .productReason,
#bottom #productsMatchedPerPath .callToAction,
.details .cd .bestFit,
.details .ira .bestFit,
#bottom .cd .bestFit,
#bottom .ira .bestFit {
  display: none;
}
#bottom .productCell {
  font-size: 1.2rem;
}

#bottom .productDescriptionAbbreviated {
  font-size: .85rem;
}

#bottom .displayGroup {
  width: 95%;
  margin-bottom: 10px;
}
#bottom .bestFit {
  display: block;
  left: -0.5rem;
}
#ribbon text {
  font-size: 0.8rem;
  font-weight: 600;
}
#bottom .pathName {
  padding-bottom: 15px;
  color: #838585;
  font-weight: 600;
  text-transform: uppercase;
}
.ribbon {
  height: 26px;
  width: 125px;
}
#bottom .checkingStartNow {
  color: #838585;
  padding-bottom: 10px;
}
#bottom .savingsStartNow {
  color: #838585;
  padding-bottom: 10px;
}
#bottom .borrowStartNow {
  color: #838585;
  padding-bottom: 10px;
}
/*#bottom .fa-check {*/
/*color: #568801;*/
/*}*/
#bottom .checkingPathCompleted .fa-check {
  color: #568801;
}
#bottom .savingsPathCompleted .fa-check {
  color: #568801;
}
#bottom .borrowPathCompleted .fa-check {
  color: #568801;
}
#bottom .checkingPathNotCompleted .fa-check {
  color: #838585;
}
#bottom .savingsPathNotCompleted .fa-check {
  color: #838585;
}
#bottom .borrowPathNotCompleted .fa-check {
  color: #838585;
}

#main .productIcon {
  /*display: none;*/
}
.productIcon {
  height: 25px;
  width: 25px;
  display: none;
}
.branding {
  color: #127789;
  font-size: 0.7778rem;
}
#bottom .productCell:not(:first-child) .productName,
#bottom .productCell .addOns .productName {
  /*border: 0px;*/
  /* padding: 3%; */
}
#bottom .productCell:not(:first-child) .ribbon,
#bottom .productCell .addOns .ribbon,
#bottom .productCell:not(:first-child) .productIcon {
  display: none;
}
#bottom .branding {
  font-weight: 600;
}
#bottom .productName {
  font-weight: 400;
}
#bottom .addOnHeader {
  padding: 1rem .25rem 0 .25rem;
  padding-top: 1rem;
  font-size: 1rem;
}

#bottom .productPricing {
  display: none;
}

#bottom .disclosures {
  display: none;
}

#bottom .mainProduct {
  border: 1px solid #CCCCCC;
  padding: .5rem;
}

#bottom .addOn {
  margin-top: 1rem;
}

#bottom .addOn .productCell {
  border: none;
  padding: 0;
}


/***************************
  Footer
***************************/
#footerSeparator {
  width: 100%;
  height: 80px;
  background-color:#FFFFFF;
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#EBEBEB);
  background-image:-moz-linear-gradient(top, #FFFFFF 0%, #EBEBEB 100%);
  background-image:-webkit-linear-gradient(top, #FFFFFF 0%, #EBEBEB 100%);
  background-image:-ms-linear-gradient(top, #FFFFFF 0%, #EBEBEB 100%);
  background-image:linear-gradient(top, #FFFFFF 0%, #EBEBEB 100%);
  background-image:-o-linear-gradient(top, #FFFFFF 0%, #EBEBEB 100%);
  background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EBEBEB));
}

#footer {
  box-shadow:         0px -5px 5px 0px rgba(222, 223, 223, 0.75);
  /*margin-top: 15px;*/
  position: relative;
  width: 100%;
  min-height: 80px;
}
#footer.hide {
  display: none;
}
#footer.show {
  display: block;
}
#footer #why {
  display: inline-block;
  font-size: 1.111rem;
  font-weight: 600;
  letter-spacing: normal;
  padding-left: 10px;
}
#footer .pure-g {
  padding-top: 32px;
}
@media print {
  #footer .pure-g {
    padding-top: 0;
  }
}
#footer #brochureId {
  font-size: 0.8889rem;
  font-weight: 400;
  line-height: 1.7rem;
  letter-spacing: normal;
  padding-left: 10px;
}
#footer #brochureId div {
  display: inline;
}
#footer .pure-g > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#footer #emailButton {
  width: 100px;
  border: 2px solid #55893D;
  background-color: #FFFFFF;
  color: #568801;
  top: 2px;
}
#footer #viewButton {
  width: 220px;
  background-color: #568801;
  color: white;
  border: 0;
}
#footer #emailButton,
#footer #viewButton {
  display: inline-block;
  font-size: 1.0rem;
  font-weight: 600;
  height: 50px;
  text-align: center;
  line-height: 46px;
  margin:  0 0 5px auto;
}
#footer .buttonWrapper {
  width: 220px;
  height: 50px;
  display: inline-block;
  margin:  0 0 5px 32px;
}
#footer .buttons {
  text-align: right;
}

.outOfFootprint .noProduct {
  font-size: 1rem;
}

.outOfFootprint {
  width: 75%;
}

.outOfFootprint .header {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.bottom .accordion-toggle i {
  float: none;
  font-size: 1.25rem;
  font-weight: bold;
  bottom: 0;
  margin-right: .25rem;
  color: #89BF01;
}

.productDisclosures.bottom {
  padding-top: 0;
}

.bottom .disclosureList {
  border: none;
}

.equalHousing {
  width: 56px;
  height: 35px;
  background: url("../images/staticImages.gif");
  background-position: 0px -142px;
}

.disclosure.housing {
  display: inline-block;
}

.disclosure.copyright {
  float: left;font-size: .6rem;
}

.fullDisclosures {
  text-align: right;
  color: rgb(120,120,120);
}

.disclosure.fdic {
  display: inline-block;
}

.disclosureLink {
  color: #127789;
  font-size: .6rem;
  margin-right: 1rem;
}

.disclosuresLinks {
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
}

.disclosuresFooter .trademark {
  display: inline-block;
  color: rgb(120,120,120);
  vertical-align: top;
  padding-top: 0.5rem;
}

.disclosuresFooter {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.boxDisclosures {
  width: 100%;
}

.boxDisclosure .headerBox {
  text-align: center;
  background: #aaa;
  padding: .25rem;
  color: white;
}

.boxDisclosure {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 1px solid #eee;
}

.boxDisclosures li {
  display: inline-block;
  padding: .25rem .5rem;
  border-left: 1px solid #eee;
}

.boxDisclosures li:first-child   {
  border-left: none;
}

.productDisclosures .disclosures {
  display: block;
}

.disclosureLink span {
  color: rgb(120,120,120);
  font-weight: bold;
}

a.phoneLink {
  display: block;
  font-size: .6rem;
}

.phoneLink span {
  color: grey;
}

.housing img {
  width: 1rem;
  margin-left: 0.25rem;
}

.fdic img {
  width: 2.5rem;
}

.disclosures.left {
  width: 90%;
  display: inline-block;
}

.disclosureImages {
  display: inline-block;
  margin-top: -1rem;
  font-size: 0.7rem;
}


/***************************
  Buttons
***************************/
.previousAsync, .nextAsync, .next {
  z-index: 1000;
  display: inline-block;
  width: 100px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border: 0;
}

.previousAsync {
  background-color: #FFFFFF;
  color: #1A728C;
}

.pricingLink {
  cursor: pointer;
}

.nextAsync, .next {
  width: 170px;
  background-color: #568801;
  color: white;
}
.nextAsync span, .next span {
  left: -35px;
}
.buttonInactive {
  background-color: #C1C1C1 !important;
  width: 150px;
  color: white;
  z-index: 1000;
  display: inline-block;
  height: 45px;
  text-align: center;
  padding: 12px;
}
.nextAsync:hover,
.previousAsync:hover,
.next:hover{
  cursor: pointer;
}
#navigation {
  text-align:right;
  height: 50px;
  top: -10px;
}
#backButton {
  right: calc(5vw - -170px);
}
#continueButton {
  right: 5vw;
}
#backButton, #continueButton {
  text-decoration: none;
  color: #568801;
  font-size: 1.0rem;
  font-weight: 600;
  position: absolute;
}
.summary #backButton .fa-angle-left,
.survey #backButton .fa-angle-left {
  display: none
}
.summary #viewButtonMobile .fa-angle-right,
.survey #continueButton .fa-angle-right {
  font-size: 2.0rem;
  float: right;
  line-height: 48px;
  right: 15px;
}
.pure-button {
  background-color: #558900;
  color: #FFFFFF;
  font-size: 1.0rem;
}
.subtext {
  font-size: 1.0rem;
  line-height: 1.35;
  margin-top: 0.75rem;
}

.remodal.timeTrade {
  max-width: 900px;
}

.timeTrade .close {
  font-size: 1.25rem;
  position: absolute;
  right: 2rem;
  top: 1rem;
  cursor: pointer;
}

#product1442Div .next {
  width: auto;
  background: none;
  color: black;
}
/***************************
  Progress bar
***************************/
@-webkit-keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.progress-label {
  display: none;
}
#progressBarPath {
  /*display: inline-block;*/
  -webkit-animation: fadeIn 5s;
  animation: fadeIn 5s;
  margin-top: 0px;
}
#pathArrow {
  height: 11px;
  top: -3px;
  left: .9rem;
  color: #558800;
}
.landing .pathList, .landing #progressBarPath, .landing #pathArrow, .landing .pathArrowClass{
  /*display: none;*/
  visibility: hidden;
}
.progress {
  width: 100%;
  overflow: visible;
  margin: 10px 0px 0px 0px;
  height: 8px;
  background-color: #f7f7f7;
  border-radius: 0px;
}
.progress .bar {
  background: #558800;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  border-radius: 0px;
  height: 100%;
  width: 0;
}

.pathList li
{
  display: inline;
  list-style-type: none;
  padding-right: 20px;
  color: #568801;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: initial;
}

.pathList {
  display: flex;
}

.pathList .path
{
  color: #568801;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: initial;
  flex-grow: 1;
  /*text-align: center;*/
  left: 1.2rem;
}

.pathArrowClass {
  display: flex;
}

.landing .checkingArrow,
.landing .savingsArrow,
.landing .loanArrow
{
  visibility: hidden;
}

.pathArrowClass .checkingArrow {
  height: 11px;
  top: -3px;
  left: 1.5rem;
  color: #558800;
  flex-grow: 1;
  /*text-align: center;*/
  visibility: hidden;
}

.pathArrowClass .savingsArrow {
  height: 11px;
  top: -3px;
  /*left: -0.7rem;*/
  color: #558800;
  flex-grow: 1;
  /*text-align: center;*/
  visibility: hidden;
}

.pathArrowClass .loanArrow {
  height: 11px;
  top: -3px;
  left: 1.9rem;
  color: #558800;
  flex-grow: 1;
  /*text-align: center;*/
  visibility: hidden;
}

/***************************
  Errors
***************************/
.errorMsg,
.successMsg {
  position: absolute;
  display: block;
  bottom: 10px;
  left: 3%;
  right: 0;
  top: initial;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
  font-size: 1.0rem;
  max-width: 90%;
  text-align: left;
}
@media screen and (max-width: 568px) {
  #postalCodeSuccessDiv {
    bottom: 85px;
  }
  .errorMsg {
    bottom: 50px;
  }
}
@media screen and (min-width: 568px) {
  #postalCodeSuccessDiv {
    bottom: 50px;
  }
}
.errorMsg-content li,
.successMsg-content li {
  color: #CC4E02;
  list-style: none;
  position: relative;
  padding-left: 1rem;
}
.errorMsg-content i,
.successMsg-content i {
  position: absolute;
  left: -0.5em;
  top: 0.1em;
}

.successMsg-content li {
  color: #568801;
}

  /***************************
    email modal
  ***************************/
html.remodal-is-locked {
  overflow: visible;
}

.remodal .cancel,
.remodal .submit,
#shareViaEmailClickedDialog .cancel,
#shareViaEmailClickedDialog .submit {
  width: 100px;
  font-size: 1.0rem;
  font-weight: 600;
  height: 50px;
  text-align: center;
  line-height: 46px;
}

.remodal .cancel,
#shareViaEmailClickedDialog .cancel {
  background-color: #FFFFFF;
  color: #568801;
  border: 2px solid #55893D;
}

.remodal .submit,
#shareViaEmailClickedDialog .submit {
  background-color: #568801;
  color: white;
  border: 0;
  margin-left: 15px;
}
#shareViaEmailClickedDialog button:disabled {
  background-color: #e7e7e7;
  border: 2px solid #bdbdbd;
  color: #bdbdbd;
}
.remodal input
#shareViaEmailClickedDialog input {
  text-align: left;
  width: 60%;
  font-size: 1.2rem;
}
.remodal .header,
#shareViaEmailClickedDialog .header, #shareViaEmailCloseDialog .header {
  border-bottom: 1px solid #CCCCCC;
  height: 40px;
}
#shareViaEmailCloseDialog .header .title {
  display: none;
}
#shareViaEmailCloseDialog .header {
  border-bottom: none !important;
  height: auto;
}
#shareViaEmailCloseDialog .header button {
  top: -1.85rem !important;
}

@media screen and (max-width:567px) {
  .remodal .header,
  #shareViaEmailClickedDialog .header.pure-hidden-xs {
    display: block !important;
  }
}

.remodal .header .title,
#shareViaEmailClickedDialog .header .title, #shareViaEmailCloseDialog .header .title {
  text-align: left;
  font-size: 1.0rem;
  font-weight: 600;
  line-height: 40px;
}

.remodal .header button,
#shareViaEmailClickedDialog .header button, #shareViaEmailCloseDialog .header button {
  position: absolute;
  top: -0.7rem;
  right: -0.5rem;
  left: auto;
  width: auto;
  height: auto;
  color: #2b2e38;
}
.remodal .header button:focus,
#shareViaEmailClickedDialog .header button:focus, #shareViaEmailCloseDialog .header button:focus {
  outline: auto;
}
.remodal .header button:hover,
#shareViaEmailClickedDialog .header button:hover, #shareViaEmailCloseDialog .header button:hover {
  color: #568801 !important;
}
.remodal .header button div,
#shareViaEmailClickedDialog .header button div, #shareViaEmailCloseDialog .header button div {
  display: none;
}
.remodal .header button i,
#shareViaEmailClickedDialog .header button i, #shareViaEmailCloseDialog .header button i {
  font-size: 1.5rem;
}
.remodal .greeting,
#shareViaEmailClickedDialog .greeting, #shareViaEmailCloseDialog .greeting {
  margin: 20px 0;
}
.remodal .buttonRow,
#shareViaEmailClickedDialog .buttonRow {
  margin-top: 20px;
}
.remodal .remodal-close:before,
#shareViaEmailClickedDialog .remodal-close:before, #shareViaEmailCloseDialog .remodal-close:before {
  content: "";
}
.remodal,
#shareViaEmailClickedDialog .remodal, #shareViaEmailCloseDialog .remodal {
  padding: 20px;
}

.remodal form label {
  font-size: 1.5rem;
}

.remodal input {
  margin-bottom: 1rem;
}

[data-remodal-id=contact] .greeting {
  margin: 10px 0 5px;
}

.exitNotice .title {
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
}

.exitNotice .close {
  background: none;
  border: none;
  float: right;
  bottom: .25rem;
  color: rgb(18, 119, 137);
}

.exitNotice .close div {
  display: inline-block;
}

.exitNotice .fa-times {
  font-size: 1.5rem;
}

.exitNotice .header {
  text-align: left;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: .25rem;
}

.exitNotice .description {
  padding: 1rem .5rem;
  font-size: 1rem;
}

.exitNotice .cancel {
  background: none;
  border: 2px solid #568801;
  padding: 0.5rem 1rem;
  color: #568801;
  font-weight: bold;
  font-size: 1rem;
  margin-right: .5rem;
  line-height: 1;
}

.exitNotice .appointmentLink {
  background: #568801;
  border: 2px solid #568801;
  color: white;
  padding: .5rem 1rem;
  font-size: 1rem;
  font-weight: bold;
}

.emailOptIn {
  margin-top: 1rem;
}

.emailOptIn .optInMessage.checked::before {
  content: "\f046";
  font-family: fontAwesome;
  margin-right: .25rem;
}

.emailOptIn .optInMessage.unchecked::before {
  font-family: fontAwesome;
  content: "\f096";
  margin-right: .25rem;
}

#concierge .concierge-widget-footer {
  display: none;
}

/***************************
  override Bootstrap
***************************/
h1, h2, h3, h4, h5, h6 {
  margin: 0px;
}

/***************************
  Media queries
***************************/
@media print {
  html {
    font-size: 11px;
  }
  #regionsLink,
  .printFooter,
  .buttonWrapper,
  .disclosures.left,
  button,
  #actionBar,
  .callToAction {
    display: none !important;
  }
  #bottom {
    margin-top: 0;
  }
  #header {
    height: auto;
    padding: 0.5rem 0;
  }
  .intro .headerTitle {
    font-size: 1.875rem;
  }

  .intro .brochureId {
    font-size: 1.25rem;
    margin-top: -0.15rem;
  }
  /*#contentWrapper.details .recommendations {
    padding: 0;
  }*/
  .recommendations .groupLink {
    display: none;
  }
  .recommendations .groupTitle {
    padding-bottom: 0.5rem;
    font-size: 1.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
  }
  .recommendations .productGroup {
    border-bottom: none;
    margin-bottom: 1rem;
  }
  .recommendations .displayGroupProducts {
    border: none;
    margin-bottom: 0;
  }
  .recommendations .displayGroupProducts:before {
    content: '';
    clear: both;
    display: table;
  }
  .productCell:before {
    content: '';
    clear: both;
    display: table;
  }
  .productCell .productBody {
    display: block;
    width: 100%;
    margin-right: 0;
    padding-right: 0;
    border: none;
    padding-top: 0;
  }
  .productCell .productName .branding {
    font-size: 0.875rem;
  }
  .productCell .productReason {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 2rem 1rem;
  }
  .productCell .bestFit {
    padding-bottom: 1rem;
  }
  .productCell .bestFit text {
    font-size: 1.15rem;
  }
  .productCell .addOns {
    display: block;
    margin-top: 1rem;
    margin-left: 0;
  }
  .productCell .addOns:before {
    content: 'Addons';
    font-weight: 700;
    font-size: 1.5rem;
    margin: 0 0 0.25rem 0;
    text-transform: uppercase;
    letter-spacing: 2px;
  }
  .productReason .productReasonTitle {
    font-weight: 400;
    font-size: 1.35rem;
    padding-bottom: 0.5rem;
    color: #127789;
  }
  .userAnswers:before {
    content: '';
    clear: both;
    display: table;
  }
  .userAnswers .questionText {
    font-size: 1.25rem;
  }
  .dossier .userAnswers .answers {
    width: 100%;
  }
  .accordion-toggle {
    font-size: 1.5rem;
  }
  .no-accordion-toggle {
    font-size: 1.5rem;
  }
  .accordion-toggle i {
    bottom: 0.65rem;
  }
  .toggleGroup > div {
    margin-bottom: 0.75rem;
  }
  .branding {
    font-size: 1.5rem;
    margin-bottom: 0 !important;
  }
  .productDisclosures a.productUrl {
    font-size: 1.25rem;
  }
  .disclosures.left {
    display: none;
  }
  .disclosureImages,
  .disclosure.copyright {
    font-size: 1.15rem;
  }
}

/* pure-hidden-xs */
@media screen and (max-width:567px) {
  .pure-visible-sm{display:none}
  .pure-visible-md{display:none}
  .pure-visible-lg{display:none}
  .pure-visible-xl{display:none}
  .pure-hidden-xs{display:none}
}
/* pure-hidden-sm */
@media screen and (min-width:568px) and (max-width:767px) {
  .pure-visible-xs{display:none}
  .pure-visible-md{display:none}
  .pure-visible-lg{display:none}
  .pure-visible-xl{display:none}
  .pure-hidden-sm{display:none}
}
/* pure-hidden-md */
@media screen and (min-width:768px) and (max-width:1023px) {
  .pure-visible-xs{display:none}
  .pure-visible-sm{display:none}
  .pure-visible-lg{display:none}
  .pure-visible-xl{display:none}
  .pure-hidden-md{display:none}
}
/* pure-hidden-lg */
@media screen and (min-width:1024px) and (max-width:1279px) {
  .pure-visible-xs{display:none}
  .pure-visible-sm{display:none}
  .pure-visible-md{display:none}
  .pure-visible-xl{display:none}
  .pure-hidden-lg{display:none}
}
/* pure-hidden-xl */
@media screen and (min-width:1280px) {
  .pure-visible-xs{display:none}
  .pure-visible-sm{display:none}
  .pure-visible-md{display:none}
  .pure-visible-lg{display:none}
  .pure-hidden-xl{display:none}
}
@media screen and (max-width: 1024px) {
  #bottom {
    width: 96%;
  }
  #header {
    padding: 20px 2% 20px 2%;
  }
  .dossier #header {
    padding: 20px 5vw 20px 5vw;
  }
  #actionBar {
    margin-top: 3vh;
  }
  .disclosuresFooter {
    width: 96% !important;
  }
  .productDisclosures {
    padding: 2%;
  }
  #footer .padded {
    padding: 0 2%;
  }
  #footer #emailButton, #footer .buttonWrapper {
    margin-right: 10px;
  }
  .summary #content {
    padding: 10px;
  }
}
@media screen and (max-width: 800px){
  #disclosures {
    display: none;
  }

  #contentWrapper {
    height: 100%;
    width: 100%;
  }

  #content {
    width: 100%;
    padding: 10px;
  }

  #mainWrapper {
    height: 100%;
    width: 100%;
  }

  #main {
    top: 0;
    height: 100%;
    width: 100%;
  }

  #questionContent {
    width: 100%;
  }

  #questionGroups {
    margin: 0;
    padding: 0;
    height: 100%;
  }

  .questionGroup {
    height: 100%;
  }

  .questionWrapper {
    width: 90%;
  }

  .slider-label {
    padding-top: 0 !important;
    top: 2em;
  }

  .radioInput.inline .questionCell {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .details .headerActions .buttonWrapper,
  .printFooter .buttonWrapper {
    float: left;
  }
}
@media screen and (min-width: 567px) {
  .radioInput .questionAnswer.questionCell label {
    padding-left: 1.25rem;
  }
  .radioInput .questionAnswer.questionCell label:before {
    position: absolute;
    left: 0;
  }
}
@media screen and (max-width: 567px) {
  #main {
    background: #FFFFFF;
  }
  #contentWrapper {
    min-height: 350px;
  }
  #questionContent {
    min-height: 70vh;
    margin-top: 10px;
  }

  #bottom .pathName {
    margin-top: 1rem;
  }
  #bottom .checkingStartNow {
    margin-top: 1rem;
  }
  #bottom .savingsStartNow {
    margin-top: 1rem;
  }
  #bottom .borrowStartNow {
    margin-top: 1rem;
  }

  .landing #guideWrapper {
    padding: 1rem .5rem;
  }

  .disclosuresFooter {
    width: 100%;
    padding: 0 .5rem;
  }

  .disclosures.left {
    width: 66% !important;
  }

  a.disclosureLink {
    margin-right: .25rem;
  }

  #leftColumn {
    position: absolute;
    bottom: 20px;
    left: 10px;
  }
  #rightColumn {
    position: absolute;
    bottom: 20px;
    right: 10px;
  }
  .landing .pathList,
  #footer,
  #bottom,
  .pathList,
  #pathArrow {
    display: none !important;
  }
  #guideWrapper {
    padding: 0;
  }
  #header {
    height: 40px;
    padding: 2px 1% 0px 1%;
    border-bottom: 0;
    margin-bottom: 8px;
  }
  #header img {
    height: 22px;
    top: 8px;
  }
  #navigation {
    top: 0;
  }

  .summary #backButton,
  .survey #backButton {
    border: 2px solid #568801;
    z-index: 1000;
    height: 50px;
    text-align: center;
    width: 125px;
    left: 0.25rem;
  }
  .summary #viewButtonMobile,
  .summary #viewButtonDesktop,
  .survey #continueButton {
    right: 0.25rem;
  }
  .summary .previousAsync,
  .survey .previousAsync {
    height: 46px;
    font-size: 1.0rem;
    color: #568801;
    line-height: 46px;
    width: 100%;
  }
  .survey .nextAsync span {
    left: -7px;
  }
  .survey .desktop {
    display: inline-block;
  }
  .survey .mobile {
    display: none;
  }
  .survey #continueButton button {
    width: 120px;
    font-size: 1.0rem;
    background-color: #568801;
    color: white;
    z-index: 1000;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border: 0;
  }
  .summary #backButton .fa-angle-left,
  .survey #backButton .fa-angle-left {
    display: inline;
    font-size: 2.0rem;
    float: left;
    line-height: 44px;
    left: 15px;
  }

  .summary .productName, .summary .productDescription {
    width: 100%;
  }
  .summary .productReason {
    width: 100%;
    position: relative;
  }
  .answerInput {
    width: 100%;
  }
  #viewDetails {
    margin: 20px 0 0 20px;
  }
  #emailDetails {
    margin: 8px 0 0 20px;
  }
  #emailDetails,
  #viewDetails {
    display: block;
    font-size: 1.0rem;
    font-weight: 600;
  }
  .summary .desktop {
    display: none !important;
  }
  .summary .mobile {
    display: inline-block;
    width: 125px;
  }
  .summary .pageTitle {
    font-size: 8.5vw;
    margin-bottom: 1vh;
  }
  .summary .products {
    padding: 0 0 0 5px;
  }
  .exitPage .questionWrapper {
    display: block;
    width: 100% !important;
  }
  /* #shareViaEmailClickedDialog .greeting {
    margin: 0;
    font-weight: 600
  } */
  .printAndView {
    display: none !important;
  }
  .details .recommendations {
    padding: 0;
  }
  .printFooter {
    padding: 1rem;
  }

  .pathArrowClass {
    display: none;
  }

  .checkboxInput.fullRow .groupCount2 ul {
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .details .productReason {
    width: 100%;
  }
  /*Cheating with the importants, but who cares.*/
  /* #postalCodeErrorDiv {
    position: relative !important;
    display: block !important;
    bottom: initial !important;
    left: initial !important;
    top: initial !important;
    right: initial !important;
    margin-left: auto;
    margin-right: initial;
    padding: 12px;
    font-size: 1.0rem;
    max-width: 90% !important;
    height: initial !important;
  } */
  .errorMsg,
  .successMsg {
    max-width: 100%;
  }
}
@media screen and (max-width: 800px) {
  #postalCodeErrorDiv {
    position: relative !important;
    display: block !important;
    bottom: 0!important;
    left: initial !important;
    top: initial !important;
    right: initial !important;
    margin-left: 7%;
    margin-right: initial;
    padding: 20px 0;
    font-size: 1.0rem;
    max-width: 100% !important;
    height: initial !important;
    margin-bottom: -1.25rem;
  }
}
#postalCodeErrorDiv {
  bottom: 35px;
}





/*Appointment Flow*/
#contactFormDialog .form-body {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 24rem;
}

#contactFormDialog .form-body.calendar-section {
  max-width: 95%;
}

#contactFormDialog .form-body.location-section {
  max-width: 95%;
}

#contactFormDialog a.closeAppointmentModal {
  position: absolute;
  color: #fff;
  right: 0;
  top: 0;
  font-size: 2rem;
  text-shadow: none;
  margin: 0;
  line-height: 1rem;
  background: rgba(0,0,0,0.1);
  padding: .25rem;
}
#contactFormDialog .contactMe-flow-container .appointment-header {
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1rem;
}
#contactFormDialog .modal-header {
  background: #568801;
  color: #fff;
  text-shadow: none;
  font-weight: 300 !important;
  font-size: 1.2rem;
  text-align: left;
  padding: 1rem;
  margin-bottom: 1rem;
}
#contactFormDialog .modal-header h3 {
  font-weight: 300;
}
#contactFormDialog form label {
  display: block;
  font-size: .9rem;
  width: 100%;
  font-weight: 700 !important;
  margin-bottom: 0;
  text-align: left;
}
#contactFormDialog input {
  box-shadow: none !important;
  border: 2px solid rgba(0,0,0,0.15) !important;
  padding: .8rem 0.5rem !important;
  background: none !important;
  text-align: left;
  font-size: 1rem;
  margin-bottom: 0;
  margin-top: 0.25rem;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  outline: none !important;
}
#contactFormDialog .form-error {
  font-size: .8rem;
  color: #fff;
  background: #d90430;
  width: 100%;
  margin: auto;
  padding: .25rem .5rem .5rem;
  text-align: left;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: relative;
  display: none;
}
#contactFormDialog .form-error:before {
  display: block;
  position: absolute;
  height: 3.2rem;
  width: 100%;
  border: #d90430 2px solid;
  content: ' ';
  bottom: 1.8rem;
  left: 0;
}
#contactFormDialog .contactMeStage.showErrors .form-error {
  display: block;
}
#contactFormDialog .form-container.contactMeStage:before {
  content: 'The information you provide to set up this appointment will not be used to update our records of your contact information. Regions may use this information and your responses to questions about your banking needs to extend offers or to recommend banking solutions to you in the future.';
  display: block;
  width: 90%;
  margin: 1rem 5% 1rem;
  font-size: .8rem;
}
#contactFormDialog .form-group {
  margin-bottom: 1rem;
}
#contactFormDialog button.btn {
  background: #568801;
  border: none;
  padding: .8rem;
  width: 10rem;
  color: #fff;
  text-align: center;
  text-transform: none;
  font-weight: 700;
  letter-spacing: .01rem;
  font-size: .8rem;
  float: none;
  margin-top: 1rem;
  outline: none !important;
}
#contactFormDialog button.btn.btn-link.back {
  background: #eee;
  color: #212121;
  font-size: 0;
  position: absolute;
  bottom: 0;
  left: calc(50% - 12.4rem);
  z-index: 99;
  letter-spacing: -.01rem;
  width: 12rem;
  text-align: center;
  outline: none !important;
}
#contactFormDialog button.btn.save {
  width: 12rem;
  position: relative;
  left: -.4rem;
}
#contactFormDialog .contactMe-flow-container .selectedLocationString, #contactFormDialog .contactMe-flow-container .selectedTimeString{
  margin-bottom: 1rem;
}
#contactFormDialog .locationsAndMapSection {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
}
@media screen and (min-width: 540px) {
  #contactFormDialog .locationsAndMapSection {
    width: 24%;
  }
}
#contactFormDialog .mapElement~div {
  position: absolute;
  width: 100%;
  float: left;
  height: 100%;
  top: 0;
  z-index: 0;
}
#contactFormDialog .mapContainer .mapElement {
  z-index: 1;
}
#contactFormDialog button.btn.btn-link.back:before {
  content: 'Back';
  font-size: .8rem;
}
#contactFormDialog .contactMeStage .form-actions {
  padding-left: 0;
  text-align: center;
}
#contactFormDialog .form-actions {
  width: 100%;
  padding-left: 50%;
  text-align: left;
}
#contactFormDialog  .form-group.zipCode {
  text-align: right;
  margin-bottom: .2rem;
}
#contactFormDialog .form-group.zipCode input {
  text-align: right;
  width: 100%;
}
#contactFormDialog .form-group.zipCode .form-error {
  display: none;
}
#contactFormDialog .mapContainer {
  margin: 1rem 0;
}
#contactFormDialog .rbc-time-content{
  overflow: hidden;
}
#contactFormDialog .contactMe-flow-container .rbc-event{
  background: #117788;
}
#contactFormDialog .contactMe-flow-container .rbc-event.rbc-selected{
  background: #568801;
}
#contactFormDialog button.close-button{
  display: none;
}
.contactMe-flow-container .mapContainer .locations {
  background: #f5f5f5;
  padding: .5rem;
  min-height: 400px;
  width: 100%;
}
.contactMe-flow-container .mapContainer .locations:before {
  content: 'Locations';
  border-bottom: 1px solid rgba(0,0,0,0.1);
  margin-bottom: 0.5rem;
  display: block;
  padding-bottom: .3rem;
}
.contactMe-flow-container .mapContainer .locations .location-for-map .locationId{
  display:none;
}
.contactMe-flow-container .loading-section .fa {
  left: 0;
  right: 0;
}
.contactMe-flow-container .loading-section:after {
  content: 'Searching for locations';
  animation: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: calc(50% - 5.5rem);
  font-weight: 700;
  padding: 0 .5rem;
}
.contactMe-flow-container .calendar-section .loading-section:after {
  content: 'Searching for time slot available';
}
.contactMe-flow-container .rbc-btn-group>button:first-child:not(:last-child),
.contactMe-flow-container .rbc-btn-group>button:last-child:not(:first-child),
.contactMe-flow-container .rbc-btn-group>button:not(:first-child):not(:last-child){
  font-size: 0;
}
.contactMe-flow-container .rbc-btn-group>button:not(:first-child):not(:last-child) {
  border-radius: 0;
  float: left;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.contactMe-flow-container .rbc-btn-group>button:first-child:not(:last-child) {
  border-radius: 0;
  border-left: none;
}
.contactMe-flow-container .rbc-btn-group>button:not(:first-child):not(:last-child):before {
  content: '<<';
  font-size: .85rem;
}
.contactMe-flow-container .rbc-btn-group>button:first-child:not(:last-child):before {
  content: 'This Week';
  font-size: .85rem;
}
.contactMe-flow-container .rbc-btn-group>button:last-child:not(:first-child):before {
  content: '>>';
  font-size: .85rem;
}
.appointment-information .timeAndLocation {
  width: 80%;
  margin: 1rem 10%;
  background: #f1f1f1;
  padding: 1rem;
}
#contactFormDialog .contactMe-flow-container .appointment-information h2{
  margin-top: 0;
}
#contactFormDialog .contactMe-flow-container .appointment-information .locationString {
  margin-top: 1rem;
}
#contactFormDialog .contactMe-flow-container .appointment-information h3 {
  font-weight: 400;
}
#contactFormDialog .contactMe-flow-container .rbc-event-label {
  display: block;
  font-size: .5rem;
  white-space: normal;
}
.appointment-information .customHtml{
  width: 80%;
  margin: 1rem 10% .5rem;
  text-align: center;
}

@media screen and (max-width: 540px) {
  #contactFormDialog .form-container.contactMeStage:before{
    width: 96%;
    margin: 0 2% 1rem;
  }
  #contactFormDialog input{
    width: 96%;
    margin-top: 0;
  }
  #contactFormDialog button.btn.btn-link.back{
    left: calc(50% - 7.4rem);
    width: 7rem;
  }
  #contactFormDialog button.btn.save{
    width: 7rem;
  }
  #contactFormDialog .mapElement {
    display: none;
  }
  #contactFormDialog .contactMe-flow-container .mapContainer .locations {
    width: 100%;
  }
  .contactMe-flow-container .rbc-btn-group>button:first-child:not(:last-child):before {
    content: 'Today';
  }
  .contactMe-flow-container .rbc-toolbar .rbc-toolbar-label{
    font-size: .7rem;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
  .contactMe-flow-container .rbc-calendar {
    height: 600px;
  }
}