.landing .pathIcon {
  height: initial;
}

#main {
  background: #ffffff url("../images/background.png");
  background-size: auto;
  background-repeat: repeat;
  background-position: center;
}

.landing * {
  color: #ffffff !important;
}

.landing .nextAsync {
  width: 7rem;
  font-weight: bold;
  font-size: 1rem;
  border-radius: 2px;
}

.landing-hero-image {
  position: absolute;
  top: 5px;
  right: 0;
  height: 470px;
  display: none;
}

.landing .landing-hero-image {
  display: block;
}

.summary .sideBox,
.landing .sideBox {
  display: none;
}

.landing-main-header {
  line-height: 1.25;
}

.landing-sub-header {
  margin: 1rem 0;
}

.paths {
  margin-top: 1rem;
}

.modal.fade {
  display: none;
}

#footer {
  box-shadow: none;
}

.summary .productReason .whyThisLabel::after {
  font-family: FontAwesome;
  content: "\f005";
  font-size: 0.6rem;
  color: green;
  position: absolute;
  top: .95em;
  left: .25em;
}

.questionWrapper {
  margin-bottom: 0;
}

.pathList .path,
.pathArrowClass .checkingArrow {
  color: white;
}

.pathList,
.pathArrowClass {
  opacity: 0 !important;
}

.questionCell {
  text-align: left;
}

.groupHeader {
  margin: 2px 4% 15px 4%;
  padding: 0;
  width: 92%;
}

.productCell {
  margin-bottom: 1.5rem;
}

#creditCardTypeDiv ul.answerGroup {
  display: block;
}

#creditCardTypeDiv .answerInput {
  width: 80%;
}

#averageMonthlyCheckingBalance-groupDiv .questionLabel.questionCell {
  width: 45%;
}

@media(max-width: 1260px) {
  .landing-hero-image {
    display: none !important;
  }
}


/*Summary Specific Styles*/
.summary .pageTitle {
  color: #fff;
  font-weight: 300;
}

.summary .matchingProducts {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  overflow-x: hidden;
}
.summary .matchingProducts .appointments,
.summary .matchingProducts .apply,
.summary .matchingProducts .specialAttention{
  display: block;
  background: #fff;
  padding: 2rem;
  color: #212121 !important;
  border-radius: 1.5rem;
  float: left;
  margin-bottom: 2rem;
  margin-top: 1rem;
  width: 100%;
}
.summary .matchingProducts .displayGroupName {
  border-bottom: 1px solid #ddd;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.025rem;
  padding-right: 18rem;
}

.summary .productCell {
  float: left;
  width: 100%;
}
.summary .productCell .learnMore {
  font-size: 1rem;
}
.summary .productName {
  font-weight: 400;
  font-size: 1.35rem;
  width: 100%;
}
.summary .productName .text {
  float: left;
  width: calc(100% - 2rem);
  cursor: pointer;
}
.summary .productName .text:after {
  content: "\F0DA";
  font-family: FontAwesome;
  font-size: 1.5rem;
  margin-left: .5rem;
  top: .12rem;
  position: relative;
}
.summary label.product-checkbox {
  float: left;
  width: 1.3rem;
}

.summary label.product-checkbox {
  float: left;
  width: 1.3rem;
  height: 1.3rem;
  margin-right: .7rem;
  top: .2rem;
  position: relative;
}
.summary .product-checkbox .check{
  fill: #ccc;
  display: none;
}
.summary .product-checkbox input:checked + .svg-container .check{
  display: block;
  fill: #8abc00;
}
.summary .product-checkbox input:checked path{
  stroke: #8abc00;
}

.summary .productDetails {
  display: none;
  width: 100%;
  float: left;
}
.summary .productDetails.show {
  display: block;
}
.summary .productDetails .leftSide {
  width: calc(60% - 2.1rem);
  float: left;
  margin-left: 2.1rem;
}
.summary .productDetails .rightSide {
  width: 35%;
  float: right;
  display: block;
  margin-right: 2.5%;
}
.summary .productReason {
  background: rgba(0,0,0,0.05);
  padding: 1rem;
  width: 100%;
  position: relative;
  margin-top: -1rem;
}
.summary .productReason .whyThis i {
  color: transparent;
}
.summary .productReason .whyThisLabel::after {
  color: #89BF01;
}

.summary .actions {
  float: left;
  width: 100%;
  text-align: right;
}
.summary .callToAction{
  padding: 0 !important;
}
.summary .callToAction .productApplyButton,
.summary .callToAction .productApplyLink,
.summary .callToAction .applyButtonText{
  display: block !important;
}
.summary .callToAction .productApplyButton {
  padding: .65rem 1.2rem;
}
.summary .appointmentSection .actionButton.action,
.summary .callToAction {
  padding: .65rem 1.2rem;
  min-width: 10rem;
  text-align: center;
  font-weight: bold;
  display: inline-block;
  background-color: #568801 !important;
  color: white;
  cursor: pointer;
  font-size: 1rem;
}
.summary .callToAction a {
  color: #fff;
}
.summary .appointmentSection .actions {
  display: none;
}
.summary .appointmentSection .actionButton {
  position: absolute;
  top: 3.5rem;
  text-align: right;
  padding: 0;
  margin: 0 2rem;
  display: none;
  right: 0;
}
.summary .appointmentSection .appointments + .actionButton,
.summary .appointmentSection .specialAttention + .actionButton{
  display: block;
  background: none;
  border: none;
  float: right;
}
.summary #applySection .actions {
  position: absolute;
  width: auto;
  text-align: right;
  padding: 0;
  top: -1rem;
  right: 0;
}
.summary #applySection .productReason {
  margin-top: 1.5rem;
}

.summary #specialAttention.matchingProducts .displayGroupName {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.summary #specialAttention.matchingProducts .displayGroup.level2 {
  display: none;
}


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


.summary .makeAppointmentWindow {
  position: absolute;
  width: 65%;
  height: calc(100% - 3rem);
  background: rgba(0,0,0,0.2);
  right: 0px;
  top: 1rem;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}


.summary .matchingProducts .apply .displayGroupName {
  display: none;
}
.summary .apply .productCell {
  margin-bottom: 0;
}


.summary .progress,
.summary .callToAction div,
.summary #actionBar,
.summary #viewDetails,
.summary #emailDetails,
.summary .productName .branding {
   display: none;
 }



.summary #product1636Div {
  background: #eee;
  border: 1px solid #ccc!important;
  padding: 2.5rem 0 1.5rem;
  margin-bottom: 0;
}
.summary #product1636Div .product-checkbox {
  opacity: 0;
}
.summary #product1636Div .productNameText:before {
  content: 'You May Also Qualify For';
  position: absolute;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #777;
  top: -1.6rem;
}
.summary #product1640Div .productUrl{
  display: none;
}
.business-lending label.product-checkbox {
  display: none;
}



.summary .appointmentSection .actionButton.scheduled .action {
  background: #f1f1f1!important;
  color: #aaa;
  cursor: default;
  border: #89BF01 2px solid;
}
.summary .appointmentSection .actionButton.scheduled .action:before {
  font-family: FontAwesome;
  content: '\f00c';
  margin-right: .5rem;
  color: #89BF01;
}
.summary .pathList, .summary .pathArrowClass {
  display: none !important;
}



.header-actions {
  float: right;
  width: 25%;
  text-align: right;
}
.header-actions .icon {
  cursor: pointer;
}
.header-actions .icon svg g, .header-actions .icon svg polyline, .header-actions .icon svg path, .header-actions .icon svg line, .header-actions .icon svg rect, .header-actions .icon svg circle {
  stroke: #fff;
  fill: transparent;
}
.header-actions .icon svg {
  width: 4rem;
  float: right;
  margin-left: .5rem;
  height: 3rem;
}
.header-actions .icon.print svg {
  height: 2.75rem;
}
.summary .pageTitle {
  width: 75%;
  float: left;
}

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



.contactMe-flow-container .appointment-information h5 {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 1.5rem;
}




@media screen and (max-width: 767px) {
  .summary .pageTitle {
    font-size: 1.8rem;
  }
  .header-actions .icon svg {
    width: 2.5rem;
    float: right;
    margin-left: .5rem;
    height: 2.2rem;
  }
  .header-actions .icon.print svg {
    height: 2rem;
  }
  .summary .callToAction:first-child {
    padding: .45rem 1.2rem;
    min-width: 8rem;
  }
  .summary .matchingProducts .displayGroupName {
    border-bottom: 1px solid #ddd;
    padding-bottom: 2rem;
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    padding-right: 14rem;
  }
  .summary .productDetails .rightSide {
    width: calc(100% - 5rem);
    float: left;
    display: block;
    margin-right: 0;
    margin-left: 2.1rem;
    margin-top: 0rem;
  }
  .summary .productDetails .leftSide {
    width: 100%;
    float: left;
    margin-left: 2.1rem;
  }
  .summary .productReason {
    margin-top: 1rem;
  }
}

@media screen and (max-width: 540px) {
  .summary .matchingProducts .displayGroupName{
    padding-right: 0;
  }
  .summary .matchingProducts .appointments, .summary .matchingProducts .apply, .summary .matchingProducts .specialAttention{
    padding-bottom: 7rem;
    margin-bottom: 0;
  }
  .summary .productName{
    font-size: 1rem;
  }
  .summary .matchingProducts .apply{
    padding-bottom: 7rem;
    margin-bottom: 3rem;
  }
  .summary .appointmentSection .appointments + .actionButton,
  .summary .appointmentSection .specialAttention + .actionButton{
    top: auto;
    position: relative;
    bottom: 5rem;
    width: 85%;
    text-align: center;
    float: none;
    margin: auto;
  }
  .summary .appointmentSection .actionButton .action{
    width: 100%;
    padding: 1rem;
  }
  .summary #applySection .actions{
    bottom: -5rem;
    top: auto;
    width: 100%;
  }
  .summary #applySection .actions .callToAction{
    width: 100%;
  }
  .summary #applySection .callToAction .productApplyButton{
    padding: 1rem;
  }
  .summary .matchingProducts .apply .mainProduct {
    float: left;
    position: relative;
    width: 100%;
  }
  .summary .matchingProducts .appointments, .summary .matchingProducts .apply, .summary .matchingProducts .specialAttention {
    border-radius: .5rem;
  }
  .header-actions .icon svg {
    width: 1.8rem;
    float: right;
    margin-left: .5rem;
    height: 2.2rem;
  }
  .header-actions .icon.print svg {
    height: 1.6rem;
    top: .3rem;
    width: 3rem;
  }
  .business-header{
    float: left;
    width: 100%;
    margin-top: 2rem;
  }
  .summary .productDetails .rightSide,
  .summary .productDetails .leftSide{
    margin-left: .6rem;
  }
  .summary #product1636Div .productDescription {
    margin-left: 1.5rem;
  }
  .summary .productDescription {
    width: 80%;
  }
  .summary .productDetails .rightSide {
    width: calc(100% - 1rem);
  }
  .summary .header-actions{
    width: 32%;
  }
  .summary .pageTitle {
    font-size: 1rem;
    width: 68%;
  }
}

/* Print Style */
@media print {
  .userAnswers .answers {
    display: block !important;
    height: auto !important;
  }
  .productDisclosures .disclosure .removePrint {
    display: none;
  }
}