/* shared by all journeys in the AICPA fold ==================== */
/**** Add Visuelt Font ****/
@font-face {
    font-family: 'visuelt-medium-pro';
    src: url('/uploads/00001316/fonts/visuelt-medium-pro.eot');
    src: url('/uploads/00001316/fonts/visuelt-medium-pro.eot?#iefix') format('embedded-opentype'),
         url('/uploads/00001316/fonts/visuelt-medium-pro.woff2') format('woff2'),
         url('/uploads/00001316/fonts/visuelt-medium-pro.woff') format('woff'),
         url('/uploads/00001316/fonts/visuelt-medium-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'visuelt-regular-pro';
    src: url('/uploads/00001316/fonts/visuelt-regular-pro.eot');
    src: url('/uploads/00001316/fonts/visuelt-regular-pro.eot?#iefix') format('embedded-opentype'),
         url('/uploads/00001316/fonts/visuelt-regular-pro.woff2') format('woff2'),
         url('/uploads/00001316/fonts/visuelt-regular-pro.woff') format('woff'),
         url('/uploads/00001316/fonts/visuelt-regular-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'visuelt-bold-pro';
    src: url('/uploads/00001316/fonts/visuelt-bold-pro.eot');
    src: url('/uploads/00001316/fonts/visuelt-bold-pro.eot?#iefix') format('embedded-opentype'),
         url('/uploads/00001316/fonts/visuelt-bold-pro.woff2') format('woff2'),
         url('/uploads/00001316/fonts/visuelt-bold-pro.woff') format('woff'),
         url('/uploads/00001316/fonts/visuelt-bold-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'visuelt-italic-pro';
    src: url('/uploads/00001316/fonts/visuelt-italic-pro.eot');
    src: url('/uploads/00001316/fonts/visuelt-italic-pro.eot?#iefix') format('embedded-opentype'),
         url('/uploads/00001316/fonts/visuelt-italic-pro.woff2') format('woff2'),
         url('/uploads/00001316/fonts/visuelt-italic-pro.woff') format('woff'),
         url('/uploads/00001316/fonts/visuelt-italic-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'visuelt-medium-italic-pro';
    src: url('/uploads/00001316/fonts/visuelt-medium-italic-pro.eot');
    src: url('/uploads/00001316/fonts/visuelt-medium-italic-pro.eot?#iefix') format('embedded-opentype'),
         url('/uploads/00001316/fonts/visuelt-medium-italic-pro.woff2') format('woff2'),
         url('/uploads/00001316/fonts/visuelt-medium-italic-pro.woff') format('woff'),
         url('/uploads/00001316/fonts/visuelt-medium-italic-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'visuelt-bold-italic-pro';
    src: url('/uploads/00001316/fonts/visuelt-bold-italic-pro.eot');
    src: url('/uploads/00001316/fonts/visuelt-bold-italic-pro.eot?#iefix') format('embedded-opentype'),
         url('/uploads/00001316/fonts/visuelt-bold-italic-pro.woff2') format('woff2'),
         url('/uploads/00001316/fonts/visuelt-bold-italic-pro.woff') format('woff'),
         url('/uploads/00001316/fonts/visuelt-bold-italic-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'visuelt-black-pro';
    src: url('/uploads/00001316/fonts/visuelt-black-pro.eot');
    src: url('/uploads/00001316/fonts/visuelt-black-pro.eot?#iefix') format('embedded-opentype'),
         url('/uploads/00001316/fonts/visuelt-black-pro.woff2') format('woff2'),
         url('/uploads/00001316/fonts/visuelt-black-pro.woff') format('woff'),
         url('/uploads/00001316/fonts/visuelt-black-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/**** Add Poppins Font ****/
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,800&display=swap');*/

.demos.resizable {
    width: 100%;
}

.demos.resizable div {
    display: inline-block;
    width: 23%;
    margin: 10px 0 10px 1.4%;
    min-height: 40px;
    padding: 20px;
}

.demos .full-width {
    width: 100% !important;
    margin: 0
}

.demo-switches {
    position: fixed;
    z-index: 5000;
    top: 0;
    right: 0;
    width: 140px;
}

.tbc {
    opacity: 0.3
}

/* ====================== end demo styles */
html *:focus {
    outline: 0
}

body {
    padding-top: 78px;
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    color: #333333;
}

body .rebrand{
    /*padding-top: 78px;*/
    font-family: 'visuelt-regular-pro', 'Poppins', 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    color: #292933;
}

body.small-nav {
    padding-top: 75px;
}

.tooltip.in {
    opacity: 1 /* override bs style */
}

/* main elements */
hr {
    border-top: 2px solid #D8D8D8;
}

.desktop-only {
    display: none;
}

.bg-white {
    background: white;
}

.bg-yellow{
    background-color: #DDDA45;
}

.text-white {
    color: white !important;
}

.bg-filled, .mobile-bg-filled, .bg-gradient-purple, .bg-gradient-purple-horizontal {
    /* eg banner */
    background: #672c89;
    background: linear-gradient(90deg,#672c89 0%, #a83e6b 100%);
    color: white;
}

.bg-gradient-purple-vertical {
    /* eg select plan benefits */
    background: #672c89;
    background: linear-gradient(0deg,#672c89 0%, #a83e6b 100%);
    color: white;
}

.bg-grey, .bg-gray {
    /* eg boxes */
    background: #F4F4F4;
}

.bg-blue {
    /* eg boxes */
    background: #2f77ba;
}

.desktop-bg-grey, .desktop-bg-gray {
    /* eg boxes */
    background: #FFFFFF;
}

.footer, .rebrand.footer {
    padding: 50px 0;
    background: #2e3347;
    color: white;
}

.rebrand .footer .footer-warning{
    font-size: 18px;
    line-height: 24px;
}

.footer img {
    max-width: 100%;
}

/* Spacing Helpers ==================== */
.mt0 {
    margin-top: 0;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mr0{
    margin-right: 0;
}

.mr5{
    margin-right: 5px;
}

.mr10{
    margin-right: 10px;   
}

.mr15{
    margin-right: 15px;   
}

.mx0{
    margin-left: 0;
    margin-right: 0;
}

.ml-10{
    margin-left: -10px;
}

.ml15 {
    margin-left: 15px;
}

.mt17 {
    margin-top: 17px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mb-12 {
    margin-bottom: -12px;
}

.mt-20 {
    margin-top: -20px;
}
.mb0 {
    margin-bottom: 0px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 25px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb100 {
    margin-bottom: 100px;
}

.desktop-mb100 {
    margin-bottom: 25px;
}

.mb200 {
    margin-bottom: 200px;
}

.mt25-desktop {
    margin-top: 0;
}

.mt-35-desktop {
    margin-top: 0;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mt100 {
    margin-top: 100px;
}

.pa20 {
    padding: 20px;
}
.px0{
    padding-left: 0;
    padding-right: 0;
}
.px25 {
    padding-left: 25px;
    padding-right: 25px;
}

.pt5 {
    padding-top: 5px;
}

.pb5 {
    padding-bottom: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pb15 {
    padding-bottom: 15px;
}

.pt20 {
    padding-top: 20px;
}

.desktop-pt20 {
    padding-top: inherit;
}

.pt25 {
    padding-top: 25px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb40 {
    padding-bottom: 40px;
}

.pl-pr-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.pl-pr-35 {
    padding-left: 35px;
    padding-right: 35px;
}

.pl-20{
    padding-left: 20px;
}

.pl0{
    padding-left:0;   
}
.pl-15{
    padding-left:15px;   
}

.pr0{
    padding-right:0;   
}

.pr25{
    padding-right: 25px;   
}

.pr35{
    padding-right: 35px;   
}

.pt35 {
    padding-top: 35px;
}

.pt50 {
    padding-top: 50px;
}

.pb35 {
    padding-bottom: 35px;
}

.pt37 {
    padding-top: 37px;
}

.pb37 {
    padding-bottom: 37px;
}

.mobile-mt25 {
    margin-top: 25px;
}

.mobile-center {
    text-align: center;
}

/* Buttons ==================== */
.buttonState{
    vertical-align:top;
}
.btn, .btn-purple {
    /* eg toggle buttons against #80807F */
    background: #73246a;
    background: linear-gradient(0deg,#86357a 0%, #682d87 100%);
    color: white;
    min-width: 230px;
    font-weight: bold;
    border-radius: 150px;
    /* width:100%; */
}

.btn:hover {
    color: white;
    background: #98378d;
    background: linear-gradient(0deg,#bb56ac 0%, #8f47b5 100%);
}

.btn.narrow {
    min-width: 0;
    display: block;
}

.life .btn {
    background: #3074BA;
    background: linear-gradient(0deg, #2459A9 0%, #0076BF 100%);
}

.life .btn:hover {
    background: #4a92dc;
    background: linear-gradient(0deg,#3876cc 0%, #1999e6 30%);
}

.life .bg-filled, #trJoinOurCommunity {
    background: #0079c4; /* Old browsers */
    background: -moz-linear-gradient(left,  #0079c4 0%, #00a0d7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #0079c4 0%,#00a0d7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #0079c4 0%,#00a0d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079c4', endColorstr='#00a0d7',GradientType=1 ); /* IE6-9 */
}

.lpt .btn {
    background: #00B6DD;
    background: linear-gradient(0deg,#1597d1 0%, #3ab6e4 30%);
}
.ltd .btn {
    background: #F7941A;
    background: linear-gradient(0deg,#F7A11A 0%, #F7941A 30%);
}
.life-spouse .btn {
    background: #E4701E;
    background: linear-gradient(0deg,#E4701E 0%, #FF7D21 30%);
}
.lpt .btn:hover {
    /*background: #59c1e8;*/
    /*background: linear-gradient(0deg,#31a3d6 0%, #57bee4 30%);*/
}
.ltd .btn:hover {
    background: #ffab46;
    background: linear-gradient(0deg,#ffa10e 0%, #ffab46 30%);
}
.life-spouse .btn:hover {
    background: #FF7D21;
    background: linear-gradient(0deg,#FF7D21 0%, #ff9a4d 30%);
}
.lpt .bg-filled {
    background: #00B6DD;
    background: linear-gradient(0deg,#1597d1 0%, #3ab6e4 30%);
}
.ltd .bg-filled {
    background: #F7941A;
    background: linear-gradient(0deg,#F7A11A 0%, #F7941A 30%);
}
.life-spouse .bg-filled {
    background: #ff6146; /* Old browsers */
    background: -moz-linear-gradient(left,  #ff6146 0%, #f2692e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ff6146 0%,#f2692e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ff6146 0%,#f2692e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6146', endColorstr='#f2692e',GradientType=1 ); /* IE6-9 */
}

.gvul .btn {
    background: #5594b9;
    background: linear-gradient(0deg,#007d71 0%, #008574 30%);
}

.gvul .btn:hover {
    background: #12867f;
    background: linear-gradient(0deg,#138075 0%, #128c7c 30%);
}

.gvul .bg-filled {
    background: #5594b9;
    /*background: linear-gradient(180deg,#007d71 0%, #008574 30%);*/
    background: linear-gradient(270deg,#5594b9 0%, #7288af 100%);
}

.btn-dark-grey, .btn-dark-gray {
    /* eg toggle buttons against grey */
    background: #2e3347;
    color: white;
}
.btn-dark-gray:hover {
    background: #2e3347;
    color: white;
}

#main .btn-white {
    background: white;
    color: purple;
}

.learn-more p {
    font-size: 18px;
    margin-top: 35px;
    margin-bottom: 25px;
}

.learn-more ul {
    font-size: 18px;
    line-height: 30px;
    color: black;
    margin-top: -10px;
}

/* typography */
.text-gray, .text-grey, a.text-grey, a.text-grey:link{
    /* eg text on white */
    color: #292933;
}
.normal-text{
    /* eg text on white */
    color: #000;
}
.normal-text{
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    color: #000;
}
.text-purple, .ui-selectmenu-button {
    color: #813b79 !important;
}
.carousel-container .fa-info-circle {
    color: #333;
}
.as-link.colored{
    color:#733081;
}
.text-blue, .life h1, .life .fa, .life .colored, .life .ui-selectmenu-button, .life .coverage-error, .life .learn-more {
    color: #1E0E3E;
}
#trDivBgWhiteFAQs .text-blue{
    color: #0076BF;
}

.lpt h1, .text-light-blue, .lpt .colored, .lpt .ui-selectmenu-button, .lpt .coverage-error, .lpt .learn-more {
    color: #00B6DD;
}
.text-light-blue, .ltd .colored, .ltd .ui-selectmenu-button, .ltd .coverage-error, .ltd .learn-more {
    color: #2AAD7F;
}
.life-spouse h1, .text-light-blue, .life-spouse .fa, .life-spouse .colored, .life-spouse .ui-selectmenu-button, .life-spouse .coverage-error, .life-spouse .learn-more {
    color: #E4701E;
}

.gvul h1, .text-teal, .gvul .fa, .gvul .colored, .gvul .ui-selectmenu-button, .gvul .coverage-error, .gvul .learn-more {
    color: #5594b9;
}

input, .life input, .lpt input, .ltd input, .life-spouse input, .gvul input {
    color: #000;
}

.text-black {
    color: #292933;
}

.desktop-text-black {
    color: inherit;
}

a .btn {
    color: white;
}

.hero h1, .bg-filled h1 {
    color: white;
    text-align: center;
    font-weight: 300;
    font-size: 31px;
}
h1 .smaller-header{
    font-size:22px;
}
.f20{
    font-size:20px;
}


.footer p {
    text-align: left; /* mobile first */
}

@media(min-width:768px){
    .footer p{
        text-align:justify;
    }
}


cite {
    text-align: right;
    font-style: normal;
    text-transform: uppercase;
    font-size: 18px;
}

cite p {
    margin: 0;
    font-size: 18px;
}

cite p:first-of-type {
    font-weight: bold;
}



/* Modifiers ==================== */
.rounded {
    /* eg some buttons */
    border-radius: 7px;
}

.big.rounded {
    /* eg purple shaded buttons */
    border-radius: 11px;
}

.padded-under {
    margin-bottom: 15px;
}

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

.font-14 {
    font-size: 14px;
}

.outer-shadow {
    /* eg the importance of life insurance */
    /*box-shadow:-5px 5px 5px rgba(0,0,0,0.1); */
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}

.overlap-left, .overlap-right {
    width: 100%;
    min-height: 220px;
    margin: 0;
    padding: 20px;
}

h1 {
    font-weight: 100;
    font-size: 30px;
    color: #F4F4F4;
    line-height: 1.25;
}

h2 {
    font-weight: 700;
    font-size: 26px;
}

h4 {
    font-weight: 400;
}

.image-one {
    background-image: url(../../uploads/00001316/iStock-1055113956.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.life .image-one {
    background-image: url(../../uploads/00001316/nonpar/life-nonpar.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.mobile-pa20 {
    padding: 20px;
}

.text-left {
    text-align: left;
}

.desktop-pull-right {
    text-align: center;
}

.desktop-align-left {
    text-align: center;
}

.desktop-center {
    text-align: center;
}
.display-inline{
    display:inline;
}

@media screen and (min-width: 768px) {
    .desktop-pl-pr-50 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .mobile-center {
        text-align: left;
    }

    .rate-anchor {
        display: block;
        padding-top: 450px;
        margin-top: -450px;
    }

    .desktop-pull-right {
        float: right;
    }

    .desktop-mb100 {
        margin-bottom: 100px;
    }

    .mobile-mt25 {
        margin-top: inherit;
    }
    


    .desktop-center {
        text-align: inherit;
    }

    .desktop-align-left {
    ; text-align: left;
    }

    .desktop-text-black {
        color: black;
    }

    .desktop-pt20 {
        padding-top: 20px;
    }

    .pl-pr-20 {
        padding: inherit;
    }

    .overlap-left, .overlap-right {
        min-height: 25vw;
        /* resize in aspect */
        width: 52%;
    }

    .overlap-left {
        position: absolute;
        left: 0;
        z-index: 100;
    }

    .overlap-right {
        margin-left: 48%;
        padding: 15px 8%;
        min-height: 27vw;
        /* allow for overlap at bottom */
    }

    .btn {
        width: initial;
    }

    .rate-bullet-border {
        /*border-right: 1px solid #D8D8D8;*/
        padding-right: 20px;
    }

    .desktop-only {
        display: block;
    }

    .hero h1, .bg-filled h1 {
        text-align: initial;
    }

    h1 {
        font-weight: 100;
        font-size: 48px;
        color: #F4F4F4;
    }

    .mt25-desktop {
        margin-top: 25px;
    }

    .desktop-text-left {
        text-align: left;
    }

    .desktop-text-right {
        text-align: right;
    }

    .mobile-bg-filled {
        background: none;
        color: #813b79;
    }

    .mt-35-desktop {
        margin-top: -35px;
    }

    #main .desktop-bg-white {
        background: white;
    }

    #main .desktop-bg-grey {
        background: #f4f4f4;
    }

    #main .life .desktop-bg-white, #main .life .desktop-bg-white .fa, #main .life .desktop-bg-grey, #main .life .desktop-bg-grey .fa, .life .desktop-colored,
    .learn-more-cpa-life {
        color: #0f74bd;
    }

    #main .lpt .desktop-bg-white, #main .lpt .desktop-bg-white .fa, #main .lpt .desktop-bg-grey, #main .lpt .desktop-bg-grey .fa, .lpt .desktop-colored {
        color: #3ab6e4;
    }
    #main .ltd .desktop-bg-white, #main .ltd .desktop-bg-white .fa, #main .ltd .desktop-bg-grey, #main .ltd .desktop-bg-grey .fa, .ltd .desktop-colored {
        color: #F7941A;
    }
    #main .life-spouse .desktop-bg-white, #main .life-spouse .desktop-bg-white .fa, #main .life-spouse .desktop-bg-grey, #main .life-spouse .desktop-bg-grey .fa, .life-spouse .desktop-colored {
        color: #E4701E;
    }

    #main .gvul .desktop-bg-white, #main .gvul .desktop-bg-white .fa, #main .gvul .desktop-bg-grey, #main .gvul .desktop-bg-grey .fa, .gvul .desktop-colored {
        color: #108574;
    }

    .mobile-pa20 {
        padding: 0;
    }

    #main .desktop-btn-filled {
        background: #73246a;
        background: linear-gradient(0deg,#86357a 0%, #682d87 100%);
        color: white !important;
    }

    #main .life .desktop-btn-filled {
        background: #3074BA;
        background: linear-gradient(0deg,#2159a7 0%, #0076bd 30%);
    }

    #main .lpt .desktop-btn-filled {
        background: #00B6DD;
        background: linear-gradient(0deg,#1597d1 0%, #3ab6e4 30%);
    }

    #main .ltd .desktop-btn-filled {
        background: #F7941A;
        background: linear-gradient(0deg,#F7A11A 0%, #F7941A 30%);
    }

    #main .ltd .desktop-btn-filled {
        background: #FF7D21;
        background: linear-gradient(0deg,#FF7D21 0%, #E4701E 30%);
    }

    #main .gvul .desktop-btn-filled {
        background: #5594b9;
        background: linear-gradient(0deg,#007d71 0%, #008574 30%);
    }

    .desktop-no-shadow {
        box-shadow: none !important;
    }

    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}

/* Navigation Bar ==================== 
.navbar {
    display: flex;
    align-items: center;
} */

.nav-rate-button {
    border-radius: 0;
    font-size: 14px;
    padding: 17px 24px;
    margin-top: 10px;
}

.nav-rate-button p {
    margin: 0 auto;
    font-size: 17px;
}

.nav-rate-button span {
    padding-right: 5px;
    top: 2px;
}

.navbar {
    min-height: 78px;
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
    border: none;
    padding-top: 20px;
}

.navbar .logo {
    height: 60px;
    padding-bottom: 10px;
}

.sticky-footer {
    height: 0;
}

.small-nav .navbar, .small-nav .sticky-footer {
    /* this is the nav-bar that shows when scrolled */
    height: 60px;
    min-height: 60px;
    transition: all 0.5s;
    background: linear-gradient(270deg,#86357a 0%, #682d87 100%);
    padding-top: 5px;
}

.small-nav .navbar .container {
    margin-left: 0;
    margin-right: 0;
}

.small-nav .sticky-footer {
    min-height: 70px;
}

@media(min-width: 768px) {
    .small-nav .navbar .container {
        margin-left:auto;
        margin-right: auto;
    }

    .navbar {
        min-height: 120px;
    }

    body {
        padding-top: 120px;
    }

    .navbar .logo {
        height: 75px;
        padding-bottom: 0;
    }

    #main .desktop-bg-filled {
        background: linear-gradient(0deg,#672c89 0%, #a83e6b 100%);
        color: white;
        /* margin:-20px -20px 20px; */
    }

    #main .life .desktop-bg-filled {
        background: linear-gradient(90deg,#2159a7 0%, #0076bd 30%);
    }

    #main .lpt .desktop-bg-filled {
        background: linear-gradient(270deg,#1597d1 0%, #3ab6e4 30%);
    }

    #main .ltd .desktop-bg-filled {
        background: linear-gradient(270deg,#F7A11A 0%, #F7941A 30%);
    }

    #main .life-spouse .desktop-bg-filled {
        background: linear-gradient(270deg,#FF7D21 0%, #E4701E 30%);
    }

    #main .gvul .desktop-bg-filled {
        background: linear-gradient(180deg,#007d71 0%, #008574 30%);
    }

    .desktop-bg-filled .conditional .buttonState, .desktop-bg-filled .conditional .buttonState.active {
        background: white;
        color: #2e76b9;
    }

    .desktop-bg-filled .conditional .buttonState.active {
        background: white;
    }

    .gvul .desktop-bg-filled .conditional .buttonState, .gvul .desktop-bg-filled .conditional .buttonState.active {
        background: white;
        color: #108574;
    }

    .lpt .desktop-bg-filled .conditional .buttonState, .lpt .desktop-bg-filled .conditional .buttonState.active {
        background: white;
        color: #1d9fd6;
    }

    .ltd .desktop-bg-filled .conditional .buttonState, .ltd .desktop-bg-filled .conditional .buttonState.active {
        background: white;
        color: #F7A11A;
    }

    #trDivMultiProductContainer .life-spouse .desktop-bg-filled .conditional .buttonState, #trDivMultiProductContainer .life-spouse .desktop-bg-filled .conditional .buttonState.active {
        background: white;
        color: #E4701E;
    }

    .desktop-bg-filled .conditional .buttonState:hover, .desktop-bg-filled .conditional .buttonState.active:hover {
        background: rgba(255,255,255,0.9);
        color: #1b5eab;
    }

    .gvul .desktop-bg-filled .conditional .buttonState:hover, .gvul .desktop-bg-filled .conditional .buttonState.active:hover {
        background: rgba(255,255,255,0.9);
        color: #108574;
    }

    .lpt .desktop-bg-filled .conditional .buttonState:hover, .lpt .desktop-bg-filled .conditional .buttonState.active:hover {
        background: rgba(255,255,255,0.9);
        color: #23a5da;
    }

    .ltd .desktop-bg-filled .conditional .buttonState:hover, .ltd .desktop-bg-filled .conditional .buttonState.active:hover {
        background: rgba(255,255,255,0.9);
        color: #F7A11A;
    }
    .life-spouse .desktop-bg-filled .conditional .buttonState:hover, .life-spouse .desktop-bg-filled .conditional .buttonState.active:hover {
        background: rgba(255,255,255,0.9);
        color: #E4701E;
    }

    /* ends import */
}

@media(min-width: 500px) and (max-width:767px) {
    .hero h1 {
        padding:30px 0 0;
    }
}

.small-nav .life .navbar, .small-nav .life .sticky-footer {
    background: linear-gradient(90deg,#2159a7 0%, #0076bd 30%);
}

.small-nav .lpt .navbar {
    background: linear-gradient(270deg,#1597d1 0%, #3ab6e4 30%);
}
.small-nav .ltd .navbar {
    background: linear-gradient(270deg,#F7A11A 0%, #F7941A 30%);
}
.small-nav .life-spouse .navbar {
    background: linear-gradient(270deg,#FF7D21 0%, #E4701E 30%);
}
.small-nav .gvul .navbar {
    background: linear-gradient(270deg,#5594b9 0%, #7288af 100%);
}

.small-nav .navbar img {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    /* Width of new image */
    height: 40px;
    /* Height of new image */
    margin-top: 5px;
    padding-left: 40px;
    /* Equal to width of new image */
    background: url('../../uploads/00001316/icons/AICPA%20KO.svg') no-repeat;
    background-size: contain;
}

.small-nav div .btn.nav-rate-button, .small-nav div .btn.nav-rate-button .fa {
    background: none;
    color: white;
    border: none;
    display: none;
}

@media(min-width: 768px) {
    .small-nav div .btn.nav-rate-button, .small-nav div .btn.nav-rate-button .fa {
        display:inline;
    }
}

.small-nav .nav-rate-button {
    padding: 12px;
    font-weight: normal;
    margin-top: 6px;
}

.small-nav .nav-rate-button p {
    font-size: 12px;
}

.btn.nav-rate-button {
    background: white;
    border-color: #682d89;
    color: #682d89;
}

@media(max-width: 500px) {
    /* hide the button as it'll overlap. This is work in progress */ .btn.nav-rate-button {
    display:none;
}

    .navbar .container {
        margin: 0;
    }
}

.btn.nav-rate-button:hover {
    border-color: #a73e6b;
    color: #a73e6b;
}

.life .btn.nav-rate-button {
    background: white;
    border-color: #0f75bd;
    color: #0f75bd;
}

.life .btn.nav-rate-button:hover {
    border-color: #4aa3e2;
    background: linear-gradient(to top, #3876cc, #1999e6 30%);
    /*color:#4aa3e2;*/
    color: white;
}

.lpt .btn.nav-rate-button {
    background: white;
    border-color: #1799d2;
    color: #1799d2;
}

.ltd .btn.nav-rate-button {
    background: white;
    border-color: #F7A11A;
    color: #F7A11A;
}

.life-spouse .btn.nav-rate-button {
    background: white;
    border-color: #E4701E;
    color: #E4701E;
}

.lpt .btn.nav-rate-button:hover {
    border-color: #3ab6e4;
    color: #3ab6e4;
}

.ltd .btn.nav-rate-button:hover {
    border-color: #F7941A;
    color: #F7941A;
}
.life-spouse .btn.nav-rate-button:hover {
    border-color: #FF7D21;
    color: #FF7D21;
}

.gvul .btn.nav-rate-button {
    background: white;
    border-color: #108574;
    color: #108574;
}

.gvul .btn.nav-rate-button:hover {
    border-color: #24a592;
    color: #24a592;
}

/* icon layouts */
.icon-container {
    text-align: center;
}

.icon-container img {
    height: 55px;
}

.button-state-fill-2 .buttonState {
    width: 50%;
}

.button-state-fill-4 .buttonState {
    width: 25%;
}

.button-state-fill-7 .buttonState {
    width: 14%;
}

.buttonState {
    background: white;
    color: #ccc;
    font-weight: normal;
    border: 1px solid #ccc;
    margin: 0;
    cursor: pointer;
    height: 60px;
    font-size: 16px;
    padding-top: 20px;
    text-align: center;
}

.buttonState:hover {
    background: white;
    border-bottom: 1px solid #ccc;
}

.buttonState.active, .buttonState.active:hover {
    background: #672c89;
    background: linear-gradient(0deg,#672c89 0%, #a83e6b 100%);
    color: white;
    /*border: 1px solid #672c89;*/
    cursor: pointer;
}

/*.buttonState:active {*/
/*    box-shadow: inset 0 0 10px rgba(0,0,0,0.4);*/
/*}*/
/*.life .buttonState.active, .life .buttonState.active:hover {*/
/*    background: linear-gradient(180deg, #2459A9 0%, #0076BF 100%);*/
/*    color: white;*/
    /*border: 1px solid #3074ba;*/
/*}*/
.life .buttonState.active{
    background: linear-gradient(180deg, #2459A9 0%, #0076BF 100%);
    color: white;
    /*border: 1px solid #3074ba;*/
}


.lpt .buttonState.active, .lpt .buttonState.active:hover {
    background: linear-gradient(0deg, #41B6E6 0%, #41A3E6 100%);
    color: white;
    /*border: 1px solid #00B6DD;*/
}

.ltd .buttonState.active, .ltd .buttonState.active:hover {
    background: linear-gradient(0deg, #F7941A 0%, #F7A11A 100%);
    color: white;
}
.ltd .buttonState.active:hover, .ltd .buttonState:hover {
    /*background: linear-gradient(0deg, #F7941A 0%, #F7A11A 100%);*/
    color: white;
    /*border: 1px solid #F7941A;*/
}
.life-spouse .buttonState.active {
    background: linear-gradient(0deg, #E4701E 0%, #FF7D21 100%);
    color: white;
    border: 1px solid #E4701E;
}
#trRateWrapper .life-spouse .buttonState.active {
    background: linear-gradient(0deg, #E4701E 0%, #FF7D21 100%) !important;
    color: white;
    border: 1px solid #E4701E;
}

/*.gvul .buttonState.active, .gvul .buttonState.active:hover {*/
/*    background: linear-gradient(0deg, #009886 0%, rgba(0,152,134,0.68) 100%);*/
/*    color: white;*/
    /*border: 1px solid #5594b9;*/
/*}*/

.button-state-fill-7 .buttonState, .button-state-fill-2 .buttonState, .button-state-fill-4 .buttonState {
    border-right: none;
}

.button-state-fill-7 .buttonState:last-of-type, .button-state-fill-2 .buttonState:last-of-type, .button-state-fill-4 .buttonState:last-of-type {
    border-right: 1px solid #ccc;
}

input {
    height: 60px;
    border: 1px solid #ccc;
    padding: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.dollar-prefixed input {
    background: #FFF url(/../uploads/00001316/icons/dollar-prefix.png) left center no-repeat;
    background-size: 11px;
    background-position: 10px;
    padding-left: 22px;
}

textarea {
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}

label {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #292933;
    font-weight: normal;
    padding-top: 2px;
    padding-left: 2px;
    margin: 10px 0 10px;
}

.rate-caption {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 35px;
}

.rate-caption .rate {
    font-size: 50px;
    font-weight: bold;
    display: block;
}

@media(min-width: 768px) {
    .rate-caption .rate {
        font-size: 36px;
        font-weight: bold;
        display: inline-block;
    }

    .rate-caption {
        color: rgb(51, 51, 51) !important;
        text-align: left;
    }
}

@media(max-width: 991px) {
    .rate-caption {
        margin-top: 20px;
    }
}

.life .rate, .life .rate-caption, #main .life .btn-white {
    color: #0076BF;
}


/* Change white button in Looking for More Options component */
#main .life .looking-options .btn-white,
#main .lpt .looking-options .btn-white,
#main .gvul .looking-options .btn-white,
#main .ltd .looking-options .btn-white,
#main .life-spouse .looking-options .btn-white{
  background: linear-gradient(0deg ,#c9c9c9 0%, #e7e7e7 30%);
  color: purple;
  padding: 8px 12px 8px 12px;
  font-weight: bold;
  font-size: 15px;
}
#main .life .looking-options .btn-white:hover,
#main .lpt .looking-options .btn-white:hover,
#main .gvul .looking-options .btn-white:hover,
#main .ltd .looking-options .btn-white:hover,
#main .life-spouse .looking-options .btn-white:hover
{
    background: linear-gradient(0deg, #fff 0%, #e7e7e7 100%);
}



.lpt .rate, .lpt .rate-caption, .lpt .rate-caption span, #main .lpt .btn-white {
    color: #41B6E6;
}

.ltd .rate, .ltd .rate-caption, #main .ltd .btn-white {
    color: #F7941A;
}
.life-spouse .rate, .life-spouse .rate-caption, .life-spouse .rate-caption span, #main .life-spouse .btn-white {
    color: #E4701E;
}

/*.gvul .rate, .gvul .rate-caption, .gvul .rate-caption span, #main .gvul .btn-white {*/
/*    color: #009886;*/
/*}*/

textarea {
    color: black;
}

.landing-icons {
    font-size: 18px;
}

@media screen and (min-width: 768px) {
    .pb-40-sm-min {
        /* helper class: padding-bottom 40px if screen is small or greater */ padding-bottom:40px;
    }
}

.ui-slider, .ui-slider-range {
    background: #2e3347;
    border-radius: 40px;
    border: 1px solid #2e3347;
}
.ui-slider .ui-slider-handle {
    background: #813b79;
    border-radius: 40px;
    border: 1px solid #813b79;
}



.life .ui-slider, .life .ui-slider-range{
    background: #ccc;
    border-radius: 40px;
    border: 1px solid #ccc;
}
.life .ui-slider .ui-slider-handle {
    background: #0076BF;
    border-radius: 40px;
    border: 1px solid #0076BF;
}



.lpt .ui-slider, .lpt .ui-slider-range{
    background: #ccc;
    border-radius: 40px;
    border: 1px solid #ccc;
}
.lpt .ui-slider .ui-slider-handle {
    background: #00B6DD;
    border-radius: 40px;
    border: 1px solid #00B6DD;
}

.ltd .ui-slider, .ltd .ui-slider-range{
    background: #ccc;
    border-radius: 40px;
    border: 1px solid #ccc;
}

.ltd .ui-slider .ui-slider-handle {
    background: #F7941A;
    border-radius: 40px;
    border: 1px solid #F7941A;
}


.life-spouse .ui-slider, .life-spouse .ui-slider-range{
    background: #ccc;
    border-radius: 40px;
    border: 1px solid #ccc;
}
.life-spouse .ui-slider .ui-slider-handle {
    background: #E4701E;
    border-radius: 40px;
    border: 1px solid #E4701E;
}

.gvul .ui-slider, .gvul .ui-slider-range {
    background: #ccc;
    border-radius: 40px;
    border: 1px solid #ccc;
}
.gvul .ui-slider .ui-slider-handle {
    background: #5594b9;
    border-radius: 40px;
    border: 1px solid #5594b9;
}

.ui-slider {
    height: 8px;
}

.ui-slider .ui-slider-handle {
    height: 30px;
    width: 30px;
    margin-top: -7px;
    box-shadow: -1px 1px 2px rgba(0,0,0,0.5);
}

/* slightly hacky way to add in min/max slider values*/
.styled-slider label {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

.styled-slider label span[class^='substitute'] {
    font-size: 36px;
    font-weight: bold;
    color: #813b79;
}

.rebrand .styled-slider label span[class^='substitute'] {
    font-size: 36px;
    /*font-weight: bold;*/
    color: #813b79;
    font-family: 'visuelt-bold-pro', 'Roboto', sans-serif;
}

.life .styled-slider label span[class^='substitute'] {
    color: #0076BF;
}

.bold-ital{
    font-family: 'visuelt-bold-italic-pro', 'Open Sans', 'Roboto', sans-serif;
}

.styled-slider label span[class^='substitute']:before {
    content: '$';
}

.styled-slider .sliderprompt,.slidervalue {
    font-size: 0;
}

.styled-slider {
    width: 100%;
    margin-bottom: 9px;
    font-size: 15px;
}

.styled-slider .slidervalue {
    float: right;
}

.slider_limits {
    margin: -25px 0 25px;
    font-size: 16px;
    color: #292933;
}

.slider_limits span:before {
    content: "$"
}

/* accordion */
.ui-accordion .ui-accordion-header {
    background: white;
    border-radius: 0;
    border: none;
    border-top: 1px solid #ccc;
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
}

.ui-accordion .ui-accordion-header:first-of-type {
    border-color: #fff;
}

.ui-accordion {
    /* no bottom border for final item: border-bottom:1px solid #ccc; */
    margin-bottom: 60px;
    /* was 40, lifted to account for lost border */
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: static;
    float: right;
    left: inherit;
    border-radius: 50px;
    height: 35px;
    width: 35px;
    margin-top: 12px;
    background-size: 18px;
    border: 1px solid #ccc;
    transition: all 0.4s;
}

@media(min-width: 768px) {
    .ui-accordion .ui-accordion-header .ui-icon {
        height:50px;
        width: 50px;
        margin-top: 8px;
        background-size: 33px;
    }
}

@media(min-width: 992px) {
    .styled-slider {
        margin-top: -50px;
    }
    .life-results{
        min-height: 300px;
    }
}

.ui-accordion .ui-accordion-header-active .ui-icon {
    transform: rotate(45deg);
}

.ui-accordion .ui-accordion-content {
    background: white;
    border: none;
    border-radius: 0;
    padding: 0;
    font-weight: 400;
    font-size: 18px;
    color: rgba(0,0,0,0.80);
}

@media(min-width: 768px) {
    .ui-accordion .ui-accordion-content {
        padding:0 30px 0;
    }

    .styled-slider label {
        font-size: 20px;
    }

    .desktop-bg-grey, .desktop-bg-gray {
        /* eg boxes */
        background: #F4F4F4;
    }
}

.ui-accordion .ui-accordion-content p, .ui-accordion li {
    margin-top: 10px;
}

.ui-accordion .ui-accordion-header-icon {
    background: url("../../uploads/00001316/plus.svg") no-repeat scroll 0 rgba(0, 0, 0, 0);
    /* padding: 0 8px; */
    background-position: 8px;
}

/*default accordion header, hover state, expanded state */
.ui-accordion .ui-accordion-header a, .ui-accordion .ui-state-hover a, .ui-state-hover a:hover, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    width: 80%;
    color: #813b79;
    margin: 20px 0;
    padding: 0;
}
.aicpa-accordion .panel ul{
    list-style-type:none;
    margin-left:20px;
}
.aicpa-accordion .panel ul li{
    margin:15px;
    text-indent:-40px;
    width:80%
}
.aicpa-accordion .panel ul li:before{
    content: '\2022';
    display:inline-block;
    text-align:center;
    width:40px;
}

.life .ui-accordion .ui-accordion-header a, .life .ui-accordion .ui-state-hover a, .life .ui-state-hover a:hover, .life .ui-state-active a, .life .ui-state-active a:link, .life .ui-state-active a:visited {
    color: #3074BA;
}

.lpt .ui-accordion .ui-accordion-header a, .lpt .ui-accordion .ui-state-hover a, .lpt .ui-state-hover a:hover, .lpt .ui-state-active a, .lpt .ui-state-active a:link, .lpt .ui-state-active a:visited {
    color: #00B6DD;
}

.ltd .ui-accordion .ui-accordion-header a, .ltd .ui-accordion .ui-state-hover a, .ltd .ui-state-hover a:hover, .ltd .ui-state-active a, .ltd .ui-state-active a:link, .ltd .ui-state-active a:visited {
    color: #F7941A;
}
.life-spouse .ui-accordion .ui-accordion-header a, .life-spouse .ui-accordion .ui-state-hover a, .life-spouse .ui-state-hover a:hover, .life-spouse .ui-state-active a, .life-spouse .ui-state-active a:link, .life-spouse .ui-state-active a:visited {
    color: #E4701E;
}

.gvul .ui-accordion .ui-accordion-header a, .gvul .ui-accordion .ui-state-hover a, .gvul .ui-state-hover a:hover, .gvul .ui-state-active a, .gvul .ui-state-active a:link, .gvul .ui-state-active a:visited {
    color: #5594b9;
}

.footer .btn {
    background: transparent;
    border-radius: 0;
    padding: 15px;
    border: 2px solid white;
    color: white;
    display: inline-block;
    min-width: 0;
    width: 100%;
}

.footer .btn .fa {
    color: white;
}

.graph {
    width: 250px;
    height: 250px;
    border-radius: 125px;
    box-shadow: inset 0 0 0 16px #fff;
    padding-top: 85px;
    color: white;
    font-size: 27px;
    font-weight: bold;
    margin: 0 auto;
    background: #a792a4;
    border: 19px solid #84357a;
}

.life .graph {
    background: #00B6DD;
    border: 19px solid #3074ba;
}

.lpt .graph {
    background: #abd5e4;
    border: 19px solid #00B6DD;
}

.ltd .graph {
    background: #abd5e4;
    border: 19px solid #F7941A;
}
.life-spouse .graph {
    background: #ffc099;
    border: 19px solid #E4701E;
}

.gvul .graph {
    background: #7da09b;
    border: 19px solid #108574;
}

.tooltip {
    border-radius: 2px;
    box-shadow: -2px 2px 2px rgba(0,0,0,0.5);
    background: #73246a;
}

.tooltip-inner {
    text-align: left;
    background: #73246a;
}

.tooltip-arrow {
    display: none;
}

.tooltip {
    background: #73246a;
}

.life .tooltip, .life .tooltip-inner {
    background: #0076bd;
}

.lpt .tooltip, .lpt .tooltip-inner {
    background: #00B6DD;
}

.ltd .tooltip, .ltd .tooltip-inner {
    background: #F7941A;
}
.life-spouse .tooltip, .life-spouse .tooltip-inner {
    background: #E4701E;
}

.gvul .tooltip, .gvul .tooltip-inner {
    background: #009887;
}

.coverage-header {
    text-align: center;
    font-size: 20px;
    padding: 20px 0;
    box-shadow: 0 2px 10px 0 rgba(46,51,76,0.15);
}

.coverage-header h1 {
    font-weight: 800;
    margin: 0;
}

.coverage-header hr {
    width: 50%;
    border: 3px solid;
}

.dollar-month {
    font-size: 40px;
    font-weight: 400;
    display: block;
}

.dollar-month:first-letter { /* replaces before pseudo class */
    content: "$";
    font-size: 18px;
    margin-right:2px;
    vertical-align: super;
}

.dollar-month:after {
    content: "/mo";
    font-size: 20px;
    font-weight: 400;
}

.coverage-feature {
    border-bottom: 1px solid #ccc;
    padding: 20px;
    font-size: 18px;
}

.stack-mobile .coverage-feature {
    /* on shaded backgrounds, the border color should approach white */
    border-bottom: 1px solid rgba(255,255,255,0.3);
}
.bg-white .stack-mobile .coverage-feature{
    /* on white backgrounds, the border between features should be grey */
    border-bottom: 1px solid #ccc;

}

/* stop all flavours of the last coverage-feature from showing a border. */
.coverage-feature:last-of-type, .coverage-feature.no-border,
.bg-white .stack-mobile .coverage-feature:last-of-type, .bg-white .stack-mobile .coverage-feature.no-border{
    border-bottom: 0;
}
/* unless they have a forced border */
.bg-white .stack-mobile .coverage-feature.force-border{
    /* on white backgrounds, the border between features should be grey */
    border-bottom: 1px solid #ccc;
}


.coverage-feature.blank {
    display: none;
}

.coverage-feature .btn {
    display: block;
    margin: 20px auto;
}
.coverage-feature.no-border .btn{
    margin-top:0;
}

.coverage-help {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 18px;
    line-height: 1.7;
    padding: 0 5px 0 5px;
}

.life .coverage-help, .life .styled-slider label span[class^='substitute'], .life .bg-white {
    color: #0076BF;
}

.lpt .coverage-help, .lpt .styled-slider label span[class^='substitute'], .lpt .bg-white {
    color: #41B6E6;
}

.ltd .coverage-help, .ltd .styled-slider label span[class^='substitute'], .ltd .bg-white {
    color: #F7941A;
}
.life-spouse .coverage-help, .life-spouse .styled-slider label span[class^='substitute'], .life-spouse .bg-white {
    color: #E4701E;
}

.gvul .coverage-help, .gvul .styled-slider label span[class^='substitute'], .gvul .bg-white {
    color: #5594b9;
}

/* amends from 9 April */  .feature-row{color:#000;}

@media screen and (min-width: 768px) {
    .coverage-feature.blank {
        display:block;
    }

    .coverage-feature.blank:before {
        content: "";
        width: 30%;
        display: block;
        margin: 7px auto ; /* was zero. client moved to center layout 2020-05-05 */
        border: 4px solid #c5c5c5;
        border-radius: 5px;
    }

    /* AMEND MAY 05: Coverage bars should be grey, not context sensitive.

    .life .coverage-feature.blank:before {
        border-color: #0f75bd;
    }

    .lpt .coverage-feature.blank:before {
        border-color: #2cacdd;
    }

    .gvul .coverage-feature.blank:before {
        border-color: #108574;
    }*/

    .coverage-help {
        float: right;
        padding: 0;
        line-height: 0;
        margin-top: 15px;
        font-size: 15px;
        margin-bottom: 0;
    }

    .coverage-feature {
        color: black;
    }

    .icon-container {
        margin-right: 20px;
    }

    .icon-container img {
        height: 60px;
        margin-right: 20px;
    }

    .footer .btn {
        max-width: 230px;
    }
}

.social-icon {
    margin: 20px 20px 20px 0;
}

.font-10 {
    font-size: 10px;
}

.font-16 {
    font-size: 16px;
}
.font-18 {
    font-size: 18px;
}

.font-13-b {
    font-size: 13px;
    font-weight: bold;
}

.advanced .productField .buttonState {
    background: linear-gradient(0deg,#672c89 0%, #a83e6b 100%);
    width: calc(33% - 10px);
    margin: 0 20px 20px 0;
    border: 0;
}

.advanced .productField .buttonState:nth-of-type(2) {
    background: linear-gradient(0deg,#1597d1 0%, #3ab6e4 30%);
}

.advanced .productField .buttonState:nth-of-type(3) {
    background: linear-gradient(0deg,#007d71 0%, #008574 30%);
    margin-right: 0;
}

.advanced .productField .buttonState.active:before {
    content: "";
    width: 20px;
    height: 15px;
    border-top: solid 13px rgb(103, 44, 137);
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
    position: absolute;
    margin-top: 40px;
}

.advanced .productField .buttonState:nth-of-type(2).active:before {
    border-top: solid 15px rgb(23, 153, 210);
}

.advanced .productField .buttonState:nth-of-type(3).active:before {
    border-top: solid 15px rgb(14, 125, 113);
}

.hero .bg-filled {
    transform: skewY(-6deg);
    transform-origin: top left;
    padding-bottom: 50vw;
    margin-bottom: 20vw;
}

.hero .bg-filled * {
    transform: skewY(6deg);
}

@media(max-width: 767px) {
    .hero .image-one, .hero .image-two {
        z-index:10;
        position: absolute;
        width: 90%;
        height: 48vw;
        top: 400px;
        left: 5%;
    }
}

/* tune specific devices */
@media(max-width: 767px) {
    .hero .image-one, .hero .image-two {
        top:320px;
    }

    .hero .bg-filled {
        padding-bottom: 30vw;
        margin-bottom: 20vw;
    }

    .small-nav .hero .bg-filled {
        margin-bottom: 150px;
        /* background:#f18b8b; */
    }
}

@media(max-width: 375px) {
    .hero .image-one, .hero .image-two {
        top:320px;
    }

    .hero .bg-filled {
        padding-bottom: 40vw;
        margin-bottom: 20vw;
    }

    .small-nav .hero .bg-filled {
        margin-bottom: 77px;
        /* background:#199619; to help identify media query */
    }
}

@media(max-width: 320px) {
    .hero .image-one, .hero .image-two {
        top:350px
    }

    .hero .bg-filled {
        padding-bottom: 35vw;
        margin-bottom: 32vw;
        /* background:purple; */
    }

    .small-nav .hero .bg-filled {
        margin-bottom: 140px;
        /* background:#922a92; to help identify media query */
    }
}

@media(max-width: 300px) {
    .hero .image-one, .hero .image-two {
        display:none;
    }

    .hero .bg-filled {
        padding-bottom: 10vw;
        margin-bottom: 0;
        /* background:brown; */
    }

    .small-nav .hero .bg-filled {
        margin-bottom: 0;
        /* background:#bb5e5e; to help identify media query */
    }
}

@media(min-width: 768px) {
    .hero .bg-filled, .hero .bg-filled * {
        transform: none;
        margin-bottom: 0;
    }

    .hero .bg-filled {
        padding-bottom: 20px;
    }
}

.hero h2 {
    font-size: 18px;
    line-height: 19px;
    min-height: 50px;
    /* always have room for the logo */
}

.life .hero h2 {
    background: url('../../uploads/00001316/icons/CPA%20LIFE%20ICON.svg') no-repeat;
    background-size: 60px;
    padding-left: 85px;
}

.life .hero h2.use-fill-color {
    background: url('../../uploads/00001316/icons/CPA%20LIFE%20ICON%20FILLED.svg') no-repeat;
    background-size: 88px;
    padding-left: 85px;
}

.lpt .hero h2 {
    background: url('../../uploads/00001316/icons/LPT%20ICON.svg') no-repeat;
    background-size: 60px;
    padding-left: 85px;
}

.ltd .hero h2 {
    background: url('../../uploads/00001316/icons/LTD%20ICON.svg') no-repeat;
    background-size: 60px;
    padding-left: 85px;
}
.life-spouse .hero h2 {
    background: url('../../uploads/00001316/icons/lpts%20ICON.svg') no-repeat;
    background-size: 60px;
    padding-left: 85px;
}

.gvul .hero h2 {
    background: url('../../uploads/00001316/icons/GVUL%20ICON.svg') no-repeat;
    background-size: 60px;
    padding-left: 85px;
}

.features .col-md-4 {
    min-height: 75px;
    /* tweak height of icon rows, else they spill awkwardly. */
}

@media screen and (min-width: 1060px) {
    .hero h1 {
        margin-top:3vw;
        font-size: 3.2vw;
        line-height: 4.4vw;
        text-align: left;
    }
    .hero h1 .smaller-header{
        font-size:32px;
    }

    .hero h2 {
        font-size: 1.3vw;
        padding-right: 100px;
        margin-top: 3vw;
        height: 6vw;
        line-height: 1.7vw;
        padding-top: 0.5vw;
    }

    .life .hero h2, .gvul .hero h2, .lpt .hero h2, .ltd .hero h2, .life-spouse .hero h2{
        padding-left: 9.2vw;
        max-height: none;
        background-size: 7vw;
    }
}

.require {
    display: none;
}

.warning {
    font-family: 'Open Sans', sans-serif;
    color: #FF3A3A;
    font-size: 10px;
    line-height: 12px;
}

.content-inerror input {
    border: 1px solid #D0021B;
    color: #D0021B;
}

.conditional .buttonState, .conditional.buttonState.inactive, .conditional .buttonState.active, .conditional .buttonState:active, .conditional .buttonState:hover {
    font-size: 13px;
    box-shadow: none;
    border: none;
    padding: 8px 10px;
    height: auto;
    min-width: auto;
    max-width: 47%;
    margin-right: 1.5%;
    background: #2d77b9;
    color: white;
    border-radius: 50px;
}
#trLPT  .buttonState.active{
    border: none;
}

#trLPT .pills .buttonState.active{
    border: 1px solid #1897d2;
}

.conditional .buttonState.active {
    font-weight: 700;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
}

.conditional .buttonState:hover, .conditional .buttonState.active {
    background: #4a92dc;
    background: linear-gradient(0deg,#3876cc 0%, #1999e6 30%);
}

.gvul .conditional .buttonState, .gvul .conditional.buttonState.inactive, .gvul .conditional .buttonState.active, .gvul .conditional .buttonState:active, .gvul .conditional .buttonState:hover {
    background: #118574;
}

.gvul .conditional .buttonState:hover, .gvul .conditional .buttonState.active {
    background: #419586;
    background: linear-gradient(0deg,#118574 0%, #419586 30%);
}

.lpt .conditional .buttonState, .lpt .conditional.buttonState.inactive, .lpt .conditional .buttonState.active, .lpt .conditional .buttonState:active, .lpt .conditional .buttonState:hover {
    background: #00B6DD;
    line-height: 21px;
}
.ltd .conditional .buttonState, .ltd .conditional.buttonState.inactive, .ltd .conditional .buttonState.active, .ltd .conditional .buttonState:active, .ltd .conditional .buttonState:hover {
    background: #F7941A;
}
.life-spouse .conditional .buttonState,
.life-spouse .conditional.buttonState.inactive,
.life-spouse .conditional .buttonState:hover {
    background: #E4701E;
}

.life-spouse .conditional .buttonState.active,
.life-spouse .conditional .buttonState:hover {
    background: linear-gradient(0deg,#FF7D21 0%, #ff9a4d 30%);
}

.lpt .conditional .buttonState:hover, .lpt .conditional .buttonState.active {
    background: #00B6DD;
    background: linear-gradient(0deg,#1597d1 0%, #3ab6e4 30%);
}

.ltd .conditional .buttonState:hover, .ltd .conditional .buttonState.active:hover {
    background: #F7941A;
    background: linear-gradient(0deg,#F7A11A 0%, #F7941A 30%);
}
.ltd .conditional .buttonState:hover, .ltd .conditional .buttonState.active:hover {
    background: #FF7D21;
    background: linear-gradient(0deg,#FF7D21 0%, #E4701E 30%);
}

.fa-listed .fa-check-circle {
    width: 15px;
}

.fa-listed .fa-info-circle, .fa-listed .tooltip, .tooltip {
    text-indent: 0;
}
.fa-info-circle{
    cursor: pointer;
}

.fa-listed {
    margin: 20px 0 20px 40px;
    text-indent: -20px;
    padding: 0 30px;
    color: black;
}

@media(min-width: 768px) {
    .fa-listed {
        padding:0;
    }
}

.btn.rate-apply {
    margin-top: 23px;
    height: 47px;
    font-size: 18px;
    padding-top: 10px;
    color: white;
}

.pending-rate {
    font-size: 0;
}

.pending-rate:before {
    content: "";
    display: inline-block;
    background: url("../../uploads/00001316/loaders/wave-aicpa.gif") no-repeat;
    background-size: contain;
    background-position: bottom;
    width: 80px;
    height: 30px;
    margin-top: -30px;
    font-size: 0;
}

.life .pending-rate:before {
    background: url("../../uploads/00001316/loaders/wave-life.gif") no-repeat;
    background-size: contain;
    background-position: bottom;
}

.lpt .pending-rate:before {
    background: url("../../uploads/00001316/loaders/wave-lpt.gif") no-repeat;
    background-size: contain;
    background-position: bottom;
}

.ltd .pending-rate:before {
    background: url("../../uploads/00001316/loaders/wave-ltd.gif") no-repeat;
    background-size: contain;
    background-position: bottom;
}
.life-spouse .pending-rate:before {
    background: url("../../uploads/00001316/loaders/wave-white.gif") no-repeat;
    background-size: contain;
    background-position: bottom;
}

.gvul .pending-rate:before {
    background: url("../../uploads/00001316/loaders/wave-gvul.gif") no-repeat;
    background-size: contain;
    background-position: bottom;
}

.plan-summary .pending-rate:before {
    background: url("../../uploads/00001316/loaders/wave-plum.gif") no-repeat;
    background-size: contain;
    background-position: bottom;
}

.bg-shaded .fa, .bg-filled .fa {
    color: white;
}

.features .row {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgb(255,255,255) 25%, rgb(204,204,204) 25%, rgba(204,204,204,1) 98%, rgb(255,255,255) 98%);
}

.features .feature-row {
    display: flex;
    /*align-items: center;*/
    margin-bottom: 2px;
    background: white;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 18px;
}

.bg-shaded .light, .bg-white .light, .desktop-bg-grey .light, .light {
    font-weight: 300;
}

.bg-shaded .left {
    text-align: left;
}

cite {
    font-size: 12px;
}

blockquote {
    font-weight: 300;
}

.needs .header {
    margin-top: -100px;
}

.needs {
    padding-top: 40px;
}

/*Calculator Tools Headings*/
.calc-tool-title{
    text-align: right;
    font-weight: 300 !important;
    margin-top: 30px;
    margin-bottom: 20px;
}
@media(max-width: 991px){
    .calc-tool-title{
        text-align: center;
        /*padding-bottom: 20px;*/
    }
}
@media(max-width: 576px){
    .calc-tool-title{
        font-size: 18px!important;
    }
}
@media(min-width: 768px){
    .calc-tool-title-scroll{
        margin-top: 15px;
    }    
}
@media(max-width: 767px){
    .calc-tool-title-scroll{
        margin-top: -30px;
    }    
}
@media(max-width: 420px){
    .calc-tool-title-scroll{
        text-align: right;
    }    
}

.calc-tool-title-scroll{
    color: white !important;
}



.closeOut {
    padding-top: 25px;
    margin-left: 75px;
}

.tooltipCloseOut {
    height: 18px;
    width: 18px;
    margin-left: 21px;
    /*margin-right: 12px;*/
    cursor: pointer;
}

.needs .logo {
    height: 62px;
}

.needs input {
    color: black;
}

.needs label h1 {
    font-size: 32px;
}

h1 .fa {
    font-size: 15px;
    vertical-align: text-top;
}

.carousel-container h1 .fa {
    font-size: 23px;
}

.needs h3 {
    font-size: 22px;
    font-weight: bold;
}

.needs h1 {
    font-size: 36px;
    font-weight: 500;
    line-height: 42px;
}

.error-icon {
    display: none;
}

@media(min-width: 768px) {
    .feature-row {
        min-height:100px;
    }

    .features .row {
        background: white;
    }

    .bg-shaded .light, .bg-white .light, .desktop-bg-grey .light {
        font-weight: 100;
        font-size: 58px;
    }

    .lead {
        font-size: 22px;
    }

    blockquote {
        font-size: 24px;
    }

    .error-icon {
        float: left;
        display: inline;
        padding-right: 50px;
    }
}

@media(min-width: 992px) and (max-width:1200px) {
    .feature-row {
        min-height:130px;
    }
}

.inline .elementcontainer {
    width: 33%;
    display: inline-block;
    padding: 1%;
}

@media (max-width: 1100px) {
    .inline .elementcontainer{
        width: 33%;
    }
}

@media (max-width: 900px) {
    .inline .elementcontainer{
        width: 50%;
    }
}

/* adding modal css here */
.btn-circle-next, .btn-circle-next:hover, .btn-circle-back, .btn-circle-back:hover {
    background: url('../../uploads/00001316/icons/arrow-right-grey.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    display: block;
    min-width: 0;
    float: right;
}

.btn-circle-back, .btn-circle-back:hover {
    float: left;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.btn.to-match-circle {
    position: absolute;
    right: 2%;
    margin-top: 14px;
}

.progress-bar-outer {
    background: #2E3347;
    border-radius: 20px;
    height: 28px;
    display: block;
    padding: 8px;
}

.progress-bar-inner {
    width: 0;
    transition: all 0.7s;
    background: linear-gradient(270deg,#86357a 0%, #682d87 100%);
    height: 12px;
    border-radius: 12px;
}

.needs .total {
    font-size: 46px;
    font-weight: bold;
    font-family: 'Roboto', Arial, Geneva, sans-serif;
}

.center {
    text-align: center;
}

.needs-results-explainer {
    font-family: inherit;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
}

.needs-results-explainer-excess {
    font-family: inherit;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
}

.needs-results-stats {
    position: relative;
    z-index : 1;
    padding-bottom: 10px;
    margin: 0 5% 0;
    border-top: 1px solid #d3d3d3;
}

@media(min-width: 768px) {
    .needs-results-stats {
        border-color:transparent;
        margin: 0;
    }
}

.needs-results-stats h2:nth-child(2) {
    margin-top: 0;
}

.needs-results-stats:nth-last-child(2):before {
    border-bottom: none;
}

.needs-results-stats .fa {
    color: black;
}

.needs-results hr {
    width: 90%;
}

.footer hr {
    border-top: 1px solid #6b6b6b;
}

.desktop-padding-100 {
    padding: 0;
}

.contact-validation {
    font-size: 32px;
    line-height: 42px;
    font-weight: 400;
    text-align: center;
    color: #1E0E3E;
}

.desktop-padding-200 {
    padding-left: 20px;
    padding-right: 20px;
}

@media(min-width: 992px) {
    .desktop-padding-200 {
        padding-left: 200px;
        padding-right: 200px;
    }
}

.excess-results-icon {
    height: 70px;
    float: right;
    padding-left: 10px;
    padding-right: 20px;
}

@media(min-width: 768px) {
    .needs-results-stats:before {
        content:none;
    }

    .desktop-padding-100 {
        padding: 100px;
    }

    .contact-validation {
        font-size: 48px;
        line-height: 56px;
        font-weight: 400;
    }

    .needs-results hr {
        width: 100%;
        border-top: 1px solid #D8D8D8;
    }

    .excess-results-icon {
        display: none;
    }
}

/* style the dismissable alert */
.alert {
    background: #5594b9;
    color: white;
    border-radius: 0;
    border: none;
    text-align: center;
    font-family: "Roboto", Arial, Geneva, sans-serif;
    font-weight: 700;
    font-size: 13px;
    /* force it to the top of the screen (need to think about navbar fixed here)*/
    position: fixed;
    bottom: 0;
    margin-bottom:0;
    z-index: 5000;
    width: 100%;
}
.alertBlue {
    background: #0076BF;
}

.alert .close {
    /* this is the X button */
    color: white;
    opacity: 1;
    box-shadow: none;
    text-shadow: none;
}

.final-result-sub {
    font-size: 18px;
}

.regular {
    font-weight: 400;
}

.as-link {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px
}

.coverage-error {
    font-weight: 400;
    line-height: 28px;
}

.carousel-panel h1 {
    font-family: 'Roboto', Arial, Geneva, sans-serif;
    font-weight: 100;
}

.btn-view-rate {
    min-width: 190px;
    padding: 8px 12px 8px 12px;
    font-weight: bold;
    font-size: 17px;
}

@media(min-width: 768px) {
    .btn-view-rate {
        font-size: 15px;
    }
}

.mt20imp {
    margin-top: 20px !important;
}

.results-over {
    padding: 25px 50px 35px 50px;
    margin: 60px 0 25px 0;
}

.desktop-over-face {
    padding: 60px 0 0 50px;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.ui-selectmenu-button:focus, input:focus, .buttonState:focus {
    outline: none;
    transition: all 0.2s;
    box-shadow: 0 0 5px 1px rgba(18, 103, 181,0.2)
}

.ui-selectmenu-button .ui-selectmenu-text {
    overflow: hidden;
    max-height: none !important;
    height: auto !important;
}

.anchor-counter-balance {
    padding-top: 40px;
    margin-top: -40px;
}

.javascriptwarning {
    width: 100%;
    background: #ef1c2d;
    display: block;
    text-align: center;
    color: white;
    font-size: 32px;
    padding: 20px;
}

.with-hover-pointer {
    cursor: pointer;
}

.with-hover-underline:hover {
    text-decoration: underline;
}

.btn-circle-next:focus {
    zoom:1.1; /* let consumer know they've tabbed to the next button in carousel */
}

.small-nav .btn.nav-rate-button:hover {
    background: none;
    color: #4aa3e2;
}

.small-nav .ltd .btn.nav-rate-button:hover,
.small-nav .life-spouse .btn.nav-rate-button:hover {
    color: rgba(255,255,255,0.7);
}


li a:hover {
    color: white;
}

.display-block {
    display: block;
}

.white-link, a:link, a:hover, a:active {
    color: white;
}

/* specific mobile tweaks for overlapped image heights and white space */
@media(min-width: 320px) and (max-width:400px) {
    .overlap-right {
        height:370px;
    }

    .small-nav .overlap-right {
        height: 371px;
    }
}

@media(min-width: 401px) and (max-width:550px) {
    .overlap-right {
        height:370px;
    }

    .small-nav .overlap-right {
        height: 320px;
    }
}

@media(min-width: 551px) and (max-width:600px) {
    .overlap-right {
        height:390px;
    }

    .small-nav .overlap-right {
        height: 350px;
    }
}

@media(min-width: 601px) and (max-width:650px) {
    .overlap-right {
        height:400px;
    }

    .small-nav .overlap-right {
        height: 380px;
    }
}

@media(min-width: 651px) and (max-width:750px) {
    .overlap-right {
        height:450px;
    }

    .small-nav .overlap-right {
        height: 440px;
    }
}

.buttonState.strm-bs-group-3 {
    width: 30%;
    max-width: 30%;
}

.question-card .buttonState.strm-bs-group-3{
    width: 33.33%;
    max-width: 33.33%;
}

/* pill style buttonstates */
.pills .buttonState, .pills .buttonState.inactive{
    background: #672c89;
    background: linear-gradient(0deg,#672c89 0%, #a83e6b 100%);
    border: 1px solid #672c89;
    border-radius: 30px;
    padding: 2px 15px 2px 30px;
    width: auto;
    margin-right: 15px;
    font-weight: bold;
    height: auto;
    color: white;
}
.pills .buttonState span span:before {
    content: "";
    background: white;
    width: 22px;
    height: 22px;
    border-radius: 30px;
    float: left;
    margin: 1px  0 0 -27px;
}
.pills .buttonState:hover span:first-of-type :before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #ce9ec7;
    margin: 1px 7px 0 -27px;
    padding-top: 2.5px;
}
.pills .buttonState.active span:first-of-type :before,
.pills .buttonState.active:hover span:first-of-type :before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #83357c;
    margin: 1px 7px 0 -27px;
    padding-top: 2.5px;
}

/* palette tweaks for pills */
.lpt .pills .buttonState, .lpt .pills .buttonState.inactive{
    background: #3ab6e3;
    background: linear-gradient(0deg,#3bb7e4 0%, #1799d3 100%);
    border: 1px solid #1897d2;
}
.lpt .pills .buttonState:hover span:first-of-type :before {
    color: rgba(58,182,227,0.39);
}
.lpt .pills .buttonState.active span:first-of-type :before,
.lpt .pills .buttonState.active:hover span:first-of-type :before {
    color: #39b7e3;
}

.lps .pills .buttonState, .lps .pills .buttonState.inactive{
    background: #3ab6e3;
    background: linear-gradient(0deg, #2459A9 0%, #0076BF 100%) !important;
    border: 1px solid #1897d2;
}

/* end palette tweaks */

/* styled button states for 10 and 20 year selection */
.year-select .buttonState, .year-select .buttonState.inactive, .year-select-lpts .buttonState, .year-select-lpts .buttonState.inactive {
    background: linear-gradient(0deg, #41B6E6 0%, #41A3E6 100%);
    border: 1px solid #00B6DD;
    border-radius: 30px;
    padding: 2px 15px 2px 30px;
    width: auto;
    margin-right: 15px;
    font-weight: bold;
    height: auto;
    color: white;
}
.life-spouse .year-select .buttonState, .life-spouse .year-select .buttonState.inactive {
    background: #FF7D21;
    background: linear-gradient(0deg,#FF7D21 0%, #E4701E 30%);
    border: 1px solid #FF7D21;
}

#trLPT .rate-class-buttons .buttonState span span:before {
    content: "";
    background: white;
    width: 22px;
    height: 22px;
    border-radius: 30px;
    float: left;
    margin-left: -2px;
}

.rate-class-buttons .buttonState{
     line-height: 20px;
 }


.year-select .buttonState span span:before{
    content: "";
    background: white;
    width: 22px;
    height: 22px;
    border-radius: 30px;
    float: left;
    margin: 1px 5px 0 -27px;
}
/* hover state for year select uses lighter tick */
.year-select .buttonState:hover span:first-of-type :before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #aee4ff;
    margin: 0 7px 0 -28px;
    padding-top: 2.5px;
}
.life-spouse .year-select .buttonState:hover span:first-of-type :before {
    color: #e6b695;
}


/* standard tick */
.year-select .buttonState.active span:first-of-type :before,
.year-select .buttonState.active:hover span:first-of-type :before {

    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #40afe7;
    margin: 0 7px 0 -28px;
    padding-top: 2.5px;
}
.life-spouse .year-select .buttonState.active span:first-of-type :before,
.life-spouse .year-select .buttonState.active:hover span:first-of-type :before {
    color:#E4701E
}



/* LTD colourways and layout for term-select */
.term-select-ltd .buttonState.active, .term-select-ltd .buttonState.active:hover, .term-select-ltd .buttonState{
    background:none;
    border:none;
    margin:0;
    padding:0;
    min-height: 86px;
    /*height:50px;*/
    /*display:block;*/
}

.term-select-ltd .buttonState span span:before {
    content: "";
    background: white;
    width: 22px;
    height: 22px;
    border-radius: 30px;
    float: left;
    margin-left: -27px;
}
.term-select-ltd .buttonState.active span:first-of-type :before,
.term-select-ltd .buttonState.active:hover span:first-of-type :before {
    display:inline-block;
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #40afe7;
    margin: 0 7px 0 -27px;
    padding-top: 2.8px;
    padding-left: 2px;
    position:absolute;
}
.term-select-ltd .buttonState, .term-select-ltd .buttonState.active{
    background:none;
    border:none;
    /* display:block; */
    /* width:100%; */
    text-align:left;
    box-shadow:none;
}
.term-select-ltd .buttonState:last-of-type{
    border:none;
}
/*.term-select .buttonState span, .term-select .buttonState.inactive span {*/
/*    background: #F7941A;*/
/*    background: linear-gradient(0deg,#F7A11A 0%, #F7941A 100%);*/
/*    border: 1px solid #f7941a;*/
/*    display:inline-block;*/
/*    margin:0;*/
/*    border-radius: 30px;*/
/*    padding: 2px 7px 2px 16px;*/
/*    width: auto;*/
/*    font-weight: bold;*/
/*    height: auto;*/
/*    color: white;*/
/*}*/
.life-spouse .term-select .buttonState span, .life-spouse .term-select .buttonState.inactive span {
    background: #E4701E;
    background: linear-gradient(0deg,#E4701E 0%, #FF7D21 30%);
    border:1px solid #fd7d22;
}
.term-select-ltd .buttonState.active span:first-of-type :before,
.term-select-ltd .buttonState.active:hover span:first-of-type :before{
    color: #f7941a;
}
.life-spouse .term-select .buttonState.active span:first-of-type :before,
.life-spouse .term-select .buttonState.active:hover span:first-of-type :before{
    color: #E4701E;
}
.term-select-ltd .buttonState:hover span:first-of-type :before {
    color: rgba(247, 148, 26, 0.5);
}
/*.term-select .buttonState:after{*/
    /*margin-left: 20px;*/
/*    content: 'Receive your benefits sooner';*/
/*    color: #292929;*/
    /* font-style: italic; */
/*    width: 50%;*/
/*    float: left;*/
/*}*/
/*#trRowForLTDOptions .term-select .strm-bs-pos-2:after{*/
/*    content:'Offers you lower rates';*/
/*    width: 50%;*/
/*    float: left;*/
/*}*/

/* override palette for term-select if in the results block */
.results-block.inline.term-select .buttonState.strm-bs-group-2{
    display:inline-block;
}
.results-block.inline.term-select .buttonState span span:after{
    background:#f7951b;
}
.life-spouse .results-block.inline.term-select .buttonState span span:after{
    background:#E4701E;
}
@media(max-width:767px){
    .fifty-fifty .coverage-header{
        width:90%;
        margin-left:4%;
        padding:15px;
    }
    .fifty-fifty .coverage-header .buttonState,
    .fifty-fifty .coverage-header .buttonState:hover{
        margin:auto;
    }
}
@media(min-width:768px){
    /* change colours and layout when on orange background */
    .results-block.term-select .buttonState span span:before {
        background: #f7951b;
    }
    .results-block.term-select .buttonState:last-of-type{
        border:none;
    }
    .results-block.term-select .buttonState span, .results-block.term-select .buttonState.inactive span {
        background: #ffffff;
        border: none;
        color: #f7951b;

    }
    .results-block.term-select .buttonState.active span:first-of-type :before,
    .results-block.term-select .buttonState.active:hover span:first-of-type :before{
        color: #ffffff;
    }
    .results-block.inline.term-select .buttonState span span:after{
        background:white;
    }
}
.results-block.term-select .buttonState:after{
    content: '';
}
.results-block.term-select .buttonState span span:after{
    content: ' Disability Option';
}
.results-block.inline.term-select .buttonState span span:after{
    content:'Wait'; /* tricky this bit, need to cover up the 's' from Weeks */
    margin-left:-9px;
    padding-left:6px;
}
.results-block.inline.term-select.no-after .buttonState span span:after{
    content:''; 
}

/* disability option buttonstate layout tweaks */

#trRowForLTDOptions .disability-option .buttonState,
#trRowForLTDOptions .term-select .buttonState{
    padding:0;
    margin:0;
    width:47%;
    text-align:left;
    height:auto;
    /*min-height: 86px;*/
    margin-right:6%;
    box-shadow:none;
    border:0px !important;
}
.disability-option .buttonState.active, .disability-option .buttonState.active:hover,
.term-select .buttonState.active, .term-select .buttonState.active:hover{
    background:white;
    /*border:2px solid #41B6E6;*/
}
/*.disability-option .buttonState.strm-bs-pos-2, .disability-option .buttonState.active.strm-bs-pos-2{*/
    /*border:2px solid #2459A9;*/
/*}*/
.disability-option .buttonState.strm-bs-pos-2{
    margin-right:0;
}



#trRowForLTDOptions .disability-option .buttonState span, #trRowForLTDOptions .term-select .buttonState span{
    /*background: linear-gradient(0deg,#1597d1 0%, #3ab6e4 30%);*/
    padding: 0px 0px 0px 20px;
    /*display:block;*/
    color: #000;
    font-weight:400;
    width: 50%;
    /*float: left;*/
    /*margin: 9px 0px 10px 0;*/
}

/*#trRowForLTDOptions .disability-option .buttonState span span:after{*/
/*    content: "\a";*/
/*    white-space: pre;*/
/*}*/


/*@media(max-width:768px){*/
/*#trRowForLTDOptions .disability-option .buttonState span, #trRowForLTDOptions .term-select .buttonState span{*/
/*    width: 100%;*/
/*    float: left;*/
/*}    */
/*}*/



#trRowForLTDOptions .buttonState.active span{
    font-weight: 700;
}
#trRowForLTDOptions .disability-option .answer, #trRowForLTDOptions .term-select .answer{
    border: 1px solid #ccc;
    padding: 0 15px;
    background: #fff;
}
#trRowForLTDOptions .disability-option .buttonState:nth-child(3), #trRowForLTDOptions .term-select .buttonState:nth-child(3){
    border-top: 2px solid #ccc !important;
    
}


.disability-option .buttonState span span:after{
    content:" Disability Option";
}

.disability-option .buttonState span span:before, .term-select .buttonState span span:before{
    content: " ";
    background: white;
    width: 22px;
    height: 22px;
    border-radius: 30px;
    margin-left: -27px;
    padding-left:3px;
    position:absolute;
    border: solid 1px #ccc
}
.coverage-header .disability-option .buttonState span span:before, .coverage-header .term-select .buttonState span span:before{
    border: none;
}

.coverage-header .disability-option .buttonState:hover span span:before, .coverage-header .term-select .buttonState:hover span span:before{
    content: " ";
}
.lower-text{
    text-transform: lowercase;
}
/* highlight tick */
.disability-option .buttonState:hover span:first-of-type :before, .term-select .buttonState:hover span:first-of-type :before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #ccc;
    padding-top: 3.5px;
    padding-left: 3px;
    position:absolute;
}
/*selected tick */
.disability-option .buttonState.active span:first-of-type :before,
.disability-option .buttonState.active:hover span:first-of-type :before,
.term-select .buttonState.active span:first-of-type :before,
.term-select .buttonState.active:hover span:first-of-type :before{
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    margin: 0 7px 0 -27px;
    padding-top: 2.5px;
    background: #F7941A;
}
.disability-option .buttonState.strm-bs-pos-2.active span:first-of-type :before,
.disability-option .buttonState.strm-bs-pos-2.active:hover span:first-of-type :before {
    color:#fff;
}
.disability-option .buttonState.strm-bs-pos-2 span span{
    /*background: linear-gradient(0deg,#2459A9 0%, #0076BF 30%);*/
}
.disability-option .buttonState:after, .term-select .buttonState:after{
    /*content:"Receive your benefits sooner.";*/
    color:#292929;
    /*padding:20px;*/
    /*display:block;*/
    width:50%;
    /*float: left;*/
}
#trRowForLTDOptions .disability-option .buttonState.strm-bs-pos-1:after{
    /*content:"Continue working in your current occupation while collecting benefits."*/
}
#trRowForLTDOptions .disability-option .buttonState.strm-bs-pos-2:after{
    /*content:"Provides benefits if you are unable to work in your current occupation."*/
}

#trRowForLTDOptions .plan-option .buttonState.strm-bs-pos-1:after{
    /*content:"Continue working in your current occupation while disabled and collect benefits."*/
}

/*.plan-option.known.optional > div.answer > span.productField > div.buttonState.active.strm-bs-pos-1.strm-bs-group-2 > span*/

/*#trRowForLTDOptions .term-select .buttonState:after{*/
/*    color:#292929;*/
/*    padding:20px;*/
    /*display:block;*/
/*    width:50%;*/
/*    float: left;*/
/*}*/




#trRowForLTDOptions .term-select .buttonState.strm-bs-pos-1:after{
    content:"Offers you benefits sooner.";
}
#trRowForLTDOptions .term-select .buttonState.strm-bs-pos-2:after{
    content:"Offers you lower rates.";
}



@media(max-width:600px){
    .disability-option .buttonState, .disability-option .buttonState.active{
        box-sizing:border-box;
        width:90%;
        margin:15px 5% 0;
    }
}

#trRowForLTDOptions .term-select .buttonState{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 30px 0 30px 0;
}
#trRowForLTDOptions .disability-option .buttonState{
    width: 100%;
    display: block;
    align-items: center;
    padding: 30px 0 30px 0;
}
#trRowForLTDOptions .buttonState.active{
    border-bottom: 0px !important;
}

@media(max-width:991px){
    .ltd-lp-plan-option{
        /*margin-top: 50px;*/
    }    
}


.desktop-bg-filled .year-select .buttonState,
.desktop-bg-filled .year-select .buttonState.active,
.desktop-bg-filled .year-select .buttonState:hover{
    border: 2px solid white;
}


/* reworked native css */
.native-styled select {
    display: block;
    line-height: 2;
    padding: 13px;
    font-size: 16px;
    font-weight: 300;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #c7c7c7;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2061%2057%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3A%232e3348%3B%7D.cls-3%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eselect-bg%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M470%2C444%22%20transform%3D%22translate%28-554%20-577%29%22%2F%3E%3Crect%20class%3D%22cls-2%22%20width%3D%2261%22%20height%3D%2257%22%2F%3E%3Cpolyline%20class%3D%22cls-3%22%20points%3D%2218%2024%2031%2037%2044%2024%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
    background-repeat: no-repeat;
    background-position: right;
    color: #191919;
}

.native-styled select::-ms-expand {
    display: none;
}

.native-styled select:hover {
    border-color: #bbb;
}

.native-styled select:focus {
    transition: all 0.2s;
    box-shadow: 0 0 5px 1px rgba(18, 103, 181,0.2);
    border-color: #bbb;
    outline: none;
}

.native-styled select option {
    font-weight: normal;
}

.life .native-styled select, .lpt .native-styled select, .ltd .native-styled select, .life-spouse .native-styled select, .gvul .native-styled select {
    color: #191919;
}

/* stacked styles for the 3 column product comparison on mobile*/
@media(min-width: 768px) and (max-width:1199px) {
    .stack-mobile .strm-bs-group-3, .stack-mobile .conditional .buttonState {
        width:auto;
        max-width: none;
        min-width: none;
        margin-bottom:5px;
    }
}
@media(min-width: 300px) and (max-width:352px) {
    /* specific legacy iPhone override */
    .stack-mobile .strm-bs-group-3, .stack-mobile .conditional .buttonState {
        width:auto;
        height:28px;
        padding-top:5px;
        overflow:hidden;
        min-width: none;
        margin-bottom:5px;
    }
}
@media(max-width: 767px) {
    .stack-mobile .col-sm-4 {
        background:#2e76b9;
        padding: 0;
        margin: 0 -15px 0 -15px;
        color: white;
    }

    .stack-mobile small.text-white {
        display: none;
    }

    .stack-mobile .fa {
        color: white;
    }

    .stack-mobile .col-sm-4 .lpt {
        background: #00B6DD;
    }

    .stack-mobile .col-sm-4 .ltd {
        background: #F7941A;
    }

    .stack-mobile .col-sm-4 .life-spouse {
        background: #E4701E;
    }

    .stack-mobile .col-sm-4 .gvul {
        background: #118574;
    }
}

/* icon-group-1 are button states used in recommendation page of 1231 */
.icon-group-1 .buttonState {
    /* all button states */
    padding: 10px 0.5em 10px 4.5em;
    text-align: left;
    color: #692d87;
    font-size: 14px;
    min-width: 32%;
    margin-right: 2%;
    vertical-align: top;
    margin-bottom: 40px;
    height: auto;
    min-height: 62px;
}

.icon-group-1 .strm-bs-pos-1 {
    background: url(/uploads/00001316/buttonstates/life-off.svg) no-repeat, #fff;
    background-size: 2.5em;
    background-position: 15px center;
}

.icon-group-1 .strm-bs-pos-2 {
    background: url(/uploads/00001316/buttonstates/invest-off.svg) no-repeat, #fff;
    background-size: 2.5em;
    background-position: 15px center;
}

.icon-group-1 .strm-bs-pos-3 {
    background: url(/uploads/00001316/buttonstates/rates-off.svg) no-repeat, #fff;
    background-size: 2.5em;
    background-position: 15px center;
    margin-right: 0;
}

.icon-group-1 .buttonState.active {
    /* all button states */
    text-align: left;
    color: #FFF;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.15);
}

.icon-group-1 .strm-bs-pos-1.active {
    background: url(/uploads/00001316/buttonstates/life-on.svg) no-repeat, linear-gradient(0deg, #A93F6B 0%, #672D89 100%);
    background: url(/uploads/00001316/buttonstates/life-on.svg) no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#A93F6B), to(#672D89));
    background-size: 2.5em, cover;
    background-position: 15px center;
}

.icon-group-1 .strm-bs-pos-2.active {
    background: url(/uploads/00001316/buttonstates/invest-on.svg) no-repeat, linear-gradient(0deg, #A93F6B 0%, #672D89 100%);
    background: url(/uploads/00001316/buttonstates/invest-on.svg) no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#A93F6B), to(#672D89));
    background-size: 2.5em, cover;
    background-position: 15px center;
}

.icon-group-1 .strm-bs-pos-3.active {
    background: url(/uploads/00001316/buttonstates/rates-on.svg) no-repeat, linear-gradient(0deg, #A93F6B 0%, #672D89 100%);
    background: url(/uploads/00001316/buttonstates/rates-on.svg) no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#A93F6B), to(#672D89));
    background-size: 2.5em, cover;
    background-position: 15px center;
}

@media(max-width: 768px) {
    .icon-group-1 .buttonState {
        width:100%;
        min-width: 100%;
        margin-bottom: 15px;
    }
}

/* callout styles */
.elementcontainer.callout-right {
    position: relative;
    background: #0076BF;
    padding: 15px;
    color:white;
    margin-bottom:40px;
}

.life .callout-right {
    position: relative;
    background: #0076BF;
    padding: 15px;
}

.gvul .callout-right {
    position: relative;
    background: #5594b9;
    padding: 15px;
}

.lpt .callout-right {
    position: relative;
    background: #00B6DD;
    padding: 15px;
}

.ltd .callout-right {
    position: relative;
    background: #F7941A;
    padding: 15px;
}
.life-spouse .callout-right {
    position: relative;
    background: #E4701E;
    padding: 15px;
}

@media(min-width: 769px) {
    .elementcontainer.callout-right:after {
        content: '';
        position: absolute;
        right: 0;
        top: 30%;
        width: 0;
        height: 0;
        border: 20px solid transparent;
        border-left-color: #0076BF;
        border-right: 0;
        margin-top: -20px;
        margin-right: -20px;
    }

    .gvul .elementcontainer.callout-right:after {
        border-left-color: #10847d;
    }

    .lpt .elementcontainer.callout-right:after {
        border-left-color: #00B6DD;
    }

    .ltd .elementcontainer.callout-right:after {
        border-left-color: #F7941A;
    }
    .life-spouse .elementcontainer.callout-right:after {
        border-left-color: #E4701E;
    }
}

@media(max-width: 768px) {
    .elementcontainer.callout-right:after {
        content:"";
        position: absolute;
        bottom: 0;
        left: 20%;
        width: 0;
        height: 0;
        border: 20px solid transparent;
        border-top-color: #0076BF;
        border-bottom: 0;
        margin-left: -20px;
        margin-bottom: -20px;
    }
    .lpt .elementcontainer.callout-right:after {
        border-top-color: #00B6DD;
    }
    .ltd .elementcontainer.callout-right:after {
        border-top-color: #F7941A;
    }
    .life-spouse .elementcontainer.callout-right:after {
        border-top-color: #E4701E;
    }
    .gvul .elementcontainer.callout-right:after {
        border-top-color: #10847d;
    }
}

/* icon-group-2 are the buttonStates with callouts below */
.icon-group-2 .buttonState {
    position: relative;
    color: white;
    border: none;
    width: 31%;
    min-width: 32%;
    max-width: 32%;
    margin-right: 2%;
}

.icon-group-2 .buttonState:hover {
    background: linear-gradient(0deg, #2459A9 0%, #0076BF 100%);
    border: none;
}

.icon-group-2 .buttonState:last-of-type {
    margin-right: 0;
}

.icon-group-2 .buttonState.active:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20%;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-top-color: #215bab;
    border-bottom: 0;
    margin-left: -15px;
    margin-bottom: -15px;
}

.icon-group-2 .strm-bs-pos-1 {
    background: linear-gradient(0deg, #2459A9 0%, #0076BF 100%)
}

.icon-group-2 .strm-bs-pos-2, .icon-group-2 .strm-bs-pos-2:hover {
    background: linear-gradient(0deg,#1597d1 0%, #3ab6e4 30%);
}

.icon-group-2 .strm-bs-pos-2.active:after {
    border-top-color: #1797d2;
}

.icon-group-2 .strm-bs-pos-3, .icon-group-2 .strm-bs-pos-3:hover {
    background: linear-gradient(0deg,#007d71 0%, #008574 30%);
}

.icon-group-2 .strm-bs-pos-3.active:after {
    border-top-color: #0e7c71;
}

@media(max-width: 991px) {
    .icon-group-2 .buttonState {
        height:6em;
    }
}

.multi-product-view {
    padding-bottom: 50px;
}

/* multi product carousel */
.multi-product-carousel h2 {
    font-size: 24px;
    text-align: center;
    line-height: 40px;
    font-weight: 400;
    margin: 30px 0 15px;
}

.multi-product-carousel .carousel-prev, .multi-product-carousel .carousel-next {
    width: 50px;
    height: 100%;
    display: block;
    background: url(/uploads/00001316/ui-elements/carousel-prev.svg) no-repeat 50%;
}

.multi-product-carousel .carousel-next {
    position: absolute;
    right: 0;
    background: url(/uploads/00001316/ui-elements/carousel-next.svg) no-repeat 50%;
}

.multi-product-carousel.carousel {
    background: white;
}

.multi-product-carousel.carousel .item, .multi-product-carousel.carousel .item.active {
    margin: 0 100px 0;
    background: white;
}

.multi-product-carousel .carousel-control.left, .multi-product-carousel .carousel-control.right {
    background: none;
    width: 100px;
}

/*social-proof cards */
.social-proof-card {
    border: 1px dotted #72246C;
    width: 40%;
    margin: 1%;
    color: #2E3347;
    font-size: 13px;
    display: inline-block;
    text-align: left;
}

.social-proof-card .card-header, .social-proof-card .card-reasons {
    margin: 0;
    margin: 5%;
}

.social-proof-card .card-header .photo {
    width: 100px;
    height: 100px;
    display: inline-block;
    background: #ccc;
    vertical-align: top;
    border-radius: 100px;
}

.social-proof-card .card-header .text {
    display: inline-block;
    margin-left: 20px;
    max-width: calc(100% - 125px);
}

.social-proof-card h2 {
    margin-top: 3px;
    font-size: 22px;
    color: #672D89;
    font-weight: 400;
}

.social-proof-card .card-header .bullets ul {
    margin: 0 0 0 18px;
    padding: 0;
    text-indent: 0;

}

.social-proof-card .card-reasons {
    margin-top: 25px;
}

.social-proof-card h3 {
    font-size: 15px;
    color: #672D89;
    font-weight: 400;
}

.social-proof-card .card-reasons ul {
    width: 100%;
    text-align: left;
    margin: 20px 0;
    padding: 0;
    text-indent: 0;
    list-style-type: none;
    font-size: 0;
    /* needed to avoid white space between lis */
}

.social-proof-card .card-reasons li {
    font-size: 13px;
    width: 40%;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-indent: -0.8em;
; margin: 0 10px 0 20px;
    vertical-align: top;
}

.social-proof-card .card-reasons li:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f058";
    margin-right: 0.8em;
}

.social-proof-card .card-footer {
    background: #2E3347;
    color: white;
    padding: 20px;
    max-height: 95px;
    min-height: 95px;
}

.social-proof-card .card-footer .icon {
    height: 50px;
    width: 50px;
    border-radius: 100px;
    display: inline-block;
    vertical-align: top;
}

.social-proof-card .card-footer .text {
    display: inline-block;
    padding: 0;
    margin: 0 0 0 15px;
    max-width: calc(100% - 75px);
}

.social-proof-card .card-footer h3 {
    color: white;
    margin-top: 2px;
}

.social-proof-card .card-footer h4 {
    font-size: 12px;
    margin: -8px 0 2px 0;
}

.social-proof-card .card-footer p {
    margin-bottom: 0;
}
@media(min-width:1200px){
    .social-proof-card {
        position:relative;
        margin-top:20px;
    }
    .social-proof-card .card-header .photo{
        position:absolute;
        right:15px;
        top:-20px;
    }
    .social-proof-card .card-header .text, .multi-product-carousel .social-proof-card h2 {
        margin-left: 0;
        text-align:left;

    }
}

/* carousel overrides */
.carousel-inner {
    text-align: center;
    min-height: 430px;
}

.carousel-inner .social-proof-card {
    width: 375px;
}

.carousel-indicators li {
    border-color: #9c9c9c;
    width: 16px;
    height: 16px;
}

.carousel-indicators li.active {
    background-color: #0f75c0;
    width: 18px;
    height: 18px;
}

/* multi-product view tweaks */
@media(min-width:992px){
    /* graph will overflow column to right, so scale down */
    .multi-product-view .chart-wrap, .multi-product-view .chart-outer-caption {
        zoom:0.69;
    }
}
.multi-product-view .chart-outer-caption {
    padding-top: 10px;
}

.multi-product-view .chart-wrap {
    margin-top: 30px;
}

.multi-product-view .product-logo {
    background: url('/../uploads/00001316/icons/CPA%20LIFE%20ICON%20FILLED.svg') no-repeat;
    background-size: contain;
    width: 6em;
    height: 6em;
    margin: 20px 20px 20px 0;
    float: left;
}

.life .multi-product-view .product-logo {
    background: url('/../uploads/00001316/icons/CPA%20LIFE%20ICON%20FILLED.svg') no-repeat;
    background-size: contain;
    width: 6em;
    height: 6em;
    margin: 20px 20px 20px 0;
    float: left;
}

.lpt .multi-product-view .product-logo {
    background: url('/../uploads/00001316/icons/LPT%20ICON%20FILLED.svg') no-repeat;
    background-size: contain;
    width: 6em;
    height: 6em;
    margin: 20px 20px 20px 0;
    float: left;
}

.ltd .multi-product-view .product-logo {
    background: url('/../uploads/00001316/icons/LTD%20ICON%20FILLED.svg') no-repeat;
    background-size: contain;
    width: 6em;
    height: 6em;
    margin: 20px 20px 20px 0;
    float: left;
}
.life-spouse .multi-product-view .product-logo {
    background: url('/../uploads/00001316/icons/lpts%20ICON%20FILLED.svg') no-repeat;
    background-size: contain;
    width: 6em;
    height: 6em;
    margin: 20px 20px 20px 0;
    float: left;
}

.gvul .multi-product-view .product-logo, .gvul .colored .product-logo {
    background: url('/../uploads/00001316/icons/GVUL%20ICON%20FILLED.svg') no-repeat;
    background-size: contain;
    width: 4em;
    height: 4em;
    margin: 0 20px 0 0;
    float: left;
}
.gvul #trDivRowCaption{
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.multi-product-view h3 {
    font-size: 18px;
    font-weight: 400;
}

/* mobile faqs with different styles */
.mobile-faq-header div {
    text-align: center;
    padding: 20px;
    margin: 15px 0;
}

/*@media(max-width: 768px) {
    .aicpa-accordion .panel-title .icon {
        display:none;
    }

    .aicpa-accordion .panel-title .text {
        width: 100%;
    }
}*/





/* try to force the 3 column layout to a single layout if not multi */
@media(min-width:768px){
    .single-product .stack-mobile .center.col-sm-4{
        width:100%;
        color:white;
        margin-bottom:20px;
        text-align: left;
    }
    .single-product .stack-mobile .center.col-sm-4 .mobile-pa20{
        background:#1073be;
        vertical-align:top;
        padding:20px;
    }
    .single-product .stack-mobile .center.col-sm-4 .lpt .mobile-pa20{
        background:#00B6DD;
    }
    .single-product .stack-mobile .center.col-sm-4 .ltd .mobile-pa20{
        background:#F7941A;
    }
    .single-product .stack-mobile .center.col-sm-4 .life-spouse .mobile-pa20{
        background:#E4701E;
    }

    .single-product .stack-mobile .center.col-sm-4 .gvul .mobile-pa20{
        background:#118574;
    }
    .single-product .stack-mobile .center.col-sm-4 .coverage-header{
        width: 38%;
        display:inline-block;
        text-align:left;
        padding:20px;
        vertical-align:top;
        /* float: left; */
    }

    /* ADD the fifty-fifty variants, which are single column bullets, balanced widths */
    .single-product .stack-mobile .center.col-sm-4 .fifty-fifty .coverage-header{
        width: 50%; /* this is the LTD Version, balanced at 50% widths */
    }
    .single-product .stack-mobile .center.col-sm-4 .fifty-fifty .coverage-table{
        width: 50%;  /* this is the LTD version, showing a single column */
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
    .single-product .stack-mobile .center.col-sm-4 .fifty-fifty .coverage-table .coverage-feature{
        display:block;  /* this is the LTD Version, balanced at 50% widths with single column bullets */
    }/* end fifty-fifty variants */


    .single-product .stack-mobile .center.col-sm-4.col-sm-4 .coverage-header .year-select label{
        /*display:none;*/
    }
    .single-product .stack-mobile .center.col-sm-4 .coverage-header .dollar-month+.text-white{
        /* correct the button color */
        background:white;
        color:#1072be !important;
        min-width: 190px;
        padding: 8px 12px 8px 12px;
        font-weight: bold;
        font-size: 15px;
        border-radius:20px;
        margin-top:30px;
        display:inline-block;
        text-align:center;
    }

    .single-product .stack-mobile .center.col-sm-4 .coverage-header .dollar-month+.text-white .fa{
        /* remove the arrow from the button caption */
        display:none;
    }
    .single-product .stack-mobile .center.col-sm-4 .coverage-header .btn{
        width:auto;
        padding: 7px 60px;
        min-width:20%;
        margin: 30px 0 10px;
    }
    .single-product .stack-mobile .center.col-sm-4 .coverage-header .btn .fa{
        display:none;
    }

    .single-product .stack-mobile .center.col-sm-4 .coverage-feature .btn{
        /* hide the button in the feature list */
        display:none;
    }

    .single-product .stack-mobile .center.col-sm-4 .lpt .coverage-header .dollar-month+.text-white{
        color:#00B6DD !important;
    }

    .single-product .stack-mobile .center.col-sm-4 .ltd .coverage-header .dollar-month+.text-white{
        color:#F7941A !important;
    }
    .single-product .stack-mobile .center.col-sm-4 .life-spouse .coverage-header .dollar-month+.text-white{
        color:#E4701E !important;
    }

    .single-product .stack-mobile .center.col-sm-4 .gvul .coverage-header .dollar-month+.text-white{
        color:#118574 !important;
    }


    #main .single-product .stack-mobile .center.col-sm-4 .desktop-bg-filled{
        background:none;
    }
    .single-product .stack-mobile .center.col-sm-4 .coverage-table{
        width: 60%;
        display:inline-block;
        background:none;
        color:white;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        padding: 20px 0 20px 50px;
        background:url(/uploads/00001316/thin%20nibbled%20line.svg);
        background-repeat:no-repeat;
        vertical-align:top;
    }
    .single-product .stack-mobile .center.col-sm-4 .coverage-table .coverage-feature.blank{
        display:none;
    }
    .single-product .stack-mobile .center.col-sm-4 .coverage-table .coverage-feature{
        color:white;
        border-bottom: none;
        text-indent: -31px;
        padding:15px;
        padding-right:40px;
        display:inline-block;
    }
    .single-product .stack-mobile .center.col-sm-4 .coverage-table .coverage-feature .fa,
    .single-product .stack-mobile .center.col-sm-4 .coverage-table .coverage-feature .desktop-colored {
        color:white;
        text-indent:0;

    }
    #main .single-product .stack-mobile .center.col-sm-4 .coverage-table .desktop-btn-filled{
        background:white;
        color:#1073be !important;
        text-indent:0;
    }
    .single-product .stack-mobile .center.col-sm-4 .coverage-table .coverage-feature:before{
        margin-right:15px;
        margin-right:10px;
        text-indent:0;
        content: "\f058";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .single-product .stack-mobile .center.col-sm-4 .lpt .coverage-header:after {
        background: #00B6DD;
    }
    .single-product .stack-mobile .center.col-sm-4 .ltd .coverage-header:after {
        background: #F7941A;
    }
    .single-product .stack-mobile .center.col-sm-4 .life-spouse .coverage-header:after {
        background: #E4701E;
    }
    .single-product .stack-mobile .center.col-sm-4 .gvul .coverage-header:after {
        background: #118574;
    }
    /* don't show blue on blue tooltips */
    .single-product .stack-mobile .center .tooltip,
    .single-product .stack-mobile .center .tooltip .tooltip-inner{
        background:white;
        color:#000;
    }
    /*override life-spouse tooltip style to show orange text */
    .life-spouse .single-product .stack-mobile .center .tooltip,
    .life-spouse .single-product .stack-mobile .center .tooltip .tooltip-inner{
        color:#e46f1f;
    }
}


/* on vertical tablets, don't let slider be full width */
@media(min-width:768px) and (max-width:992px) and (orientation:portrait){
    #trCoverageSliders .answer,
    #trDivFinalResult .answer {
        width:70%;
    }
}

@media(max-width:767px){
    /* amend: position 10 and 20 year choice centrally on mobile */
    .year-select .answer {
        margin:0 auto;
        text-align:center;
    }
    /* amend: position apply button centrally on mobile */
    #trLPTApplyNow{
        text-align:center;
    }
    #trLTDApplyNow{
        text-align:center;
    }
    #trlptsApplyNow{
        text-align:center;
    }

    /* add accordion icon back in */
    .aicpa-accordion .panel-title .text {
        width: 85%;
    }
    .aicpa-accordion .panel-title .icon {
        width: 10%;
    }
}

/* remove bullet border on everything less than desktop */
@media(max-width:991px){
    .rate-bullet-border {
        border-right: none;
    }
}

/* tune graph size for tablet devices */
@media(min-width:450px) and (max-width:599px){
    .chart-outer-caption{
        margin-top:60px;
        transition:all 1s;
    }
    .chart-wrap{
        zoom:1.3;
        transition:all 1s;
    }
}@media(min-width:600px) and (max-width:767px){
    .chart-outer-caption{
        margin-top:80px;
        transition:all 1s;
    }
    .chart-wrap{
        zoom:1.7;
        transition:all 1s;
    }
}

/* adjust vertical-align of button in navbar on tablet / mobile */
@media(max-width:767px){
    .navbar .btn{
        margin-top:-8px;
    }
}

/* make popovers white on mobile screens */
@media(max-width:767px){
    .coverage-feature .tooltip,
    .coverage-feature .tooltip .tooltip-inner{
        background:#f7f7f7;
        color:#000;
    }
}

/* layout for carousel 6 buttons */
.buttonState.strm-bs-group-6{
    width:16.6%;
}

/* mobile update from sketch 2020-04-20 */
@media(min-width:375px) and (max-width:375px){
    /* iPhone X */
    .hero h1, .bg-filled h1{
        font-weight:400;
    }
    .hero .image-one, .hero .image-two{
        top: 273px;
        margin: 0 30px 0;
        width: 280px;
        min-height: 196px;
        max-height: 196px;
    }
    .hero{
        margin-bottom:-70px;
    }

    /* results page */
    .coverage-header{
        margin:-5px 10px;
    }
    .coverage-header h3{
        font-size:30px;
        margin:0 0 -15px;
    }
    .coverage-header .dollar-month{
        font-weight:700;
    }
    .coverage-header .year-select .spacer{
        height:5px;
    }
    .coverage-feature .btn{
        width:auto;
        display:inline-block;
    }
}
@media(min-width:360px) and (max-width:360px){
    /* Galaxy s5 */
    .hero h1, .bg-filled h1{
        font-weight:400;
        font-size: 29px;
    }
    .hero .image-one, .hero .image-two{
        top: 265px;
        margin: 0 30px 0;
        width: 275px;
        min-height: 196px;
        max-height: 196px;
    }
    .hero{
        margin-bottom:-80px;
    }
    .small-nav .hero .bg-filled{
        margin-bottom:74px;
    }
    /* results page */
    .coverage-header{
        margin:-5px 10px;
    }
    .coverage-header h3{
        font-size:30px;
        margin:0 0 -15px;
    }
    .coverage-header .dollar-month{
        font-weight:700;
    }
    .coverage-header .year-select .spacer{
        height:5px;
    }
    .coverage-feature .btn{
        width:auto;
        display:inline-block;
    }
    .coverage-header .rate-class-buttons .buttonState{
        font-size:12px;
    }

}
@media(min-width:411px) and (max-width:411px){
    /* Galaxy s5 */
    .hero h1, .bg-filled h1{
        font-weight:400;
    }
    .hero .image-one, .hero .image-two{
        top: 271px;
        margin: 0 30px 0;
        width: 307px;
        min-height: 196px;
        max-height: 196px;
    }
    .hero{
        margin-bottom:-80px;
    }
    .small-nav .hero .bg-filled{
        margin-bottom:136px;
    }

    /* results page */
    .coverage-header{
        margin:-5px 10px;
    }
    .coverage-header h3{
        font-size:30px;
        margin:0 0 -15px;
    }
    .coverage-header .dollar-month{
        font-weight:700;
    }
    .coverage-header .year-select .spacer{
        height:5px;
    }
    .coverage-feature .btn{
        width:auto;
        display:inline-block;
    }
    .coverage-header .rate-class-buttons{
        font-size:12px;
    }
}
@media(min-width:320px) and (max-width:320px){
    /* iPhone 5/SE */
    .hero h1, .bg-filled h1{
        margin-top:30px;
        font-weight:400;
        font-size:26px;
    }
    .hero h2{
        font-size:15px;
        font-weight:400;
    }
    .hero .image-one, .hero .image-two{
        top: 273px;
        margin: 0 30px 0;
        width: 230px;
        min-height: 200px;
        max-height: 200px;
    }
    .hero{
        margin-bottom:-100px;
    }
    .small-nav .hero .bg-filled{
        margin-bottom:104px;
    }

    /* results page */
    .coverage-header{
        margin:-5px 10px;
    }
    .coverage-header h3{
        font-size:30px;
        margin:0 0 -15px;
    }
    .coverage-header .dollar-month{
        font-weight:700;
    }
    .coverage-header .year-select .spacer{
        height:5px;
    }
    .coverage-feature .btn{
        width:auto;
        display:inline-block;
    }
    .coverage-header .rate-class-buttons{
        font-size:12px;
        margin-bottom:5px;
    }
}

/* tidy the quote block */
@media(max-width:767px){
    .learn-more:last-of-type{
        /*margin-bottom:30px;*/
    }
    h1.quote{
        margin-top:0;
    }
}

/* remove debug text */
.debug-only{
    display:none;
}

/* helper class to stop links losing their icons over line wraps */
.no-break{
    white-space: nowrap;
}

/* sort 10/20 year spacing on tablet devices */
@media(min-width:678px) and (max-width:991px){
    .stack-mobile .year-select .buttonState{
        margin-bottom:5px;
    }
}

.hover-pointer:hover{
    cursor:pointer;
}

/* change font size of 1231 faq feature buttons */
@media(max-width:419px){ /* stacked, still one word */
    .icon-group-1 .buttonState  {
        font-size:18px;
        padding-top:10px;
    }
}
@media(min-width:420px){ /* stacked, still one word */
    .icon-group-1 .buttonState  {
        font-size:18px;
        padding-top:17px;
    }
}
@media(min-width:769px){ /* smallest non stacked */
    .icon-group-1 .buttonState{
        font-size:15px;
        padding-top:10px;
    }
}
@media(min-width:1200px){
    .icon-group-1 .buttonState{
        font-size:18px;
    }
}

/* make sure you're not missing fa icons */
.as-link.colored .fa{
    color:#733081;
}
.life .as-link.colored .fa{
    color:#1168b6;
}
.lpt .as-link.colored .fa{
    color:#3ab6e4;
}
.ltd .as-link.colored .fa{
    color:#F7941A;
}
.life-spouse .as-link.colored .fa{
    color:#E4701E;
}
.gvul .as-link.colored .fa{
    color:#108574;
}
.text-white .fa{
    color:white;
}

/* add the accordions from custom */
.ltd .aicpa-accordion .panel-default>.panel-heading{
    color:#F7941A;
}
.life-spouse .aicpa-accordion .panel-default>.panel-heading{
    color:#E4701E;
}

/* tweak most important feature buttonstates at various resolutions */
@media(min-width:999px) and (max-width:1199px){
    .icon-group-1 .buttonState span{
        display:inline-block;
        max-width:180px;
    }
    .icon-group-1 .buttonState:nth-of-type(3) span{
        max-width:180px; /* this one has a shorter caption */
    }
}@media(min-width:1200px){
    .icon-group-1 .buttonState span{
        display:inline-block;
        max-width: 200px;

    }
    .icon-group-1 .buttonState:nth-of-type(2) span, .icon-group-1 .buttonState:nth-of-type(3) span{
        max-width:180px; /* these have a shorter caption */

    }
}


/* tweak the multi hero as it doesn't have an icon */
@media screen and (min-width:301px){
    .hero.no-icon .image-one, .hero.no-icon .image-two {
        margin-top: -55px;
    }
    .hero.no-icon h2{
        text-align:center;
    }
}
@media screen and (min-width:320px){
    .hero.no-icon .image-one, .hero.no-icon .image-two {
        margin-top: -20px;
    }
}@media screen and (min-width:365px){
    .hero.no-icon .image-one, .hero.no-icon .image-two {
        margin-top: -40px;
    }
}@media screen and (min-width:411px){
    .hero.no-icon .image-one, .hero.no-icon .image-two {
        margin-top: -15px;
    }
}@media screen and (min-width:417px){
    .hero.no-icon .image-one, .hero.no-icon .image-two {
        margin-top: -35px;
    }
}@media screen and (min-width:768px){
    .hero.no-icon .image-one, .hero.no-icon .image-two {
        margin-top: 0;
    }
}@media screen and (min-width:768px){
    .hero.no-icon h2{
        text-align:left;
    }
}

/* product choice for apply drop down in footer */
.dropdown.product-choice {
    display: block;
    text-align:left;
    line-height: 2;
    padding: 13px;
    font-size: 16px;
    font-weight: 300;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #c7c7c7;
    border-radius: 0;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2061%2057%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3A%232e3348%3B%7D.cls-3%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eselect-bg%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M470%2C444%22%20transform%3D%22translate%28-554%20-577%29%22%2F%3E%3Crect%20class%3D%22cls-2%22%20width%3D%2261%22%20height%3D%2257%22%2F%3E%3Cpolyline%20class%3D%22cls-3%22%20points%3D%2218%2024%2031%2037%2044%2024%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
    background-repeat: no-repeat;
    background-position: right;
    color: #191919;
}
.dropdown-menu{
    border-radius:0;
    border:1px solid white;
}
.dropdown.product-choice ul li a{
    font-size:16px;
    padding:14px 10px 14px 10px;
    font-weight:400;
}

/* try to sort the button states in stack mobile view */
.stack-mobile .buttonState,
.stack-mobile .buttonState.active,
.stack-mobile .buttonState:hover,
.stack-mobile .buttonState.active:hover{
    white-space:pre;
    max-width:fit-content;
}

/* if you have no-caption, remove it entirely on desktop view */
@media(min-width:768px){
    .no-caption .elementcaption{
        display:none;
    }
}


/* force white text on stack-mobile link if its in a feature and stacked */
@media(max-width:768px){
    .stack-mobile .coverage-feature a.colored{
        color:white;
        font-weight:400;
        display:block;
        margin-top:10px;
    }
}

/* tidy up recommendation options */
.aside-product-logo{
    margin-top:15px;
    padding-top:1px;
}
/*.aside-product-logo h3{*/
/*    margin:18px;*/
/*    font-size:15px;*/
/*}*/
.aside-product-logo .rate-class-picker {
    margin-top: 5px;
    font-size: 12px;
}
.aside-product-logo .rate-class-picker span {
    border-right: 1px solid #ccc;
    display: inline-block;
    padding-right: 4px;
    font-weight: bold;
    cursor: pointer;
}
.life .aside-product-logo .rate-class-picker span.selected {
    color: #0f75c0;
}
.lpt .aside-product-logo .rate-class-picker span.selected {
    color: #1db5eb;
}
.ltd .aside-product-logo .rate-class-picker span.selected {
    color: #F7941A;
}
.life-spouse .aside-product-logo .rate-class-picker span.selected {
    color: #E4701E;
}
.gvul .aside-product-logo .rate-class-picker span.selected {
    color: #10847d;
}
.aside-product-logo .rate-class-picker span:last-of-type {
    border: none;
}
@media (min-width: 1200px) {
    .aside-product-logo {
        margin-top: 15px;
        padding-top: 1px;
    }
    .aside-product-logo h3 {
        margin: 16px;
        font-size: 18px;
    }
    .aside-product-logo .rate-class-picker {
        margin-top: 5px;
        margin-bottom: -4px;
        font-size: 15px;
    }
}
.aside-product-logo .rate-term-picker span{
    font-weight:bold;
    display:inline-block;
    padding-right:12px;
    cursor:pointer;
}
.aside-product-logo .rate-term-picker span.selected{
    color:#1db5eb;
}

/* LTD has a thumbs up and stars */
.ltd .thumbs-wrap img{
    position:absolute;
}
.ltd .star {
    -moz-animation: twinkle 2s ease-out infinite ;
    -ms-animation: twinkle 2s ease-out infinite;
    -o-animation: twinkle 2s ease-out infinite;
    -webkit-animation: twinkle 2s ease-out infinite;
    animation: twinkle 2s ease-out infinite;
    animation-direction: alternate-reverse;
    position: absolute;
    left: 5%;
}
.ltd .star:nth-of-type(1) {
    animation-delay: 1.5s;
    left: 30%;
    top: 3%;
}
.ltd .star:nth-of-type(2) {
    animation-delay: 1s;
    left: 93%;
    bottom: 12px;
}
@keyframes twinkle {
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes twinkle {
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes twinkle {
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}
.thumbs-wrap {
    padding: 70px 0 0 40px;
}
.thumbs-wrap h1 {
    display: inline;
}
.thumbs-wrap .thumb-caption{
    margin-left:30%;
    max-width: 225px;
    width: 65%;
    display:inline-block;
    font-weight:bold;
}
.thumbs-wrap p{
    color:black;
}
.thumbs-wrap h1{
    font-weight:400;
    margin-left:-5px
}
.thumbs-wrap img.thumb{
    width: 15%;
    left: 14%;
    max-width: 103px;
}

/* tooltips styles on landing page and rate results page */
.coverage-feature .collapse.overlay, .coverage-feature .collapsing.overlay {
    margin: 0;
    width: 250px;
    position: absolute;
    background: #fff;
    color: #1073be;
    top: 15%;
    right: 25%;
}
.coverage-feature .collapse.overlay p, .coverage-feature .collapsing.overlay p{
    text-indent: 0;
    margin: 0;
    font-size: 14px;
}
.features .closeOut, .coverage-feature .closeOut, .preferred-class .closeOut, .select-class .closeOut, .tooltips .closeOut {
    padding: 0;
    margin: 0;
    height: 18px;
    width: 18px;
    cursor: pointer;
}
.feature-row .overlay p, .preferred-class .overlay p, .select-class .overlay p, .tooltips .overlay p{
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
}
.coverage-feature .collapse p {
    font-size: 14px;
}

/* Fix icons on assessment tools rate results page */
.plus-icon{
    background: url(/../uploads/00001316/icons/plus-circle-solid.svg) no-repeat;
    transform: rotate(0deg);
    transition: all 0.4s;
    height: 17px;
    width: 17px;
    display: inline-block;
    cursor: pointer;
}
.plus-icon-fuchsia{
    background: url(/../uploads/00001316/icons/plus-circle-fuchsia.svg) no-repeat;
    transform: rotate(0deg);
    transition: all 0.4s;
    height: 17px;
    width: 17px;
    display: inline-block;
    cursor: pointer;
}
b[data-toggle="collapse"] {
    cursor: pointer;
    vertical-align: 2px;
    /*margin: 0 0 0 7px;*/
}
.plus-icon[aria-expanded="true"]{
    transform: rotate(-45deg);
}
.plus-icon b{
    padding: 0 0 0 25px;
}
.plus-icon-fuchsia[aria-expanded="true"]{
    transform: rotate(-45deg);
}
.plus-icon-fuchsia b{
    padding: 0 0 0 25px;
}

/* Update landing page modal */
.modal-header{
    border-bottom: 0!important;
}
.modal-footer{
    border-top: 0!important;
}
.modal-xl .close{
    padding: 10px 10px 0 0;
    opacity: 1;
}
.learn-more .modal-body p {
    margin-top: 0;
    margin-bottom: 35px;
}
/* Toold Modals */
.tool-rb .modal-body, .plan-table .modal-body{
	padding: 15px 30px
}

/* Update to FAQs area */
.aicpa-accordion .panel-body a{
    color: #0076BF;
}
.ltd .aicpa-accordion .panel-body a{
    color: #2AAD7F;
}
.life-spouse .aicpa-accordion .panel-body a{
    color: #E4701E;
}

@media (min-width: 768px) {
    .single-product .stack-mobile .center.col-sm-4 .coverage-table .coverage-feature .pull-right{
        text-indent: 0;
    }
}

/* ltd plan has colourways for plan options */
.ltd .partial{
    color: #00B6DD;
}
.ltd .total{
    color: #4a92dc;
}

/* ltd results block text white shouldn't be white on mobile */
@media(max-width:767px) {
    .ltd .term-select.results-block label .text-white,
    .life-spouse .term-select.results-block label .text-white {
        color: #000 !important; /* got to beat text-white important */
    }
}

/* palette tweaks for too much orange */
.ltd .btn.nav-rate-button.prefer-grey {
    border-color: #333;
    color: #333;
}
.ltd .btn.nav-rate-button.prefer-grey .fa,
.ltd .prefer-grey, .ltd h1.prefer-grey,
.ltd .aicpa-accordion .panel-default>.panel-heading,
.life-spouse .prefer-grey,
#main .ltd .desktop-bg-grey .prefer-grey .fa {
    color: #333;
}
.ltd .bg-filled.prefer-grey{
    background:#2e3347;
    color:white;
}

/* except for small nav versions */
.small-nav .ltd .btn.nav-rate-button.prefer-grey {
    border-color: #F7A11A;
    color: white;
}
.small-nav .ltd .btn.nav-rate-button.prefer-grey .fa{
    color:white;
}

/* override graph */
.life-spouse .chart-wrap .chart-gauge-primary{
    stroke:#E4701E;
}
.life-spouse .chart-wrap .chart-gauge-tertiary{
    stroke:#FF7D21;
}
.life-spouse .chart-wrap .inner-value, .life-spouse .chart-outer-caption .outer-value{
    color:#E4701E;
}


/* amends for the multi-product view when laid out in columns (2020-06-16) */
@media(min-width:768px){
    .multi-product .coverage-feature{
        border-bottom:1px solid #ccc;
    }
    .multi-product .coverage-feature:last-of-type,
    .multi-product .coverage-feature:nth-last-of-type(2){
        border-bottom:none;
    }
    .multi-product .life .coverage-feature a.text-white{
        color:#0f75be !important;
    }
    .multi-product .lpt .coverage-feature a.text-white{
        color:#39b7e3 !important;
    }
    .multi-product .gvul .coverage-feature a.text-white{
        color:#108574 !important;
    }
    .multi-product .lpt .year-select .spacer{
        display:none;
    }
    .multi-product .lpt .coverage-header .btn-white,
    .multi-product .lpt .coverage-header .btn-white .fa {
        background:none !important;
        color:white !important;
        font-weight:normal;
        font-size:18px;
        margin-top:6px;
    }
    .single-product .invisible-single-desktop{ /* hide the last check fa icon */
        display: none !important;
    }
}

/* save space for labels when screen real estate is tight */
.layout-condensed{
    display:none;
}
.layout-normal{
    display:inline;
}
@media(min-width:992px) and (max-width:1199px){
    .layout-condensed{
        display:inline;
    }
    .layout-normal{
        display:none;
    }

}


.lpt table.formatted{
    width:100%;
    border-collapse: separate;
    border-spacing: 2px;
}

.lpt table.formatted td{
    font-size:16px!important;
    font-weight:bold !important;
    text-align:center;
    padding:20px;
    background:gainsboro;
}
.lpt table.formatted td.dark{
    background:#2e3346;
    color:white;
}
.lpt table.formatted td.light{
    background:#00B6DD;
    color:white;
}

/* experimental collapse for hover tips -===== */
.collapse.overlay, .collapsing.overlay,
#trDivMultiProductContainer .collapse.overlay, #trDivMultiProductContainer .collapsing.overlay{
    background:#B62671;
    color:white;
    width: 90%;
    z-index:900;
    margin: 0;
    position: absolute;
    top:0;
    box-shadow:0px 2px 3px rgba(0,0,0,0.5);
}
.stack-mobile 


.tooltips .collapse.overlay, .tooltips .collapsing{
    width: 90%;
}


.carousel-panel .collapse.overlay, .carousel-panel .collapsing.overlay{
    width: 80%;
}

/*.life-spouse .collapse.overlayblue, .life-spouse .collapsing.overlayblue {*/
/*    background: #e46f1f;*/
/*    color: white;*/
/*    width: 90%;*/
/*    z-index: 5000;*/
/*    margin: 0%;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    box-shadow: 0 2px 3px rgba(0,0,0,0.5);*/
/*}*/
/*.life-spouse .collapse.overlaypurple{*/
/*    background: #e46f1f;*/
/*    color: white;*/
/*    width: 90%;*/
/*    z-index: 5000;*/
/*    margin: 0%;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    box-shadow: 0 2px 3px rgba(0,0,0,0.5);*/
/*}*/
.collapse.overlayblue p{
    margin: 0;
}
.collapse.overlay .pull-right, .collapsing.overlay .pull-right{
    font-size:25px;
    padding:7px 15px;
    cursor: pointer;
}
.collapse.overlay p, .collapsing.overlay p{
    padding:20px 40px 20px 20px;
    /*padding: 5px 40px 5px 15px;*/
}
.rates-explained .collapse.overlay p, .rates-explained .collapsing.overlay p{
    padding: 20px 40px 00px 20px;
}

.collapse.overlay p:last-child, .collapsing.overlay p:last-child {
	padding: 20px 40px 20px 20px
}
/*.collapsing.overlay p:nth-child(3) {*/
/*	padding: 0 40px 20px 20px*/
/*}*/
/* ============== end experimental collapse */


/* changes to hovertips on Spouse Life Tool final page */
.fa.sm-text-orange-else-white{
    color:white;
}
@media(max-width:767px){
    .fa.sm-text-orange-else-white{
        color:#e46f1f;
    }
}

/* Styles for Looking for More Options section */
.looking-options{
    background: url(/uploads/00001316/looking-bg-lrg.jpg);
    background-size: cover;
}
@media(max-width:1000px){
    .looking-options{
    background: url(/uploads/00001316/looking-bg-med.jpg);
    background-size: cover;
}
}
@media(max-width:750px){
    .looking-options{
    background: url(/uploads/00001316/looking-bg-sm.jpg);
    background-size: cover;
}
}
#trLifeSpouse .eligible {
    margin: 30px 0 0 0;
    color: #000;
}
.eligible {
    margin: 30px 0 0 0;
}

@media(max-width:768px){
    .eligible{
        text-align: center;
    }    
}

.single-product .term-select .buttonState span,
.single-product .term-select .buttonState.inactive span{
    display: inline-block;
	margin: 0;
	border-radius: 30px !important;
	padding: 2px 7px 2px 16px !important;
	width: auto;
	font-weight: bold;
	height: auto !important;
	border: 0;
}
.single-product .term-select .buttonState.active, .single-product .term-select .buttonState{
    border-radius: 30px;
    padding: 0 !important;
    height: 30px !important;
    border: 0;
    background: none !important;
    display: block;
    margin-right: 20px;
    margin-bottom: 20px;
}

/*@media(max-width: 400px){*/
/*.conditional.rate-class-buttons .buttonState{*/
/*display: block;*/
/*width: 100%;*/
/*margin-bottom: 15px !important;*/
/*max-width: 100%;*/
/*	}*/
/*}*/

/* Learn More link colors */
.learn-more-cpa-life{
    color: #0f74bd;
}
.learn-more-gvul{
    color: #108574;
}
.learn-more-lpt{
    color: #3ab6e4;
}
.learn-more-lpts{
    color: #3ab6e4;
}
.learn-more-ltd{
    color: #F7941A;
}
.learn-more-life-spouse{
    color: #E4701E;
}

/* Term Year Button Styles */
#trLPT .year-select .buttonState, #trLPT .year-select .buttonState.inactive {
background: #2e3347;
border: 1px solid #2e3347;
padding: 6px 45px 6px 34px;
margin-right: 10px;
font-weight: 400;
}
#trLPT .year-select .buttonState.active{
    font-weight: bold;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
}
#trLPT .year-select .buttonState.inactive:hover span:first-of-type :before,
#trLPT .year-select .buttonState:hover span:first-of-type :before{
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #ccc;
    margin: 1px 5px 0 -27px;
    padding-top: 2.5px;
}
#trLPT .year-select .buttonState.active span:first-of-type :before,
#trLPT .year-select .buttonState.active:hover span:first-of-type :before{
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #2e3347;
    margin: 1px 5px 0 -27px;
    padding-top: 2.5px;
}



#trLPT .rate-class-buttons .buttonState.inactive:hover span:first-of-type :before,
#trLPT .rate-class-buttons .buttonState:hover span:first-of-type :before{
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #ccc;
    /*margin: 0 5px 0 0px;*/
    padding-top: 2.5px;
}
#trLPT .rate-class-buttons .buttonState.active span:first-of-type :before,
#trLPT .rate-class-buttons .buttonState.active:hover span:first-of-type :before{
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #00B6DD;
    /*margin: 0 5px 0 0px;*/
    padding-top: 2.5px;
}



#trLPT .year-select .buttonState span span{
    margin-left: 10px;
}
#trLPT .year-select .buttonState.active, #trLPT .year-select .buttonState:hover{
    background: linear-gradient(0deg, #2e3347 0%, #474c61 30%)
}
@media(max-width:575px){
    #trRowForLTDOptions .disability-option .buttonState, #trRowForLTDOptions .term-select .buttonState{
    display: block;
    padding: 30px 40px 25px 40px;
    }
    .disability-option .buttonState:after, .term-select .buttonState:after{
    padding: 10px 0 0 0;
    display: block;
    width: 100%;
    }
    #trRowForLTDOptions .disability-option .buttonState span, #trRowForLTDOptions .term-select .buttonState span{
        padding: 0px;
    }
}
.footer-links a{
	color: #fff;
}
.footer-links .nav>li>a:hover{
	background: none;
	text-decoration: underline;
}
.footer-links-blue a{
	color: #0659A5;
}
.footer-links-blue .nav>li>a:hover{
	background: none !important;
	text-decoration: underline !important;
}

.carousel-panel .collapse.overlay, .carousel-panel .collapsing.overlay{
	background: #763081;
	color: white;
	width: 92% !important;
	z-index: 900;
	margin: auto;
	position: absolute;
	top: 25%;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	/*display: block;*/
}

/* Fix LTS 'See Your Rate' Button position for mobile */
@media(min-width: 992px) {
  .see-rate-ltd {
      margin-top: 120px;
  }
}

@media(max-width: 767px) {
  .see-rate-ltd {
      text-align: center;
  }
}
@media(min-width: 768px) and (max-width: 991px){
   .see-rate-ltd {
      margin-top: 40px;
  }
}

#trDivBgWhiteFAQs .buttonState span{
    font-weight: 700;
}

@media(max-width:768px){
    #trMulti #trDivRecommendation .strm-bs-pos-3{
        margin-bottom: 30px !important;   
    }
}

/**** Custom margin-top for AB version jumbotron heading and subheading - Life 1316, Life Spouse 1254, LTD 1247 ****/
@media screen and (min-width: 1060px){
    .life .nonpar-b .hero h1,
    .life .nonpar-b .hero h2,
    .life .par-b .hero h1,
    .life .par-b .hero h2,
    .life-spouse .nonpar-b .hero h1,
    .life-spouse .nonpar-b .hero h2,
    .life-spouse .par-b .hero h1,
    .life-spouse .par-b .hero h2,
    .ltd .nonpar-b .hero h1,
    .ltd .nonpar-b .hero h2,
    .ltd .par-b .hero h1,
    .ltd .par-b .hero h2    {
        margin-top: 2vw;
    }
}


/*************** Decrease font size for alternate AB hero h1 headers ***************/
@media(min-width: 768px){
	.ltd #trHeroNonParB h1, .ltd #trHeroParB h1, .life #trHeroParB h1, .life #trHeroNonParB h1, .life-spouse #trHeroParB h1, .life-spouse #trHeroNonParB h1{
		margin-top: 1vw;
		font-size: 3vw;
		line-height: 4vw;
	}
}

@media(min-width: 1080px){
	.ltd #trHeroNonParB h1, .ltd #trHeroParB h1, .life #trHeroParB h1, .life #trHeroNonParB h1, .life-spouse #trHeroParB h1, .life-spouse #trHeroNonParB h1{
		margin-top: 5vw;
		font-size: 2.1vw;
		line-height: 3.4vw;
	}
}

#trLPT .navbar .btn{
    min-width: 120px;
}

#trLPT .conditional .buttonState, #trLPT .year-select .buttonState{
    margin-right: 3%;
}

#trDivLPTCoverageAvailable label{
    color: #fff;
    font-size: 18px;
}





/********************  JAN 2022 Content/Layout Updates START  ********************/


.navbar-v2 .nav-link{
    list-style-type:none;
}
.navbar-v2 .nav-link .nav-apply{
    margin-right: 40px;
}
.navbar-v2 img.logo{
    /*max-width: 232px;*/
}
.navbar-v2 .nav-link a{
    font-family: 'visuelt-medium-pro', 'Roboto', sans-serif;
    /*font-weight: 500;*/
}
.small-nav .navbar-v2 .nav-link, .navbar-v2 .small-nav .nav-link a{
    color: white;
}
.navbar-v2 .nav-link a{
    color: #337ab7;
}
.navbar-v2 .nav-link a:hover{
    color: #337ab7;
}
.navbar-v2 img.logo{
    /*width: 100%;*/
    max-width: 232px;
    padding-bottom: 0;
}
.small-nav .navbar-v2 .nav-link a:hover, .small-nav .navbar-v2 .nav-link a{
    color: #ffffff;
}
.small-nav .navbar-v2{
    padding-top: 9px;
}
.small-nav .navbar img{
    margin-top: 1px;
}
.small-nav .needs-rb-header .navbar img{
    margin-top: 5px;
}
.navbar-v2 {
    margin-bottom: 0px;
    min-height: 100px;
    padding: 12px 0;
}
.small-nav .navbar-toggler-icon {
    background-image: url(http://memberenroll-stage.com/uploads/00001256/navbar-toggler.svg);
    background-size: 32px 28px;
}
@media(max-width:767px){
    .navbar-v2-links{
        display: none;
    }
    .navbar-v2 img.logo{
        margin-top: 10px;
    }
    .small-nav .navbar-v2 img.logo{
        margin-top: 1px;
    }
    
}
/*#trCoverageSliders .coverage-help{*/
/*    float: left;*/
/*    padding-bottom: 20px;*/
/*}*/
#trDivCol12PlanOptions h4{
    font-weight: 700;
}
#trDivCol12PlanOptions h4{
    color: #E4701E;    
}
.apply-desc{
    font-size: 16px;
    line-height: 19px;
    margin-top: 15px;
}
@media(min-width:992px){
    .rate-apply-now{
        text-align: center;
    }
    .persona-img{
        margin-top: 60px;
    }
}
.offering-options{
    display: flex;
    align-items: center;
}
.rate-reward-icon{
    max-width: 82px;
}
.rates-separate h3{
    font-size: 30px;
    /*color: #E4701E;*/
    font-weight: 400;
}
@media(min-width:992px){
  .contact-btn-end{
    display: flex;
    align-items: end;
    }  

}
@media(min-width:768px){
    .footer-aon{
        float: right;
    }
}
@media(min-width:768px) and (max-width:991px){
    .contact-btn-end .btn-view-rate{
        min-width: 160px;
    }
}
@media(min-width:1200px){
    .col-button-send{
        min-width: 190px;
    }
}

.jumbo-img{
    min-height: 25vw;
    
    /*min-height: 220px*/
}
@media(max-width:767px){
    .jumbo-img{
       min-height: 48vw;
       /*min-height: 220px*/
       margin-left: 15px;
       margin-right: 15px;
    }
    .jumbo-text{
        margin-top: 80px;
    }
    .footer-aon{
        margin-top: 50px;
    }
}
@media(max-width:991px){
.jumbo-img{
       margin-top: 40px;
       min-height: 300px;
    }    
}
    
.footer-icon{
    margin-right: 25px;
    width: 94px;
}
.footer-apply{
    margin-right: 25px;
}
/*#trDivCol4PlanOptions{*/
/*    padding: 40px;*/
/*    background-color: #f4f4f4;*/
/*}*/
.plan-options{
    padding: 30px;
}
.not-sure{
    /*float: left;*/
    margin-top: 30px;
    margin-bottom: 0px;
    text-align: left;
    font-size: 15px;
}
@media(min-width:992px){
    .see-rates{
        margin-top:60px;
    }
}
.icon-container img.feature-check {
    height: 20px;
    margin-right: 10px;
    padding-left: 10px;
}

/* Updates FAQs style to match Persona START */
.faq-v2 .aicpa-accordion .panel-title .text{
    font-size: 20px;
    color: #292933;
    font-family: 'visuelt-bold-pro', 'Roboto', sans-serif;
    /*font-weight: 500;*/
    line-height: 29px;
    min-height: 36px;
    padding-bottom: 14px;
}
.faq-v2 .aicpa-accordion .panel-default>.panel-heading{
    padding: 11px 0 5px 7px;
}

.faq-v2 .aicpa-accordion .panel-title .icon {
    float: left;
    background-position: center;
    transition: all 0.4s;
    margin-top: 1px;
    display: inline-block;
    width: 30px;
    height: 20px;
}
.faq-v2 .aicpa-accordion .panel-title .icon[data-toggle="collapse"][aria-expanded="true"],
.lsc .faq-v2 .combo-spouse-faqs .aicpa-accordion .panel-title .icon[data-toggle="collapse"][aria-expanded="true"]
{
    display: inline-block;
    transform: rotate(90deg);
}
.life-spouse .faq-v2 .aicpa-accordion .panel-title .icon {
    background: url(/../uploads/00001316/icons/faq-spouse-chev-right.svg) no-repeat center center / contain;
    transform: rotate(0deg);
}
.life-spouse .faq-v2 .aicpa-accordion .panel-title .icon {
    background: url(/../uploads/00001316/icons/faq-life-chev-right.svg) no-repeat center center / contain;
    transform: rotate(0deg);
}
.ltd .faq-v2 .aicpa-accordion .panel-title .icon {
    background: url(/../uploads/00001316/icons/faq-life-chev-right.svg) no-repeat center center / contain;
    transform: rotate(0deg);
}
.lsc .faq-v2 .aicpa-accordion .panel-title .icon {
    background: url(/../uploads/00001316/icons/faq-life-chev-right.svg) no-repeat center center / contain;
    transform: rotate(0deg);
}
.life .faq-v2 .aicpa-accordion .panel-title .icon {
    background: url(/../uploads/00001316/icons/faq-life-chev-right.svg) no-repeat center center / contain;
    transform: rotate(0deg);
}
.plan-summary .faq-v2 .aicpa-accordion .panel-title .icon {
    background: url(/../uploads/00001316/icons/faq-life-chev-right.svg) no-repeat center center / contain;
    transform: rotate(0deg);
}
.gvul .faq-v2 .aicpa-accordion .panel-title .icon {
    background: url(/../uploads/00001316/icons/faq-gvul-chev-right.svg) no-repeat center center / contain;
    transform: rotate(0deg);
}
.lpt .faq-v2 .aicpa-accordion .panel-title .icon {
    background: url(/../uploads/00001316/icons/faq-life-chev-right.svg) no-repeat center center / contain;
    transform: rotate(0deg);
}
.lsc .faq-v2 .combo-spouse-faqs .aicpa-accordion .panel-title .icon {
    background: url(/../uploads/00001316/icons/faq-spouse-chev-right.svg) no-repeat center center / contain;
    transform: rotate(0deg);
}

@media (min-width: 768px){
.faq-v2 .aicpa-accordion .panel-body {
        padding: 0 30px 10px 38px;
    }
}
/* Updates FAQs style to match Persona END */

#trDivGetQuote h1{
    font-size: 58px;
    font-weight: 100;
}
.cash-ref-link{
    color: #FFFFFF !important;
    border-bottom: 2px solid #FFFFFF !important;
    text-decoration: none !important;
}
.cash-ref-link:hover{
    padding-bottom: 2px;
}

.plan-options li{
    margin-top: 10px;
}
.plan-options h4{
    line-height: 1.5em;
}
.aicpa-accordion .panel-default:last-child{
    margin-bottom: 5px;
}
.life .ui-slider .ui-slider-handle {
    border: none;
}
#main .lpt .desktop-bg-grey{
    color: #333;
}
.gray-features .col-md-4, .gray-features .feature-row{
    background: #f4f4f4;
}
.gray-features .row{
    background: none !important;
    margin-bottom: 10px !important;
}
.how-can-we-sm #HowCanWeHelpYou{
    height: 120px;
}
@media screen and (min-width: 1060px){
.jumbo-text h1 .smaller-header {
    font-size: 32px;
}
}
.white-jumbo h2{
    font-size: 22px;
    line-height: 28px;
}
@media(min-width: 768px){
    .white-jumbo h2, .jumbo-text h1{
        padding-right: 40px;
    }    
}
@media(min-width: 992px) and (max-width: 1199px){
    .medal-options{
        margin-left: 15px;
    }    
}
@media(max-width: 767px){
    .plan-options{
        margin-left: 0px;
        margin-right: 0px;
    }    
}
.h1-sm{
    font-size: 48px !important;
    line-height: 56px;
    font-family: 'visuelt-medium-pro', 'Roboto', sans-serif;
    /*font-weight: 500!important;*/
    color: #1E0E3E;
    margin-top: 0px;
}

.term-left .answer{
    text-align: left;
}
.bold-3{
    font-weight: 300;   
}
.bold-4{
    font-weight: 400;   
}
.md-bold{
    font-family: 'visuelt-bold-pro', 'Roboto', sans-serif;
}
.whats-this{
    color: #F7941A;
}
h3.member-rate{
    color: #0076BF;
}
.spouse-rate .pending-rate:before{
    background: url("../../uploads/00001316/loaders/wave-lifespouse.gif") no-repeat;
    background-size: contain !important;
    background-position: bottom !important;
}
.view-rates-lsc{
    color: #0076BF!important;
}
#trRowForLTDOptions .plan-option-v2 .buttonState.strm-bs-pos-2:after {
    /*content: "Provides benefits if you are totally disabled and unable to work in your current occupation.";*/
}




.rb-link{
    color:#B62671!important;
    border-bottom: 2px solid #B62671!important;
    text-decoration: none!important;
}
.rb-link:hover{
    color:#B62671;
    text-decoration: none!important;
    padding-bottom: 2px;
}
.rb-white-link{
    color:#fff!important;
    border-bottom: 2px solid #fff!important;
    text-decoration: none!important;
}
.rb-white-link:hover{
    color:#fff;
    text-decoration: none!important;
    padding-bottom: 2px;
}


.nav-link a.rb-link{
    color:#1E0E3E!important;
    border-bottom: none!important;
    text-decoration: none!important;
}
.nav-link a.rb-link:hover{
    color:#B62671!important;
    border-bottom: 2px solid #B62671!important;
    text-decoration: none!important;
    padding-bottom: 2px;
}



.small-nav .nav-link a.rb-link, .small-nav .nav-link a.rb-link:hover{
    border-bottom: 2px solid #FFF!important;
}

.gray-features a:hover, .fa{
    text-decoration: none;
    border-bottom: none;
}
.fa-file-pdf-o{
    color: #B62671!important;
    border-bottom: 0px!important;
}

.rebrand .bg-white{
    color: #1E0E3E;
}
.feature-row {
    min-height: 40px;
}
@media(min-width:992px){
    .feat-text{
       padding-left: 50px;
    }    
    .rebrand .feature-row {
        /*min-height: 80px;*/
    }
    .mind-the-gap h2{
        padding-right: 40px;
    }
}
@media(max-width:767px){
    .feat-text{
       margin-top: 20px;
    }    
}
.icon-check{
    text-align:right;
    margin-top: -2px;
}


/****** Rebrand Colors START ******/
.plum{
    color: #1E0E3E;
}
.fuchsia{
    color: #B62671;
}
.nav-phone{
    color: #1E0E3E;
}
.life-blue{
    color: #0076BF;  
}
.ltd-green{
    color: #2AAD7F;   
}
.life-spouse-orange{
    color: #FF642A;   
}
.lpt-blue{
    color: #00B6DD;   
}
.gvul-blue{
    color: #5594b9;
}

.rb-life-bg{
    background: #0079c4; /* Old browsers */
    background: -moz-linear-gradient(left,  #0079c4 0%, #00a0d7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #0079c4 0%,#00a0d7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #0079c4 0%,#00a0d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079c4', endColorstr='#00a0d7',GradientType=1 ); /* IE6-9 */
    color: #fff;
}
.rb-ltd-bg{
    background: #008b7f; /* Old browsers */
    background: -moz-linear-gradient(left,  #008b7f 0%, #00a57e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #008b7f 0%,#00a57e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #008b7f 0%,#00a57e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008b7f', endColorstr='#00a57e',GradientType=1 ); /* IE6-9 */
    color: #fff;
}
.rb-ltd-bg h1{
    color: white;
}
.rb-ltd-bg h2{
    line-height: 32px;
}
.rb-life-spouse-bg{
    background: #ff6146; /* Old browsers */
    background: -moz-linear-gradient(left,  #ff6146 0%, #f2692e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ff6146 0%,#f2692e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ff6146 0%,#f2692e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6146', endColorstr='#f2692e',GradientType=1 ); /* IE6-9 */
    color: #fff;
}
.rb-lpt-bg{
    background: #0093c5; /* Old browsers */
    background: -moz-linear-gradient(left,  #0093c5 0%, #00aad7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #0093c5 0%,#00aad7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #0093c5 0%,#00aad7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0093c5', endColorstr='#00aad7',GradientType=1 ); /* IE6-9 */
    color: #fff;
}
.rb-gvul-bg{
    background: #7288af; /* Old browsers */
    background: -moz-linear-gradient(left,  #7288af 0%, #5594b9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #7288af 0%,#5594b9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #7288af 0%,#5594b9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7288af', endColorstr='#5594b9',GradientType=1 ); /* IE6-9 */
    color: #fff;
}






.rb-bg-gray{
    background: #F2F2F7;
    color: #1E0E3E;
}
.rb-bg-purple{
    background: #1E0E3E;
}
.rebrand .native-styled select{
    background-image: url(/uploads/00001316/dropdown-arrow.svg);
    color: #000;
    font-weight: 400;
}
.rebrand .buttonState.active{
    background: #1E0E3E;
    border: 1px solid #1E0E3E;
}
.rebrand.plan-summary .cat-tabs .buttonState:hover{
    background: #1E0E3E;
    border: 1px solid #1E0E3E;
    color: #fff;
    transition: all 0.2s;
}
.rebrand.life-spouse h1{
    color: #1E0E3E;
}
.ltd.rebrand .buttonState.active {
    background: #FFF;
}
.rebrand.ltd .ui-slider .ui-slider-handle {
    background: #2AAD7F;
    border-radius: 40px;
    border: 1px solid #2AAD7F;
}
.rb-life-bg .rate, .rebrand.ltd .rate, .rebrand.life-spouse .rate, .rebrand.lpt .rate, .rebrand.lsc .rate, .re-gvul-bg .rate {
    color: #FFF;
}
.rebrand .btn{
    font-size: 16px;
    line-height: 24px;
}
.life.rebrand .btn{
    background: #0079C4;
    border: none;
}
.gvul.rebrand .btn{
    background: #5594b9;
    border: none;
}
.lsc.rebrand .jumbo-text .btn{
    background: #B62671;
    border: none;
}
.life-spouse.rebrand .btn{
    background: #FF642A;
    border: none;
}
.lpt.rebrand .btn{
    background: #00B6DD;
    border: none;
}
.rebrand.life-spouse .styled-slider label span[class^='substitute']{
    color: #FF642A;
}
.rebrand.life-spouse .ui-slider .ui-slider-handle {
    background: #FF642A;
    border-radius: 40px;
    border: 1px solid #FF642A;
}
.ltd.rebrand .btn {
    background: #2AAD7F;
    border: none;
}
.rebrand .whats-this,
.rebrand.ltd .coverage-help,
.rebrand.ltd .styled-slider label span[class^='substitute'],
.rebrand.ltd .bg-white{
    color: #2AAD7F;
}
.rebrand .disability-option .buttonState.active span:first-of-type :before,
.rebrand .disability-option .buttonState.active:hover span:first-of-type :before,
.rebrand .term-select .buttonState.active span:first-of-type :before,
.rebrand .term-select .buttonState.active:hover span:first-of-type :before{
    background: #2AAD7F;    
}

.rb-life-bg .btn.rate-apply{
    background: #FFF;
    color: #0076BF;
}
.rb-ltd-bg .btn.rate-apply{
    background: #FFF;
    color: #2AAD7F;
}
.rb-life-spouse-bg .btn.rate-apply{
    background: #FFF;
    color: #FF642A;
}
.rb-lpt-bg .btn.rate-apply{
    background: #FFF;
    color: #00B6DD;
}
.rb-gvul-bg .btn.rate-apply{
    background: #FFF;
    color: #4E9CC0;
}
/*rb-life-bg*/
/*rb-life-spouse-bg*/
        
        
.small-nav .rebrand.life .navbar{
    background: #0079c4; /* Old browsers */
    background: -moz-linear-gradient(left,  #0079c4 0%, #00a0d7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #0079c4 0%,#00a0d7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #0079c4 0%,#00a0d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079c4', endColorstr='#00a0d7',GradientType=1 ); /* IE6-9 */
}
.small-nav .rebrand.ltd .navbar{
    background: #008b7f; /* Old browsers */
    background: -moz-linear-gradient(left,  #008b7f 0%, #00a57e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #008b7f 0%,#00a57e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #008b7f 0%,#00a57e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008b7f', endColorstr='#00a57e',GradientType=1 ); /* IE6-9 */
}
.small-nav .rebrand.life-spouse .navbar{
    background: #ff6146; /* Old browsers */
    background: -moz-linear-gradient(left,  #ff6146 0%, #f2692e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ff6146 0%,#f2692e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ff6146 0%,#f2692e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6146', endColorstr='#f2692e',GradientType=1 ); /* IE6-9 */
}
.small-nav .rebrand.lpt .navbar{
    background: #0093c5; /* Old browsers */
    background: -moz-linear-gradient(left,  #0093c5 0%, #00aad7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #0093c5 0%,#00aad7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #0093c5 0%,#00aad7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0093c5', endColorstr='#00aad7',GradientType=1 ); /* IE6-9 */
}
.small-nav .compare-tool .navbar{
    background: #1E0E3E; /* Old browsers */
}

.rebrand .footer, .rebrand.footer{
    background: #1E0E3E;   
}
.jumbo-vid a.plum, .feature-row a.plum{
    color: #1E0E3E;
}
.jumbo-vid a.plum:hover{
    text-decoration: none;
}

.rebrand.lpt .pills .buttonState, .rebrand.lpt .pills .buttonState.inactive, .rebrand.lpt .pills .buttonState.active {
    background: #00B6DD;
    border: 1px solid #00B6DD!important;
}
.rebrand.lpt .buttonState.active, .lpt .buttonState.active:hover{
    background: #1E0E3E;
}
.rebrand .year-select label{
    color: #FFF;
}
.rebrand .year-select .buttonState.active, .rebrand .year-select .buttonState:hover,
.rebrand .year-select .buttonState, .rebrand .year-select .buttonState.inactive{
    background: #1E0E3E!important;
}

.rebrand.lpt h1, .rebrand.life h1, .rebrand.lsc h1, .rebrand.gvul h1{
    color: #1E0E3E;
    font-family: 'visuelt-medium-pro', 'Roboto', sans-serif;
    /*font-weight: 500;*/
}

.rebrand.lsc #trDivGetQuote .pills .buttonState:nth-child(3) {
    background: #FF642A;
    border-color: #FF642A;
}
.rebrand.lsc #trDivGetQuote .pills .buttonState:nth-child(3).active span:first-of-type :before {
    color: #FF642A;
}
.rebrand.life .buttonState.active{
    /*background: #0079C4;*/
    color: white;
    /*border: 1px solid #0079C4;*/
}

.rebrand .rb-orange-bg{
    background: #FF642A!important;
    border: 1px solid #FF642A!important;
}
.rebrand .rb-blue-bg, .rebrand.lsc .pills.who-applying .buttonState.strm-bs-pos-1{
    background: #0079C4!important;
    border: 1px solid #0079C4!important;
    box-shadow: none;
}

.rebrand.life .btn:hover{
    background: #0079C4;
}
.rebrand.life .rb-life-spouse-bg .btn:hover, .rebrand.life .rb-life-switch-bg .btn:hover{
    background: #FFF;
}

.rb-orange-spouse{
    color: #FF642A!important;
}
.small-nav .navbar a.rb-link, .small-nav .navbar .rb-link, .small-nav .nav-phone, .small-nav .navbar a.rb-link:hover {
    color: #ffffff!important;
}
.rebrand#trLPT .year-select .buttonState.active{
    box-shadow: none;
}



/****** Rebrand Colors END ******/




.rebrand .btn.rate-apply {
    height: 55px;
    padding-top: 14px;
    min-width: 176px;
    /*width: 100%;*/
}

.all-tables .rebrand .btn.rate-apply{
    width: 100%!important;
}
.rebrand .btn-view-rate, .rebrand .btn-tel {
    height: 58px;
    padding-top: 17px;
    min-width: 176px;
}
.rb-life-bg .pending-rate:before, .rb-ltd-bg .pending-rate:before, .rb-lpt-bg .pending-rate:before {
    background: url("../../uploads/00001316/loaders/wave-white.gif") no-repeat;
    background-size: contain;
    background-position: bottom;
}

.rebrand.life-spouse .pending-rate:before,
.rebrand.lpt .pending-rate:before,
.rebrand.lsc .pending-rate:before
{
    background: url("https://memberenroll-stage.com/uploads/00001316/loaders/wave-white.gif") no-repeat;
    background-size: contain;
    background-position: bottom;
}

.join-h1{
    color: #1E0E3E!important;
}
@media(max-width: 768px){
    .join-h1{
        margin-top: 20px;
    }
    
}
@media(min-width:1200px){
    .join-h1{
        margin-top: 30px;
    }
}
.rebrand .navbar{
    box-shadow: none;
}

.rebrand .navbar-v2-links a{
    font-size: 16px;
}
.rebrand .jumbo-text h2, .rb-ltd-bg h2{
    font-size: 24px;
    line-height: 32px;
}
.rebrand .features .feature-row{
    font-size: 20px;
    line-height: 28px;
}
.rebrand #trAllProductCoverages label, .rebrand #trMonthlyIncomeBenefit label{
    font-size: 24px;
}
.rebrand .styled-slider label span[class^='substitute']{
    font-size: 32px;
}
.rebrand .not-sure{
    font-size: 16px;
}
.rebrand .rate-expl, .rebrand .plan-options li, .rebrand .faq-v2 .panel-body, .rather-reach, .footer-top{
    font-size: 16px;
    line-height: 24px;
}
.rebrand .medal-options{
    font-size: 20px;
    line-height: 28px;
}
@media (min-width: 768px){
    .lead {
       font-size: 24px;
       line-height: 32px;
    }    
}
.join-text{
    font-size: 24px;
    line-height: 32px;
    color: #292933;
}
.rebrand .faq-v2 .aicpa-accordion .panel-title .text, .rebrand .btn.rate-apply{
    font-size: 16px;
    line-height: 24px;
}
.rebrand .footer, .rebrand.footer{
    font-size: 14px;
    line-height: 20px;
}
.rebrand .faq-v2 h4{
    margin-top: 10px;
}
.rebrand .faq-v2 .aicpa-accordion .panel-default>.panel-heading {
    padding: 13px 0 3px 7px;
}
.explained, .plan-options .rb-link{
    font-size: 16px;
    line-height: 24px;
}
body .rebrand{
    font-size: 16px;
    line-height: 24px;
}
.ltd-options{
    font-size: 20px;
}
.rebrand.ltd .bg-filled{
    background: #1E0E3E;
    color: white;
}
.lpt.rebrand .jumbo-text h1{
    line-height: 44px;
    margin-top: 25px;
}
.rebrand label {
    font-family: 'visuelt-medium-pro', 'Open Sans', 'Roboto', sans-serif;
    font-weight: 500;
}
.rebrand .styled-slider label, .rebrand input{
    font-family: 'visuelt-medium-pro', 'Open Sans', 'Roboto', sans-serif
}
.rebrand .lead {
    font-family: 'visuelt-medium-pro', 'Roboto', sans-serif;
    /*font-weight: 500;*/
}
.rebrand .rb-life-bg a.btn:hover{
    background: #FFF;
}
.rebrand.ltd .collapse.overlay, .rebrand.ltd .collapsing.overlay, .rebrand.ltd .bg-filled{
    background: #008b7f!important; /* Old browsers */
    background: -moz-linear-gradient(left,  #008b7f 0%, #00a57e 100%)!important; /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #008b7f 0%,#00a57e 100%)!important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #008b7f 0%,#00a57e 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008b7f', endColorstr='#00a57e',GradientType=1 )!important; /* IE6-9 */
}
.rebrand.ltd .coverage-error, .rebrand.ltd .partial, .rebrand.ltd .total{
    color: #2AAD7F;
}
.lpt .bg-filled{
    background: #0093c5; /* Old browsers */
    background: -moz-linear-gradient(left,  #0093c5 0%, #00aad7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #0093c5 0%,#00aad7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #0093c5 0%,#00aad7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0093c5', endColorstr='#00aad7',GradientType=1 ); /* IE6-9 */
}
.rate-error a{
    border-bottom: 2px solid #FFF!important;
    font-weight: 400;
    color: #FFF;
}
.rate-error a:hover{
    font-weight: 500;
    text-decoration: none;
    padding-bottom: 2px;
}
.white-jumbo h1{
    font-family: 'visuelt-medium-pro', 'Roboto', sans-serif;
    /*font-weight: 500;*/
}
.neuro-info{
    height: 20px;
    width: 20px;
    margin-bottom: 5px;
}

@media screen and (min-width: 768px){
    .jumbo-text h1{
        font-size: 44px;
    }
}
a.no-break{
    text-decoration: none;
}
.rebrand a:focus{
    text-decoration: none!important;
}
.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent!important;
}
.footer a:focus{
    color: #FFF;
}
.aicpa-accordion .panel-body{
    font-weight: 400;
    color: #292933;
    font-size: 16px;
    padding:0 0px 30px;
}

/************* Responsive Typography *************/
@media(max-width:767px){
    .rebrand .jumbo-text h2, .rebrand #trAllProductCoverages label, .rebrand #trMonthlyIncomeBenefit label, .rebrand .faq-v2 h4, .lead, .join-text, .rb-ltd-bg h2{
        font-size: 20px;
        line-height: 28px
    } 
    .rebrand .jumbo-text h1, .h1-sm{
        font-size: 40px!important;
        line-height: 48px
    } 
    .rebrand .styled-slider label span[class^='substitute'], h3.rate{
        font-size: 28px;
        line-height: 36px;
    }
}
.rebrand b, .rebrand strong{
    font-family: 'visuelt-bold-pro', 'Roboto', sans-serif;
}



/********************  JAN 2022 Content/Layout Updates END  ********************/


/*.plan-summary .panel{*/
/*    background: #F4F4F4;*/
/*}*/
.plan-summary .aicpa-accordion .panel-default:first-of-type .panel-heading{
    border-color: #F4F4F4;
}

.plan-summary h1{
    font-family: 'visuelt-medium-pro', 'Roboto', sans-serif;
}




/**************** Tools' CSS Updates ****************/

.question-card{
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 30px 30px 50px 30px;
    /*margin: 0 15px;*/
}
@media(max-width:600px){
    .question-card .buttonState.strm-bs-group-3 {
        width: 250px;
        max-width: 250px!important;
        border-right: 1px solid #ccc;
        margin-top: 20px;
    }
}
@media(min-width:768px){
    .compare-tool label, .ltd-rb label, .life-rb label, .life-sp-rb label{
        width: 600px;
        max-width: 600px;
    }
}
.needs-rb-header .calc-tool-title{
    font-family: 'visuelt-regular-pro', 'Roboto', sans-serif;
    color: #1E0E3E;
}
@media(max-width: 768px){
    .gvul-tool-header .calc-tool-title-scroll{
        padding: 0 15px 0 50px;
        font-size: 16px;
    }
}
@media(max-width: 991px){
    .small-nav .gvul-tool-header .calc-tool-title{
        font-size: 16px;
    }  
}



.small-nav .needs-rb-header .navbar{
    background: #1E0E3E    
}
.needs-rb-header{
    padding-top: 0px;
}
.gray-card{
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 50px 30px 50px 30px;
    background: #F5F5F5;
}
.question-card label{
    font-size: 18px;
    line-height : 26px;
    font-family: 'visuelt-regular-pro', 'Roboto', sans-serif;
}
/**************** Tools' CSS Updates End ****************/


/**************** AB Video Start ****************/
.limelight-player .vjs-limelight-big-play{
    z-index: 999!important;
    box-shadow: inset 0px 0px 0px 1px #FFF!important;
    opacity: 1!important;
}
.video-col{
    margin-top: 40px;
}

@media(min-width: 992px) and (max-width:1199px){
    .video-col{
        margin-top: 100px;
    }
}
.limelight-player .vjs-limelight-big-play:before{
    opacity: .5;
}

/* new video host styles - DEC 2023 START */
@media(min-width:992px){
    .aem-vid-life #s7video_div,
    .aem-vid-lpt #s7video_div{
        width: 455px;
        height: 282px;
    }    
}
@media(min-width:1200px){
    .aem-vid-life #s7video_div,
    .aem-vid-lpt #s7video_div{
        width: 555px;
        height: 344px;
    }    
}
.aem-vid-life .s7iconeffect,
.aem-vid-lpt .s7iconeffect,
.iframe-per-life .s7iconeffect,
.aem-vid-lpt .s7iconeffect{
    display: none;
}

/* new video host styles - DEC 2023 END */

/**************** AB Video End ****************/














































/******************************************* Tools Rebrand Styles START *******************************************/

/* Tooltips */
.tool-rb .collapse.overlay,
.tool-rb .collapsing.overlay{
    background: #B62671;
}
.tool-rb .collapse.overlay p,
.tool-rb .collapsing.overlay p{
    padding: 20px 40px 0px 20px;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0px;
}
.tool-rb .collapse.overlay p:last-child,
.tool-rb .collapsing.overlay p:last-child{
    padding-bottom: 20px;
}

.results-tooltip p:first-of-type{
    padding-top: 30px!important;
}
/*.results-tooltip{*/
/*    padding: 50px 0;   */
/*}*/

.tool-rb .collapse.overlay.results-tooltip, .tool-rb .collapsing.overlay.results-tooltip{
    background: #B62671;
    margin-top: 30px;
    /*padding: 50px 0;   */
    /*margin-top: 8px;*/
}


/* Slider */
.tool-rb .ui-slider, .tool-rb .ui-slider-range,
.tool-rb .final-result .ui-slider-range,
.tool-rb .final-result .ui-slider{
    background: #ccc;
    border-radius: 40px;
    border: 1px solid #ccc;
}
.tool-rb .ui-slider .ui-slider-handle,
.tool-rb .final-result .ui-slider .ui-slider-handle{
    background: #1E0E3E;
    border-radius: 40px;
    border: 1px solid #1E0E3E;
}
.tool-rb .styled-slider label span[class^='substitute']{
    color: #B62671;
}
.tool-rb .styled-slider .spacer{
    display: none;
}
.tool-rb-wrapper .styled-slider .spacer{
    display: block;   
}


/* Excess Coverage */
.tool-rb .needs-results-explainer-excess {
    min-height: 120px;
}


/* Buttons */
.tool-rb .btn{
    background: #B62671;
    color: #FFF;
    border-radius: 150px;
    font-size: 16px;
    padding: 14px;
    min-width: 176px;
    max-width: 176px;
    border: 0px;
    font-family: 'visuelt-medium-pro', 'Poppins', 'Roboto', sans-serif;
    font-weight: inherit;
}
.tool-rb .btn.tool-back-btn{
    background: #292933;
}
.tool-rb .btn:focus {
    /*outline: none!important;*/
    /*box-shadow: none!important;*/
}
.tool-rb .dl-calc-btn{
    max-width: 250px;
}

@media(max-width: 991px){
    .tool-rb .dl-calc-btn{
        margin-top: 30px;
    }
}


/* Term Radio Buttons / Results Radio Buttons START */
.tool-rb .term-select .buttonState.active,
.tool-rb .term-select .buttonState{
    display: inline-block;
}
.tool-rb .results-block.term-select .buttonState span,
.tool-rb .results-block.term-select .buttonState.inactive span{
    background: none;
    color: #FFF;
}
.tool-rb .results-block.inline.term-select .buttonState span span:after{
    background: none;
}
.tool-rb  .results-block.inline.term-select .buttonState span span:after {
    margin-left: -2px;
}
.tool-rb .results-block.term-select .buttonState span span:before,
.tool-rb .rate-class-buttons .buttonState span span:before,
.tool-rb .year-select .buttonState span span:before,
.tool-rb .year-select .buttonState span span:before{
    background: #FFF;
    border: none;
}
.tool-rb .term-select .buttonState.active span:first-of-type :before{
    background: #1E0E3E;
    border: none;
}
.tool-rb .buttonState:focus{
    box-shadow: none;
}
.single-product .tool-rb .term-select .buttonState span,
.single-product .tool-rb .term-select .buttonState.inactive span{
    font-weight: normal;
}
.tool-rb .term-select .buttonState.active span:first-of-type :before,
.term-select .buttonState.active:hover span:first-of-type :before{
    /*margin: -3px 7px 0 -34px;*/
}
.tool-rb .disability-option .buttonState span span:before,
.tool-rb .term-select .buttonState span span:before,
.tool-rb .rate-class-buttons .buttonState span span:before,
.tool-rb .year-select .buttonState span span:before{
    content: "\f00c";
    font: normal normal normal 20px/1 FontAwesome;
    font-size: 20px;
    padding-top: 3.5px;
    padding-right: 2px;
    /*color: #FFF;*/
}
.tool-rb .term-select .buttonState span span:before,
.tool-rb .rate-class-buttons .buttonState span span:before,
.tool-rb .year-select .buttonState span span:before{
    width: 29px;
    height: 29px;
    margin-left: -34px;
    margin-top: -3px;
}
.tool-rb .term-select .buttonState.active span:first-of-type :before,
.tool-rb .conditional .buttonState.active span:first-of-type :before,
.tool-rb .year-select .buttonState.active span:first-of-type :before{
    content: "\f00c";
    font: normal normal normal 20px/1 FontAwesome;
    font-size: 20px;
    padding-top: 3.5px;
    padding-right: 2px;
    color: #FFF;
    background-color: #1E0E3E;
    margin-left: -34px;
    margin-top: -3px;
}
.rebrand .compare-rates .rb-ltd-bg .term-select .buttonState.active span:first-of-type :before,
.rebrand .compare-rates  .rb-ltd-bg .term-select .buttonState.active:hover span:first-of-type :before,
.rebrand .compare-rates  .rb-life-bg .buttonState.active span:first-of-type :before,
.rebrand .compare-rates  .rb-life-bg .buttonState.active:hover span:first-of-type :before,
.rebrand .compare-rates  .rb-life-spouse-bg .buttonState.active span:first-of-type :before,
.rebrand .compare-rates  .rb-life-spouse-bg .buttonState.active:hover span:first-of-type :before,
.rebrand .compare-rates  .rb-lpt-bg .buttonState.active span:first-of-type :before,
.rebrand .compare-rates  .rb-lpt-bg .buttonState.active:hover span:first-of-type :before{
    background: #1E0E3E;
}
.rb-ltd-bg .disability-option .buttonState:hover span:first-of-type :before,
.rb-ltd-bg .term-select .buttonState:hover span:first-of-type :before{
    font-size: 20px;
}
.rb-life-bg .conditional .buttonState span span:before,
.rb-life-spouse-bg .conditional .buttonState span span:before,
.rb-lpt-bg .conditional .buttonState span span:before{
    border-radius: 30px;
    padding-left: 3px;
    position: absolute;
}
.tool-rb .conditional .buttonState:hover span:first-of-type :before {
    content: "\f00c";
    font: normal normal normal 20px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #ccc;
    /*padding-top: 2.5px;*/
    padding-left: 3px;
    position: absolute;
}
.tool-rb .conditional .buttonState.inactive:hover span:first-of-type :before,
.tool-rb .year-select .buttonState.inactive:hover span:first-of-type :before,
.tool-rb .year-select .buttonState:hover span:first-of-type :before{
    color: #CCC;
    font-size: 20px;
}
.tool-rb .conditional .buttonState.active:hover span:first-of-type :before {
    color: #FFF;
}
.tool-rb .year-select .buttonState.active span:first-of-type :before,
.tool-rb .year-select .buttonState.active:hover span:first-of-type :before{
    color: #FFF;
}
.tool-rb .year-select .buttonState:hover span:first-of-type :before{
    color: #CCC;
}
.ltd-results .disability-option .buttonState.active span:first-of-type :before,
.ltd-results .disability-option .buttonState.active:hover span:first-of-type :before,
.ltd-results .term-select .buttonState.active span:first-of-type :before,
.ltd-results .term-select .buttonState.active:hover span:first-of-type :before{
    background: #1E0E3E;    
}
/* Term Radio Buttons / Results Radio Buttons END*/



/* Class Buttons Start */
.tool-rb .rate-class-buttons .buttonState.active,
.tool-rb .rate-class-buttons .buttonState,
.tool-rb .year-select .buttonState{
    display: inline-block;
    background: none;
    border: none;
    box-shadow: none;
    padding: 0px!important;
    height: 30px;
    line-height: 25px;
}
/*.tool-rb .results-block.rate-class-buttons .buttonState span,*/
/*.tool-rb .results-block.rate-class-buttons .buttonState.inactive span{*/
/*    background: none;*/
/*    color: #FFF;*/
/*    padding: 2px 7px 2px 16px!important;*/
/*    height: auto!important;*/
/*    width: auto!important;*/
/*}*/
.tool-rb .results-block.inline.rate-class-buttons .buttonState span span:after{
    background: none;
}
.tool-rb  .results-block.inline.rate-class-buttons .buttonState span span:after {
    margin-left: -2px;
}
.tool-rb .results-block.rate-class-buttons .buttonState span span:before {
    background: #FFF;
    border: none;
}
.tool-rb.rb-life-bg .rate-class-buttons .buttonState.active span:first-of-type :before,
.tool-rb .year-select .buttonState.active span:first-of-type :before{
    background: #1E0E3E;
    border: none;
}
.tool-rb.rb-life-bg .buttonState:focus{
    box-shadow: none;
}
.single-product .tool-rb.rb-life-bg .rate-class-buttons .buttonState span,
.single-product .tool-rb.rb-life-bg .rate-class-buttons .buttonState.inactive span{
    font-weight: normal;
}
.tool-rb.rb-life-bg .rate-class-buttons .buttonState.active span:first-of-type :before,
.rate-class-buttons .buttonState.active:hover span:first-of-type :before,
.year-select .buttonState.active:hover span:first-of-type :before{
    margin: -3px 7px 0 -34px;
}
.tool-rb.rb-life-bg .disability-option .buttonState span span:before,
.tool-rb.rb-life-bg .rate-class-buttons .buttonState span span:before,
.tool-rb.rb-life-spouse-bg .disability-option .buttonState span span:before,
.tool-rb.rb-life-spouse-bg .rate-class-buttons .buttonState span span:before,
.tool-rb.rb-lpt-bg .disability-option .buttonState span span:before,
.tool-rb.rb-lpt-bg .rate-class-buttons .buttonState span span:before,
.tool-rb .year-select .buttonState span span:before{
    content: "\f00c";
    font: normal normal normal 20px/1 FontAwesome;
    font-size: 20px;
    padding-top: 3.5px;
    padding-right: 2px;
}
.tool-rb.rb-life-bg .rate-class-buttons .buttonState span span:before,
.tool-rb .year-select .buttonState span span:before{
    width: 29px;
    height: 29px;
    margin-left: -34px;
    margin-top: -3px;
    border-radius: 30px;
    padding-left: 3px;
    position: absolute;
}
.tool-rb.rb-life-bg .rate-class-buttons .buttonState.active span:first-of-type :before,
.tool-rb.rb-life-spouse-bg .rate-class-buttons .buttonState.active span:first-of-type :before,
.tool-rb.rb-lpt-bg .rate-class-buttons .buttonState.active span:first-of-type :before,
.tool-rb .year-select .buttonState.active span:first-of-type :before{
    content: "\f00c";
    font: normal normal normal 20px/1 FontAwesome;
    font-size: 20px;
    padding-top: 3.5px;
    padding-right: 2px;
}

.tool-rb .year-select .buttonState.inactive{
    background: none!important;
}

.tool-rb .year-select .buttonState.active span:first-of-type :before,
.tool-rb .year-select .buttonState.active:hover span:first-of-type :before,
.tool-rb .year-select .buttonState:hover span:first-of-type :before{
    margin: -3px 0px 0 -34px;
}

.tool-rb .year-select .buttonState.active, .tool-rb .year-select .buttonState:hover,
.tool-rb .year-select .buttonState, .tool-rb .year-select .buttonState.inactive{
    background: none!important;
}


.tool-rb.rb-life-bg .buttonState.strm-bs-group-3 {
    width: auto;
    max-width: 300px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.tool-rb .rate-class-buttons .buttonState span,
.tool-rb .year-select .buttonState span{
    display: inline-block;
    margin: 0;
    border-radius: 30px !important;
    padding: 2px 7px 2px 16px !important;
    width: auto;
    font-weight: 500;
    height: auto !important;
    border: 0;
}
.tool-rb .rate-class-buttons .buttonState.strm-bs-group-3{
    width: auto!important;
    max-width: inherit;
}
.tool-rb .rate-class-buttons .spacer{
    display: none;
}
.tool-rb .rate-class-buttons .buttonState{
    margin-top: 20px;
}

/* Class Buttons End */


/* Modals */
.rb-ltd-bg .modal-content{
    font-family: 'visuelt-regular-pro', 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding: 10px;
}
.rb-ltd-bg .close{
    padding: 0px!important;
    opacity: 1;
}
.rb-ltd-bg .close img{
    height: 20px;
    width: 20px;
}
.modal-heading{
    font-size: 20px;
}


/* Misc */
.tool-rb .dollar-month {
    font-size: 40px;
    font-family: 'visuelt-bold-pro', 'Roboto', sans-serif;
    display: block;
}
.tool-rb .cov-statement h3{
    font-size: 20px;
    line-height: 28px;
}
.tool-rb .needs .total{
    font-size: 48px;
    line-height: 32px;
    font-family: 'visuelt-bold-pro', 'Roboto', sans-serif;
    color: #B62671;
}
.tool-rb .needs .per-mo{
    font-size: 24px;
    line-height: 32px;
}
.tool-rb .needs-results-explainer {
    font-family: 'visuelt-regular-pro', 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 0px;
}
.tool-rb.final-result h1{
    font-family: 'visuelt-bold-pro', 'Roboto', sans-serif;
    font-size: 48px;
    line-height: 56px;
}
.tool-rb #CarouselPlans .needs{
    padding-top: 0px;
}
.tool-rb .rb-ltd-bg h3,
.tool-rb.rb-ltd-bg label{
    font-family: 'visuelt-bold-pro', 'Roboto', sans-serif;
}
.tool-step{
    /*font-size: 20px;*/
    font-family: 'visuelt-bold-pro', 'Roboto', sans-serif;
    color: #B62671;
}
.step-heading{
    font-size: 24px;
    font-family: 'visuelt-regular-pro', 'Roboto', sans-serif;
}
.ltd-results, .life-results, .lpt-results, .gvul-results{
    padding: 50px 30px;
    border-radius: 10px;
}
@media(max-width: 767px){
    .ltd-results, .life-results, .lpt-results, .gvul-results{
        margin-left: 15px;
        margin-right: 15px;
    }
    .tool-rb .year-select .answer {
        margin: 0 auto;
        text-align: left;
    }
}
.plans-prod-title{
    font-size: 24px;
    font-family: 'visuelt-bold-pro', 'Roboto', sans-serif;
}
.repl-years .buttonState{	
    width: 14.3%;	
    margin: -1px;	
    padding: 18px 10px;	
}	
.tool-rb .inline .elementcontainer {	
    width: 28%;	
    display: inline-block;	
    padding: 0%;	
    /*margin: 16px 0px 0px 0;*/	
}
@media(max-width:500px){
    .tool-rb .inline .elementcontainer {	
        width: 100%;	
    }    
}
#trWhatAreTheirAges .resizable, #trWhatIsTheirAge .resizable{	
    font-size: 18px;	
}	
#trInlineQuestions .spacer{	
    display: none;	
}	
.life-rb .dropdown.product-choice {	
    background-image: url(/uploads/00001316/dropdown-arrow.svg);	
}
.rates-explained .fa {
    color: #FFF;
}
@media(min-width:992px){
    .personal-rate{
        padding-right: 60px
    }    
    .needs.gray-card{
        margin-right: 30px;   
    }
}
.rebrand .needs-results hr {
    width: 100%;
    border-top: 1px solid #292933;
}
.rebrand .needs-results-stats:first-child {
    border-top: 0px!important;
}
.rebrand .conditional .buttonState{
    font-size: 16px;
}

@media(max-width: 991px){
    .rebrand .needs-results-stats {
        position: relative;
        z-index: 1;
        padding: 15px 0 30px 0;
        margin: 0 5% 0;
        border-top: 1px solid #d3d3d3;
    }  
    .rebrand .needs-results {
        /*padding: 15px 0 30px 0;*/
        margin: 0 5% 0;
    }
    .rebrand .needs-results hr{
        margin-top: 0px;
    }
    .rebrand .needs-results-stats:last-child {
        border-top: 1px solid #292933;
    }  
}
.tool-rb .conditional .buttonState.active{
    font-weight: 500;
}
@media(max-width:991px){
    .rebrand .footer .pull-right, .rebrand.footer .pull-right{
        float: left!important;
        margin-top: 30px;
    }
}
.rb-life-spouse-bg .pending-rate:before {
    background: url("../../uploads/00001316/loaders/wave-white.gif") no-repeat;
    background-size: contain;
    background-position: bottom;
}
.tool-rb .dropdown.product-choice{
    background-image:url('/uploads/00001316/dropdown-arrow-gray.svg');
}
.needs-results-explainer-excess{
    font-family: 'visuelt-medium-pro', 'Roboto', sans-serif;;
    font-weight: inherit;
}
.needs-results-stats h2, .needs-results h2, .needs-results-stats b, .needs-results b{
    font-family: 'visuelt-medium-pro', 'Roboto', sans-serif;;
    font-weight: inherit;
}
.final-result.tool-rb hr{
    border-top: 1px solid #CCC;
}
.tool-rb-wrapper.tool-rb .styled-slider{
	margin-top: 20px;
}
@media(max-width:767px){
	.tool-rb-wrapper.tool-rb .styled-slider{
		margin-top: 10px;
	}
}
@media(max-width:991px){
	.tool-rb .ltd-results, .tool-rb .lpt-results, .tool-rb .life-results, .tool-rb .gvul-results{
		margin-top: 40px;
	}
}
.life-land-error, .gvul-land-error{
    margin-top: -80px;   
}
.personal-rate .rate-subhead{
    font-weight: 300;
}
#hoverSavings{
    z-index: 200;
}
#hoverDebt{
    z-index: 100;
}
label[for="AdditionalIncome"]{
    padding-right: 30px;
}
/* Misc END */




/* Media Queries */
@media(max-width:991px){
    .tool-rb .plan-options{
        margin-top: 35px;
    }
    /*.rb-ltd-bg{*/
    /*    margin: 40px 15px 0px 15px;*/
    /*}*/
}
@media (min-width: 992px){
    .tool-rb.final-result .styled-slider {
        margin-top: 0px;
    }    
}
@media(max-width:767px){
    .tool-rb.final-result{
        margin-top: 100px;
    }
    .tool-rb.final-result h1, .tool-rb .needs .total{
        font-size: 40px;
        line-height: 48px;
    }
    .ltd-tool-card, .life-tool-card{
        margin-top: 100px;
    }
    .question-card label{
        font-size: 16px;
        line-height: 24px;
    }
}
@media(max-width:450px){
    .tool-rb .btn{
        min-width: 130px;
    }
    .needs-rb-header .calc-tool-title{
        font-size: 16px!important;
    }
    .gvul-tool-header .calc-tool-title.calc-tool-title-scroll{
        font-size: 15px!important;
    }
}






/****************************** Button Arrow Hovers START ******************************/

/* Common */
.arrow-right, .arrow-right-dark, .arrow-left, .arrow-right-ltd, .arrow-right-life, .arrow-right-life-spouse, .rb-close, .arrow-right-lpt, .arrow-right-gvul{
    transition: all 0.2s;    
    display: inline-block;
    cursor: pointer!important;
    position: relative;
}

/* Fuchsia light bg button right */
.arrow-right:after{
    content: url('https://memberenroll-stage.com/uploads/00001316/icons/arrow-long-right.svg');
    position: absolute;
    opacity: 0;
    right: 10px;
    transition: 0.5s;
}
.arrow-right:hover, .arrow-right:focus, .arrow-right:active{
    padding-right: 10px;
    padding-left: 0px;
    background: #FFF;
    color: #B62671;
    box-shadow: inset 0 0 0 2px #B62671!important;
    outline: 0px!important;
    /* outline-offset: -2px!important; */
    cursor: pointer;
    border-radius: 150px;
    opacity: 1;
}
.arrow-right:hover:after, .arrow-right:focus:after {
    opacity: 1;
    right: 20px;
    cursor: pointer;
}


/* Fuchsia dark bg button right */
.arrow-right-dark:after{
    content: url('https://memberenroll-stage.com/uploads/00001316/icons/arrow-long-right.svg');
    position: absolute;
    opacity: 0;
    right: 10px;
    transition: 0.5s;
}
.arrow-right-dark:hover, .arrow-right-dark:focus, .arrow-right-dark:active{
    padding-right: 10px;
    padding-left: 0px;
    background: #FFF;
    color: #B62671!important;
    outline: 0px!important;
    cursor: pointer;
    border-radius: 150px;
    opacity: 1;
}
.arrow-right-dark:hover:after, .arrow-right-dark:focus:after {
    opacity: 1;
    right: 20px;
    cursor: pointer;
}


/* Fuchsia dark bg Close */
.rb-close:hover, .rb-close:focus, .rb-close:active{
    /*padding-right: 10px;*/
    /*padding-left: 0px;*/
    background: #FFF;
    color: #B62671!important;
    box-shadow: inset 0 0 0 2px #B62671!important;
    outline: 0px!important;
    /* outline-offset: -2px!important; */
    cursor: pointer;
    border-radius: 150px;
    opacity: 1;
}
.rb-close a:hover, .rb-close a:focus, .rb-close a:active, .rb-close:hover a{
    color: #B62671!important;
}


/* Dark grey light bg button left */
.arrow-left:after{
    content: url('https://memberenroll-stage.com/uploads/00001316/icons/arrow-long-left.svg')!important;
    position: absolute;
    opacity: 1;
    left: 10px;
    transition: 0.2s;
}
.arrow-left:hover, .arrow-left:focus, .arrow-left:active{
    padding-right: 0px;
    padding-left: 10px;
    background: #FFF!important;
    color: #292933;
    box-shadow: inset 0 0 0 2px #292933!important;
    outline: 0px!important;
    /* outline-offset: -2px!important; */
    cursor: pointer;
    border-radius: 150px;
}
.arrow-left:hover:after, .arrow-left:focus:after {
    opacity: 1;
    left: 20px;
    cursor: pointer;
}


/* White LTD green bg button right */
.arrow-right-ltd:after{
    content: url('https://memberenroll-stage.com/uploads/00001316/icons/arrow-long-right-ltd.svg');
    position: absolute;
    opacity: 0;
    right: 10px;
    transition: 0.5s;
}
.arrow-right-ltd:hover, .arrow-right-ltd:focus, .arrow-right-ltd:active{
    padding-right: 10px;
    padding-left: 0px;
    cursor: pointer;
    outline: 0px!important;
}
.arrow-right-ltd:hover:after, .arrow-right-ltd:focus:after {
    opacity: 1;
    right: 20px;
    cursor: pointer;
}


/* White LTD green bg button right */
.arrow-right-lpt:after{
    content: url('https://memberenroll-stage.com/uploads/00001316/icons/arrow-long-right-lpt.svg');
    position: absolute;
    opacity: 0;
    right: 10px;
    transition: 0.5s;
}
.arrow-right-lpt:hover, .arrow-right-lpt:focus, .arrow-right-lpt:active{
    padding-right: 10px;
    padding-left: 0px;
    cursor: pointer;
    outline: 0px!important;
}
.arrow-right-lpt:hover:after, .arrow-right-lpt:focus:after {
    opacity: 1;
    right: 20px;
    cursor: pointer;
}


/* White Life blue bg button right */
.arrow-right-life:after{
    content: url('https://memberenroll-stage.com/uploads/00001316/icons/arrow-long-right-life.svg');
    position: absolute;
    opacity: 0;
    right: 10px;
    transition: 0.5s;
}
.arrow-right-life:hover, .arrow-right-life:focus, .arrow-right-life:active{
    padding-right: 10px;
    padding-left: 0px;
    cursor: pointer;
    outline: 0px!important;
}
.arrow-right-life:hover:after, .arrow-right-life:focus:after {
    opacity: 1;
    right: 20px;
    cursor: pointer;
}


/* White Spouse orange bg button right */
.arrow-right-life-spouse:after{
    content: url('https://memberenroll-stage.com/uploads/00001316/icons/arrow-long-right-spouse.svg');
    position: absolute;
    opacity: 0;
    right: 10px;
    transition: 0.5s;
}
.arrow-right-life-spouse:hover, .arrow-right-life-spouse:focus, .arrow-right-life-spouse:active{
    padding-right: 10px;
    padding-left: 0px;
    cursor: pointer;
    outline: 0px!important;
}
.arrow-right-life-spouse:hover:after, .arrow-right-life-spouse:focus:after {
    opacity: 1;
    right: 20px;
    cursor: pointer;
}

/* White GVUL blue bg button right */
.arrow-right-gvul:after{
    content: url('https://memberenroll-stage.com/uploads/00001316/icons/arrow-long-right-gvul.svg');
    position: absolute;
    opacity: 0;
    right: 10px;
    transition: 0.5s;
}
.arrow-right-gvul:hover, .arrow-right-gvul:focus, .arrow-right-gvul:active{
    padding-right: 10px;
    padding-left: 0px;
    cursor: pointer;
    outline: 0px!important;
}
.arrow-right-gvul:hover:after, .arrow-right-gvul:focus:after {
    opacity: 1;
    right: 20px;
    cursor: pointer;
}


/****************************** Button Arrow Hovers END ******************************/


/******************************************* Tools Rebrand Styles END *******************************************/




/****************************** Update Video Play Arrow Styles START ******************************/

.limelight-player .vjs-limelight-big-play{
    text-shadow: none!important;
    font-size: 120px!important;
}
.limelight-player .vjs-limelight-big-play:before{
    border-radius: 100px;
    background: #000;
    opacity: .6!important;
}
/* Life Arrow */
#limelight_player_737552 .vjs-limelight-big-play {
    color: #0079C4!important;
}
/* LTD Arrow */
.ltd-jumbo .vjs-limelight-big-play {
    color: #2AAD7F!important;
}
/* Life Arrow */
#limelight_player_928285 .vjs-limelight-big-play {
    color: #00B6DD!important;
}

/****************************** Update Video Play Arrow Styles END ******************************/



/****************************** CPA Life Personas styles START ******************************/

/*.life .life-persona-one-image {*/
/*    background-image: url(/uploads/00001316/hero/life-hero-persona-1.png);*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*    background-repeat: no-repeat;*/
/*}*/
.persona-msg-cont{
    padding-top: 70px;
    padding-bottom: 70px;
}
.persona-msg-cont p{
    font-size: 20px;
    line-height: 28px
}
.rebrand.life .persona-msg-cont h1{
    color: #DDDA61;
}
@media(max-width: 991px){
    .persona-msg-cont h1{
        /*margin-top: 30px;*/
    }
    .persona-msg-cont img{
        margin-top: 30px;
    }
}
@media(min-width: 992px){
    .vertical-align {
        display: flex;
        align-items: center;
    }
}
@media(min-width: 1200px){
.persona-msg-cont img{
        max-width: 500px;
    }
}


/****************************** CPA Life Personas styles START ******************************/



.cash-ref-heading{
    background-image: url(/uploads/00001316/icons/cash-refunds-icon.svg);
    padding-left: 50px;
    background-repeat: no-repeat;
    height: 40px;
    display: flex;
    justify-content: left;
    align-items: center;
    background-size: 40px;
}

.cash-ref-section{
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding-top: 20px;
}
.cash-ref-section p{
    /*padding-left: 46px;*/
}