@font-face {
  font-family: "FrutigerLTforBNS-Light";
  src: url(../font/frutiger_for_bns/frutigerltforbns-light.ttf), url(../font/frutiger_for_bns/frutigerltforbns-light.eot);
}
@font-face {
  font-family: "FrutigerLTforBNS-Roman";
  src: url(../font/frutiger_for_bns/frutigerltforbns-roman.ttf), url(../font/frutiger_for_bns/frutigerltforbns-roman.eot);
}
@font-face {
  font-family: "FrutigerLTforBNS-Bold";
  src: url(../font/frutiger_for_bns/frutigerltforbns-bold.ttf), url(../font/frutiger_for_bns/frutigerltforbns-bold.eot);
}
#page-content {
  /*--CARDS PURPLE BAR START--*/
  /*--CARDS PURPLE BAR END--*/
  /*--PANEL OPEN START--*/
  /*--PANEL OPEN END--*/
  /*FADE IN*/
  /*FADE IN END*/
  /*--PANEL CLOSE START--*/
  /*--PANEL CLOSE END--*/
  /*FADE UP START*/
  /*
  .left {
      float: left;
  }

  .right {
      float: right;
  }*/
  /*
  .protection-img {
      display: inline-block;
      width: 20%;
  }

  .protect-icon {
      width: 100%
  }*/
  /* Rounded sliders */
  /* Convienience class to clear floating divs */
  /*
  .accordion-1 {
      .panel1 {
          &.divers-anim-in {
              @media only screen and (min-width : 768px) {
                  > .column1 {
                      display: none;
                  }
                  > .column3-full, > .accordion-3 {
                      display: inline-block;
                      animation: diversAnimIn 1s ease-in-out;
                      &.mobile {
                          display: none;
                      }
                  }
              }

          }
          &.active-anim-in{
              @media only screen and (min-width : 768px) {
                  > .accordion-3 {
                      display: none;
                  }
                  > .column1, > .column3-full {
                      display: inline-block;
                      animation: activeAnimIn 1s ease-in-out;
                      &.mobile {
                          display: none;
                      }
                  }
              }
          }
      }

  }
  */
  /*.sticky-text {
      display: inline-block;
      padding: 15px 0 10px 0;
      @media only screen and (min-width : 768px) {}
      @media only screen and (min-width : 992px) {
          padding: 20px 0 20px 0;
      }
      &.title {
          width: 50%;
          display: inline-block;
          h1 {

              font-size: 1.5rem;
          }
          @media only screen and (min-width : 1200px) {
              width: 50%;
              h1 {
                  font-size: 2rem;
              }
          }

      }
  }*/
  /*&.glossary {
      width: auto;
      font-family: "FrutigerLTforBNS-Bold";
      text-align: left;
      padding: 0px;
      .question-logo {
          display: inline-block;
          width: 18px;
          height: 18px;
          background-image: url(../img/svg/icon_question_18.svg);
          vertical-align: text-top;
      }
      p {
          display: inline-block;
      }
  }

  &.apply {}

  .button {
      background-color: #ED0722;
      border: 1px solid white;
      color: white;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      border-radius: 6px;
  }

  button:hover {
      background-color: $dark-red;

  }*/
  /* h3 {
          margin: 0px;
          line-height: 18px;
      }
      .sticky-statement {
          display: inline-block;
          width: 100%;
          height: auto;
          @media only screen and (min-width : 768px) {
              width: 48%;
              margin-bottom: 10px;
          }

          &.mortAmt {
              @media only screen and (min-width : 768px) {
                  width: 90%;
              }
          }
          &.diversify {
              @media only screen and (min-width : 768px) {
                  width: 90%;
              }
          }
      }*/
  /*.sticky-cta {
      display: block;
      width: 100%;
      margin: 0 auto;
      @media only screen and (min-width : 768px) {
          width: 90%;
      }
  }

  .sticky-line {
      display: none;
      height: 25px;
      width: 2px;
      background-color: $gray;
      margin: 0 5%;
      position: relative;
      top: 7px;
      @media only screen and (min-width : 768px) {
          display: inline-block;
      }
  }

  p {
      display: block;
      @media only screen and (min-width : 768px) {
          display: inline;
      }
  }

  .results {
      display: inline-block;
      font-size: 24px;
      color: $link-purple;
      font-family: "FrutigerLTforBNS-Bold";
      margin-top: 10px;
      @media only screen and (min-width : 768px) {
          font-size: 36px;
          margin-top: 10px;
          margin-bottom: 10px;
      }

  }

  .results2 {
      display: inline-block;
      font-size: 24px;
      color: $green;
      font-family: "FrutigerLTforBNS-Bold";
      margin-top: 10px;
      @media only screen and (min-width : 768px) {
          font-size: 36px;
          margin-top: 10px;
          margin-bottom: 10px;
      }

  }

  .result3 {
      display: inline-block;
      font-size: 16px;
      color: $link-purple;
      font-family: "FrutigerLTforBNS-Bold";
      margin-top: 10px;
      @media only screen and (min-width : 768px) {
          font-size: 24px;
          margin-top: 10px;
      }
  }

  .result4 {
      display: inline-block;
      font-size: 16px;
      color: $green;
      font-family: "FrutigerLTforBNS-Bold";
      margin-top: 10px;
      @media only screen and (min-width : 768px) {
          font-size: 24px;
          margin-top: 10px;
      }
  }*/
  /* Style the tab */
  /* Style the buttons inside the tab */
  /* Change background color of buttons on hover */
  /* Create an active/current tablink class */
  overflow-x: hidden;
}
#page-content h1, #page-content h2, #page-content h3, #page-content h4, #page-content h5, #page-content h6 {
  letter-spacing: normal;
  font-weight: bold;
}
#page-content p {
  margin-top: 1em;
  margin-bottom: 1em;
}
@media only screen and (max-width : 575px) {
  #page-content {
    overflow: hidden;
  }
}
#page-content.framed {
  max-width: 100%;
}
#page-content h1 {
  font-size: 36px;
  line-height: 42px;
  color: #333;
  letter-spacing: -0.5;
  font-family: "FrutigerLTforBNS-Light";
  font-weight: 300;
}
#page-content h2 {
  font-size: 26px;
  line-height: 32px;
  color: #333;
  letter-spacing: -0.5;
  font-family: "FrutigerLTforBNS-Light";
  font-weight: 300;
}
#page-content h3 {
  font-size: 20px;
  line-height: 24px;
  color: #333;
  letter-spacing: -0.25;
  font-family: "FrutigerLTforBNS-Roman";
}
#page-content p {
  font-size: 18px;
  line-height: 24px;
  color: #333333;
  letter-spacing: 0.25;
  font-family: "FrutigerLTforBNS-Light";
}
#page-content h5 {
  font-family: "FrutigerLTforBNS-Roman";
}
#page-content a {
  text-decoration: none;
  color: #8230df;
}
#page-content a:hover {
  border-bottom: 1px dotted #481093;
  color: #481093;
}
#page-content label a:hover {
  border-bottom: none;
}
#page-content col-50 a:hover {
  border-bottom: none;
}
#page-content .popup-header a:hover {
  border-bottom: none;
}
@keyframes arrow-rotate-up {
  0% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(-45deg);
  }
}
@keyframes arrow-rotate-down {
  0% {
    transform: rotate(-45deg);
  }
  100% {
    transform: rotate(45deg);
  }
}
#page-content .fade-out {
  opacity: 0 !important;
  pointer-events: none;
}
#page-content .fade-in {
  opacity: 1;
}
#page-content .sticky-footer.fade-transparent {
  opacity: 0;
}
@keyframes moveIn {
  0% {
    width: 1%;
    opacity: 0;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}
@keyframes slideDown {
  from {
    transform: translateY(-80%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideUp {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-100%);
    opacity: 0;
  }
}
@keyframes slideLeft {
  from {
    transform: translateX(30%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeUp {
  from {
    transform: translate(-50%, 0);
    opacity: 0;
  }
  to {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}
@keyframes diversAnimIn {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes activeAnimIn {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
#page-content body {
  font-family: "FrutigerLTforBNS-Roman";
  -webkit-font-smoothing: antialiased;
  color: #333333;
}
#page-content .main-tool {
  height: auto;
}
#page-content .header {
  margin: 20px 0;
  box-shadow: 0 4px 2px -5px #888b8d;
}
@media only screen and (min-width : 768px) {
  #page-content .header {
    margin: 30px;
  }
}
#page-content button {
  cursor: pointer;
}
#page-content .contents,
#page-content .scotia-cta,
#page-content .legal-contents {
  margin: 0 auto;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
  height: auto;
}
@media only screen and (min-width : 576px) {
  #page-content .contents,
  #page-content .scotia-cta,
  #page-content .legal-contents {
    max-width: 540px;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .contents,
  #page-content .scotia-cta,
  #page-content .legal-contents {
    max-width: 720px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .contents,
  #page-content .scotia-cta,
  #page-content .legal-contents {
    max-width: 960px;
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .contents,
  #page-content .scotia-cta,
  #page-content .legal-contents {
    max-width: 1140px;
    padding-right: 0px;
    padding-left: 0px;
  }
}
#page-content .contents:after,
#page-content .scotia-cta:after,
#page-content .legal-contents:after {
  content: "";
}
#page-content .contents .header-content-section,
#page-content .scotia-cta .header-content-section,
#page-content .legal-contents .header-content-section {
  min-height: 0;
  display: inline-block;
  position: relative;
  text-align: left;
  margin-bottom: 20px;
  margin-left: 15px;
  width: 100%;
}
@media only screen and (min-width : 768px) {
  #page-content .contents .header-content-section,
  #page-content .scotia-cta .header-content-section,
  #page-content .legal-contents .header-content-section {
    text-align: left;
    margin-left: 0px;
    /*margin-left: 0px;*/
  }
}
#page-content .contents .header-content-section .logo,
#page-content .scotia-cta .header-content-section .logo,
#page-content .legal-contents .header-content-section .logo {
  width: 36px;
  position: relative;
  bottom: 5px;
}
@media only screen and (min-width : 992px) {
  #page-content .contents .header-content-section .logo:lang(fr),
  #page-content .scotia-cta .header-content-section .logo:lang(fr),
  #page-content .legal-contents .header-content-section .logo:lang(fr) {
    width: 66px;
    bottom: 26px;
  }
}
#page-content .contents .header-content-section .title,
#page-content .scotia-cta .header-content-section .title,
#page-content .legal-contents .header-content-section .title {
  width: 100%;
  display: none;
}
#page-content .contents .header-content-section .title h1,
#page-content .scotia-cta .header-content-section .title h1,
#page-content .legal-contents .header-content-section .title h1 {
  font-weight: normal;
  font-size: 26px;
  letter-spacing: -0.25px;
  font-weight: 300;
}
@media only screen and (min-width : 992px) {
  #page-content .contents .header-content-section .title h1,
  #page-content .scotia-cta .header-content-section .title h1,
  #page-content .legal-contents .header-content-section .title h1 {
    padding-left: 12px;
    font-size: 30px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .contents .header-content-section .title h1,
  #page-content .scotia-cta .header-content-section .title h1,
  #page-content .legal-contents .header-content-section .title h1 {
    padding-left: 12px;
    font-size: 30px;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .contents .header-content-section .title,
  #page-content .scotia-cta .header-content-section .title,
  #page-content .legal-contents .header-content-section .title {
    width: 60%;
    display: inline-block;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .contents .header-content-section .title,
  #page-content .scotia-cta .header-content-section .title,
  #page-content .legal-contents .header-content-section .title {
    width: 47%;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .contents .header-content-section .title,
  #page-content .scotia-cta .header-content-section .title,
  #page-content .legal-contents .header-content-section .title {
    width: 47%;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .contents .header-content-section .title:lang(fr),
  #page-content .scotia-cta .header-content-section .title:lang(fr),
  #page-content .legal-contents .header-content-section .title:lang(fr) {
    width: 80%;
    display: inline-block;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .contents .header-content-section .title:lang(fr),
  #page-content .scotia-cta .header-content-section .title:lang(fr),
  #page-content .legal-contents .header-content-section .title:lang(fr) {
    width: 38%;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .contents .header-content-section .title:lang(fr),
  #page-content .scotia-cta .header-content-section .title:lang(fr),
  #page-content .legal-contents .header-content-section .title:lang(fr) {
    width: 31%;
  }
}
#page-content .contents .header-content-section .glossary,
#page-content .scotia-cta .header-content-section .glossary,
#page-content .legal-contents .header-content-section .glossary {
  display: inline-block;
  width: auto;
  font-family: "FrutigerLTforBNS-Bold";
  text-align: left;
  padding: 0px;
}
@media only screen and (max-width : 575px) {
  #page-content .contents .header-content-section .glossary,
  #page-content .scotia-cta .header-content-section .glossary,
  #page-content .legal-contents .header-content-section .glossary {
    margin-left: 14%;
    display: inline-block;
  }
  #page-content .contents .header-content-section .glossary:lang(fr),
  #page-content .scotia-cta .header-content-section .glossary:lang(fr),
  #page-content .legal-contents .header-content-section .glossary:lang(fr) {
    margin-left: 0px;
    width: 300px;
    display: block;
  }
}
@media only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .contents .header-content-section .glossary,
  #page-content .scotia-cta .header-content-section .glossary,
  #page-content .legal-contents .header-content-section .glossary {
    margin-left: 4%;
    display: inline-block;
  }
  #page-content .contents .header-content-section .glossary:lang(fr),
  #page-content .scotia-cta .header-content-section .glossary:lang(fr),
  #page-content .legal-contents .header-content-section .glossary:lang(fr) {
    margin-left: 0px;
    width: 300px;
    display: block;
  }
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .contents .header-content-section .glossary,
  #page-content .scotia-cta .header-content-section .glossary,
  #page-content .legal-contents .header-content-section .glossary {
    position: static;
    display: block;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .contents .header-content-section .glossary,
  #page-content .scotia-cta .header-content-section .glossary,
  #page-content .legal-contents .header-content-section .glossary {
    position: static;
    margin-left: 5%;
  }
  #page-content .contents .header-content-section .glossary:lang(fr),
  #page-content .scotia-cta .header-content-section .glossary:lang(fr),
  #page-content .legal-contents .header-content-section .glossary:lang(fr) {
    margin-left: -90px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .contents .header-content-section .glossary,
  #page-content .scotia-cta .header-content-section .glossary,
  #page-content .legal-contents .header-content-section .glossary {
    margin-left: 10%;
  }
  #page-content .contents .header-content-section .glossary:lang(fr),
  #page-content .scotia-cta .header-content-section .glossary:lang(fr),
  #page-content .legal-contents .header-content-section .glossary:lang(fr) {
    margin-left: 0%;
  }
}
#page-content .contents .header-content-section .glossary .question-logo,
#page-content .scotia-cta .header-content-section .glossary .question-logo,
#page-content .legal-contents .header-content-section .glossary .question-logo {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(../img/svg/icon_question_18.svg);
  vertical-align: text-top;
}
#page-content .contents .header-content-section .glossary p,
#page-content .scotia-cta .header-content-section .glossary p,
#page-content .legal-contents .header-content-section .glossary p {
  display: inline-block;
}
#page-content .contents .header-content-section .glossary a,
#page-content .scotia-cta .header-content-section .glossary a,
#page-content .legal-contents .header-content-section .glossary a {
  color: #373a3b;
}
#page-content .contents .header-content-section .glossary span,
#page-content .scotia-cta .header-content-section .glossary span,
#page-content .legal-contents .header-content-section .glossary span {
  font-family: "FrutigerLTforBNS-Bold";
}
#page-content .contents .header-content-section .apply,
#page-content .scotia-cta .header-content-section .apply,
#page-content .legal-contents .header-content-section .apply {
  display: inline-block;
  width: 200px;
  position: absolute;
  right: -93px;
  top: 4px;
}
@media only screen and (max-width : 575px) {
  #page-content .contents .header-content-section .apply:lang(fr),
  #page-content .scotia-cta .header-content-section .apply:lang(fr),
  #page-content .legal-contents .header-content-section .apply:lang(fr) {
    display: block;
    position: inherit;
    right: 0px;
  }
}
@media only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .contents .header-content-section .apply:lang(fr),
  #page-content .scotia-cta .header-content-section .apply:lang(fr),
  #page-content .legal-contents .header-content-section .apply:lang(fr) {
    display: inline-block;
    position: inherit;
    right: 0px;
  }
}
@media only screen and (min-width : 576px) {
  #page-content .contents .header-content-section .apply,
  #page-content .scotia-cta .header-content-section .apply,
  #page-content .legal-contents .header-content-section .apply {
    left: 80%;
  }
  #page-content .contents .header-content-section .apply:lang(fr),
  #page-content .scotia-cta .header-content-section .apply:lang(fr),
  #page-content .legal-contents .header-content-section .apply:lang(fr) {
    left: 0px;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .contents .header-content-section .apply,
  #page-content .scotia-cta .header-content-section .apply,
  #page-content .legal-contents .header-content-section .apply {
    position: absolute;
    width: auto;
    left: 76%;
    top: 14px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .contents .header-content-section .apply,
  #page-content .scotia-cta .header-content-section .apply,
  #page-content .legal-contents .header-content-section .apply {
    top: -4px;
    right: 0px;
    float: right;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .contents .header-content-section .apply,
  #page-content .scotia-cta .header-content-section .apply,
  #page-content .legal-contents .header-content-section .apply {
    left: 79.25%;
    top: -4px;
  }
}
#page-content .contents .header-content-section .apply:lang(fr),
#page-content .scotia-cta .header-content-section .apply:lang(fr),
#page-content .legal-contents .header-content-section .apply:lang(fr) {
  display: inline-block;
  width: auto;
  position: initial;
}
@media only screen and (min-width : 768px) {
  #page-content .contents .header-content-section .apply:lang(fr),
  #page-content .scotia-cta .header-content-section .apply:lang(fr),
  #page-content .legal-contents .header-content-section .apply:lang(fr) {
    position: absolute;
    width: auto;
    left: 64%;
    top: 49px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .contents .header-content-section .apply:lang(fr),
  #page-content .scotia-cta .header-content-section .apply:lang(fr),
  #page-content .legal-contents .header-content-section .apply:lang(fr) {
    left: 67%;
    top: 20px;
    float: right;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .contents .header-content-section .apply:lang(fr),
  #page-content .scotia-cta .header-content-section .apply:lang(fr),
  #page-content .legal-contents .header-content-section .apply:lang(fr) {
    left: 72.25%;
    top: 20px;
  }
}
#page-content .contents .header-content-section .button,
#page-content .scotia-cta .header-content-section .button,
#page-content .legal-contents .header-content-section .button {
  background-color: transparent;
  border: 1px solid white;
  color: #ED0722;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 8px;
  font-family: "FrutigerLTforBNS-Bold";
}
@media only screen and (min-width : 992px) {
  #page-content .contents .header-content-section .button,
  #page-content .scotia-cta .header-content-section .button,
  #page-content .legal-contents .header-content-section .button {
    background-color: #ED0722;
    border: 1px solid white;
    padding: 15px 25px;
    color: white;
    /*&:lang(fr) {
        padding: 8px 25px;
    }*/
  }
}
#page-content .contents .header-content-section .mobile,
#page-content .scotia-cta .header-content-section .mobile,
#page-content .legal-contents .header-content-section .mobile {
  display: inline-block;
  font-family: "FrutigerLTforBNS-Bold";
}
@media only screen and (min-width : 768px) {
  #page-content .contents .header-content-section .mobile,
  #page-content .scotia-cta .header-content-section .mobile,
  #page-content .legal-contents .header-content-section .mobile {
    display: none;
  }
}
#page-content .contents .header-content-section .desktop,
#page-content .scotia-cta .header-content-section .desktop,
#page-content .legal-contents .header-content-section .desktop {
  display: none;
  font-family: "FrutigerLTforBNS-Bold";
}
@media only screen and (min-width : 768px) {
  #page-content .contents .header-content-section .desktop,
  #page-content .scotia-cta .header-content-section .desktop,
  #page-content .legal-contents .header-content-section .desktop {
    display: inline-block;
  }
}
#page-content .contents .header-content-section button:hover,
#page-content .scotia-cta .header-content-section button:hover,
#page-content .legal-contents .header-content-section button:hover {
  background-color: white;
  color: #CB061D;
}
@media only screen and (min-width : 992px) {
  #page-content .contents .header-content-section button:hover,
  #page-content .scotia-cta .header-content-section button:hover,
  #page-content .legal-contents .header-content-section button:hover {
    background-color: #CB061D;
    border: 1px solid white;
    color: white;
  }
}
#page-content .accordion-1,
#page-content .accordion-2 {
  height: auto;
  width: 100%;
  /*    margin-bottom: 20px;*/
}
#page-content .accordion-1.show,
#page-content .accordion-2.show {
  display: block;
}
#page-content input[type=text],
#page-content select,
#page-content textarea {
  width: 100%;
  padding: 6px 0 6px 0;
  border: none;
  border-bottom: 1px solid #e2e8ee;
  resize: vertical;
  color: #333333;
  border-radius: 0px;
  font-family: "FrutigerLTforBNS-Light";
  letter-spacing: -0.25px;
}
@media only screen and (max-width : 575px) {
  #page-content input[type=text],
  #page-content select,
  #page-content textarea {
    font-size: 18px;
    padding: 6px 0px;
  }
}
@media only screen and (min-width : 768px) {
  #page-content input[type=text],
  #page-content select,
  #page-content textarea {
    font-size: 18px;
    padding: 6px 0;
    width: 100%;
  }
}
@media only screen and (min-width : 992px) {
  #page-content input[type=text],
  #page-content select,
  #page-content textarea {
    font-size: 18px;
    padding: 6px 0px;
    width: 100%;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content input[type=text],
  #page-content select,
  #page-content textarea {
    font-size: 18px;
    padding: 6px 0px;
    /*padding-top: 4px;*/
    width: 100%;
    /*&.payment_freqM1 {
        padding-bottom: 8px;
    }*/
  }
}
#page-content input[type=text]:read-only,
#page-content select:read-only,
#page-content textarea:read-only {
  border-bottom: none;
}
#page-content input[type=text]:focus {
  border-bottom: 2px solid #8230df;
}
#page-content input[type=text]:focus::placeholder {
  color: white;
}
#page-content input[type=text]:focus:read-only {
  border-bottom: none;
}
#page-content label {
  display: inline-block;
  font-size: 16px;
  font-family: "FrutigerLTforBNS-Bold";
  margin-bottom: 0px;
  color: #333333;
}
@media only screen and (min-width : 768px) {
  #page-content label {
    font-size: 16px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content label {
    font-size: 16px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content label {
    font-size: 16px;
  }
}
#page-content label.checkbox-container {
  font-family: "FrutigerLTforBNS-Light";
}
#page-content label .brfr {
  display: none;
}
#page-content label .brfr:lang(fr) {
  display: none;
}
@media only screen and (min-width : 992px) {
  #page-content label .brfr:lang(fr) {
    display: inline-block;
  }
}
#page-content .PF-break {
  display: none;
}
#page-content .nested-input {
  margin: 10px 34px !important;
  width: 90% !important;
}
@media only screen and (min-width : 992px) {
  #page-content .nested-input {
    width: 70% !important;
  }
}
#page-content .nested-input select, #page-content .nested-input input {
  border-bottom: 1px solid grey;
  background-color: transparent;
}
#page-content .row {
  display: block;
  margin: 0px;
  margin-bottom: 10px;
  float: left;
  min-height: 97px;
  position: relative;
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .row:lang(fr) {
    min-height: 126px;
  }
}
#page-content .row.hide {
  display: none;
}
#page-content .row.row-1 {
  width: 100%;
}
@media only screen and (min-width : 768px) {
  #page-content .row.row-1 {
    width: 40%;
  }
}
#page-content .row.row-2 {
  width: 100%;
  margin-left: 0px;
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .row.row-2 {
    width: 48%;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .row.row-2 {
    width: 45%;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .row.row-2 {
    width: 46%;
  }
}
#page-content .row.row-3 {
  width: 100%;
}
@media only screen and (min-width : 768px) {
  #page-content .row.row-3 {
    width: 30%;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .row.row-left {
    margin-left: 4%;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .row.row-top {
    margin-top: 28px;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .row.row-up {
    margin-top: 0px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .row.fr-height:lang(fr) {
    min-height: 125px;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .row.fr-last:lang(fr) {
    min-height: 97px;
  }
}
#page-content .row.error {
  display: inline;
}
#page-content .row.error input[type=text],
#page-content .row.error select,
#page-content .row.error textarea {
  border-bottom: 2px solid #ED0722;
}
#page-content .row.error label {
  color: #ED0722;
}
#page-content .row.error .error-text {
  display: block;
  opacity: 1;
  font-size: 14px;
  line-height: 16px;
  position: absolute;
  top: 76px;
  background-color: #fff;
  z-index: 100;
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .row.error .error-text:lang(fr) {
    top: 99px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .row.error .error-text:lang(fr) {
    top: 76px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .row.error .error-text.fr:lang(fr) {
    top: 99px;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .row.error .error-text.fr-error-last:lang(fr) {
    top: 76px;
  }
}
#page-content .row.error.error-animate-out input[type=text],
#page-content .row.error.error-animate-out select,
#page-content .row.error.error-animate-out textarea {
  transition: border-bottom-color 2s ease-out;
  border-bottom-width: 2px;
  border-bottom-color: #ED0722;
}
#page-content .row.error.error-animate-out label {
  transition: color 2s ease-out;
  color: #747474;
}
#page-content .row.error.error-animate-out .error-text {
  transition: opacity 2s ease-out;
  display: block;
  opacity: 0;
  font-size: 14px;
  line-height: 16px;
}
#page-content .row.error.error-animate-out .error-text img {
  width: 25px;
  height: 25px;
}
#page-content .row .error-text {
  display: none;
  color: #ED0722;
  font-size: 0.8rem;
  opacity: 0;
  vertical-align: top;
  overflow: hidden;
}
#page-content .row .error-text img {
  width: 25px;
  height: 25px;
  display: block;
  float: left;
  margin-right: 5px;
}
#page-content .red-bar {
  display: block;
  width: 30px;
  height: 2px;
  background-color: #ED0722;
  margin-bottom: 10px;
  border-radius: 1px;
}
#page-content .bg-legal {
  background-color: #FAFBFD;
}
#page-content .sticky-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  box-shadow: 0px 0px 11px #888b8d;
  opacity: 1;
  transition: opacity 0.5s;
}
@media only screen and (min-width : 768px) {
  #page-content .sticky-footer {
    display: none;
  }
}
#page-content .banner-line {
  height: 4px;
  width: 115px;
  background-color: #ED0722;
}
#page-content .red-breaker {
  position: relative;
  width: 55px;
  height: 3px;
  background-color: #D81E05;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width : 768px) {
  #page-content .red-breaker {
    margin-left: unset;
    margin-right: unset;
  }
}
#page-content .spacer2 {
  height: 2rem;
}
#page-content .hidden {
  display: none !important;
}
#page-content .show-rm-m {
  display: none;
}
#page-content .show-rm-m.info {
  display: inline-block;
}
@media only screen and (min-width : 768px) {
  #page-content .show-rm-m {
    display: block !important;
  }
  #page-content .show-rm-m.green-text {
    display: inline-block !important;
  }
}
#page-content .show-rm {
  display: block !important;
}
#page-content .show-rm.info {
  display: inline-block;
}
@media only screen and (min-width : 768px) {
  #page-content .show-rm {
    display: block !important;
  }
  #page-content .show-rm.green-text {
    display: inline-block !important;
  }
}
#page-content .transparent {
  opacity: 0 !important;
}
#page-content .offscreen {
  position: absolute;
  left: -5000px;
  top: -5000px;
}
#page-content .lump-graph-box-001 {
  display: inline-block;
  width: 100%;
}
#page-content .lump-graph-image {
  width: 100%;
}
#page-content .graph-containers {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 20px;
}
@media only screen and (min-width : 768px) {
  #page-content .graph-containers {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
  }
}
#page-content .protection-content {
  display: inline-block;
  width: 70%;
  margin-left: 6%;
}
#page-content .remove {
  display: inline;
  cursor: pointer;
  color: #555555;
  position: absolute;
  right: 30px;
  top: 15px;
}
@media only screen and (min-width : 768px) {
  #page-content .remove {
    right: 23px;
    top: 19px;
  }
}
#page-content .remove .icon {
  position: relative;
  bottom: 2px;
}
#page-content .remove .hover {
  display: none;
  position: absolute;
  top: 2px;
  left: 0;
  z-index: 1000;
}
#page-content .remove .hover.icon {
  top: -1px;
}
#page-content .remove:hover .hover {
  display: inline;
}
#page-content .removespan:hover {
  border-bottom: none;
  color: #555555;
}
#page-content .col-check {
  display: block;
  width: 100%;
  height: auto;
  /*margin-left: 50px;*/
}
@media only screen and (min-width : 768px) {
  #page-content .col-check {
    width: 100%;
    margin-left: 0px;
  }
}
#page-content .col-check .checkbox-container {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  /*margin-bottom: 12px;
  margin-left: 12px;*/
  cursor: pointer;
  font-size: 1rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#page-content .col-check .checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
#page-content .col-check .checkmark {
  position: absolute;
  top: -2px;
  left: 0;
  height: 26px;
  width: 26px;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid #888b8d;
}
@media only screen and (max-width : 575px) {
  #page-content .col-check .checkmark {
    /* top: 10px;*/
  }
}
#page-content .col-check .checkbox-container:hover input ~ .checkmark {
  background-color: #fff;
}
#page-content .col-check .checkbox-container input:checked ~ .checkmark {
  background-color: #8230df;
  border: 1px solid #8230df;
}
#page-content .col-check .checkbox-container input:focus ~ .checkmark {
  outline: 2px solid #8230df;
}
#page-content .col-check .checkbox-container input:checked:focus ~ .checkmark {
  outline: 2px solid black;
}
#page-content .col-check .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
#page-content .col-check .checkbox-container input:checked ~ .checkmark:after {
  display: block;
}
#page-content .col-check .checkbox-container .checkmark:after {
  left: 8px;
  top: 3px;
  width: 8px;
  height: 12px;
  border: solid white;
  border-width: 0 1.5px 1.5px 0;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#page-content .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 25px;
}
#page-content .switch input {
  display: none;
}
#page-content .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
#page-content .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
  background-image: url(../img/svg/icon_close2_18.svg);
}
#page-content input:checked + .slider {
  background-color: #8230df;
}
#page-content input:focus + .slider {
  box-shadow: 0 0 1px #8230df;
}
#page-content input:checked + .slider:before {
  -ms-transform: translateX(13px);
  transform: translateX(13px);
  background-image: url(../img/svg/icon_check_18.svg);
}
#page-content .slider.round {
  border-radius: 34px;
}
#page-content .slider.round:before {
  border-radius: 50%;
}
#page-content .info {
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  position: relative;
  bottom: 3px;
}
#page-content .info img {
  width: 100%;
}
#page-content .whitespace {
  white-space: nowrap;
}
#page-content .btn-main-white {
  font-family: "FrutigerLTforBNS-Bold";
  padding: 1rem 3rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.4rem;
  color: #D81E05;
  background-color: #ffffff;
  border-color: #D81E05;
  -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075) 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075) 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075) 2px 5px rgba(0, 0, 0, 0.4);
  display: inline-block;
  font-family: FrutigerLTforBNS-Roman;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid #D81E05;
  padding: 0.75rem 1.3125rem;
  font-size: 1rem;
  line-height: 1.25;
  transition: all 0.3s ease;
  margin: 0.5rem;
}
#page-content .btn-main-white:hover {
  color: #fff;
  background-color: #b31904;
  border-color: #b31904;
  text-decoration: none;
}
#page-content .btn-main-white:focus {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(216, 30, 5, 0.5);
  text-decoration: none;
}
#page-content.isIE label {
  margin-left: 1px;
}
#page-content .clear {
  clear: both;
}
#page-content .clearfix:before,
#page-content .clearfix:after {
  content: " ";
  display: table;
}
#page-content .clearfix:after {
  clear: both;
}
#page-content .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
#page-content .inline_fieldset {
  min-width: 100%;
}
#page-content #lowerRateCoverage {
  display: none;
}
#page-content #lowerRateCoverage.show {
  display: block;
}
#page-content .partial-coverage-container select {
  font-size: 16px;
}
@media only screen and (max-width : 575px) {
  #page-content .partial-coverage-container .nested-input {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #page-content .partial-coverage-container .nested-input .col-50, #page-content .partial-coverage-container .nested-input .col-51 {
    width: 100% !important;
  }
}
#page-content .partial-coverage-container .nested-input.amount {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#page-content .partial-coverage-container .coverage-percentage-container {
  margin-top: 15px !important;
}
#page-content .accordion-banner {
  height: auto;
}
@media only screen and (min-width : 992px) {
  #page-content .accordion-banner {
    max-height: 900px;
  }
}
#page-content .accordion {
  background-color: white;
  cursor: pointer;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}
@media only screen and (min-width : 768px) {
  #page-content .accordion {
    padding: 20px 0px 0px 0px;
  }
}
#page-content .panel1 {
  background-color: white;
  display: block;
  overflow: hidden;
  transition: opacity 2s ease-in-out;
  max-height: 0 0 10px 0;
}
#page-content .panel1 .calculate,
#page-content .panel1 .calculate2 {
  width: 100%;
  display: block;
  padding: 0;
  position: relative;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1 .calculate,
  #page-content .panel1 .calculate2 {
    padding: 20px 0 10px 0;
  }
  #page-content .panel1 .calculate:lang(fr),
  #page-content .panel1 .calculate2:lang(fr) {
    padding: 0px 0 10px 0;
  }
}
#page-content .panel1 .calculate h2,
#page-content .panel1 .calculate2 h2 {
  font-family: "FrutigerLTforBNS-Light";
  font-weight: normal;
  font-size: 26px;
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .panel1 .calculate h2:lang(fr),
  #page-content .panel1 .calculate2 h2:lang(fr) {
    width: 50%;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .panel1 .calculate h2:lang(fr),
  #page-content .panel1 .calculate2 h2:lang(fr) {
    width: 40%;
  }
}
#page-content .panel1 .calculate h3,
#page-content .panel1 .calculate2 h3 {
  display: none;
  vertical-align: top;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1 .calculate h3,
  #page-content .panel1 .calculate2 h3 {
    display: inline-block;
  }
}
#page-content .panel1 .calculate .toggle-box,
#page-content .panel1 .calculate2 .toggle-box {
  /*width: 230px;*/
  display: block;
}
#page-content .panel1 .calculate .toggle-box p,
#page-content .panel1 .calculate2 .toggle-box p {
  display: inline-block;
  font-size: 14px;
  font-family: "FrutigerLTforBNS-Bold";
  margin-top: 0px;
  vertical-align: middle;
  color: black;
}
#page-content .panel1 .calculate .toggle-box .exit-compare,
#page-content .panel1 .calculate2 .toggle-box .exit-compare {
  display: none;
}
@media only screen and (min-width : 576px) and (max-width : 767px), only screen and (max-width : 575px) {
  #page-content .panel1 .calculate .toggle-box,
  #page-content .panel1 .calculate2 .toggle-box {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .panel1 .calculate .toggle-box,
  #page-content .panel1 .calculate2 .toggle-box {
    top: 22px;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .panel1 .calculate .toggle-box,
  #page-content .panel1 .calculate2 .toggle-box {
    display: inline-block;
    position: absolute;
    z-index: 100;
    /*left: 67%;*/
    right: 0px;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .panel1 .calculate .toggle-box,
  #page-content .panel1 .calculate2 .toggle-box {
    width: auto;
    right: 20px;
    top: 25px;
    right: 20px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .panel1 .calculate .toggle-box,
  #page-content .panel1 .calculate2 .toggle-box {
    right: 20px;
    top: 24px;
  }
}
@media only screen and (max-width : 575px) {
  #page-content .panel1 .calculate .toggle-box:lang(fr),
  #page-content .panel1 .calculate2 .toggle-box:lang(fr) {
    width: 60%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .panel1 .calculate .toggle-box:lang(fr),
  #page-content .panel1 .calculate2 .toggle-box:lang(fr) {
    top: 52px;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .panel1 .calculate .toggle-box:lang(fr),
  #page-content .panel1 .calculate2 .toggle-box:lang(fr) {
    top: 10px;
    width: 157px;
    right: 20px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .panel1 .calculate .toggle-box:lang(fr),
  #page-content .panel1 .calculate2 .toggle-box:lang(fr) {
    width: 151px;
    right: 20px;
    top: 10px;
  }
}
#page-content .panel1 .calculate2 {
  padding: 7px 0 0 0;
}
#page-content .panel1 .calculate2 p {
  width: 95%;
  margin-top: 0px;
}
#page-content .panel1 .mobile {
  display: inline-block;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1 .mobile {
    display: none;
  }
}
#page-content .panel1 .mobile.bar2 {
  display: block;
  margin: 20px 0;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1 .mobile.bar2 {
    display: none;
  }
}
#page-content .panel1 .desktop {
  display: none;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1 .desktop {
    display: inline-block;
  }
}
#page-content .panel1 .column1,
#page-content .panel1 .column2 {
  float: left;
  width: 100%;
  height: auto;
  display: inline-block;
  padding-right: 15px;
  padding-left: 15px;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1 .column1,
  #page-content .panel1 .column2 {
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .panel1 .column1,
  #page-content .panel1 .column2 {
    width: 47%;
    margin-bottom: 20px;
  }
}
#page-content .panel1 .column1 .form1.second,
#page-content .panel1 .column2 .form1.second {
  animation: slideLeft 0.5s ease-in-out;
}
#page-content .panel1 button {
  background-color: white;
  border: none;
  color: #8230df;
  padding: 1px;
  padding-bottom: 0px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 1rem;
  border-bottom: 1px dotted #8230df;
  width: auto;
  font-family: "FrutigerLTforBNS-Bold";
}
#page-content .panel1 button span {
  border-bottom: 1px dotted #8230df;
  font-family: "FrutigerLTforBNS-Bold";
  padding-bottom: 2px;
  height: auto;
}
#page-content .panel1 button.enter-compare {
  border-bottom: 1px dotted #8230df;
}
#page-content .panel1 .button:hover {
  color: #481093;
  border-bottom: 1px dotted #481093;
  /*span {

      color: $dark-purple;
  }*/
}
#page-content .panel1 .button:hover .add-hover2 {
  display: inline;
}
#page-content .panel1 .set-main {
  display: block;
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .panel1 .set-main {
    position: relative;
    display: block;
    min-height: 0px;
    padding: 0px;
    bottom: 0px;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .panel1 .set-main {
    display: block;
    padding: 20px 0px 0px 25px;
  }
}
#page-content .panel1 .set-main.mobile {
  display: block;
  margin: 20px 0;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1 .set-main.mobile {
    display: none;
  }
}
#page-content .panel1 .compare {
  display: inline-block;
  border: 1px solid #8230df;
  border-radius: 6px;
  padding: 0 0 20px 0;
  height: auto;
  margin: 20px 0 0 0;
  width: 100%;
  cursor: pointer;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1 .compare {
    margin: 0px 0 20px 0;
    padding: 40px;
    float: left;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .panel1 .compare {
    /*margin: 20px;*/
    padding: 34px 40px;
    float: right;
    width: 48%;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .panel1 .compare {
    padding: 38px 40px;
  }
}
#page-content .panel1 .compare h2 {
  color: #8230df;
  text-align: center;
  text-decoration: none;
}
@media only screen and (min-width : 992px) {
  #page-content .panel1 .compare h2 {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .panel1 .compare h2 {
    font-size: 1.3rem;
  }
}
#page-content .panel1 .compare h2 .add {
  display: inline-block;
  position: relative;
  margin-right: 2px;
  top: 8px;
}
#page-content .panel1 .compare h2 span:hover {
  border-bottom: 1px dotted #481093;
  color: #481093;
}
#page-content .panel1 .compare .add-hover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 1000;
}
#page-content .panel1 .compare:hover .add-hover {
  display: inline-block;
}
#page-content .panel1 .compare img,
#page-content .panel1 .compare h2 {
  display: block;
  margin: 0 auto;
}
#page-content .panel1 .compare .compare-icon {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1 .compare .compare-icon {
    margin-bottom: 20px;
  }
}
#page-content .panel1 .container {
  border-radius: 5px;
  background-color: white;
  padding: 20px;
}
#page-content .panel1 .col-50 {
  width: 100%;
  margin-top: 6px;
}
#page-content .panel1 .col-51 {
  float: left;
  width: 100%;
}
#page-content .panel1 .col-51.half {
  Width: 45%;
}
#page-content .panel1 .col-51.half-right {
  margin-right: 10%;
}
#page-content .panel1 .col-when {
  float: left;
  width: 45%;
}
#page-content .panel1 .row:after {
  content: "";
  display: table;
  clear: both;
}
#page-content .panel1 .col-51 select {
  -o-appearance: none;
  appearance: none;
  position: relative;
  display: block;
  background-color: #ffffff;
  background-image: url(../img/svg/icon_arrow-down.svg);
  background-size: 16px 8px;
  background-repeat: no-repeat;
  background-position: 100%;
  border: none;
  border-radius: 0px;
  padding-left: 0px;
  border-bottom: 1px solid #e2e8ee;
  -ms-word-break: normal;
  word-break: normal;
}
@media only screen and (min-width : 992px) {
  #page-content .panel1 .col-51 select {
    padding-left: 0px;
  }
}
#page-content .panel1 .col-51 select::-ms-expand {
  display: none;
}
#page-content .panel1 .col-51 select:focus {
  border-bottom: 2px solid #8230df;
}
#page-content .panel1 .form1-mort1 {
  display: block;
}
#page-content .panel1 .form1-mort1 .col-check {
  display: none;
}
#page-content .panel1 .form1-mort2 {
  display: none;
}
#page-content .panel1 .form1-mort2 .col-check {
  display: none;
}
#page-content .panel1 .tab {
  display: none;
}
#page-content .panel1 .accordion-3 {
  display: none;
}
#page-content .panel1 .comparison-graph-link {
  display: none;
}
#page-content .panel1 .increase-pay {
  display: block;
  height: auto;
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .panel1 .increase-pay {
    margin-bottom: 40px;
  }
}
#page-content .panel1 .increase-pay .explore {
  /*height: 50px;*/
}
@media only screen and (min-width : 768px) {
  #page-content .panel1 .increase-pay .explore {
    height: 25px;
    margin-top: 5px;
  }
}
@media only screen and (max-width : 575px) {
  #page-content .panel1 .increase-pay .explore:lang(fr) {
    width: 61%;
  }
}
@media only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .panel1 .increase-pay .explore:lang(fr) {
    width: 61%;
  }
}
#page-content .panel1 .increase-pay .remove-increase-pay {
  display: none;
}
#page-content .panel1 .increase-pay .payment-increase-inputs {
  display: none;
}
#page-content .panel1 .increase-pay.expanded .explore {
  display: none;
}
#page-content .panel1 .increase-pay.expanded .remove-increase-pay {
  display: block;
  height: 25px;
}
#page-content .panel1 .increase-pay.expanded .remove-increase-pay:lang(fr) {
  height: 52px;
}
@media only screen and (max-width : 575px) {
  #page-content .panel1 .increase-pay.expanded .remove-increase-pay:lang(fr) {
    width: 69%;
  }
}
#page-content .panel1 .increase-pay.expanded .payment-increase-inputs {
  display: block;
  margin-top: 40px;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1 .increase-pay.expanded .payment-increase-inputs {
    margin-top: 20px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .panel1 .increase-pay.expanded .payment-increase-inputs:lang(fr) p {
    width: 99%;
  }
}
#page-content .panel1 .increase-pay.expanded .payment-increase-inputs .row.row-2.paymentFreq {
  min-height: 105px;
}
#page-content .panel1.mort1 .calculate {
  padding: 0 0 29px 0;
}
#page-content .panel1.mort1 .calculate h2 {
  display: none;
}
#page-content .panel1.mort1 .calculate h2.mobile {
  display: block;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1.mort1 .calculate h2.mobile {
    display: none;
  }
}
#page-content .panel1.mort1 .calculate .enter-compare {
  display: none;
}
#page-content .panel1.mort1 .calculate .exit-compare {
  display: inline-block;
  margin-bottom: 0px;
}
#page-content .panel1.mort1 .calculate .toggle-box.mobile {
  margin-top: 10px;
  top: 0px;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1.mort1 .calculate .toggle-box.mobile {
    margin-top: 24px;
  }
}
#page-content .panel1.mort1 .calculate .toggle-box.mobile:lang(fr) {
  width: 233px;
  margin-top: 0px;
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .panel1.mort1 .calculate .toggle-box.mobile:lang(fr) {
    margin-top: 25px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .panel1.mort1 .calculate .toggle-box.mobile:lang(fr) {
    width: 125px;
    margin-top: 10px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .panel1.mort1 .calculate:lang(fr) {
    padding: 10px 0 29px 0;
  }
}
#page-content .panel1.mort1 .tab {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: 10px;
}
#page-content .panel1.mort1 .red-bar {
  display: none;
}
#page-content .panel1.mort1 .red-bar.bar2.mobile {
  display: block;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1.mort1 .red-bar.bar2.mobile {
    display: none;
  }
}
#page-content .panel1.mort1 .form1-mort1 {
  display: block;
}
#page-content .panel1.mort1 .form1-mort1 .col-check {
  display: block;
}
#page-content .panel1.mort1 .form1-mort2 {
  display: none;
}
#page-content .panel1.mort1 .form1-mort2 .col-check {
  display: block;
}
#page-content .panel1.mort1 .column3-full .single-title {
  display: block;
}
#page-content .panel1.mort1 .column3-full .line-mobile {
  margin-bottom: 20px;
}
#page-content .panel1.mort1 .column3-full .graph-text {
  width: 45%;
}
#page-content .panel1.mort1 .column3-full .graph-text .compare-results-title {
  display: inline-block;
}
#page-content .panel1.mort1 .column3-full .graph-text .col-check {
  display: none;
  min-height: 56px;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1.mort1 .column3-full .graph-text .col-check {
    display: block;
  }
}
#page-content .panel1.mort1 .column3-full .graph-text p {
  width: 100%;
  min-height: 73px;
}
#page-content .panel1.mort1 .column3-full .graph-text p:lang(fr) {
  width: 100%;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1.mort1 .column3-full .graph-text p {
    min-height: 88px;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .panel1.mort1 .column3-full .graph-text p {
    min-height: 112px;
  }
}
#page-content .panel1.mort1 .column3-full .graph-text p.not-diversify-only:lang(fr) {
  width: 100%;
}
#page-content .panel1.mort1 .column3-full .graph-text .pay-100 {
  width: 100%;
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .panel1.mort1 .column3-full .graph-text .pay-100 {
    min-height: 92px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .panel1.mort1 .column3-full .graph-text .pay-100 {
    min-height: 140px;
  }
}
#page-content .panel1.mort1 .column3-full .graph-text .pay-amt {
  width: 100%;
}
#page-content .panel1.mort1 .column3-full .graph-text .pay-amt:lang(fr) {
  width: 100%;
}
#page-content .panel1.mort1 .column3-full .graph-text.M2 {
  display: inline-block;
}
#page-content .panel1.mort1 .column3-full .graph-text .green-text {
  display: none;
}
#page-content .panel1.mort1 .column3-full .graph-text .green-text.g2 {
  max-width: 145px;
}
#page-content .panel1.mort1 .column3-full .graph-text .info {
  display: none;
}
#page-content .panel1.mort1 .column3-full .graph-text .result,
#page-content .panel1.mort1 .column3-full .graph-text .result2 {
  font-size: 18px;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1.mort1 .column3-full .graph-text .result,
  #page-content .panel1.mort1 .column3-full .graph-text .result2 {
    font-size: 30px;
  }
}
#page-content .panel1.mort1 .column3-full .single-title {
  display: none;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1.mort1 .column3-full .single-title {
    display: block;
  }
}
#page-content .panel1.mort1 .column3-full .diversify-text {
  display: none;
}
#page-content .panel1.mort1 .column3-full .diversify-text.mobile {
  display: none;
}
#page-content .panel1.mort1 .column3-full .comparison-graph-link {
  display: none;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1.mort1 .column3-full .comparison-graph-link {
    display: block;
    margin-left: 10px;
    margin-bottom: 35px;
    /*@media only screen and (min-width : 768px) {
        margin-left: 20px;
    }*/
  }
}
#page-content .panel1.mort1 .column3-full .protection-text {
  display: none;
}
#page-content .panel1.mort1 .column3-full .details {
  display: none;
}
#page-content .panel1.mort2 .calculate {
  padding: 0 0 29px 0;
  /*.mobile {
      display: block;
      @media only screen and (min-width : 768px) {
          display: none;
      }
  }*/
}
#page-content .panel1.mort2 .calculate h2 {
  display: none;
}
#page-content .panel1.mort2 .calculate h2.mobile {
  display: block;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1.mort2 .calculate h2.mobile {
    display: none;
  }
}
#page-content .panel1.mort2 .calculate .enter-compare {
  display: none;
}
#page-content .panel1.mort2 .calculate .exit-compare {
  display: inline-block;
}
#page-content .panel1.mort2 .calculate .toggle-box.mobile {
  margin-top: 10px;
  margin-bottom: 0px;
  top: 0px;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1.mort2 .calculate .toggle-box.mobile {
    margin-top: 24px;
  }
}
#page-content .panel1.mort2 .calculate .toggle-box.mobile:lang(fr) {
  width: 233px;
  margin-top: 0px;
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .panel1.mort2 .calculate .toggle-box.mobile:lang(fr) {
    margin-top: 25px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .panel1.mort2 .calculate .toggle-box.mobile:lang(fr) {
    width: 125px;
    margin-top: 10px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .panel1.mort2 .calculate:lang(fr) {
    padding: 10px 0 29px 0;
  }
}
#page-content .panel1.mort2 .tab {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: 10px;
}
#page-content .panel1.mort2 .red-bar {
  display: none;
}
#page-content .panel1.mort2 .red-bar.bar2.mobile {
  display: block;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1.mort2 .red-bar.bar2.mobile {
    display: none;
  }
}
#page-content .panel1.mort2 .form1-mort1 {
  display: none;
}
#page-content .panel1.mort2 .form1-mort1 .col-check {
  display: block;
  min-height: 56px;
}
#page-content .panel1.mort2 .form1-mort2 {
  display: block;
}
#page-content .panel1.mort2 .form1-mort2 .col-check {
  display: block;
  min-height: 56px;
}
#page-content .panel1.mort2 .column3-full .single-title {
  display: block;
}
#page-content .panel1.mort2 .column3-full .line-mobile {
  margin-bottom: 20px;
}
#page-content .panel1.mort2 .column3-full .graph-text {
  width: 45%;
}
#page-content .panel1.mort2 .column3-full .graph-text .compare-results-title {
  display: inline-block;
}
#page-content .panel1.mort2 .column3-full .graph-text .col-check {
  display: none;
  min-height: 56px;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1.mort2 .column3-full .graph-text .col-check {
    display: block;
  }
}
#page-content .panel1.mort2 .column3-full .graph-text p {
  width: 100%;
  min-height: 73px;
}
#page-content .panel1.mort2 .column3-full .graph-text p:lang(fr) {
  width: 100%;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1.mort2 .column3-full .graph-text p {
    min-height: 88px;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .panel1.mort2 .column3-full .graph-text p {
    min-height: 112px;
  }
}
#page-content .panel1.mort2 .column3-full .graph-text p.not-diversify-only:lang(fr) {
  width: 100%;
}
#page-content .panel1.mort2 .column3-full .graph-text .pay-100 {
  width: 100%;
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .panel1.mort2 .column3-full .graph-text .pay-100 {
    min-height: 92px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .panel1.mort2 .column3-full .graph-text .pay-100 {
    min-height: 140px;
  }
}
#page-content .panel1.mort2 .column3-full .graph-text .pay-amt {
  width: 100%;
}
#page-content .panel1.mort2 .column3-full .graph-text .pay-amt:lang(fr) {
  width: 100%;
}
#page-content .panel1.mort2 .column3-full .graph-text.M2 {
  display: inline-block;
}
#page-content .panel1.mort2 .column3-full .graph-text .green-text {
  display: none;
}
#page-content .panel1.mort2 .column3-full .graph-text .green-text.g2 {
  max-width: 145px;
}
#page-content .panel1.mort2 .column3-full .graph-text .info {
  display: none;
}
#page-content .panel1.mort2 .column3-full .graph-text .result,
#page-content .panel1.mort2 .column3-full .graph-text .result2 {
  font-size: 1.2rem;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1.mort2 .column3-full .graph-text .result,
  #page-content .panel1.mort2 .column3-full .graph-text .result2 {
    font-size: 30px;
  }
}
#page-content .panel1.mort2 .column3-full .single-title {
  display: none;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1.mort2 .column3-full .single-title {
    display: block;
  }
}
#page-content .panel1.mort2 .column3-full .diversify-text {
  display: none;
}
#page-content .panel1.mort2 .column3-full .diversify-text.mobile {
  display: none;
}
#page-content .panel1.mort2 .column3-full .protection-text {
  display: none;
}
#page-content .panel1.mort2 .column3-full .details {
  display: none;
}
#page-content .panel1.mort2 .column3-full .comparison-graph-link {
  display: none;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1.mort2 .column3-full .comparison-graph-link {
    display: block;
    margin-left: 20px;
    margin-bottom: 20px;
  }
}
#page-content .panel1 .diversify-only {
  display: none !important;
}
#page-content .panel1.divers {
  /*.red-bar {
      display: none;
  }*/
}
#page-content .panel1.divers .column1 {
  display: none;
}
#page-content .panel1.divers .calculate {
  display: none;
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .panel1.divers .calculate2 h3 {
    display: block;
  }
}
#page-content .panel1.divers .red-bar {
  display: block;
}
#page-content .panel1.divers .form1-mort1 {
  display: none;
}
#page-content .panel1.divers .form1-mort1 .col-check {
  display: block;
}
#page-content .panel1.divers .form1-mort2 .col-check {
  display: block;
}
#page-content .panel1.divers .form1-mort2 {
  display: none;
}
#page-content .panel1.divers .lump-sum-pay {
  display: none;
}
#page-content .panel1.divers .increase-pay {
  display: none;
}
#page-content .panel1.divers .accordion-3 {
  display: inline-block;
  width: 100%;
  margin-left: 3%;
  vertical-align: top;
}
#page-content .panel1.divers .accordion-3 .column1 {
  display: inline-block;
  padding-left: 0px;
}
#page-content .panel1.divers .accordion-3 .column2 {
  padding-left: 0px;
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .panel1.divers .accordion-3 {
    margin-left: 1%;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .panel1.divers .accordion-3 {
    width: 45%;
  }
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .panel1.divers .accordion-3 {
    /*margin-bottom: 20px;*/
  }
}
#page-content .panel1.divers .diversify-only {
  display: inline-block !important;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1.divers .diversify-only .graph-year {
    margin-top: 0px !important;
  }
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .panel1.divers .diversify-only:lang(fr) {
    width: 44%;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .panel1.divers .diversify-only:lang(fr) .graph-year {
    margin-top: 0px;
  }
}
#page-content .panel1.divers .diversify-only .green-text {
  text-transform: uppercase;
}
#page-content .panel1.divers .not-diversify-only {
  display: none !important;
}
#page-content .panel1.divers .column3-full {
  position: relative;
  margin-left: 6px;
  margin-top: 10px;
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .panel1.divers .column3-full {
    width: 95%;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .panel1.divers .column3-full {
    width: 99%;
    margin-left: 6px;
    margin-bottom: 20px;
  }
}
#page-content .panel1.divers .column3-full h3 {
  width: 50%;
  display: inline-block;
}
#page-content .panel1.divers .column3-full .edit {
  display: inline-block;
}
#page-content .panel1.divers .column3-full .line-mobile {
  display: none;
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .panel1.divers .column3-full .line-mobile.two {
    display: block;
  }
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .panel1.divers .column3-full .graphbox1 {
    margin-bottom: 0px;
  }
}
#page-content .panel1.divers .column3-full .diversify-text {
  padding: 10px;
  padding-left: 24px;
}
#page-content .panel1.divers .column3-full .diversify-text .divers-next {
  display: none;
}
#page-content .panel1.divers .column3-full .diversify-text .divers-back {
  display: block;
}
#page-content .panel1.divers .column3-full .diversify-text .divers-back .divers-arrow {
  position: static;
}
@media only screen and (min-width : 768px) {
  #page-content .panel1.divers .column3-full .diversify-text .divers-back .divers-arrow p {
    width: 80%;
  }
}
#page-content .panel1.divers .column3-full .diversify-text .divers-back img {
  margin-left: 0px;
  margin-right: 10px;
}
#page-content .panel1.divers .column3-full .diversify-text.mobile {
  margin-bottom: 20px;
}
#page-content .panel1.divers .column3-full .diversify-text button.divers-back:lang(fr) {
  height: 73px;
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .panel1.divers .column3-full .diversify-text button.divers-back:lang(fr) {
    height: 20px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .panel1.divers .column3-full .diversify-text button.divers-back:lang(fr) {
    height: 53px;
  }
}
#page-content .panel1.divers .column3-full .details {
  /*margin-bottom: 40px;*/
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px), only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .panel1.divers .column3-full .details {
    display: none;
  }
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px), only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .panel1.divers .column3-full .details.mobile {
    display: block;
    /*margin-bottom: 20px;*/
  }
}
#page-content .panel1.divers .column3-full .compare-cta.EMD {
  display: inline-block;
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px), only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .panel1.divers .column3-full .protection-text {
    display: none;
  }
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px), only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .panel1.divers .column3-full .text-box {
    display: none;
  }
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px), only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .panel1.divers .column3-full .text-box.mobile {
    display: block;
    height: auto;
  }
}
#page-content .panel1.divers .column3-full .divers-arrow {
  display: inline-block;
  width: auto;
  position: absolute;
  right: 17px;
  top: 11px;
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .panel1.divers .column3-full .divers-arrow .add:lang(fr) {
    bottom: 25px;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .panel1.divers .column3-full .divers-arrow .add:lang(fr) {
    bottom: 9px;
  }
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px), only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .panel1.divers .column3-full.mobile {
    display: block;
    margin-bottom: 40px;
  }
}
#page-content .panel1.divers .column3-full.mobile .protection-text {
  display: block;
  margin: 40px 0;
}
#page-content .match {
  /*        width:100%;*/
  margin: 0px;
  margin: 0px;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #8230df;
  float: left;
  width: 100%;
  margin: 20px 0;
}
@media only screen and (min-width : 992px) {
  #page-content .match {
    margin: 20px;
    padding: 20px;
    width: 47%;
  }
}
#page-content .match .match2 {
  display: none;
}
#page-content .match .match2 p {
  display: inline;
  color: #373a3b;
}
#page-content .match.match-full {
  width: 100%;
  margin: 20px 0;
}
#page-content .match.match-full .match2 {
  display: inline;
}
#page-content .row {
  /*display:block;*/
  margin: 0px;
  width: 100%;
}
@media only screen and (min-width : 768px) {
  #page-content .row {
    /*   margin-bottom:20px;*/
  }
}
#page-content .pre {
  width: 100%;
}
@media only screen and (min-width : 768px) {
  #page-content .pre {
    width: auto;
    font-size: 16px;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .pre {
    font-size: 14px;
  }
}
#page-content .container {
  border-radius: 5px;
  background-color: white;
  padding: 20px;
}
#page-content .col-50 {
  /*        float: left;*/
  /*@media only screen and (min-width : 768px){
      width: 100%;
  }*/
  /*.info{
      display:inline-block;
      height:18px;
      width:18px;
      border-radius:50%;
      position:relative;
      bottom:4px;
      img{
      width:100%;
  }

  }

      .info-sm{
      position:relative;
      @media only screen and (min-width : 768px){
      bottom:17px;
  }
      @media only screen and (min-width : 992px){
      bottom:0px;
  }
      @media only screen and (min-width : 1200px){
      bottom:0px;
  }
  }*/
}
#page-content .col-51 {
  float: left;
  width: 100%;
  /*margin-bottom: 20px;*/
  /*margin-bottom: 20px;*/
}
@media only screen and (min-width : 768px) {
  #page-content .col-51 {
    width: 25%;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .col-51 {
    width: 25%;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .col-51 {
    width: 25%;
  }
}
#page-content .prepayment-label {
  display: inline-block;
  width: 100%;
  height: auto;
  float: left;
}
@media only screen and (min-width : 768px) {
  #page-content .prepayment-label {
    height: 35px;
    /* width:25%;*/
    /*margin-left:0%;*/
  }
}
#page-content .col-52 {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (min-width : 768px) {
  #page-content .col-52 {
    width: 25%;
    margin-left: 10px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .col-52 {
    width: 25%;
    margin-left: 20px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .col-52 {
    width: 25%;
    margin-left: 20px;
  }
}
#page-content .col-52.left {
  margin-left: 0px;
}
#page-content .col-53 {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (min-width : 768px) {
  #page-content .col-53 {
    width: 40%;
    margin-left: 10px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .col-53 {
    width: 40%;
    margin-left: 20px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .col-53 {
    width: 30%;
    margin-left: 20px;
  }
}
#page-content .remove {
  margin-left: 0px;
}
@media only screen and (min-width : 768px) {
  #page-content .remove {
    margin-left: 10px;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .one-time {
    margin-left: 53%;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .one-time {
    margin-left: 59%;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .one-time {
    margin-left: 58%;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .map-long {
    width: 38%;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .year-short {
    width: 25%;
  }
}
#page-content .row:after {
  content: "";
  display: table;
  clear: both;
}
#page-content .col-51 select {
  -o-appearance: none;
  appearance: none;
  position: relative;
  display: block;
  background-color: #ffffff;
  background-image: url(../img/svg/icon_arrow-down.svg);
  background-repeat: no-repeat;
  background-position: 100%;
  background-size: 16px 8px;
  border: none;
  border-radius: 0px;
  padding-left: 0px;
  border-bottom: 1px solid #e2e8ee;
  -ms-word-break: normal;
  word-break: normal;
}
#page-content .col-51 select::-ms-expand {
  display: none;
}
#page-content .col-51 select:focus {
  border-bottom: 2px solid #8230df;
}
#page-content .col-52 select {
  -o-appearance: none;
  appearance: none;
  position: relative;
  display: block;
  background-color: #ffffff;
  background-image: url(../img/arrow.jpg);
  background-repeat: no-repeat;
  background-position: right center;
  border: none;
  padding-left: 5px;
  border-bottom: 1px solid #888b8d;
  -ms-word-break: normal;
  word-break: normal;
  /*background-size: 20px;*/
}
#page-content .col-52 select::-ms-expand {
  display: none;
}
#page-content .col-52 select:focus {
  border-bottom: 2px solid #8230df;
}
#page-content .col-53 select {
  -o-appearance: none;
  appearance: none;
  position: relative;
  display: block;
  background-color: #ffffff;
  background-image: url(../img/arrow.jpg);
  background-repeat: no-repeat;
  background-position: 250px;
  border: none;
  padding-left: 5px;
  border-bottom: 1px solid #888b8d;
  -ms-word-break: normal;
  word-break: normal;
  /* background-size: 20px;*/
}
#page-content .col-53 select::-ms-expand {
  display: none;
}
#page-content .col-53 select:focus {
  border-bottom: 2px solid #8230df;
}
#page-content .otp_wrapperM1,
#page-content .otp_wrapperM2 {
  display: inline-block;
  position: relative;
  bottom: 10px;
  width: 100%;
}
@media only screen and (min-width : 768px) {
  #page-content .otp_wrapperM1,
  #page-content .otp_wrapperM2 {
    /*    bottom:20px;*/
  }
}
#page-content .otp_wrapperM1.hide,
#page-content .otp_wrapperM2.hide {
  display: none;
}
#page-content .removeRow {
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  position: relative;
}
@media only screen and (max-width : 575px) {
  #page-content .removeRow {
    float: right;
    top: 2px;
    right: 11.5%;
  }
}
@media only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .removeRow {
    float: right;
    width: 24px;
    top: 5px;
    right: 71px;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .removeRow {
    height: 24px;
    width: 24px;
    float: right;
    left: -11px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .removeRow {
    top: 5px;
    left: -5px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .removeRow {
    top: 5px;
    left: -11px;
  }
}
#page-content .removeRow img {
  width: 100%;
}
#page-content .panel3 {
  background-color: white;
  display: block;
  /*overflow: hidden;*/
  /* border-bottom: 1px solid #373a3b;*/
  transition: max-height 0.5s ease-in-out;
  /*max-height: 0px;*/
  /* Clear floats after the columns */
}
@media only screen and (min-width : 768px) {
  #page-content .panel3 {
    margin-bottom: 20px;
  }
}
#page-content .panel3 .calculate {
  padding: 20px 0 0 0;
  position: relative;
}
#page-content .panel3 .column1,
#page-content .panel3 .column2 {
  display: inline-block;
  width: 100%;
  height: auto;
}
@media only screen and (min-width : 992px) {
  #page-content .panel3 .column1,
  #page-content .panel3 .column2 {
    display: inline-block;
    width: 50%;
    float: left;
    margin-bottom: 10px;
  }
}
#page-content .panel3 .column1 .form-title,
#page-content .panel3 .column2 .form-title {
  width: 100%;
  height: auto;
  /*margin: 10px 0;*/
  margin-bottom: 20px;
  position: relative;
  top: 14px;
}
#page-content .panel3 .column1 .form-title h3,
#page-content .panel3 .column2 .form-title h3 {
  font-family: "FrutigerLTforBNS-Bold";
  font-size: 18px;
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .panel3 .column1 .form-title,
  #page-content .panel3 .column2 .form-title {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .panel3 .column1 .form-title,
  #page-content .panel3 .column2 .form-title {
    margin: 10px 0 0 0;
    top: 0px;
  }
}
#page-content .panel3 .column1 .form1,
#page-content .panel3 .column2 .form1 {
  padding-bottom: 20px;
}
#page-content .panel3 .column3 {
  display: inline-block;
  width: 100%;
  height: auto;
  background-color: #fff;
  border: 1px solid #888b8d;
}
@media only screen and (min-width : 768px) {
  #page-content .panel3 .column3 {
    display: inline-block;
    width: 49%;
    float: right;
  }
}
#page-content .panel3 .column3 .graph-text-box {
  width: 95%;
  display: inline-block;
}
#page-content .panel3 .column3 .graph3-summary1,
#page-content .panel3 .column3 .year-summary1 {
  display: inline-block;
  width: 100%;
  text-align: center;
}
#page-content .panel3 .column3 .graph3-total {
  display: inline-block;
  font-size: 38px;
  color: #8230df;
  font-family: "FrutigerLTforBNS-Bold";
}
#page-content .panel3 .column3 .graph-year {
  display: inline-block;
  font-size: 24px;
  color: #8230df;
  text-align: left;
  font-family: "FrutigerLTforBNS-Bold";
}
#page-content .panel3 .column3-full {
  display: inline-block;
  width: 100%;
  height: auto;
  background-color: #f1f2f2;
}
#page-content .panel3 .column3-full .graph-containers {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 20px;
  width: 100%;
  float: left;
}
@media only screen and (min-width : 768px) {
  #page-content .panel3 .column3-full .graph-containers {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    width: 50%;
  }
}
#page-content .panel3 .column3-full .graph-text-box {
  background-color: #fff;
  border-radius: 6px;
  margin: 0 10px 10px 10px;
  padding: 10px;
  border: 1px solid #888b8d;
}
@media only screen and (min-width : 576px) {
  #page-content .panel3 .column3-full .graph-text-box {
    margin: 0 10px 30px 10px;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .panel3 .column3-full .graph-text-box {
    margin-bottom: 20px;
    padding: 20px 40px;
  }
}
#page-content .panel3 .column3-full .graph-text-box .graph3-summary,
#page-content .panel3 .column3-full .graph-text-box .year-summery {
  width: 100%;
}
@media only screen and (min-width : 768px) {
  #page-content .panel3 .column3-full .graph-text-box .graph3-summary,
  #page-content .panel3 .column3-full .graph-text-box .year-summery {
    width: 50%;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .panel3 .column3-full .graph-text-box .graph3-summary,
  #page-content .panel3 .column3-full .graph-text-box .year-summery {
    width: 45%;
  }
}
#page-content .panel3 .column3 .graphbox3,
#page-content .panel3 .column3-full .graphbox3 {
  padding: 40px 0 20px 0;
  height: auto;
  border-top: 1px solid #888b8d;
  border-bottom: 1px solid #888b8d;
}
@media only screen and (min-width : 768px) {
  #page-content .panel3 .column3 .graphbox3,
  #page-content .panel3 .column3-full .graphbox3 {
    padding: 20px 20px 20px 20px;
    border-top: 0px;
    border-bottom: 0px;
  }
}
#page-content .panel3 .column3 .graphbox3 .graph-text-box .graph3-summary,
#page-content .panel3 .column3-full .graphbox3 .graph-text-box .graph3-summary {
  display: inline-block;
  height: auto;
  text-align: left;
  margin-bottom: 10px;
}
#page-content .panel3 .column3 .graphbox3 .graph-text-box .graph3-summary .graph3-total,
#page-content .panel3 .column3-full .graphbox3 .graph-text-box .graph3-summary .graph3-total {
  display: inline-block;
  font-size: 38px;
  color: #8230df;
  font-family: "FrutigerLTforBNS-Bold";
}
#page-content .panel3 .column3 .graphbox3 .graph-text-box .year-summary,
#page-content .panel3 .column3-full .graphbox3 .graph-text-box .year-summary {
  display: block;
  height: auto;
  text-align: left;
}
@media only screen and (min-width : 768px) {
  #page-content .panel3 .column3 .graphbox3 .graph-text-box .year-summary,
  #page-content .panel3 .column3-full .graphbox3 .graph-text-box .year-summary {
    float: right;
  }
}
#page-content .panel3 .column3 .graphbox3 .graph-text-box .year-summary .graph-year,
#page-content .panel3 .column3-full .graphbox3 .graph-text-box .year-summary .graph-year {
  display: inline-block;
  font-size: 24px;
  color: #ED0722;
  text-align: left;
  font-family: "FrutigerLTforBNS-Bold";
}
#page-content .panel3 .column3 .graphbox3 .graph-text-box .year-summary .graph-year2,
#page-content .panel3 .column3-full .graphbox3 .graph-text-box .year-summary .graph-year2 {
  display: inline-block;
  font-size: 24px;
  color: #8230df;
  text-align: left;
  font-family: "FrutigerLTforBNS-Bold";
}
#page-content .panel3 .column3 .graphbox3 .graph3,
#page-content .panel3 .column3-full .graphbox3 .graph3 {
  width: 100%;
  height: 283px;
  margin-bottom: 20px;
}
@media only screen and (min-width : 576px) {
  #page-content .panel3 .column3 .graphbox3 .graph3,
  #page-content .panel3 .column3-full .graphbox3 .graph3 {
    height: 420px;
    background-size: 75%;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .panel3 .column3 .graphbox3 .graph3,
  #page-content .panel3 .column3-full .graphbox3 .graph3 {
    height: 400px;
    background-size: 70%;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .panel3 .column3 .graphbox3 .graph3,
  #page-content .panel3 .column3-full .graphbox3 .graph3 {
    height: 260px;
  }
}
#page-content .panel3 .column3 .graphbox3 .details,
#page-content .panel3 .column3-full .graphbox3 .details {
  padding: 20px 0;
}
#page-content .panel3 .column3 .graphbox3 .details .button,
#page-content .panel3 .column3-full .graphbox3 .details .button {
  background-color: transparent;
  border: none;
  color: #8230df;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
  width: 32%;
}
@media only screen and (min-width : 992px) {
  #page-content .panel3 .column3 .graphbox3 .details .button,
  #page-content .panel3 .column3-full .graphbox3 .details .button {
    font-size: 16px;
    width: 32%;
  }
}
#page-content .panel3 .column3 .graphbox3 .details .button .pdf-icon,
#page-content .panel3 .column3-full .graphbox3 .details .button .pdf-icon {
  display: inline-block;
  border-radius: 50%;
  height: 34px;
  width: 34px;
  margin-right: 10px;
}
#page-content .panel3 .column3 .graphbox3 .details .button .pdf-icon img,
#page-content .panel3 .column3-full .graphbox3 .details .button .pdf-icon img {
  width: 100%;
}
@media only screen and (min-width : 768px) {
  #page-content .panel3 .row {
    margin-bottom: 0px;
    width: 50%;
    height: 90px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .panel3 .row {
    width: 90%;
  }
}
#page-content .panel3 .row .splitpercent {
  display: inline-block;
  width: 130px;
  position: absolute;
  right: 30px;
  top: 39px;
  font-size: 20px;
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .panel3 .row .splitpercent {
    right: 0px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .panel3 .row:lang(fr) {
    min-height: 112px;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .panel3 .row.fr-height:lang(fr) {
    min-height: 138px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .panel3 .row.fr-height:lang(fr) {
    min-height: 112px;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .panel3 .row .error-text:lang(fr) {
    top: 81px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .panel3 .row .error-text:lang(fr) {
    top: 81px;
  }
}
#page-content .panel3 .container {
  border-radius: 5px;
  background-color: white;
  padding: 20px;
}
#page-content .panel3 .col-50 {
  width: 100%;
  margin-top: 6px;
}
#page-content .panel3 .col-51 {
  width: 95%;
  margin-top: 6px;
  position: relative;
  min-height: 34px;
}
@media only screen and (min-width : 576px) {
  #page-content .panel3 .col-51 {
    /*width: 57%;*/
  }
}
@media only screen and (min-width : 768px) {
  #page-content .panel3 .col-51 {
    width: 95%;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .panel3 .col-51 {
    width: 100%;
  }
}
#page-content .panel3 .col-51 .split {
  font-size: 18px;
  color: #333333;
}
#page-content .panel3 .col-51.split-btm {
  border-bottom: 1px solid #e2e8ee;
}
#page-content .panel3 .row:after {
  content: "";
  display: table;
  clear: both;
}
#page-content .panel3 .payment_freq {
  font-size: 20px;
  padding: 12px 0px;
  border-bottom: 1px solid #888b8d;
  width: 100%;
}
@media only screen and (min-width : 768px) {
  #page-content .panel3 .payment_freq {
    height: 38px;
    padding: 6px 0px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .panel3 .payment_freq {
    font-size: 20px;
    padding: 6px 5px;
    margin-left: 1%;
    height: 37px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .panel3 .payment_freq {
    font-size: 20px;
    padding: 6px 5px;
    margin-left: 1%;
    height: 41px;
  }
}
#page-content .panel3 .col-51 select {
  -o-appearance: none;
  appearance: none;
  position: relative;
  display: block;
  border-radius: 0px;
  background-color: #ffffff;
  background-image: url(../img/svg/icon_arrow-down.svg);
  background-repeat: no-repeat;
  background-position: 100%;
  border: none;
  padding-left: 0px;
  border-bottom: 1px solid #e2e8ee;
  -ms-word-break: normal;
  word-break: normal;
}
#page-content .panel3 .col-51 select::-ms-expand {
  display: none;
}
#page-content .panel3 .col-51 select:focus {
  border-bottom: 2px solid #8230df;
}
#page-content .column3-full {
  display: inline-block;
  width: 98%;
  height: auto;
  border-radius: 6px;
  margin-left: 1%;
  margin-bottom: 20px;
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .column3-full {
    margin-left: 0px;
    width: 100%;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .column3-full {
    width: 50%;
    margin-top: 10px;
  }
}
#page-content .column3-full .text-box {
  display: block;
  text-align: left;
  margin: 24px;
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .column3-full .text-box {
    margin: 0px;
    width: 100%;
  }
}
#page-content .column3-full .text-box h2 {
  font-family: "FrutigerLTforBNS-Bold";
  font-size: 0.8rem;
  margin-bottom: 20px;
}
#page-content .column3-full .text-box .edit {
  display: none;
}
#page-content .column3-full .text-box .single-title {
  display: none;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .text-box .single-title {
    display: block;
  }
}
#page-content .column3-full .text-box .double-title {
  display: none;
}
#page-content .column3-full .graphbox1 {
  display: inline-block;
  width: 100%;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 {
    display: inline-block;
    box-shadow: 0px 2px 10px #E2E8EE;
    border: 1px solid #E2E8EE;
    border-radius: 4px;
    margin-bottom: 6%;
    width: 100%;
  }
}
#page-content .column3-full .graphbox1 .graph-text {
  text-align: left;
  width: 95%;
  /*display: inline-block;*/
  vertical-align: top;
  padding: 10px;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .graph-text {
    font-size: 24px;
    padding: 0px;
  }
}
#page-content .column3-full .graphbox1 .graph-text .compare-results-title {
  font-size: 1rem;
  font-family: "FrutigerLTforBNS-Bold";
  display: none;
  color: black;
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .column3-full .graphbox1 .graph-text .compare-results-title {
    min-height: 47px;
  }
}
#page-content .column3-full .graphbox1 .graph-text .main-label {
  display: none;
  font-size: 0.8rem;
  font-family: "FrutigerLTforBNS-Bold";
  width: 56px;
  border: 1px solid #888b8d;
  border-radius: 6px;
  padding: 0 10px;
}
#page-content .column3-full .graphbox1 .graph-text .col-check {
  display: none;
}
#page-content .column3-full .graphbox1 .graph-text p {
  font-size: 18px;
  width: 100%;
  display: inline-block;
  vertical-align: text-top;
  margin: 0;
  line-height: normal;
}
#page-content .column3-full .graphbox1 .graph-text p .br {
  display: none;
}
#page-content .column3-full .graphbox1 .graph-text p .mobile-space {
  display: inline;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .graph-text p {
    line-height: inital;
    width: 55%;
    margin: 0.5rem 0;
    /*&:lang(fr) {
        width: 44%;
    }*/
  }
  #page-content .column3-full .graphbox1 .graph-text p .br {
    display: block;
  }
  #page-content .column3-full .graphbox1 .graph-text p .mobile-space {
    display: none;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .column3-full .graphbox1 .graph-text p {
    width: 45%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .column3-full .graphbox1 .graph-text p.not-diversify-only:lang(fr) {
    width: 44%;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .column3-full .graphbox1 .graph-text p.not-diversify-only:lang(fr) {
    width: 48%;
  }
}
#page-content .column3-full .graphbox1 .graph-text .pay-100 {
  width: 100%;
}
#page-content .column3-full .graphbox1 .graph-text .pay-amt {
  width: 100%;
}
#page-content .column3-full .graphbox1 .graph-text .pay-amt:lang(fr) {
  width: 100%;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .graph-text .pay-amt {
    width: 33%;
  }
  #page-content .column3-full .graphbox1 .graph-text .pay-amt:lang(fr) {
    width: 38%;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .column3-full .graphbox1 .graph-text .pay-amt {
    width: 45%;
  }
  #page-content .column3-full .graphbox1 .graph-text .pay-amt:lang(fr) {
    width: 48%;
  }
}
#page-content .column3-full .graphbox1 .graph-text .paid {
  font-size: 1.2rem;
}
#page-content .column3-full .graphbox1 .graph-text .green-text {
  display: none;
  font-size: 0.8rem;
  font-family: "FrutigerLTforBNS-Bold";
  text-transform: uppercase;
  color: #008660;
  border: 1px solid #008660;
  border-radius: 8px;
  padding: 0px 6px;
  max-width: 226px;
  width: fit-content;
  margin-top: 5px;
}
#page-content .column3-full .graphbox1 .graph-text .green-text.show {
  display: none;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .graph-text .green-text.show {
    display: inline-block;
  }
}
#page-content .column3-full .graphbox1 .graph-text .green-text span {
  font-family: "FrutigerLTforBNS-Bold";
  text-transform: uppercase;
}
#page-content .column3-full .graphbox1 .graph-text .green-text.g2 {
  max-width: 250px;
}
#page-content .column3-full .graphbox1 .graph-text .green-text.g2:lang(fr) {
  max-width: 270px;
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .column3-full .graphbox1 .graph-text .green-text.g3 {
    max-width: 145px;
  }
}
#page-content .column3-full .graphbox1 .graph-text .info {
  display: none;
}
#page-content .column3-full .graphbox1 .graph-text .info.show {
  display: inline-block;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .graph-text .info.show {
    display: none !important;
  }
}
#page-content .column3-full .graphbox1 .graph-text .graph-amount,
#page-content .column3-full .graphbox1 .graph-text .graph-rate,
#page-content .column3-full .graphbox1 .graph-text .graph-year,
#page-content .column3-full .graphbox1 .graph-text .graph-total,
#page-content .column3-full .graphbox1 .graph-text .graph-year span {
  display: inline-block;
  font-size: 18px;
  color: black;
  font-family: "FrutigerLTforBNS-Bold";
  margin-top: 6px;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .graph-text .graph-amount,
  #page-content .column3-full .graphbox1 .graph-text .graph-rate,
  #page-content .column3-full .graphbox1 .graph-text .graph-year,
  #page-content .column3-full .graphbox1 .graph-text .graph-total,
  #page-content .column3-full .graphbox1 .graph-text .graph-year span {
    font-size: 30px;
  }
}
#page-content .column3-full .graphbox1 .graph-text .graph-year.amortYrM1 {
  margin-top: 0px;
}
#page-content .column3-full .graphbox1 .graph-text .graph-year.amortYrM2 {
  margin-top: 0px;
}
#page-content .column3-full .graphbox1 .graph-text .graph-amount2,
#page-content .column3-full .graphbox1 .graph-text .graph-rate2,
#page-content .column3-full .graphbox1 .graph-text .graph-year2,
#page-content .column3-full .graphbox1 .graph-text .graph-total2 {
  display: inline-block;
  font-size: 18px;
  color: black;
  font-family: "FrutigerLTforBNS-Bold";
  margin-top: 6px;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .graph-text .graph-amount2,
  #page-content .column3-full .graphbox1 .graph-text .graph-rate2,
  #page-content .column3-full .graphbox1 .graph-text .graph-year2,
  #page-content .column3-full .graphbox1 .graph-text .graph-total2 {
    font-size: 30px;
  }
}
#page-content .column3-full .graphbox1 .graph-text .result {
  display: inline-block;
  font-size: 18px;
  color: black;
  font-family: "FrutigerLTforBNS-Bold";
  margin-top: 6px;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .graph-text .result {
    font-size: 30px;
  }
}
#page-content .column3-full .graphbox1 .graph-text .result2 {
  display: inline-block;
  font-size: 18px;
  color: black;
  font-family: "FrutigerLTforBNS-Bold";
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .graph-text .result2 {
    font-size: 30px;
  }
}
#page-content .column3-full .graphbox1 .graph-text.M1 {
  display: inline-block;
}
#page-content .column3-full .graphbox1 .graph-text.M2 {
  display: none;
}
#page-content .column3-full .graphbox1 .line-mobile {
  display: block;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-top: 1px solid #E2E8EE;
  box-shadow: 0px 2px 10px #E2E8EE;
  height: 1px;
  box-shadow: 0px -3px 10px rgba(226, 232, 238, 0.75);
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .line-mobile {
    display: none;
  }
}
#page-content .column3-full .graphbox1 .col-check .checkbox-container {
  padding-left: 35px;
}
#page-content .column3-full .graphbox1 .col-check .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 26px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #888b8d;
}
#page-content .column3-full .graphbox1 .col-check .checkbox-container .checkmark:after {
  left: 8px;
  top: 8px;
  width: 8px;
  height: 8px;
  border: solid white;
  border-radius: 50%;
  background-color: #fff;
}
#page-content .column3-full .graphbox1 .diversify-text {
  display: none;
  width: 100%;
  padding: 20px;
  background-color: #FAFBFD;
  position: relative;
  border-top: 1px solid #E2E8EE;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
#page-content .column3-full .graphbox1 .diversify-text button {
  width: 100%;
  background-color: #FAFBFD;
  position: relative;
  border-bottom: 0px;
}
#page-content .column3-full .graphbox1 .diversify-text button p {
  font-weight: 500;
  display: block;
  text-align: left;
  width: 75%;
  margin: 0px;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .diversify-text button p {
    display: inline-block;
    width: 50%;
    margin: 0.5rem;
    position: absolute;
    bottom: -1px;
    left: 56px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .column3-full .graphbox1 .diversify-text button p {
    width: 75%;
    left: 53px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .column3-full .graphbox1 .diversify-text button p {
    width: 75%;
    left: 60px;
    margin-left: 2px;
  }
}
#page-content .column3-full .graphbox1 .diversify-text button span {
  font-family: "FrutigerLTforBNS-Bold";
  color: black;
  border-bottom: 0px;
}
#page-content .column3-full .graphbox1 .diversify-text button img {
  display: inline-block;
  margin: -4px;
  text-align: left;
  vertical-align: baseline;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .diversify-text button img {
    display: inline-block;
    margin: auto;
    text-align: left;
    margin-left: -4px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .column3-full .graphbox1 .diversify-text button img {
    margin-left: -4px;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .diversify-text button img.protect-icon-lg:lang(fr) {
    position: relative;
    bottom: 23px;
  }
}
#page-content .column3-full .graphbox1 .diversify-text button .divers-arrow {
  display: inline-block;
  width: auto;
  position: absolute;
  right: 0px;
  bottom: 3px;
  font-family: "FrutigerLTforBNS-Bold";
}
#page-content .column3-full .graphbox1 .diversify-text button .divers-arrow img {
  position: relative;
  top: 5px;
  margin-left: 10px;
}
#page-content .column3-full .graphbox1 .diversify-text button .divers-arrow .add {
  display: inline;
  position: relative;
  border-radius: 50%;
  height: 24px;
  width: 24px;
}
#page-content .column3-full .graphbox1 .diversify-text button .divers-arrow .add .add-hover2 {
  display: none;
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 99;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .diversify-text button .divers-arrow .add .add-hover2 {
    top: -4px;
  }
}
#page-content .column3-full .graphbox1 .diversify-text button .divers-arrow p {
  font-family: "FrutigerLTforBNS-Bold";
  color: #8230df;
  display: inline-block;
  margin: 0px;
  left: 40px;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .diversify-text button .divers-arrow {
    right: 17px;
    top: 11px;
  }
  #page-content .column3-full .graphbox1 .diversify-text button .divers-arrow:lang(fr) {
    top: 70px;
    bottom: 3px;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .diversify-text button:lang(fr) {
    height: 106px;
  }
}
#page-content .column3-full .graphbox1 .diversify-text button:hover {
  color: #481093;
  border-bottom: 0px;
}
#page-content .column3-full .graphbox1 .diversify-text button:hover .divers-arrow p {
  color: #481093;
}
#page-content .column3-full .graphbox1 .diversify-text button:hover .divers-arrow .add-hover2 {
  display: inline;
}
#page-content .column3-full .graphbox1 .diversify-text .divers-back {
  display: none;
  margin: 10px 0;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .diversify-text {
    padding: 20px 10px 10px 24px;
    display: inline-block;
  }
}
#page-content .column3-full .graphbox1 .diversify-text.mobile {
  display: block;
  margin-bottom: 40px;
  border: 1px solid #E2E8EE;
  border-radius: 4px;
  box-shadow: 0px 2px 10px #E2E8EE;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .diversify-text.mobile {
    display: none;
  }
}
#page-content .column3-full .graphbox1 .compare-cta {
  display: inline-block;
  float: right;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .compare-cta {
    float: right;
  }
}
#page-content .column3-full .graphbox1 .compare-cta .button {
  background-color: transparent;
  border: none;
  padding: 5px 0;
  color: #8230df;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-family: "FrutigerLTforBNS-Bold";
  cursor: pointer;
}
#page-content .column3-full .graphbox1 .compare-cta .button .add {
  display: inline;
  position: relative;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  bottom: 2px;
  margin-right: 10px;
}
#page-content .column3-full .graphbox1 .compare-cta .button .add .add-hover2 {
  display: none;
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 99;
}
#page-content .column3-full .graphbox1 .compare-cta .button.edit_protection, #page-content .column3-full .graphbox1 .compare-cta .button.remove_protection {
  display: none;
}
#page-content .column3-full .graphbox1 .compare-cta .button:hover span {
  border-bottom: 1px dotted #481093;
  color: #481093;
}
#page-content .column3-full .graphbox1 .compare-cta .button:hover .add-hover2 {
  display: inline;
}
#page-content .column3-full .graphbox1 .compare-cta.EMD {
  display: none;
}
#page-content .column3-full .graphbox1 .graph1 {
  opacity: 1;
  transition: opacity 1s;
  width: 98%;
  height: 258px;
  margin-bottom: 20px;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .graph1 {
    height: 400px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .column3-full .graphbox1 .graph1 {
    height: 260px;
  }
}
#page-content .column3-full .graphbox1 .details {
  width: 85%;
  display: block;
  margin-top: 20px;
  margin-left: 10px;
  /*margin-bottom: 30px;*/
  /*.btn-sm-1 {
      position: relative;
      left: 4px;
      @media only screen and (min-width : 768px) {
          left: 0px;
      }

  }

  .btn-sm-2 {
      position: relative;
      right: 3px;
      @media only screen and (min-width : 768px) {
          left: 0px;
      }
  }*/
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .details {
    width: 52%;
    margin: auto;
    margin-left: 20px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .column3-full .graphbox1 .details {
    width: 270px;
    margin-left: 24px;
    margin-top: 40px;
    margin-bottom: 24px;
  }
}
#page-content .column3-full .graphbox1 .details .button {
  background-color: transparent;
  border: 0px;
  color: #8230df;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  width: auto;
  border-bottom: 1px dotted #8230df;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .details .button {
    text-align: center;
    border: 1px solid #8230df;
    padding: 9px;
    border-radius: 28px;
    width: 100%;
  }
}
#page-content .column3-full .graphbox1 .details .button:hover {
  border-bottom: 1px dotted #481093;
  color: #481093;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1 .details .button:hover {
    background-color: #8230df;
    color: white;
  }
}
#page-content .column3-full .graphbox1 .details .pdf-icon {
  display: inline-block;
  height: 34px;
  width: 34px;
  margin-right: 10px;
}
#page-content .column3-full .graphbox1 .details .pdf-icon img {
  width: 100%;
}
#page-content .column3-full .graphbox1 .comparison-only {
  display: none;
}
#page-content .column3-full .graphbox1.split-panel .comparison-only {
  display: block;
}
#page-content .column3-full .graphbox1.split-panel .graph1 {
  text-align: center;
  margin-bottom: 20px;
  width: 45%;
  display: inline-block;
}
@media only screen and (min-width : 992px) {
  #page-content .column3-full .graphbox1.split-panel .graph1 {
    width: 40%;
    margin: 0 3%;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .graphbox1.diversify-results .graph-text {
    width: 50%;
  }
}
#page-content .column3-full .graphbox1.mobile {
  display: block;
}
#page-content .column3-full .protection-text {
  display: none;
  text-align: left;
  padding: 20px;
  box-shadow: 0px 2px 10px #E2E8EE;
  border: 1px solid #E2E8EE;
  border-radius: 4px;
  position: relative;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .protection-text {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0px;
    padding: 10px;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .protection-text {
    margin-right: none;
    height: 5rem;
    padding-left: 18px;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .column3-full .protection-text {
    height: auto;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .column3-full .protection-text {
    text-align: left;
  }
}
#page-content .column3-full .protection-text p {
  margin: 0;
  display: inline-block;
}
#page-content .column3-full .protection-text .protection-img {
  display: inline-block;
  position: absolute;
  right: 10px;
  bottom: 20px;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .protection-text .protection-img {
    width: auto;
    margin-left: 4px;
    position: relative;
    bottom: 3px;
    left: -2px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .column3-full .protection-text .protection-img {
    margin-left: 0px;
    position: relative;
    bottom: 24px;
    left: 0px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .column3-full .protection-text .protection-img {
    margin-left: 0px;
    bottom: 3px;
  }
}
#page-content .column3-full .protection-text .protection-img img {
  vertical-align: bottom;
}
#page-content .column3-full .protection-text .protection-img .protection-added-icon {
  display: none;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .protection-text .protection-img:lang(fr) {
    width: auto;
    margin-left: 4px;
    position: relative;
    bottom: 23px;
    left: -2px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .column3-full .protection-text .protection-img:lang(fr) {
    margin-left: 0px;
    position: relative;
    bottom: 23px;
    left: 0px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .column3-full .protection-text .protection-img:lang(fr) {
    margin-left: 0px;
    bottom: 23px;
  }
}
#page-content .column3-full .protection-text .protection-content {
  display: inline-block;
  width: 90%;
  margin-left: 0px;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .protection-text .protection-content {
    width: 80%;
    padding-top: 0.3rem;
    margin-left: 0rem;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .column3-full .protection-text .protection-content {
    width: 80%;
    margin-left: 0.5rem;
  }
  #page-content .column3-full .protection-text .protection-content p {
    display: inline-block;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .column3-full .protection-text .protection-content {
    width: 89%;
  }
}
#page-content .column3-full .protection-text .protection-content .compare-cta {
  /*width: 93%;*/
}
#page-content .column3-full .protection-text .protection-content .protection-added {
  display: none;
}
#page-content .column3-full .protection-text .button {
  background-color: transparent;
  border: none;
  /* padding: 5px 0;*/
  color: #8230df;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-family: "FrutigerLTforBNS-Bold";
  cursor: pointer;
  width: 99%;
}
#page-content .column3-full .protection-text .button span {
  font-family: "FrutigerLTforBNS-Bold";
  border-bottom: 1px dotted #8230df;
}
#page-content .column3-full .protection-text .button .add {
  display: inline;
  position: relative;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  bottom: 2px;
  margin-right: 10px;
}
#page-content .column3-full .protection-text .button .add .add-hover2 {
  display: none;
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 99;
}
#page-content .column3-full .protection-text .button.edit_protection, #page-content .column3-full .protection-text .button.remove_protection {
  display: none;
  text-align: left;
  width: auto;
}
#page-content .column3-full .protection-text .button:hover span {
  border-bottom: 1px dotted #481093;
  color: #481093;
}
#page-content .column3-full .protection-text .button:hover .add-hover2 {
  display: inline;
}
#page-content .column3-full .protection-text.mobile {
  display: block;
  margin-bottom: 40px;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .protection-text.mobile {
    display: none;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full .protection-text:lang(fr) {
    height: 7rem;
  }
}
#page-content .column3-full .graphbox1.lump-sum-results .graph-amount,
#page-content .column3-full .graphbox1.lump-sum-results .graph-total {
  color: #747474;
}
#page-content .column3-full.protected .protection-text {
  height: 5.5rem;
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full.protected .protection-text {
    height: 4rem;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .column3-full.protected .protection-text:lang(fr) {
    height: 5rem;
  }
}
#page-content .column3-full.protected .protection-added-icon {
  display: inline-block !important;
}
#page-content .column3-full.protected .protect-icon-lg {
  display: none;
}
#page-content .column3-full.protected .protection-cta {
  display: none !important;
}
#page-content .column3-full.protected .protection-added {
  display: inline-block !important;
}
#page-content .column3-full.protected .protection-img img {
  vertical-align: middle;
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .column3-full.protected .protection-img {
    margin-left: 0px;
    position: relative;
    bottom: 0px;
    left: 0px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .column3-full.protected .protection-img:lang(fr) {
    bottom: 3px;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .column3-full.protected .protection-img:lang(fr) {
    bottom: 16px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .column3-full.protected .protection-img:lang(fr) {
    bottom: 3px;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .column3-full.protected .protection-content:lang(fr) {
    width: 40%;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .column3-full.protected .compare-cta {
    position: absolute;
    right: 10px;
    top: 16px;
  }
}
#page-content .column3-full.protected .compare-cta button.open_popup_btn {
  display: none !important;
}
#page-content .column3-full.protected .compare-cta button.edit_protection {
  display: inline-block !important;
}
#page-content .column3-full.protected .compare-cta button.remove_protection {
  display: inline-block !important;
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .column3-full.protected .compare-cta:lang(fr) {
    right: 4px;
    top: 36px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .column3-full.protected .compare-cta:lang(fr) {
    right: 4px;
    top: 20px;
  }
}
#page-content .column3-full.mobile {
  display: none;
}
#page-content .panelOpen {
  max-height: 5000px;
  min-height: 500px;
}
#page-content .panelOpen.second {
  animation: fadeIn 1s ease-in-out;
}
@media only screen and (min-width : 768px) {
  #page-content .panelOpen.second {
    animation: slideDown 1s ease-in-out;
  }
}
#page-content .panelOpen.third {
  animation: fadeIn 1s ease-in-out;
}
@media only screen and (min-width : 768px) {
  #page-content .panelOpen.third {
    animation: fadeIn 1s ease-in-out;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .panelOpen.third {
    animation: slideLeft 1s ease-in-out;
  }
}
#page-content .panelClose {
  padding: 0px !important;
  animation: slideUp 1s ease-in-out;
}
#page-content.isIE .up-53 {
  position: relative;
  bottom: 2px;
}
#page-content.isIE .up-51 {
  position: relative;
  top: 1px;
}
#page-content.isIE .up-52 {
  position: relative;
  top: 2px;
}
#page-content.isIE .up-col-2 {
  position: relative;
  /* bottom: 4px;*/
}
#page-content.isIE .compare {
  margin: 0px;
}
#page-content.isIE .PF-break {
  display: none;
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content.isIE .PF-break {
    display: inline-block;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content.isIE .ie-tablet-extra-height {
    display: inline-block;
    /*min-height: 3em;*/
  }
}
#page-content.isIE .graphbox1 {
  margin-bottom: 30px;
}
#page-content.isIE .column3-full .protection-text .protection-img {
  bottom: -4px;
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content.isIE .column3-full .protection-text .protection-img {
    bottom: -4px;
  }
}
#page-content.isIE .column3-full .protection-text .protection-img:lang(fr) {
  bottom: 16px;
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content.isIE .column3-full .protection-text .protection-img {
    bottom: 20px;
  }
}
#page-content.isIE .column3-full.protected .protection-text .protection-img {
  bottom: 0px;
}
#page-content.isIE .column3-full.protected .compare-cta {
  top: 20px;
}
#page-content.isIE .column3-full .graphbox1 .diversify-text button .divers-arrow .add .add-hover2 {
  top: 6px;
}
@media only screen and (min-width : 768px) {
  #page-content.isIE .column3-full .graphbox1 .diversify-text button .divers-arrow .add .add-hover2 {
    top: -3px;
  }
}
#page-content .accordion-1 .panel1 .column1 .comparename {
  display: none;
}
#page-content .accordion-1 .panel1 .column1.compareMort .comparename {
  display: block;
}
#page-content .accordion-1 .panel1 .column1.compareMort .singlename {
  display: none;
}
#page-content .accordion-1 .panel1 .lump-sum {
  /* height: 337px;*/
}
@media only screen and (min-width : 768px) {
  #page-content .accordion-1 .panel1 .lump-sum {
    height: auto;
    margin-bottom: 20px;
  }
}
#page-content .accordion-1 .panel1.M1 .column3-full .graph-text.M1 .main-label {
  display: inline-block;
}
#page-content .accordion-1 .panel1.M2 .column3-full .graph-text.M2 .main-label {
  display: inline-block;
}
#page-content .accordion-1 .panel1.mort1 .tab button.M1 {
  background: white;
  color: #333333;
  border: none;
  border-bottom: 6px solid #ED0722;
  font-family: "FrutigerLTforBNS-Bold";
}
#page-content .accordion-1 .panel1.mort1 .comparison-graph-link {
  display: none;
  margin-left: 9px;
  margin-bottom: 35px;
}
@media only screen and (min-width : 768px) {
  #page-content .accordion-1 .panel1.mort1 .comparison-graph-link {
    display: block;
    margin-left: 20px;
  }
}
#page-content .accordion-1 .panel1.mort2 .tab button.M2 {
  background: white;
  color: #333333;
  border: none;
  border-bottom: 6px solid #ED0722;
  font-family: "FrutigerLTforBNS-Bold";
  margin-left: 30px;
}
#page-content .accordion-1 .panel1.mort2 .comparison-graph-link {
  display: none;
  margin-left: 10px;
  margin-bottom: 35px;
}
@media only screen and (min-width : 768px) {
  #page-content .accordion-1 .panel1.mort2 .comparison-graph-link {
    display: block;
    margin-left: 20px;
  }
}
#page-content .accordion-1 .panel1.active .lump-sum {
  display: block;
  /*margin-bottom: 30px;*/
}
#page-content .accordion-2 .match-box .match p:nth-child(3) {
  display: none;
}
#page-content .accordion-2 .match-box .match.changePay p:nth-child(2) {
  display: none;
}
#page-content .accordion-2 .match-box .match.changePay p:nth-child(3) {
  display: block;
}
#page-content .protection-cta b {
  font-family: FrutigerLTforBNS-Bold;
}
#page-content .video-banner {
  padding: 20px 15px;
  /*.video-cta{
      height:auto;
      padding-top:40px;
      padding-bottom:20px;
  }*/
  /*.video-img{
      display: inline-block;
      width:100%;
      height:auto;
      background-color:red;
      border:2px solid $dark-gray;
      @media only screen and (min-width : 992px) {
          width:40%;
      }
      @media only screen and (min-width : 1200px) {
          width:60%;
      }
      img{
          width:100%;

      }
  }*/
  /*.video-text {
      width: 100%;
      height: auto;
      background-color: $dark-gray;
      color: white;
      padding: 30px;
      text-align: center;
      h3 {
          color: white;
      }
      p {
          padding-top: 0px;
      }
      @media only screen and (min-width : 992px) and (max-width : 1199px) {
          display: inline-block;
          padding: 24px;
          text-align: left;
          width: 60%;
          height: auto;
          float: right;
          p {
              font-size: 16px;
          }
          h3 {
              font-size: 18px;
          }
      }
      @media only screen and (min-width : 1200px) {
          display: inline-block;
          width: 40%;
          height: 377px;
          float: right;
          text-align: left;
      }
  }*/
}
@media only screen and (min-width : 992px) {
  #page-content .video-banner {
    padding: 20px 0px;
  }
}
#page-content .video-banner .legal {
  background-color: transparent;
  border: 0px;
  padding: 0px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  width: 118px;
}
#page-content .video-banner .legal i {
  border: solid #8230df;
  border-width: 0 1.5px 1.5px 0;
  display: inline-block;
  padding: 3px;
  position: relative;
  bottom: 5px;
  left: 5px;
}
#page-content .video-banner .legal .right {
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#page-content .video-banner .legal .down {
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#page-content .video-banner .disclaimer {
  display: none;
}
#page-content .video-banner .disclaimer p {
  font-family: "FrutigerLTforBNS-Roman";
  font-size: 14px;
}
#page-content .video-banner.legal-open i {
  /*bottom: 2px;*/
  top: 0px;
}
#page-content .video-banner.legal-open .down {
  -ms-transform: rotate(-135deg);
      transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
#page-content .video-banner.legal-open .disclaimer {
  display: block;
}
#page-content .scotia-banner {
  /*border-top: 1px solid $dark-gray;
  border-left: 1px solid $dark-gray;
  border-right: 1px solid $dark-gray;*/
  border-bottom: 3px solid #ED0722;
  box-shadow: 0px 0px 11px #888b8d;
  padding: 20px;
  height: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media only screen and (min-width : 992px) {
  #page-content .scotia-banner {
    width: 100%;
    height: 320px;
  }
}
#page-content .scotia-banner .cta {
  height: auto;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: inline-block;
  text-align: center;
}
@media only screen and (min-width : 992px) {
  #page-content .scotia-banner .cta {
    width: 33%;
    padding-top: 40px;
    /*padding-bottom:40px;*/
    float: left;
  }
}
#page-content .scotia-banner .cta a {
  color: #ED0722;
}
#page-content .scotia-banner .cta a:hover {
  color: #CB061D;
  border-bottom: none;
}
#page-content .scotia-banner .cta-bar {
  display: inline-block;
  float: left;
  width: 100%;
  height: 2px;
  background-color: #f1f2f2;
}
@media only screen and (min-width : 992px) {
  #page-content .scotia-banner .cta-bar {
    display: inline-block;
    float: left;
    width: 2px;
    height: 100%;
  }
}
#page-content .scotia-banner .cta-img {
  display: inline-block;
  width: 69px;
  height: auto;
  background-color: #fff;
}
#page-content .scotia-banner .cta-img img {
  width: 100%;
}
#page-content .scotia-banner .cta-text {
  /* width:100%;
   height:auto;
   background-color:$dark-gray;
   color:white;
   padding:30px;
   h3{
       color:white;*/
}
@media only screen and (min-width : 992px) {
  #page-content .scotia-banner .cta-text {
    /* display:inline-block;
     width:40%;
     height:377px;
     float:right;*/
  }
}
#page-content .scotia-banner .cta-text .button {
  background-color: #ED0722;
  border: 1px solid white;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 6px;
}
#page-content .scotia-banner .cta-text .button:hover {
  background-color: #CB061D;
}
#page-content .disclaimer {
  display: block;
  padding: 20px 0;
  width: 100%;
}
@media only screen and (min-width : 768px) {
  #page-content .disclaimer {
    padding: 0 0 20px 0;
  }
}
#page-content .disclaimer p {
  font-size: 12px;
}
#page-content .popup {
  position: fixed;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  z-index: 200;
  max-height: 540px;
  min-width: 250px;
  border-radius: 4px;
  box-shadow: 0px 0px 11px #000;
  background-color: #fff;
  padding: 25px;
  animation: fadeUp 0.5s ease-in-out;
  text-align: left;
  box-sizing: content-box;
  /* overflow-y: auto;*/
  transition: width 1s;
  /* .form2 {
   height: 12rem;
   .row {
       display: inline-block;
       width: 100%;
       float: none;
       @media only screen and (min-width : 768px) {
           width: 47%;
       }
   }
   .col-51 {
       Width: 90%;
   }*/
  /*}
          .col-50 {
          float: left;
          width: 45%;
          margin-top: 6px;
          @media only screen and (min-width : 768px){
          width: 51%;
      }
          @media only screen and (min-width : 992px){
          width: 50%;
      }
          .info{
          display:inline-block;
          height:20px;
          width:20px;
          border-radius:50%;
          img{
          width:100%;
      }

      }
      }


          .col-51 {
          float: left;
          width: 45%;
          margin-top: 6px;
          @media only screen and (min-width : 768px){
          width: 47%;
      }
          @media only screen and (min-width : 992px){
          width: 45%;
      }
      }

          .col-51 select{
          padding-left: 5px;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          position: relative;
          display: block;
          background-color: #ffffff;
          background-image:url(../img/arrow.png);
          background-repeat: no-repeat;
          background-position: right center;
          background-size: 20px;
          border: none;
          border-bottom: 1px solid $gray;
          -ms-word-break: normal;
          word-break: normal;
          @media only screen and (min-width : 992px){
          background-size:auto;
      }
      }
          input[type=text], select, textarea {
          width: 100%;
          padding: 6px 5px;
          border:none;
          border-bottom: 1px solid $gray;
          resize: vertical;
          color: #373a3b;
          @media only screen and (max-width : 575px){
          font-size: 1rem;
          margin-left: 6%;
      }
          @media only screen and (min-width : 768px){
          font-size:1rem;
          padding: 6px 5px;
          margin-left: 6%;
          width:100%;
      }
          @media only screen and (min-width : 992px){
          font-size: 1rem;
          padding: 6px 5px;
      }
          @media only screen and (min-width : 1200px){
          font-size: 1rem;
          padding: 6px 5px;
      }

      }

          label {
          display: inline-block;
          font-size: 16px;
          padding: 12px 0 0 4px;
          margin-bottom: 0px;
          @media only screen and (min-width : 768px){
          font-size:16px;
          padding: 12px;
          width:80%;
      }
          @media only screen and (min-width : 992px){
          width:80%;
          font-size: 1.15rem;
          padding: 12px 0 12px 4px;
      }
          @media only screen and (min-width : 1200px){
          width:85%;
          font-size:1.15rem;
          padding: 12px 0 12px 4px;
      }
      }*/
  /* Hide scrollbar for Chrome, Safari and Opera */
  /* Hide scrollbar for IE and Edge */
}
@media only screen and (max-width : 575px) {
  #page-content .popup {
    width: 45%;
    max-height: 370px;
    /* overflow:auto;*/
  }
}
@media only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .popup {
    width: 70%;
    max-height: 330px;
    /*   overflow:auto;*/
  }
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .popup {
    width: 75%;
    max-height: 330px;
    /*overflow:auto;*/
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .popup {
    width: 600px;
  }
}
#page-content .popup .popup-header {
  /*position: sticky;
  height: auto;
  display: block;
  top: 0px;
  padding-top: 20px;
  background-color: white;
  z-index: 1;*/
}
#page-content .popup .popup-header h2 {
  margin-top: 10px;
  font-weight: normal;
  font-size: 26px;
}
#page-content .popup .popup-header a {
  position: absolute;
  right: 10px;
  top: 10px;
}
#page-content .popup .popup-header .close {
  text-decoration: none;
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  opacity: 1;
}
#page-content .popup .popup-header .close .close-hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}
#page-content .popup .popup-header .close:hover .close-hover {
  display: inline;
}
#page-content .popup .popup-header h2.protectiontitle {
  margin-top: 24px;
}
@media only screen and (min-width : 768px) {
  #page-content .popup .popup-header h2.protectiontitle {
    margin-left: 13px;
  }
}
#page-content .popup .popup-content {
  width: 100%;
  display: inline-block;
  overflow: auto;
  max-height: 303px;
  /* @media only screen and (min-width : 576px) {
      max-height: 321px;
  }*/
}
@media only screen and (min-width : 768px) {
  #page-content .popup .popup-content {
    max-height: 285px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .popup .popup-content {
    max-height: 500px;
  }
}
#page-content .popup .popup-content.caps div {
  text-transform: uppercase;
  width: 80%;
}
#page-content .popup .credit-protection {
  height: auto;
  text-align: left;
  overflow-y: auto;
}
@media only screen and (max-width : 575px) {
  #page-content .popup .credit-protection {
    height: 303px;
  }
  #page-content .popup .credit-protection:lang(fr) {
    height: 245px;
  }
}
@media only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .popup .credit-protection {
    height: 256px;
  }
}
#page-content .popup .credit-protection .col-box-p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
#page-content .popup .credit-protection .disability-checkbox-container {
  position: relative;
}
#page-content .popup .credit-protection.double .col-box .borrowerbox .bor-col .borrower.b2 {
  display: block;
}
#page-content .popup .credit-protection.double .col-box .lb1 {
  display: none;
}
#page-content .popup .credit-protection.double .col-box .lb2 {
  display: block;
}
#page-content .popup .credit-protection.double .col-box .column1 .col-check.b1 {
  margin-bottom: 15px;
}
#page-content .popup .credit-protection.double .col-box .column1 .col-check.b2 {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
}
#page-content .popup .credit-protection.double .col-box .column1 .col-check .bor-hide.b1 {
  display: none;
}
#page-content .popup .credit-protection.double .col-box .column1 .col-check .bor-hide.b2 {
  display: inline-block;
}
#page-content .popup .credit-protection.double .form2 .row.b1 {
  min-height: 70px;
}
#page-content .popup .credit-protection.double .form2 .row.b1 .compare-cta {
  display: none;
}
#page-content .popup .credit-protection.double .form2 .row.b2 {
  display: inline-block;
}
#page-content .popup .credit-protection.double .form2 .compare-cta button:first-child {
  display: none;
}
#page-content .popup .credit-protection.double .form2 .compare-cta button:last-child {
  display: none;
}
#page-content .popup .credit-protection.double .form2.second {
  display: inline-block;
}
#page-content .popup .credit-protection.double .results-box .save {
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (min-width : 768px) {
  #page-content .popup .credit-protection {
    padding: 0px 13px;
  }
  #page-content .popup .credit-protection.double .form2 {
    /*.row.b1 .compare-cta:nth-child(3) {
        visibility: hidden;
        height: 30px;
        display: inline-block;
        &.add {
            display: none;
        }
        &.minus {
            display: inline-block;
        }
    }*/
  }
  #page-content .popup .credit-protection.double .form2 .compare-ctabutton.add {
    display: none;
  }
  #page-content .popup .credit-protection.double .form2 .compare-ctabutton.minus {
    display: inline-block;
  }
  #page-content .popup .credit-protection.double .form2.second {
    display: inline-block;
  }
  #page-content .popup .credit-protection.double .col-box .column1 .col-check .bor-hide.b1 {
    display: none;
  }
  #page-content .popup .credit-protection.double .col-box .column1 .col-check .bor-hide.b2 {
    display: inline-block;
  }
}
@media only screen and (min-width : 768px) and (min-width : 992px) and (max-width : 1199px) {
  #page-content .popup .credit-protection.double .results-box .protection-img {
    position: relative;
  }
}
@media only screen and (min-width : 768px) and (min-width : 992px) {
  #page-content .popup .credit-protection.double .results-box p {
    width: 87%;
  }
  #page-content .popup .credit-protection.double .results-box p:lang(fr) {
    width: 37%;
  }
}
@media only screen and (min-width : 768px) and (min-width : 1200px) {
  #page-content .popup .credit-protection.double .results-box p {
    width: 42%;
  }
  #page-content .popup .credit-protection.double .results-box p:lang(fr) {
    width: 51%;
  }
}
@media only screen and (min-width : 768px) and (min-width : 992px) {
  #page-content .popup .credit-protection.double .results-box .button {
    position: absolute;
    right: 20px;
    bottom: 18px;
  }
}
@media only screen and (min-width : 768px) and (min-width : 1200px) {
  #page-content .popup .credit-protection.double .results-box .button {
    bottom: 19px;
  }
  #page-content .popup .credit-protection.double .results-box .button:lang(fr) {
    bottom: 19px;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .popup .credit-protection.double .results-box .save.show {
    width: 100%;
    display: inline-block;
  }
}
@media only screen and (min-width : 768px) and (min-width : 992px) {
  #page-content .popup .credit-protection.double .results-box .save.show {
    width: auto;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .popup .credit-protection {
    padding: 0px 13px;
  }
  #page-content .popup .credit-protection.double .form2 {
    /*.row.b1 .compare-cta:nth-child(3) {
        visibility: hidden;
        height: 30px;
        display: inline-block;
        &.add {
            display: none;
        }
        &.minus {
            display: inline-block;
        }
    }*/
  }
  #page-content .popup .credit-protection.double .form2 .compare-ctabutton.add {
    display: none;
  }
  #page-content .popup .credit-protection.double .form2 .compare-ctabutton.minus {
    display: inline-block;
  }
  #page-content .popup .credit-protection.double .form2.second {
    display: inline-block;
  }
  #page-content .popup .credit-protection.double .form2 .row.b1 .compare-cta {
    display: inline-block;
  }
  #page-content .popup .credit-protection.double .form2 .row.b1 .compare-cta .minus.b1 {
    display: inline-block;
  }
  #page-content .popup .credit-protection.double .form2 .row.b2 .compare-cta {
    display: none;
  }
  #page-content .popup .credit-protection.double .form2 .compare-cta button.minus.mobile.b1 {
    display: inline-block;
  }
}
#page-content .popup .credit-protection .red-bar {
  margin: 20px 0 20px 0;
}
@media only screen and (min-width : 768px) {
  #page-content .popup .credit-protection .red-bar {
    margin-bottom: 20px;
  }
}
#page-content .popup .credit-protection .form2 {
  display: inline-block;
  width: 100%;
  float: none;
}
@media only screen and (min-width : 992px) {
  #page-content .popup .credit-protection .form2 {
    margin-bottom: 10px;
  }
}
#page-content .popup .credit-protection .form2 p {
  margin-top: 0rem;
  margin-bottom: 1rem;
}
#page-content .popup .credit-protection .form2 .row {
  display: inline-block;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
@media only screen and (min-width : 768px) {
  #page-content .popup .credit-protection .form2 .row {
    max-width: 100%;
    margin: 0 20px 0 0;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .popup .credit-protection .form2 .row {
    width: 25.5%;
    margin: 0 20px 0 0;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .popup .credit-protection .form2 .row {
    width: 26%;
  }
}
#page-content .popup .credit-protection .form2 .row.b2 {
  display: none;
  min-height: 70px;
}
#page-content .popup .credit-protection .form2 .row.b2.blank {
  display: none;
}
@media only screen and (min-width : 768px) {
  #page-content .popup .credit-protection .form2 .row.col-box {
    max-width: 100%;
    margin: 0 20px 0 0;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .popup .credit-protection .form2 .row.col-box {
    max-width: 42%;
    margin: 0 0 0 0;
  }
}
#page-content .popup .credit-protection .form2 .row.mobile-show {
  display: inline-block;
  min-height: 70px;
}
@media only screen and (min-width : 992px) {
  #page-content .popup .credit-protection .form2 .row.mobile-show {
    display: none;
  }
}
#page-content .popup .credit-protection .form2 .row.mobile-hide {
  display: none;
}
@media only screen and (min-width : 992px) {
  #page-content .popup .credit-protection .form2 .row.mobile-hide {
    display: inline-block;
  }
}
#page-content .popup .credit-protection .form2 input,
#page-content .popup .credit-protection .form2 select {
  text-align: left;
}
#page-content .popup .credit-protection .form2 .save-box {
  display: inline-block;
}
#page-content .popup .credit-protection .form2 .save-box p {
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  margin: 0px;
  color: #333;
  font-family: "Frutiger-Roman";
}
#page-content .popup .credit-protection .form2 .save-box p span {
  font-family: "Frutiger-Roman";
}
#page-content .popup .credit-protection .form2 .save-box img {
  display: inline-block;
}
#page-content .popup .credit-protection .col-51 {
  width: 90%;
}
@media only screen and (min-width : 768px) {
  #page-content .popup .credit-protection .col-51 {
    width: 96%;
  }
}
#page-content .popup .credit-protection .col-51 .provup {
  position: relative;
  bottom: 0px;
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .popup .credit-protection .col-51 .provup {
    top: -2px;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .popup .credit-protection .col-51 .provup {
    top: -2px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .popup .credit-protection .col-51 .provup {
    top: -2px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .popup .credit-protection .col-51 .provup.also {
    top: -4px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .popup .credit-protection .col-51 .provup.mid {
    top: -3px;
  }
}
#page-content .popup .credit-protection .col-51 select {
  padding: 6px 0px;
  background-color: transparent;
}
#page-content .popup .credit-protection .row {
  min-height: 69px;
}
#page-content .popup .credit-protection .compare-cta {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
@media only screen and (min-width : 992px) {
  #page-content .popup .credit-protection .compare-cta {
    width: 60%;
    margin-bottom: 0px;
  }
  #page-content .popup .credit-protection .compare-cta:lang(fr) {
    width: 83%;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .popup .credit-protection .compare-cta:lang(fr) {
    width: 75%;
  }
}
#page-content .popup .credit-protection .compare-cta .button {
  background-color: transparent;
  border: none;
  padding: 5px 0;
  color: #8230df;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1rem;
  font-family: "FrutigerLTforBNS-Bold";
  cursor: pointer;
  margin-right: 10px;
}
#page-content .popup .credit-protection .compare-cta .button span {
  font-family: "FrutigerLTforBNS-Bold";
  border-bottom: 1px dotted #8230df;
}
#page-content .popup .credit-protection .compare-cta .button.minus {
  display: none;
}
#page-content .popup .credit-protection .compare-cta .button.minus.mobile.b1 {
  display: none;
}
#page-content .popup .credit-protection .compare-cta .button.minus.mobile.b2 {
  display: inline-block;
}
#page-content .popup .credit-protection .compare-cta .button:hover span {
  border-bottom: 1px dotted #481093;
  color: #481093;
}
#page-content .popup .credit-protection.second {
  display: none;
}
#page-content .popup .credit-protection .remove {
  display: inline;
  cursor: pointer;
  color: #8230df;
  position: relative;
  bottom: 2px;
  margin-right: 5px;
}
#page-content .popup .credit-protection .remove .icon {
  position: relative;
  bottom: 2px;
}
#page-content .popup .credit-protection .remove .hover {
  display: none;
  position: absolute;
  top: 2px;
  left: 0;
  z-index: 1000;
}
#page-content .popup .credit-protection .remove .hover.icon {
  top: -1px;
}
#page-content .popup .credit-protection .remove:hover .hover {
  display: inline;
}
#page-content .popup .credit-protection .removespan:hover {
  border-bottom: 1px dotted #481093;
  color: #481093;
}
#page-content .popup .credit-protection .col-box {
  width: 100%;
  margin-bottom: 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}
@media only screen and (min-width : 768px) {
  #page-content .popup .credit-protection .col-box {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .popup .credit-protection .col-box {
    margin-bottom: 30px;
  }
}
#page-content .popup .credit-protection .col-box h3 {
  font-weight: 700;
  font-size: 1rem;
}
#page-content .popup .credit-protection .col-box .col-50 {
  width: 98%;
}
#page-content .popup .credit-protection .col-box p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
#page-content .popup .credit-protection .col-box .lb1 {
  display: block;
}
#page-content .popup .credit-protection .col-box .lb2 {
  display: none;
}
#page-content .popup .credit-protection .col-box .column1 {
  display: inline-block;
  margin: 0 0 30px 0;
  width: 80%;
  vertical-align: center;
  background-color: #FAFBFD;
  border: 1px solid #E2E8EE;
  padding: 20px;
  border-radius: 4px;
  /*.bor-col {
      width: 8%;
      vertical-align: bottom;
      .borrower {
          padding-left: 0px;
          font-size: .8rem !important;
          text-align: left;
          margin-bottom: 10px;
      }
      @media only screen and (min-width : 768px) {
          display: inline-block;
          position: absolute;
          bottom: 130px;
      }


  }*/
}
@media only screen and (min-width : 768px) {
  #page-content .popup .credit-protection .col-box .column1 {
    width: 90%;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .popup .credit-protection .col-box .column1 {
    width: 40%;
    margin: 10px;
    vertical-align: top;
  }
}
#page-content .popup .credit-protection .col-box .column1 .col-title {
  display: block;
  vertical-align: center;
  position: relative;
  margin-bottom: 15px;
}
#page-content .popup .credit-protection .col-box .column1 .col-title .title-box {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
  height: auto;
}
@media only screen and (min-width : 768px) {
  #page-content .popup .credit-protection .col-box .column1 .col-title .title-box {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .popup .credit-protection .col-box .column1 .col-title .title-box {
    height: 5rem;
    /*width: 92%;*/
    margin-bottom: 40px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .popup .credit-protection .col-box .column1 .col-title .title-box {
    height: 4rem;
    width: 100%;
  }
}
#page-content .popup .credit-protection .col-box .column1 .col-title .title-box p {
  font-size: 14px;
}
#page-content .popup .credit-protection .col-box .column1 .col-title img {
  margin-bottom: 10px;
  margin-right: 10px;
  vertical-align: top;
  position: absolute;
  right: -11px;
  top: -13px;
}
@media only screen and (min-width : 768px) {
  #page-content .popup .credit-protection .col-box .column1 .col-title img {
    margin-right: 0px;
  }
}
#page-content .popup .credit-protection .col-box .column1 .col-title p {
  white-space: pre-line;
}
#page-content .popup .credit-protection .col-box .column1 .row-box {
  display: inline-block;
  width: 30%;
  margin-right: 10px;
}
@media only screen and (min-width : 768px) {
  #page-content .popup .credit-protection .col-box .column1.column2 {
    width: auto;
    margin: 0 10px 0 0;
  }
}
#page-content .popup .credit-protection .col-box .column1 .b2 {
  display: none;
}
#page-content .popup .credit-protection .col-box .column1.last {
  margin: 0px;
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .popup .credit-protection .col-box .column1.last {
    margin-bottom: 40px;
  }
}
#page-content .popup .credit-protection .col-box .column1.inactive {
  background-color: #fff;
  border: 1px dashed #E2E8EE;
}
#page-content .popup .credit-protection .results-box {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
  margin-bottom: 40px;
}
@media only screen and (min-width : 768px) {
  #page-content .popup .credit-protection .results-box {
    box-shadow: 0px 2px 10px #E2E8EE;
    border: 1px solid #E2E8EE;
    border-radius: 4px;
    padding: 20px;
    text-align: center;
    width: 90%;
    /*margin-left: 3px;
    margin-left: 10px;*/
    margin-bottom: 10px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .popup .credit-protection .results-box {
    text-align: left;
    margin-bottom: 5px;
    margin-left: 0px;
    width: 93.5%;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .popup .credit-protection .results-box {
    width: 91.5%;
  }
}
#page-content .popup .credit-protection .results-box p {
  display: inline-block;
  /*text-align: center;*/
  font-size: 1.2rem;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  width: 100%;
}
@media only screen and (min-width : 992px) {
  #page-content .popup .credit-protection .results-box p {
    display: inline-block;
    font-size: 1.2rem;
    width: 87%;
    margin-bottom: 0.5rem;
  }
  #page-content .popup .credit-protection .results-box p:lang(fr) {
    width: 37%;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .popup .credit-protection .results-box p {
    width: 42%;
  }
  #page-content .popup .credit-protection .results-box p:lang(fr) {
    width: 51%;
  }
}
#page-content .popup .credit-protection .results-box .result {
  display: inline-block;
  font-size: 24px;
  color: #333;
  font-family: "FrutigerLTforBNS-Bold";
}
#page-content .popup .credit-protection .results-box .savings-results {
  font-size: 1.2rem;
}
@media only screen and (min-width : 992px) {
  #page-content .popup .credit-protection .results-box .savings-results {
    margin-left: 5.7%;
    display: block;
    gap: 5px;
  }
}
#page-content .popup .credit-protection .results-box .savings-result {
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  color: #333;
  font-family: "FrutigerLTforBNS-Bold";
}
#page-content .popup .credit-protection .results-box .button {
  background-color: transparent;
  border: 1px solid #8230df;
  border-radius: 28px;
  color: #8230df;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1rem;
  font-family: "FrutigerLTforBNS-Bold";
  cursor: pointer;
  padding: 9px 20px;
}
@media only screen and (min-width : 768px) {
  #page-content .popup .credit-protection .results-box .button {
    width: 203px;
  }
  #page-content .popup .credit-protection .results-box .button:lang(fr) {
    width: 233px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .popup .credit-protection .results-box .button {
    position: absolute;
    right: 20px;
    bottom: 18px;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .popup .credit-protection .results-box .button {
    width: 190px;
  }
  #page-content .popup .credit-protection .results-box .button:lang(fr) {
    bottom: 30px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .popup .credit-protection .results-box .button {
    bottom: 19px;
  }
}
#page-content .popup .credit-protection .results-box .button span {
  font-family: "FrutigerLTforBNS-Bold";
}
#page-content .popup .credit-protection .results-box .button:hover {
  background-color: #8230df;
  color: white;
}
#page-content .popup .credit-protection .results-box .button:focus {
  border: 1px solid black;
}
#page-content .popup .credit-protection .results-box .protection-img {
  display: inline-block;
  vertical-align: super;
}
@media only screen and (min-width : 768px) {
  #page-content .popup .credit-protection .results-box .protection-img {
    width: 5%;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .popup .credit-protection .results-box .protection-img:lang(fr) {
    position: relative;
    bottom: 14px;
  }
}
#page-content .popup .credit-protection .results-box .save {
  display: inline;
}
#page-content .popup .credit-protection .results-box .save .green-text {
  display: none;
  font-size: 0.8rem;
  font-family: "FrutigerLTforBNS-Bold";
  text-transform: uppercase;
  color: #008660;
  border: 1px solid #008660;
  border-radius: 8px;
  padding: 0px 6px;
  max-width: 155px;
  margin: 0 auto;
}
#page-content .popup .credit-protection .results-box .save .green-text:lang(fr) {
  max-width: 190px;
}
@media only screen and (min-width : 992px) {
  #page-content .popup .credit-protection .results-box .save .green-text:lang(fr) {
    max-width: 90px;
    position: relative;
    padding: 3px 6px;
    top: -5px;
    line-height: 1rem;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .popup .credit-protection .results-box .save .green-text:lang(fr) {
    max-width: 90px;
    position: relative;
    padding: 3px 6px;
    top: 3px;
  }
}
#page-content .popup .credit-protection .results-box .save .green-text span {
  font-family: "FrutigerLTforBNS-Bold";
}
@media only screen and (min-width : 992px) {
  #page-content .popup .credit-protection .results-box .save .green-text {
    max-width: 155px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .popup .credit-protection .results-box .save .green-text {
    max-width: 155px;
  }
}
#page-content .popup .credit-protection .results-box .save .green-text.green-text2 {
  max-width: 245px;
  text-align: center;
  margin: 0px auto 15px auto;
}
@media only screen and (min-width : 992px) {
  #page-content .popup .credit-protection .results-box .save .green-text.green-text2 {
    margin: 10px 0px;
  }
}
@media only screen and (max-width : 575px) {
  #page-content .popup .credit-protection .results-box .save .green-text.green-text2 {
    max-width: 190px;
  }
}
#page-content .popup .credit-protection .results-box .save .green-text.show {
  display: inline-block;
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .popup .credit-protection .results-box .save {
    margin-left: 5.5%;
  }
  #page-content .popup .credit-protection .results-box .save:lang(fr) {
    margin-left: 0px;
  }
}
#page-content .popup .credit-protection .results-box .save.show {
  display: inline-block;
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px), only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .popup .credit-protection .results-box .save.show {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px), only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .popup .credit-protection .results-box .save.show:lang(fr) {
    width: 100%;
    margin-bottom: 20px;
  }
}
#page-content .popup .credit-protection .fineprint {
  display: none;
  width: 97%;
  text-align: left;
}
#page-content .popup .credit-protection .fineprint p {
  font-size: 12px;
}
#page-content .popup .main1 .bns--section .section--container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
}
#page-content .popup .main1 .bns--section .section--content {
  padding: 0;
}
#page-content .popup .main1 .spacer.md {
  height: 10px;
}
#page-content .popup .terminologie {
  overflow: auto;
  height: auto;
  text-align: left;
}
#page-content .popup .terminologie .bns--section .section--container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#page-content .popup .terminologie .bns--section .section--container .section--content {
  padding-top: 0px !important;
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .popup .terminologie {
    height: 250px;
    overflow-x: hidden;
  }
  #page-content .popup .terminologie .spacer.md {
    height: 90px !important;
  }
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  #page-content .popup .terminologie {
    max-height: 270px;
  }
  #page-content .popup .terminologie .spacer.md {
    height: 0px !important;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .popup .terminologie {
    width: 583px;
  }
  #page-content .popup .terminologie .spacer.md {
    height: 0px !important;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .popup .terminologie {
    width: 900px;
  }
  #page-content .popup .terminologie .spacer.md {
    height: 0px !important;
  }
}
#page-content .popup .apply-cta {
  overflow: auto;
  height: auto;
  text-align: left;
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .popup .apply-cta {
    height: 250px;
    overflow-x: hidden;
  }
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .popup .apply-cta:lang(fr) {
    height: 225px;
    overflow-x: hidden;
  }
}
#page-content .popup .apply-cta .red-bar {
  margin: 20px 0 30px 0;
}
@media only screen and (min-width : 768px) {
  #page-content .popup .apply-cta .red-bar {
    margin: 20px 0 40px 0;
  }
}
#page-content .popup .apply-cta .column1 {
  display: inline-block;
  margin: 0 0 30px 0;
  width: 80%;
  vertical-align: center;
}
@media only screen and (max-width : 575px) {
  #page-content .popup .apply-cta .column1:lang(fr) {
    width: 90%;
  }
}
@media only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .popup .apply-cta .column1 {
    width: 90%;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .popup .apply-cta .column1 {
    width: 27%;
    border-left: 1px solid #E2E8EE;
    vertical-align: top;
    padding-left: 20px;
    /*&:lang(fr) {
        width: 45%;

    }*/
  }
}
@media only screen and (min-width : 992px) {
  #page-content .popup .apply-cta .column1 {
    width: 26%;
    vertical-align: top;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .popup .apply-cta .column1 {
    width: 27%;
    margin-top: 30px;
  }
}
#page-content .popup .apply-cta .column1 p {
  margin: 0px;
  width: 100%;
}
@media only screen and (min-width : 1200px) {
  #page-content .popup .apply-cta .column1 p {
    margin-bottom: 20px;
  }
}
#page-content .popup .apply-cta .column1 .img-box {
  display: inline-block;
  vertical-align: top;
  /*position: relative;
  bottom: 36px;*/
  margin-right: 20px;
}
@media only screen and (max-width : 575px) {
  #page-content .popup .apply-cta .column1 .img-box {
    bottom: 60px;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .popup .apply-cta .column1 .img-box {
    display: block;
    bottom: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .popup .apply-cta .column1 .img-box {
    margin-bottom: 20px;
  }
}
#page-content .popup .apply-cta .column1 .column-text {
  display: inline-block;
  width: 50%;
}
@media only screen and (max-width : 575px) {
  #page-content .popup .apply-cta .column1 .column-text:lang(fr) {
    width: 100%;
  }
}
@media only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .popup .apply-cta .column1 .column-text {
    width: 80%;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .popup .apply-cta .column1 .column-text {
    display: block;
    Width: 100%;
  }
}
#page-content .popup .apply-cta .bold {
  font-family: "FrutigerLTforBNS-Bold";
  color: #333333;
}
#page-content .popup .apply-cta .compare-cta {
  display: inline-block;
  width: 250px;
}
#page-content .popup .apply-cta .compare-cta .button {
  background-color: transparent;
  border: none;
  padding: 5px 0;
  color: #8230df;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1rem;
  font-family: "FrutigerLTforBNS-Bold";
  cursor: pointer;
}
#page-content .popup .apply-cta .compare-cta .button span {
  font-family: "FrutigerLTforBNS-Bold";
  border-bottom: 1px dotted #8230df;
}
#page-content .popup .apply-cta .compare-cta .button.minus {
  display: none;
}
#page-content .popup .apply-cta .compare-cta .button:hover span {
  border-bottom: 1px dotted #481093;
  color: #481093;
}
@media only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .popup .apply-cta .compare-cta:lang(fr) {
    width: 250px;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .popup .apply-cta .compare-cta:lang(fr) {
    width: 250px;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .popup .apply-cta.left {
    margin-left: 7%;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .popup .apply-cta.left {
    margin-left: 11%;
    margin-bottom: 60px;
  }
}
#page-content .popup .apply-cta .phone {
  width: 100%;
  text-align: center;
  /* &:lang(fr) {
      @media only screen and (min-width : 768px) {
          text-align: left;
      }
  }*/
}
#page-content .popup .apply-cta .phone .compare-cta {
  display: inline-block;
  width: 250px;
}
#page-content .popup .apply-cta .phone .compare-cta .button {
  background-color: transparent;
  border: none;
  padding: 5px 0;
  color: #8230df;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1rem;
  font-family: "FrutigerLTforBNS-Bold";
  cursor: pointer;
}
#page-content .popup .apply-cta .phone .compare-cta .button span {
  font-family: "FrutigerLTforBNS-Bold";
  border-bottom: 1px dotted #8230df;
}
#page-content .popup .apply-cta .phone .compare-cta .button.minus {
  display: none;
}
#page-content .popup .apply-cta .phone .compare-cta .button:hover span {
  border-bottom: 1px dotted #481093;
  color: #481093;
}
#page-content .popup .info-text {
  margin-top: 20px;
  display: inline-block;
  padding: 20px;
  border-radius: 6px;
  border: 1px solid #8230df;
  /*        width:95%;*/
}
#page-content .popup .info-text h2 {
  font-size: 1.5rem;
  margin-bottom: 20px;
}
#page-content .popup .info-text p {
  margin-top: 0.5rem;
  font-size: 14px;
}
#page-content .popup.warning h2, #page-content .popup.error h2 {
  color: #ED0722;
}
#page-content .popup.warning a, #page-content .popup.error a {
  color: #ED0722;
}
@media only screen and (min-width : 992px) {
  #page-content .popup.applyformortgage {
    width: 800px;
    max-height: 1000px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .popup.applyformortgage {
    width: 1000px;
    max-height: 1000px;
  }
}
#page-content .popup.applyformortgage .popup-content {
  width: 100%;
  display: inline-block;
  overflow: auto;
  max-height: 303px;
}
@media only screen and (min-width : 768px) {
  #page-content .popup.applyformortgage .popup-content {
    max-height: 265px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .popup.applyformortgage .popup-content {
    max-height: 700px;
    overflow: inherit;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .popup.mortprotectpopup {
    width: 800px;
    max-height: 500px;
    overflow-y: scroll;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .popup.mortprotectpopup {
    width: 1000px;
  }
}
#page-content .popup.mortprotectpopup .popup-content {
  width: 100%;
  display: inline-block;
  max-height: 303px;
}
@media only screen and (min-width : 768px) {
  #page-content .popup.mortprotectpopup .popup-content {
    max-height: 265px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .popup.mortprotectpopup .popup-content {
    max-height: 500px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .popup.mortprotectpopup .popup-content .credit-protection {
    max-height: 450px;
  }
}
#page-content .popup.mortprotectpopup::-webkit-scrollbar {
  display: none;
}
#page-content .popup.bonus-text-popup {
  color: #333333;
}
#page-content .popup.error {
  z-index: 1000;
}
#page-content.isIE .age {
  position: relative;
}
@media only screen and (min-width : 1200px) {
  #page-content.isIE .age {
    top: 2px;
  }
}
#page-content.isIE .provup {
  position: relative;
}
@media only screen and (min-width : 768px) {
  #page-content.isIE .provup {
    top: -2px;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content.isIE .provup {
    top: -2px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content.isIE .provup {
    top: 2px;
  }
}
#page-content.isIE .provup .provup select {
  text-align: center;
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content.isIE .provup.also {
    top: -3px;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content.isIE .provup.p2 {
    top: -4px !important;
  }
}
#page-content .popup-blocker {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
}
#page-content .sticky-box {
  margin: 0 auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 15px;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
  height: auto;
  position: relative;
  /* .protection-text {
      display: block;
      text-align: left;
      padding: 20px;
      box-shadow: 0px 0px 11px #888b8d;
      position: relative;
      @media only screen and (min-width : 768px) {
          padding-top: 0.5rem;
          padding-bottom: 0px;
          padding: 10px;
      }
      @media only screen and (min-width : 768px) {
          margin-right: none;
          height: 5rem;
      }
      @media only screen and (min-width : 992px) and (max-width : 1199px) {
          ;
          height: 5.5rem;

      }
      @media only screen and (min-width : 992px) {
          text-align: left;
          height: 5.5rem;

      }
      @media only screen and (min-width : 1200px) {}
      p {
          margin: 0;
          display: inline-block;
      }
  }*/
  /*.protection-img {
          display: inline-block;
          position: absolute;
          right: 10px;
          bottom: 20px;
          @media only screen and (min-width : 576px) {}
          @media only screen and (min-width : 768px) {
              width: auto;
              margin-left: 20px;
              position: static;
          }
          @media only screen and (min-width : 992px) {
              margin-left: 10px;
          }
          @media only screen and (min-width : 1200px) {
              margin-left: 20px;
          }
          img {
              vertical-align: bottom;
          }
          .protection-added-icon {
              display: none;
          }
      }*/
  /* .protection-content {
          display: inline-block;
          width: 90%;
          margin-left: 0px;
          @media only screen and (min-width : 576px) {}
          @media only screen and (min-width : 768px) {
              width: 80%;
              padding-top: .5rem;
              margin-left: 1rem;
              padding-top: .5rem;
          }
          @media only screen and (min-width : 992px) and (max-width : 1199px) {
              p {
                  width: 100%;
                  display: inline-block;
              }
              margin-left: .5rem;
          }
          @media only screen and (min-width : 992px) {
              width: 82%;
          }
          .compare-cta {
              width: 93%;
              @media only screen and (min-width : 768px) {}
          }
          .protection-added {
              display: none;
          }
      }*/
  /*.button {
      background-color: transparent;
      border: none;
      padding: 5px 0;
      color: $link-purple;
      text-align: left;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      font-family: "FrutigerLTforBNS-Bold";
      cursor: pointer;

      .add {
          display: inline;
          position: relative;
          border-radius: 50%;
          height: 24px;
          width: 24px;
          bottom: 2px;
          margin-right: 10px;

          .add-hover2 {
              display: none;
              position: absolute;
              top: -1px;
              left: 0;
              z-index: 99;
          }
      }
      &.edit_protection,
      &.remove_protection {
          display: none;
          text-align: center;
      }
  }

  .button:hover {
      span {
          border-bottom: 1px dotted $dark-purple;
          color: $dark-purple;
      }
      .add-hover2 {
          display: inline;
      }
  }*/
}
@media only screen and (min-width : 576px) {
  #page-content .sticky-box {
    max-width: 540px;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .sticky-box {
    max-width: 720px;
  }
}
@media only screen and (min-width : 992px) {
  #page-content .sticky-box {
    max-width: 960px;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .sticky-box {
    max-width: 1140px;
  }
}
#page-content .sticky-box:after {
  content: "";
}
#page-content .sticky-box .text-box {
  display: block;
  text-align: left;
  margin: 10px;
}
#page-content .sticky-box .text-box h3 {
  font-family: "FrutigerLTforBNS-Bold";
  font-size: 0.8rem;
  margin-bottom: 20px;
}
#page-content .sticky-box .text-box .edit {
  display: none;
}
#page-content .sticky-box .text-box .single-title {
  display: block;
}
#page-content .sticky-box .text-box .double-title {
  display: none;
}
#page-content .sticky-box .graphbox1 {
  display: block;
  width: 100%;
  /*.col-check {

      .checkbox-container {
          padding-left: 26px;
      }
      .checkmark {
          position: absolute;
          top: 0;
          left: 0;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          background-color: #fff;
          border: 1px solid $gray;
          @media only screen and (min-width : 768px) {}
      }

      .checkbox-container .checkmark:after {
          left: 5px;
          top: 5px;
          width: 8px;
          height: 8px;
          border: solid white;
          border-radius: 50%;
          background-color: #fff;
      }
  }*/
  /*.diversify-text {
      display: block;
      width: 100%;
      padding: 20px;
      background-color: #F6F7FC;
      position: relative;
      border-top: 1px solid #E2E8EE;
      button {
          width: 100%;
          background-color: #F6F7FC;
          position: relative;

          p {
              font-weight: 500;
              display: block;
              text-align: left;
              width: 75%;
              @media only screen and (min-width : 768px) {
                  display: inline-block;
                  width: 50%;
                  margin: .5rem;
                  position: absolute;
                  bottom: -1px;
                  left: 80px;

              }
              @media only screen and (min-width : 992px) {
                  width: 75%;
                  left: 60px;
              }
              @media only screen and (min-width : 1200px) {
                  width: 75%;
                  left: 80px;
              }


          }
          span {
              font-family: "FrutigerLTforBNS-Bold";
              color: black;
          }
          img {
              display: inline-block;
              margin: 0px;
              text-align: left;
              vertical-align: baseline;
              @media only screen and (min-width : 768px) {
                  display: inline-block;
                  margin: auto;
                  text-align: left;
                  margin-left: 2%;
              }
              @media only screen and (min-width : 1200px) {
                  margin-left: 3%;
              }
          }

          .divers-arrow {
              display: inline-block;
              width: auto;
              position: absolute;
              right: 0px;
              bottom: 18px;
              img {
                  position: relative;
                  top: 5px;
                  margin-left: 10px;
              }
              @media only screen and (min-width : 768px) {
                  right: 17px;
                  top: 11px;
              }

          }

      }
      button:hover {
          border-bottom: 0px;
      }
      .divers-back {
          display: none;
          margin: 10px 0;
      }
      @media only screen and (min-width : 768px) {
          padding: 10px;
      }
  }*/
  /*.compare-cta {
              display: inline-block;
              float: right;
              @media only screen and (min-width : 768px) {
                  float: right;
              }
              .button {
                  background-color: transparent;
                  border: none;
                  padding: 5px 0;
                  color: $link-purple;
                  text-align: center;
                  text-decoration: none;
                  display: inline-block;
                  font-size: 16px;
                  font-family: "FrutigerLTforBNS-Bold";
                  cursor: pointer;

                  .add {
                      display: inline;
                      position: relative;
                      border-radius: 50%;
                      height: 24px;
                      width: 24px;
                      bottom: 2px;
                      margin-right: 10px;

                      .add-hover2 {
                          display: none;
                          position: absolute;
                          top: -1px;
                          left: 0;
                          z-index: 99;
                      }
                  }
                  &.edit_protection,
                  &.remove_protection {
                      display: none;

                  }
              }

              .button:hover {
                  span {
                      border-bottom: 1px dotted $dark-purple;
                      color: $dark-purple;
                  }
                  .add-hover2 {
                      display: inline;
                  }
              }
              &.EMD {
                  display: none;
              }

          }
  */
  /*.graph1 {
      opacity: 1;
      transition: opacity 1s;
      width: 98%;
      height: 258px;
      margin-bottom: 20px;
      @media only screen and (min-width : 768px) {
          height: 400px;
      }
      @media only screen and (min-width : 992px) {
          height: 260px;
      }

  }*/
}
#page-content .sticky-box .graphbox1 .graph-text {
  text-align: left;
  width: 95%;
  /*display: inline-block;*/
  vertical-align: top;
  /*.main-label {
      display: none;
      font-size: .8rem;
      font-family: "FrutigerLTforBNS-Bold";
      width: 56px;
      border: 1px solid $gray;
      border-radius: 6px;
      padding: 0 10px;

  }*/
  /*
  .green-text {
      display: none;
      font-size: .7rem;
      font-family: "FrutigerLTforBNS-Bold";
      color: $green;
      border: 1px solid green;
      border-radius: 6px;
      padding: 3px;
      &.show {
          display: inline-block;
      }
  }*/
}
@media only screen and (min-width : 768px) {
  #page-content .sticky-box .graphbox1 .graph-text {
    font-size: 24px;
  }
}
#page-content .sticky-box .graphbox1 .graph-text .compare-results-title {
  font-size: 1rem;
  font-family: "FrutigerLTforBNS-Bold";
  display: none;
  color: black;
}
@media only screen and (max-width : 575px), only screen and (min-width : 576px) and (max-width : 767px) {
  #page-content .sticky-box .graphbox1 .graph-text .compare-results-title {
    min-height: 47px;
  }
}
#page-content .sticky-box .graphbox1 .graph-text .col-check {
  display: none;
}
#page-content .sticky-box .graphbox1 .graph-text p {
  font-size: 1rem;
  width: 100%;
  display: inline-block;
  vertical-align: text-top;
  margin-top: 0px;
  margin-bottom: 5px;
}
@media only screen and (min-width : 768px) {
  #page-content .sticky-box .graphbox1 .graph-text p {
    width: 60%;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .sticky-box .graphbox1 .graph-text p {
    width: 45%;
  }
}
#page-content .sticky-box .graphbox1 .graph-text .pay-100 {
  width: 100%;
}
#page-content .sticky-box .graphbox1 .graph-text .pay-amt {
  width: 100%;
  /*@media only screen and (min-width : 768px) {
      width: 33%;
  }

  @media only screen and (min-width : 992px) and (max-width : 1199px) {
      width: 45%;
  }*/
}
#page-content .sticky-box .graphbox1 .graph-text .paid {
  font-size: 1.2rem;
}
#page-content .sticky-box .graphbox1 .graph-text .graph-amount,
#page-content .sticky-box .graphbox1 .graph-text .graph-rate,
#page-content .sticky-box .graphbox1 .graph-text .graph-year,
#page-content .sticky-box .graphbox1 .graph-text .graph-total {
  display: inline-block;
  font-size: 18px;
  color: black;
  font-family: "FrutigerLTforBNS-Bold";
}
@media only screen and (min-width : 768px) {
  #page-content .sticky-box .graphbox1 .graph-text .graph-amount,
  #page-content .sticky-box .graphbox1 .graph-text .graph-rate,
  #page-content .sticky-box .graphbox1 .graph-text .graph-year,
  #page-content .sticky-box .graphbox1 .graph-text .graph-total {
    font-size: 18px;
  }
}
#page-content .sticky-box .graphbox1 .graph-text .graph-amount span,
#page-content .sticky-box .graphbox1 .graph-text .graph-rate span,
#page-content .sticky-box .graphbox1 .graph-text .graph-year span,
#page-content .sticky-box .graphbox1 .graph-text .graph-total span {
  font-family: "FrutigerLTforBNS-Bold";
}
#page-content .sticky-box .graphbox1 .graph-text .graph-amount2,
#page-content .sticky-box .graphbox1 .graph-text .graph-rate2,
#page-content .sticky-box .graphbox1 .graph-text .graph-year2,
#page-content .sticky-box .graphbox1 .graph-text .graph-total2 {
  display: inline-block;
  font-size: 18px;
  color: black;
  font-family: "FrutigerLTforBNS-Bold";
}
@media only screen and (min-width : 768px) {
  #page-content .sticky-box .graphbox1 .graph-text .graph-amount2,
  #page-content .sticky-box .graphbox1 .graph-text .graph-rate2,
  #page-content .sticky-box .graphbox1 .graph-text .graph-year2,
  #page-content .sticky-box .graphbox1 .graph-text .graph-total2 {
    font-size: 18px;
  }
}
#page-content .sticky-box .graphbox1 .graph-text .result {
  display: inline-block;
  font-size: 18px;
  color: black;
  font-family: "FrutigerLTforBNS-Bold";
}
@media only screen and (min-width : 768px) {
  #page-content .sticky-box .graphbox1 .graph-text .result {
    font-size: 18px;
  }
}
#page-content .sticky-box .graphbox1 .graph-text .result2 {
  display: inline-block;
  font-size: 18px;
  color: black;
  font-family: "FrutigerLTforBNS-Bold";
}
@media only screen and (min-width : 768px) {
  #page-content .sticky-box .graphbox1 .graph-text .result2 {
    font-size: 18px;
  }
}
#page-content .sticky-box .graphbox1 .graph-text.M1, #page-content .sticky-box .graphbox1 .graph-text.M2 {
  display: inline-block;
}
#page-content .sticky-box .graphbox1 .graph-text.M1.hidden, #page-content .sticky-box .graphbox1 .graph-text.M2.hidden {
  display: none;
}
#page-content .sticky-box .graphbox1 .details {
  width: 85%;
  display: block;
  margin-bottom: 30px;
  /*.pdf-icon {
      display: inline-block;
      height: 34px;
      width: 34px;
      margin-right: 10px;
      img {
          width: 100%;
      }
  }*/
  /* .btn-sm-1 {
      position: relative;
      left: 4px;
      @media only screen and (min-width : 768px) {
          left: 0px;
      }

  }*/
  /*.btn-sm-2 {
      position: relative;
      right: 3px;
      @media only screen and (min-width : 768px) {
          left: 0px;
      }
  }*/
}
#page-content .sticky-box .graphbox1 .details .button {
  background-color: transparent;
  border: none;
  color: #8230df;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  width: auto;
  border-bottom: 1px dotted #8230df;
}
#page-content .sticky-box .graphbox1 .details .button:hover {
  border-bottom: 1px dotted #481093;
  color: #481093;
}
#page-content .sticky-box .graphbox1 .comparison-only {
  display: none;
}
#page-content .sticky-box .graphbox1.split-panel .comparison-only {
  display: block;
}
#page-content .sticky-box .graphbox1.split-panel .graph1 {
  text-align: center;
  margin-bottom: 20px;
  width: 45%;
  display: inline-block;
}
@media only screen and (min-width : 992px) {
  #page-content .sticky-box .graphbox1.split-panel .graph1 {
    width: 40%;
    margin: 0 3%;
  }
}
@media only screen and (min-width : 768px) {
  #page-content .sticky-box .graphbox1.diversify-results .graph-text {
    width: 50%;
  }
}
#page-content .sticky-box .graphbox1.lump-sum-results .graph-amount,
#page-content .sticky-box .graphbox1.lump-sum-results .graph-total {
  color: #747474;
}
#page-content .sticky-box.protected .protection-text {
  height: 5.5rem;
}
@media only screen and (min-width : 768px) {
  #page-content .sticky-box.protected .protection-text {
    height: 4rem;
  }
}
#page-content .sticky-box.protected .protection-added-icon {
  display: inline-block !important;
}
#page-content .sticky-box.protected .protect-icon-lg {
  display: none;
}
#page-content .sticky-box.protected .protection-cta {
  display: none !important;
}
#page-content .sticky-box.protected .protection-added {
  display: inline-block !important;
}
#page-content .sticky-box.protected .protection-img img {
  vertical-align: middle;
}
@media only screen and (min-width : 768px) {
  #page-content .sticky-box.protected .compare-cta {
    position: absolute;
    right: 10px;
    top: 16px;
  }
}
#page-content .sticky-box.protected .compare-cta button.open_popup_btn {
  display: none !important;
}
#page-content .sticky-box.protected .compare-cta button.edit_protection {
  display: inline-block !important;
}
#page-content .sticky-box.protected .compare-cta button.remove_protection {
  display: inline-block !important;
}
#page-content .sticky-box .graphbox1 .graph-text .diversify-only {
  display: none;
}
#page-content .sticky-box.divers .graphbox1 .graph-text .diversify-only {
  display: inline-block;
}
#page-content .sticky-box.divers .graphbox1 .graph-text .not-diversify-only {
  display: none;
}
#page-content .sticky-footer.compare .sticky-box .graphbox1 .details .button {
  display: none;
}
#page-content .graph-legand {
  display: inline-block;
  width: 100%;
  height: auto;
  /*float:left;*/
  text-align: left;
}
#page-content .graph-legand .legand-bar {
  display: inline-block;
  width: 20px;
  height: 7px;
}
@media only screen and (min-width : 992px) {
  #page-content .graph-legand .legand-bar {
    width: 40px;
    height: 15px;
  }
}
#page-content .graph-legand .bar1 {
  background-color: #8230df;
}
#page-content .graph-legand .bar2 {
  background-color: #F2C400;
}
#page-content .graph-legand .bar3 {
  background-color: #008660;
}
#page-content .graph-legand .bar4 {
  background-color: #087BB4;
}
#page-content .graph-legand p {
  margin: 0 0 0.5rem 0;
  font-size: 0.6rem;
}
@media only screen and (min-width : 992px) {
  #page-content .graph-legand p {
    font-size: 1rem;
    margin: 0 0 1rem 0;
  }
}
#page-content .graphbox1.single-results .graph-legand p:nth-child(2) {
  display: none;
}
#page-content .graphbox1.single-results.compare .graph-legand p:nth-child(2) {
  display: inline-block;
}
#page-content .new-graph-legend {
  margin-bottom: 10px;
}
#page-content .new-graph-legend .red-bar {
  height: 2px;
  margin-top: 15px;
  margin-bottom: 30px;
}
#page-content .new-graph-legend .legend-item {
  display: inline-block;
  margin-right: 30px;
  height: 40px;
  vertical-align: middle;
  width: 200px;
}
#page-content .new-graph-legend .legend-item img {
  height: 25px;
  width: 25px;
  display: inline-block;
}
#page-content .new-graph-legend .legend-item h6 {
  display: inline-block;
}
#page-content .new-graph-legend .legend-item .main-mortgage-legend {
  font-size: 12px;
  padding: 3px;
  color: #888b8d;
  border: 1px #888b8d solid;
  border-radius: 6px;
  display: none;
  width: 34px;
}
#page-content .new-graph-legend .legend-item .main-mortgage-legend.show-rm {
  display: inline-block !important;
}
#page-content .new-graph-legend .legend-item .main-mortgage-legend:lang(fr) {
  width: 52px;
}
#page-content .new-graph-legend .legend-item:lang(fr) {
  width: 245px;
}
#page-content .graphpopup canvas {
  width: 600px;
  height: 300px;
}
@media only screen and (min-width : 1200px) {
  #page-content .graphpopup canvas {
    width: 800px;
  }
}
#page-content .hidden-report-graph {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 1192px;
  height: 350px;
}
#page-content .rm-graph-hover {
  position: absolute;
  z-index: 200;
  width: 260px;
  border-radius: 4px;
  box-shadow: 0 0 11px #000;
  background-color: #fff;
  padding: 25px;
  text-align: left;
  box-sizing: content-box;
  color: #333333;
  display: none;
}
#page-content .rm-graph-hover p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
#page-content .rm-graph-hover p .graph-data {
  display: inline-block;
  font-size: 18px;
  font-family: "FrutigerLTforBNS-Bold";
}
#page-content .rm-graph-hover.show {
  display: block;
}
#page-content .rm-graph-hover:lang(fr) {
  width: 260px;
}
@media only screen and (min-width : 768px) {
  #page-content .rm-graph-hover:lang(fr) {
    width: 280px;
  }
}
#page-content .tab {
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1.5px solid #e2e8ee;
  width: 100%;
}
@media only screen and (min-width : 992px) {
  #page-content .tab {
    width: 95%;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .tab {
    width: 96.5%;
  }
}
#page-content .tab button {
  background-color: #fff;
  float: left;
  width: 92px;
  height: 55px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 3px solid #fff;
  outline: none;
  color: #333333;
  cursor: pointer;
  font-family: Frutiger-Roman;
  font-size: 1rem;
}
#page-content .tab button:lang(fr) {
  width: 50%;
}
@media only screen and (min-width : 768px) {
  #page-content .tab button {
    width: 18%;
  }
  #page-content .tab button:lang(fr) {
    width: 25%;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
  #page-content .tab button {
    width: 22%;
  }
  #page-content .tab button:lang(fr) {
    width: 27%;
  }
}
@media only screen and (min-width : 1200px) {
  #page-content .tab button {
    width: 22%;
  }
  #page-content .tab button:lang(fr) {
    width: 30%;
  }
}
#page-content .tab button.M2 {
  margin-left: 30px;
}
#page-content .tab button:hover {
  background: white;
  color: #333333;
  border-bottom: 6px solid #ED0722;
  font-family: "FrutigerLTforBNS-Bold";
}
#page-content .tab button:focus {
  background: white;
  color: #333333;
  border: none;
  border-bottom: 6px solid #ED0722;
  font-family: "FrutigerLTforBNS-Bold";
}
#page-content * {
  font-family: "FrutigerLTforBNS-Light";
}

#main {
  padding: 0px;
  margin-top: -96px;
}
@media only screen and (min-width : 768px) {
  #main {
    margin-top: 0px;
  }
}
#main .pb-3 {
  padding-bottom: 0px !important;
}

.no-scroll {
  overflow: hidden;
}
/*# sourceMappingURL=main.css.map */