@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 .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: .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 .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: .4s; }
  #page-content .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .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: .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: .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 .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 {
      -webkit-appearance: none;
      -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;*/
    width: 100%;
    /*@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;*/ }
    @media only screen and (max-width: 575px) {
      #page-content .col-51 {
        /*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 {
    -webkit-appearance: none;
    -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 {
    -webkit-appearance: none;
    -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 {
    -webkit-appearance: none;
    -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 {
      -webkit-appearance: none;
      -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: .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: .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: .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: .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: .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: .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: .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: 09px;
    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: .5rem;
        margin-bottom: .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; }
      #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; }
      #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: .5rem;
          margin-bottom: .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: .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: .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 .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 .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: .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: .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: .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: .5rem;
      margin-bottom: .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:not(.exclude_pb_3.pb-3) {
    padding-bottom: 0px !important; }

.no-scroll {
  overflow: hidden; }

/*# sourceMappingURL=main.css.map */