/*promotion pages specific*/

.hero-content.hero-content.fullpage.sonic.desktop-only {
    top: 30px!important;
}

.promotions div.sonic-info h1 b {
    margin-top: -10px;
}

.sonic-info {
    margin-bottom: 20px;
    margin-left: 70px;
}

.sonic-info p {
    margin-top: 20px;
    max-width: 400px;
}

.promotions .howitworks.container p {
    margin-top: 65px;
}

@media(max-width: 1200px) and (min-width: 1025px) {
    div.sonic-info h1,
    div.sonic-info h1 b {
        font-size: 49px
    }
}

@media(min-width: 1110px) {
    div.sonic-info h1 {
        line-height: 70px;
    }
}

@media(min-width: 1025px) {
    .sonic-info {
        width: calc(100% - 480px);
    }
}

.hero-content.fullpage.sonic {
    top: 25px;
}

.hero.fullpage .hero-content.sonic h1 {
    max-width: unset;
}

@media(max-width: 675px) {
    .full-page-content .content img.sonic-pic {
        display: none;
    }
    .full-page-content .content img.fitbit-pic {
        display: none;
    }
    .sonic-info {
        margin-left: 0px;
    }
    .hero-content.fullpage.sonic {
        top: -25px;
        margin-bottom: -60px;
    }
}

.hero.fullpage .hero-image-container.sonic {
    background-size: 500px;
    background-image: url(/assets/pages/pos-landing/sonic/sonic-model.jpg);
    background-position-y: center;
}

.hero.fullpage .hero-image-container.fit {
    background-size: 500px;
    background-image: url(/assets/pages/pos-landing/fit/fitbit-model.jpg);
    background-position-y: center;
}

.hero.fullpage .hero-image-container.offer {
    background-size: 500px;
    background-image: url(/assets/pages/pos-landing/offer/offer-model.jpg);
    background-position-y: center;
}

@media(max-width: 1024px) and (min-width: 735px) {
    .hero.fullpage .hero-image-container.fit,
    .hero.fullpage .hero-image-container.offer {
        position: absolute;
        height: 100% !important;
        min-height: 100% !important;
        background-position: top right;
        background-size: 330px;
    }
    .hero.fullpage .hero-image-container.fit {
        background-image: url(/assets/pages/pos-landing/fit/fitbit-model.jpg) !important;
    }
    .hero.fullpage .hero-image-container.offer {
        background-image: url(/assets/pages/pos-landing/offer/offer-model.jpg) !important;
    }
    div.hero-content.hero-content p {
        width: calc(100% - 230px);
    }
    div.hero-content.hero-content .fitbit-info p {
        width: calc(100% - 230px);
    }
}

@media(max-width: 1024px) and (min-width: 900px) {
    .hero.fullpage .hero-image-container.sonic {
        position: absolute;
        height: 100% !important;
        min-height: 100% !important;
        background-position: top right;
        background-size: 330px;
    }
    .hero.fullpage .hero-image-container.sonic {
        background-image: url(/assets/pages/pos-landing/sonic/sonic-model.jpg) !important;
    }
    div.hero-content.hero-content .sonic-info p {
        width: calc(100% - 20px);
    }
    .sonic-info {
        max-width: 70%;
    }
}

.sonic-info img {
    max-width: 150px;
    margin-bottom: 15px;
    margin-top: 45px;
}

.full-page-content .content .fitbit-info img {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.fitbit-pic {
    max-height: 100px;
}

@media(max-width: 400px) {
    .promotions .hero+.sectionheader h2 {
        max-width: 50%;
        margin-left: 0px;
    }
}

@media(max-width: 550px) {
    .full-page-content .content .fitbit-info img.fitbit-pic {
        display: none;
    }
}

.offer-info {
    margin-top: 55px;
}

@media(max-width: 1024px) {
    .offer-info {
        margin-top: 0px;
    }
}

.full-page-content div.content {
    margin: 0 auto;
    width: 100%;
}

.promotions .flex {
    display: flex;
}

section.left-promo,
section.image {
    flex: 1;
}

.promotions .main.flex {
    height: 800px;
    z-index: 0;
    overflow-y: hidden;
}

.promotions .faq {
    z-index: 1;
    position: relative;
    margin-top: 30px;
}

.promotions .top.flex {
    margin-top: 20px;
}

.fitbit-info {
    margin-left: 40px;
}

.offer .steps {
    margin-left: 0px;
}

.promotions .offer h1 b {
    font-size: 100px;
    margin-bottom: 20px;
}

.promotions .offer h1 {
    margin-top: 20px;
}

.sonic-info {
    margin-left: 80px;
}

.sonic .instructions {
    padding-left: 155px;
}

.sonic .steps {
    margin-left: 0px;
}

.sonic .sonic-info img {
    margin-top: 0px;
}

.promotions .sonic-info h1,
.promotions .fitbit-info h1,
.promotions .offer-info h1 {
    color: #62A93A;
    font-size: 47px;
    font-weight: normal;
    margin-bottom: 20px;
}

.promotions div.sonic-info h1 {
    line-height: 52px;
}

.promotions div.sonic-info h1 b {
    margin-top: -10px;
}

.promotions .sonic-info p {
    margin-bottom: 20px;
}

.promotions section {
    width: 90%;
    margin: 0 auto;
}

.promotions .sectionheader:last-of-type {
    margin-top: 20px;
}

.promotions div.fitbit-info h1 b {
    margin-top: -12px;
}

.promotions h1 b {
    line-height: 52px;
    font-weight: bold;
    display: block;
    font-size: 61px;
    margin-top: -20px;
}

.promotions .instructions {
    background-color: #F3F3F3;
    height: 100%;
    padding: 20px 30px;
    margin-top: 20px;
}

.promotions .instructions span b {
    font-size: 16px;
}

.promotions .steps {
    margin-left: 0px;
    margin-top: 20px;
}

.promotions .step .num {
    position: relative;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    margin-bottom: 40px;
    background: #00BBAD;
    display: inline-block;
    color: white;
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 50px;
}

@media(min-width: 450px) {
    span.no-break {
        white-space: nowrap;
    }
}

@media(min-width: 1025px) {
    .promotions .step .num-text {
        text-align: center;
    }
    .promotions .howitworks.container p {
        margin-top: 65px;
    }
    div.promotions .step .num {
        position: absolute;
    }
    .promotions .step .num {
        left: calc(50% - 179px);
    }
    .promotions .sonic-how .step:nth-child(1) .num {
        left: calc(50% - 180px);
    }
    .promotions .sonic-how .step:nth-child(2) .num {
        left: calc(50% - 160px);
    }
    .promotions .sonic-how .step:nth-child(3) .num {
        left: calc(50% - 158px);
    }
}

.promotions .step:nth-child(1) .num:before {
    content: "1";
}

.promotions .step:nth-child(2) .num:before {
    content: "2";
}

.promotions .step:nth-child(3) .num:before {
    content: "3";
}

.promotions .step .num:before {
    position: absolute;
    top: -5px;
    left: 12px;
}

.promotions .num-text {
    width: 100%;
    /*width: calc(100% - 70px);*/
    display: inline-block;
    margin-left: 20px;
}

.promotions .num-text a.button.apply {
    display: block;
    font-size: 20px;
    width: 150px;
    height: 35px;
    padding: 0px;
    padding-bottom: 29px;
    margin-left: 0px;
    margin-top: 8px;
}

.promotions .step:nth-child(1) .num-text a.button.apply {
    background-color: #016F61;
}

.promotions .step:nth-child(1) .num-text a.button.apply:hover {
    background-color: white;
    color: #016F61;
    border: 5px solid #016F61;
}

.promotions .instructions p {
    margin-bottom: 20px;
}

.main.flex.fit .image {
    background-image: url("/assets/pages/pos-landing/fit/fitbit-model.jpg");
}

.main.flex.offer .image {
    background-image: url("/assets/pages/pos-landing/offer/offer-model.jpg");
}

.promotions .main.flex.sonic .image {
    background-image: url("/assets/pages/pos-landing/sonic/sonic-model.jpg");
    background-size: 365px;
    background-position-x: right;
    background-repeat: no-repeat;
}

.promotions .main.flex .image {
    background-size: cover;
}

.sonic-pic {
    max-height: 380px;
    position: absolute;
    margin-left: -7px;
}

.main.flex.sonic {
    height: 400px;
    margin-left: 5%;
}

.sonic .step .num {
    margin-bottom: 35px;
}

.sonic .num-text {
    width: calc(100% - 70px);
}

@media(max-width: 1450px) {
    div section.left-promo {
        flex: 2;
    }
    .main.flex.sonic .image {
        background-position: 45%;
        background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%), url("/assets/pages/pos-landing/sonic/sonic-model.jpg");
    }
    div .offer section.left-promo {
        flex: 1;
    }
}

@media(max-width: 1540px) {
    .sonic div.step .num:nth-child(2) {
        margin-top: 0px;
    }
    .sonic div.step:nth-child(2) .num-text span {
        margin-top: 5px;
        display: block;
    }
    .sonic div.step:nth-child(2) {
        margin-top: 5px;
    }
    .promotions .step .num {
        margin-bottom: 40px;
    }
    .offer .num-text {
        width: calc(100% - 70px);
    }
    .promotions div section.left-promo {
        flex: 1.5;
    }
    .main.flex.fit .image {
        background-position-x: 50%;
    }
    .main.flex.sonic .image {
        background-position-x: right;
    }
    .main.flex.offer .image {
        background-position-x: 32%;
    }
    .offer .offer-info {
        margin-left: 0px;
    }
    .offer .steps {
        margin-left: 0px;
    }
    .main.flex.fit .image {
        background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%), url("/assets/pages/pos-landing/fit/fitbit-model.jpg");
    }
    .promotions .offer h1 b {
        font-size: 80px;
        margin-bottom: 0px;
    }
    .main.flex.offer .image {
        background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%), url("/assets/pages/pos-landing/offer/offer-model.jpg");
    }
    .sonic .step .num {
        width: 30px;
        height: 30px;
        font-size: 28px;
    }
    .sonic .step .num:before {
        position: absolute;
        top: -5px;
        left: 7px;
    }
    /*  .sonic-pic{
        max-height: 925px;
    }

    .main.flex.sonic{
        height: 945px;
    }*/
}

.promotions .flex-box {
    flex: 1;
}

.promotions .flex-box.faq-links ul {
    border: none;
    font-weight: bold;
    font-size: 14px;
}

.promotions .faq-answers span {
    color: rgb(0, 109, 100);
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 10px;
    display: inline-block;
}

.content .promotions .faq-answers li {
    margin-bottom: 45px;
}

.content .promotions .faq-answers li li {
    margin-bottom: 5px;
}

.content .promotions .faq-answers ul ul {
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}

.content .promotions .faq-answers ul ul li {
    list-style-type: lower-roman;
    margin-left: 40px;
}

.content .faq-answers ul ul ul li {
    list-style: disc;
    margin-left: 40px;
}

.promotions div hr {
    height: 1px;
    border-top: 1px solid black;
}

.promotions .faq-answers span.more-faq {
    cursor: pointer;
    display: block;
    font-size: 24px;
    font-weight: bold;
    /*color: #A7A7A7;*/
    margin-top: 30px;
}

@media(min-width: 1025px) {
    .content .promotions .faq-answers li {
        padding-left: 20px;
        padding-right: 20px;
    }
    .promotions .faq-links {
        flex: 0.45;
    }
    .promotions .faq-links ul {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .promotions .faq-answers {
        margin-left: 40px;
        flex: 0.55;
    }
}

@media(max-width: 1024px) {
    .fitbit-info img {
        margin-top: 0px;
    }
    .fitbit-info h1 {
        margin-top: -20px;
    }
    .promotions div.fitbit-info h1 b {
        margin-top: -25px;
    }
    .fitbit-info {
        margin-left: 0px;
    }
    .promotions div.step:nth-child(2) .num {
        margin-top: 0px;
    }
    .promotions div.step:nth-child(2) .num-text span {
        margin-top: calc(45px / 2 - 10px);
        display: block;
    }
    .promotions .num-text a.button.apply {
        margin-bottom: 25px;
    }
    div.main.flex.fit .image,
    div.main.flex.sonic .image,
    div.main.flex.offer .image {
        flex: 0;
        display: none;
    }
    /*.full-page-content div.content {
        padding-top: 0px;
    }*/
    .promotions .flex-box.faq-links {
        flex: 0;
        display: none;
    }
    .promotions .instructions {
        height: unset;
    }
    .promotions .main.flex {
        height: unset;
    }
    .main.flex.sonic {
        height: 100%;
        max-width: 90%;
        margin: 0 auto;
    }
    .left-promo {
        position: relative;
    }
    .full-page-content .content img.sonic-pic {
        max-height: 100%;
    }
    .promotions .top.flex {
        display: block;
    }
    .fitbit-info h1 {
        line-height: 2;
    }
    .promotions div.sonic-info h1 b {
        font-size: 55px;
    }
}

@media(max-width: 675px) {
    .full-page-content .content img.sonic-pic {
        display: none;
    }
    .full-page-content .content img.fitbit-pic {
        display: none;
    }
    .promotions .instructions {
        padding: 20px 15px;
    }
    .sonic-info {
        margin-left: 0px;
    }
    .sonic .instructions {
        padding-left: 20px;
    }
    .sonic .steps {
        margin-left: 0px;
    }
    .promotions .sonic h1 b {
        font-size: 50px;
    }
}

@media(max-width: 575px) {
    .promotions .offer h1 b {
        font-size: 61px;
    }
    .promotions .steps {
        margin-left: 0px;
    }
    .promotions .num-text {
        width: calc(100% - 70px);
    }
    .full-page-content .content img.sonic-pic {
        display: none;
    }
    .full-page-content .content img.fitbit-pic {
        display: none;
    }
    .sonic-info img {
        margin-top: 0px;
    }
    .sonic-info {
        margin-left: 0px;
    }
}

@media(max-width:375px) {
    .promotions div.step .num:nth-child(2) {
        margin-top: 0px;
    }
    .promotions div.step:nth-child(2) .num-text span {
        margin-top: 0px;
        display: block;
    }
    .promotions .step .num {
        width: 30px;
        height: 30px;
        font-size: 28px;
    }
    .promotions .step .num:before {
        position: absolute;
        top: -5px;
        left: 7px;
    }
    .promotions .num-text a.button.apply {
        margin-top: 10px;
        margin-bottom: 25px;
    }
}

.promotions .sonic .instructions p:first-of-type {
    margin-top: 15px;
}

.promotions .offer .step .num {
    margin-bottom: 35px;
}

.promotions .live-chat {
    margin-top: 40px;
    margin-left: 40px;
}

.promotions .mobile-only.live-chat {
    margin-top: 0px;
    margin-left: 0px;
}

.promotions .live-chat img {
    display: inline-block;
    margin-bottom: 10px;
    float: left;
    height: 40px;
    max-width: 490px;
    clear: both;
}

.promotions .full-page-content .container .live-chat p {
    margin-bottom: 10px;
    font-size: 32px;
    margin-left: 65px;
    font-weight: 400;
    line-height: 24px;
    max-width: 480px;
    display: block;
}

.promotions .full-page-content .container .live-chat p.visit-chat {
    font-size: 28px;
}

.promotions .faq-links ul li {
    margin-bottom: 25px;
}

.promotions .faq .flex {
    margin-top: 20px;
}

.promotions .flex-box.faq-links ul {
    padding-top: 0px;
}

.promotions .howitworks p,
.howitworks span {
    margin-top: 20px;
    display: block;
}

.promotions .steps {
    display: flex;
}

.promotions .step {
    flex: 1 1 auto;
    position: relative;
}

.promotions .sectionheader #chat-widget {
    float: right;
    position: absolute;
    right: 50px;
    top: 8px;
}

.promotions .sectionheader a {
    color: rgb(72, 113, 39);
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 600;
}

.promotions .sectionheader {
    position: relative;
}

.promotions #chatIcon {
    position: absolute;
    left: -38px;
    margin: 5px 0px;
}

@media(max-width: 1024px) {
    .promotions .steps {
        flex-direction: column;
    }
    .promotions .step .num-text {
        width: unset;
    }
}

@media all and (max-width: 1024px) and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    div.promotions .step .num-text {
        width: calc(100% - 70px);
    }
}

@media(max-width: 400px) {
    .promotions .faq .sectionheader h2 {
        max-width: 50%;
        margin-left: 0px;
    }
}

@media (max-width: 450px) {
    .promotions .step .num-text {
        width: calc(100% - 70px);
    }
}

content div {
    max-width: 100vw;
}

.promotions .hero.partners.sonic .hero-image-container {
    background-size: 360px;
    background-image: url(/assets/pages/pos-landing/sonic/sonic-model.jpg);
    background-position-y: top;
}

.promotions .howitworks.container {
    margin-top: -35px;
}


/*Promotions css ends*/


/*div:empty {
    display:none;
}*/

.hero.fullpage .hero-image-container.about {
    background-image: url(/sites/cc/image/about-hero_aboutus.jpg);
}

.hero.fullpage .hero-image-container.cardholderagreement {
    min-height: 300px;
    height: 22em;
    background-image: url(/sites/cc/image/cardholderhero.jpg);
}

.hero.fullpage .hero-image-container.security {
    background-image: url(/sites/cc/image/security-hero.jpg);
}

.hero.fullpage .hero-image-container.contactus {
    min-height: 300px;
    height: 22em;
    background-image: url(/sites/cc/image/contactus_hero.jpg);
}

.hero.fullpage .hero-image-container.refer {
    min-height: 300px;
    height: 22em;
    background-image: url(/sites/cc/image/refer.jpg);
    background-size: 75%;
    background-position: right top;
}

.hero.fullpage .hero-image-container.apply-offer1 {
    background-image: url(/assets/pages/apply-offer/applyoffer-hero.jpg);
    background-position: right center;
}

.hero.fullpage .hero-image-container.nbhome {
    background-image: url(/assets/pages/newbeauty/newbeauty-hero.jpg);
    background-position: right top;
    height: 280px;
}

.hero-logo-small {
    margin-bottom: 15px;
}

.nbhome .hero-logo-small.desktop-only {
    margin-top: -65px;
}

#newbeauty-apply {
    margin-left: 280px;
    margin-top: -50px;
}

.hero-content.fullpage.You.could.save {
    top: 32px;
}

.hero.fullpage .hero-content.nbhome h1 {
    font-size: 36px;
    display: inline-block;
    max-width: 40%;
    vertical-align: 20px;
}

.full-page-content {
    width: 100%;
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #fff;
    position: relative;
}

.full-page-content .content {
    width: 100%;
    display: block;
    padding-top: 0px;
    padding-bottom: 40px;
}

.full-page-content .content.subcontent.image {
    max-width: 1200px;
    float: right;
    height: auto;
}

#contactus .section:nth-of-type(2) {
    padding-bottom: 100px;
}

.full-page-content .content img {
    display: block;
    clear: both;
}

.full-page-content .container .section {
    width: 50%;
    padding-right: 75px;
    float: left;
    margin-bottom: 15px;
}

.full-page-content .container .section.thirds {
    width: 28%;
}

.full-page-content .container.apply-offer1 .section {
    margin-bottom: 40px;
}

.full-page-content .container .section.partners {
    display: inline-block;
    max-width: 33%;
    min-height: 500px;
    margin-bottom: 40px;
}

.aboutthirty {
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
}

.full-page-content .container p {
    line-height: 1.7;
    font-size: 1.000rem;
    margin-bottom: 20px;
}

.full-page-content .container blockquote {
    line-height: 1.7;
    font-size: 1.200rem;
    margin-bottom: 20px;
}

.full-page-content .container.articles.finEdArticlesContainer {
    margin-top: -20px;
}

.full-page-content .container {
    overflow: hidden;
    /* max-width: 1500px;*/
    width: 100%;
    padding-top: 20px;
}

.full-page-content .container.apply-offer1 {
    padding-top: 50px;
}

.full-page-content div#contactus.container p {
    margin-left: 95px;
}

.fullpage .button.button.medium,
.full-page-content .button.button.medium {
    background-color: #66a137;
    color: white;
}

.fullpage .button.button.medium:hover,
.fullpage .button.button.medium:active,
.full-page-content .button.button.medium:hover,
.full-page-content .button.button.medium:active {
    background-color: white;
    color: #66a137;
}

.full-page-content .section h2 {
    color: rgb(69, 69, 69);
}

.full-page-content .apply-offer1 .section h2 {
    color: #006f60;
    font-size: 36px;
}

.full-page-content .apply-offer1 .section h3 {
    color: rgb(69, 69, 69);
}

.financial-glossary h2 {
    font-size: 18px;
}

.faq-links>ul {
    display: block;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 10px 0;
    margin-bottom: 20px;
}

.faq-category li {
    list-style: disc;
    margin-left: 50px;
}

.apply-offer1 .list-col {
    width: 45%;
    display: inline-block;
}

.apply-offer1 .list-header {
    font-size: 20px;
    color: #006f60;
    font-weight: bold;
    width: 100%;
}

.apply-offer1 .list-header img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

.content .apply-offer1 ul {
    display: block;
    margin: 10px 0 20px 40px;
}

.content .apply-offer1 li {
    margin-bottom: 5px;
}

.apply-offer1 .details h3 {
    font-style: italic;
    color: #999;
    font-weight: normal;
    font-size: 1.000rem;
    margin: 15px 0;
}

.apply-offer1 .details .details-tipcontent {
    border-top: 1px solid #999;
    border-bottom: 0;
    font-style: italic;
    min-height: 51px;
    color: #999;
    max-width: 90%;
}

#testimonialsContainer {
    padding: 30px 0 5px;
    position: relative;
}

#testimonialsContainer .container-scroll {
    width: 100%;
    vertical-align: top;
}

.testimonial {
    display: inline-block;
    border-radius: 5px;
    background-color: rgb(209, 219, 201);
    padding: 20px;
    height: auto;
    vertical-align: top;
    margin-left: 2%;
    width: 30%;
}

.testimonial:before {
    content: url(/assets/core/images/new/bubble.png);
    position: relative;
    z-index: 10;
    left: -40px;
    top: -35px;
}

.testimonial p {
    line-height: 1.7;
    margin-top: -35px;
    margin-bottom: 10px;
}

.testimonial h2 {
    font-size: 1rem;
    color: #454545;
    margin-bottom: 0;
}

.testimonial p.testimonial-market {
    margin-top: 0;
    font-style: italic;
}

h3.contactheader {
    padding-left: 95px;
    background-repeat: no-repeat;
    background-position: 0 5px;
    color: rgb(69, 69, 69);
    font-size: 2rem;
}

h3.contactheader#_cardholders {
    background-image: url('/sites/cc/image/contactus-cardholder-icon.png');
}

h3.contactheader#_providers {
    line-height: 1.3;
    background-image: url('/sites/cc/image/contactus-provider-icon.png');
}

h3.contactheader#_apply {
    background-image: url('/sites/cc/image/contactus-apply-icon.png');
}

.container .news-item {
    max-width: 30%;
    min-height: 290px;
    height: auto;
    display: inline-block;
    border-radius: 5px;
    background-color: #fff;
    padding: 0px 20px 40px 0px;
    margin-top: 40px;
    margin-right: 40px;
    vertical-align: top;
}

.content#about-newsroom .container a.button {
    margin-bottom: 3px;
}

.news-item:before {
    content: url('/sites/cc/image/new-articles_icon_blue.png');
    position: relative;
    z-index: 10;
    top: -15px;
}

.news-item a {
    text-decoration: none;
    color: inherit;
}

.news-item h3 {
    font-size: 1.144rem;
    line-height: 1.34;
}

.communities .container {
    margin-top: 20px;
}

.communities .section a {
    color: rgb(0, 111, 96);
    font-weight: normal;
    text-decoration: none;
}

.communities .section a:hover {
    color: rgb(0, 111, 96);
    text-decoration: underline;
}

.full-page-content.communities h2 {
    color: rgb(0, 111, 96);
    line-height: 1;
    font-size: 1.500rem;
}

.section.sidenav img {
    margin-bottom: 30px;
}

.section.sidenav p {
    margin-top: 30px;
}

.section.partners img {
    margin-bottom: 20px;
    height: 75px;
    width: auto;
}

ul.communities-list,
ul.communities-list li {
    display: block;
}

.communities-list li {
    margin-bottom: 5px;
}

.communities .communities-list li a {
    text-decoration: none;
    color: rgb(69, 69, 69);
    font-weight: 700;
}

.communities .communities-list li a:hover {
    color: rgb(0, 111, 96);
    text-decoration: underline;
}

.communities .communities-list li a.active {
    color: rgb(0, 111, 96);
}

.partnerHeader {
    margin-top: 30px;
    border-bottom: 1px solid rgb(204, 204, 204);
}

.partnerpageImg {
    display: block;
    float: left;
    width: 102px;
}

.partnerPageDescription {
    display: block;
    float: left;
    width: 55%;
    margin-left: 50px;
    line-height: 1.5;
}

span.partnerPageDescription:after {
    content: "";
    display: block;
    padding: 20px;
}

.content li {
    display: list-item;
    margin-bottom: 10px;
}

.sitemap {
    display: inline-block;
    width: 49%;
    padding-left: 20px;
}

.sitemap h2 {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.sitemap h3 {
    font-size: 1.3rem;
}

.sitemap h2,
.faq-links h2.faqtitle {
    background: url(/sites/cc/image/arrow-right-green.png) no-repeat center left;
    padding-left: 20px;
    background-size: 13px;
}

.faq-links h2.faqtitle {
    margin-bottom: 10px;
}

.full-page-content .section h2.faqtitle {
    font-size: 1.144rem;
    font-weight: bold;
    line-height: 1.34;
    color: rgb(0, 111, 96);
}

.sitemap ul {
    padding-left: 30px;
    display: inline-block;
}

.sitemap ul ul li {
    list-style-type: disc;
    margin-left: 10px;
}

.sitemap .locator-link {
    margin-top: 30px;
}

.sitemap .search-link {
    margin-bottom: 40px;
}

.sitemap .non-link {
    color: rgb(69, 69, 69);
}

.faqs {
    /*padding-left: 20px;*/
}

.faqs .answers ul,
.terms-conditions ul {
    padding-left: 20px;
    display: inline-block;
}

.faqs .answers li,
.terms-conditions li,
.security-center li {
    list-style-type: disc;
}

.security-center.section h3 {
    font-size: 1.5rem;
    color: rgb(0, 111, 96);
    margin-bottom: 0;
}

.security-center ul {
    padding-left: 30px;
    display: block;
    margin: 20px 0;
}

ul.checkmark-list li {
    list-style: disc outside url(/sites/cc/image/check.png);
}

body form.validatorform .button.button.medium {
    background: #649e36;
    border: 5px solid #649e36;
}

body form.validatorform .button.button.medium:hover,
body form.validatorform .button.button.medium:focus {
    background: #ffffff;
    color: #66a137;
}

.full-page-content .section a.phonenumber {
    font-size: 2rem;
    color: rgb(69, 69, 69);
    margin-top: 10px;
}

.full-page-content .section a.phonenumber span {
    font-size: inherit;
}

.validatorform input.prefix {
    width: 50px;
    display: inline-block;
}

.validatorform input.phone-1 {
    width: 60px;
    display: inline-block;
    margin-left: 20px;
}

.validatorform input.phone-2 {
    width: 150px;
    display: inline-block;
}

.validatorform fieldset {
    margin: 20px 0 5px;
}

.validatorform input[type="radio"] {
    width: 18px;
    display: inline-block;
    margin: 10px;
    height: 18px;
}

.validatorform .checkbox:first-child input[type="radio"] {
    margin-left: 0;
}

.validatorform .checkbox label {
    vertical-align: middle;
}

form.validatorform input {
    margin: 20px 0 5px;
    max-width: 100%;
}

form.validatorform select {
    margin-top: 20px;
    margin-bottom: 5px;
}

form.validatorform .radiobuttons .checkbox {
    display: inline-block;
    margin-right: 10px;
}

form.validatorform .radiobuttons {
    display: block;
}

form.validatorform h2.green {
    color: rgb(0, 111, 96);
}

.full-page-content .container .validatorform p {
    margin-bottom: 0
}

.validatorform h3 {
    font-size: 2rem;
}

.full-page-content .container .read-more-button {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 50px 0 0;
    background-image: linear-gradient(to bottom, transparent, white);
    margin-bottom: 0;
}

.read-more-button a {
    padding: 0px 10px;
    border: 1px solid;
    border-radius: 2px;
    background-color: white;
}

.application-form {
    background-color: rgb(235, 235, 235);
    padding: 20px 30px;
    box-shadow: 10px 10px 5px rgb(184, 184, 184);
    width: 75%;
}

.newbeauty-disclaimer {
    margin-top: 25px;
}

.full-page-content .content img.mobile-only {
    display: none;
}

.full-page-content .procedure-page-content h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}

.full-page-content .procedure-page-content .button.button.medium {
    background: rgb(0, 131, 120);
}

.full-page-content .procedure-page-content .button.button.medium:hover {
    background: white;
}

.full-page-content .section.list li {
    margin-bottom: 0;
}

.full-page-content #avgcost .container {
    position: static;
}

.full-page-content #avgcost.content.cosmetic {
    height: auto;
    background-size: 40%;
}

@media screen and (max-width: 1100px) {
    .hero-content.nbhome {
        left: 20px;
    }
}

@media screen and (max-width: 1024px) {
    #newbeauty-apply {
        margin: 20px 0 0 0;
    }
    .hero-content.fullpage.You.could.save {
        top: 0;
    }
    .full-page-content .content img.mobile-only {
        display: block;
        margin: 0 auto;
    }
    .full-page-content #avgcost.content.cosmetic {
        background-image: none;
        height: auto;
    }
    .hero.fullpage .hero-content.nbhome h1 {
        max-width: 600px;
    }
    body .full-page-content .procedure-page-content .container .section {
        padding: 20px 24px;
    }
    body .full-page-content .procedure-page-content .container .section.thirds {
        padding-bottom: 0;
        width: 100%;
    }
    .toolbar.nbhome {
        max-width: 135px;
    }
    #newItemsArea {
        position: relative;
    }
    .desktop-only {
        display: none;
    }
    .nextButton,
    .prevButton {
        position: absolute;
        top: 50%;
        text-indent: -9999px;
        display: block;
        cursor: pointer;
        background: url(/assets/core/images/new/nav-left.png) no-repeat 0 0;
        background-size: 100% auto;
        width: 45px;
        height: 45px;
        border: 0;
    }
    .nextButton:focus {
        outline: none;
        box-shadow: none;
        background: url(/sites/cc/image/nav-right-filled.png) no-repeat 0 0;
        background-size: 100% auto;
    }
    .prevButton:focus {
        outline: none;
        box-shadow: none;
        background: url(/sites/cc/image/nav-left-filled.png) no-repeat 0 0;
        background-size: 100% auto;
    }
    .nextButton {
        background: url(/assets/core/images/new/nav-right.png) no-repeat 0 0;
        background-size: 100% auto;
        right: 10px;
    }
    .prevButton {
        left: 10px;
    }
    .section.faq-links li {
        margin-left: 24px;
    }
    #contactus .section:nth-of-type(2) {
        padding-bottom: 0px;
    }
    .content li {
        font-size: 1rem;
    }
    body .full-page-content .container {
        padding: 20px 24px;
    }
    body .full-page-content #our-partners .container {
        text-align: center;
    }
    body .full-page-content #our-partners .container .section.partners {
        display: flex;
    }
    body .full-page-content #our-partners .container .section.partners h3 {
        flex: 1;
        margin-left: 15px;
        margin-top: 0px;
    }
    .logo-flex {
        flex: 1;
        margin-right: 15px;
    }
    .full-page-content .container .section.partners img.riteaid-logo {
        max-height: 90px;
    }
    .full-page-content .container .section.partners img.vsp-logo {
        max-height: 80px;
    }
    body .full-page-content .container .section {
        display: block;
        float: none;
        padding: 0;
        width: 100%;
    }
    h2.contactheader#_cardholders,
    h2.contactheader#_providers,
    h2.contactheader#_apply {
        padding-top: 85px;
        padding-left: 0;
        font-size: 1.8rem;
    }
    .full-page-content div#contactus.container p,
    h3.contactheader {
        margin-left: 0;
    }
    .full-page-content .section a.phonenumber {
        display: inline-block;
        background-color: #649e36;
        color: #ffffff;
        border-radius: 4px;
        padding: 5px 15px;
        font-size: 1.4rem;
        margin-top: 14px;
    }
    body .hero-content.fullpage {
        text-align: left;
    }
    body .hero-content.fullpage.Contact,
    body .hero-content.fullpage.Credit.Card.Agreement {
        display: none;
    }
    form.validatorform select,
    form.validatorform input {
        display: inline-block;
        box-sizing: border-box;
        max-width: 45%;
        margin-right: 3%;
    }
    .full-page-content .container .section.partners {
        max-width: none;
        width: 100%;
        display: block;
        margin: 30px auto 0;
        max-width: 600px;
    }
    .full-page-content .container .section.partners h3 {
        display: inline-block;
        width: 200px;
        width: 40%;
    }
    .full-page-content .container .section.partners img {
        display: inline-block;
        width: auto;
        max-height: 50px;
    }
    body form.NewReferral br {
        /*display: none;*/
        height: 0;
    }
    body form.NewReferral input {
        margin-bottom: 20px;
        display: block;
    }
    form.validatorform input.prefix,
    form.validatorform input.phone-1 {
        margin-right: 0;
    }
    body .full-page-content .content.subcontent.image {
        padding: 0;
    }
    .container .news-item {
        height: auto;
        max-width: none;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    a.bucket.programs {
        width: 31%;
        margin-bottom: 10px;
        margin-right: 10px;
        margin-left: 0px;
        margin-top: 0px;
    }
    a.bucket.programs:nth-of-type(3) {
        margin-right: 0;
    }
    .nextButton,
    .prevButton {
        position: absolute;
        top: 50%;
        text-indent: -9999px;
        display: block;
        cursor: pointer;
        background: url(/sites/cc/image/new-nav-left.png) no-repeat 0 0;
        background-size: 100% auto;
        width: 45px;
        height: 45px;
        border: 0;
    }
    .nextButton {
        background: url(/sites/cc/image/new-nav-right.png) no-repeat 0 0;
        background-size: 100% auto;
        right: 10px;
    }
    .prevButton {
        left: 10px;
    }
    .testimonial {
        display: block;
        margin: 20px auto;
        width: auto;
        max-width: 80%;
    }
}

@media screen and (max-width: 767px) {
    .nextButton,
    .prevButton {
        width: 35px;
        height: 35px;
    }
    .nextButton {
        right: 5px;
    }
    .prevButton {
        left: 5px;
    }
    #newItemsArea {
        padding: 20px 45px;
    }
    .full-page-content .container .section.partners h3 {
        font-size: 1.3rem;
    }
    form.validatorform .radiobuttons .checkbox {
        display: block;
    }
    .validatorform input[type="radio"] {
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .validatorform input.phone-2 {
        width: 100px;
    }
    a.bucket.programs {
        width: 47%;
        margin-right: 2%;
    }
    a.bucket.programs:nth-of-type(3) {
        margin-right: 1%;
    }
    a.bucket.programs:nth-of-type(2) {
        margin-right: 0px;
    }
    .bucket-link {
        font-size: 1rem;
    }
    form.validatorform select,
    form.validatorform input {
        box-sizing: border-box;
        max-width: 100%;
        margin-right: 0;
    }
    form.validatorform h2.green {
        font-size: 1.5rem;
        margin: 20px 0;
    }
    form.validatorform input.state {
        /*width:170px;*/
        margin-right: 15px;
    }
    form.validatorform input.zipcode {
        /*width:80px;*/
    }
    body .sitemap {
        display: block;
        width: 100%;
    }
    body .container .news-item {
        display: block;
        margin: 40px auto 0;
        width: 413px;
        max-width: 100%;
    }
    .read-more-section {
        max-height: 300px;
        position: relative;
        overflow: hidden;
    }
    .full-page-content .container .read-more-button {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .full-page-content .container .section.partners h3 {
        display: block;
        width: 80%;
        text-align: center;
        margin: 0 auto;
        margin: 20px auto 20px auto;
    }
    .full-page-content .container .section.partners img {
        display: block;
        width: 100px;
        margin: 0 auto;
    }
    .full-page-content .container .section.partners {
        text-align: center;
    }
}

@media (max-width:420px) {
    .apply-offer1 .list-col {
        width: 95%;
    }
}

@media (max-width:320px) {
    .apply-offer1 .accordian-arrow {
        margin-top: 0;
    }
    .apply-offer1 .tip h3 {
        margin-top: 0;
    }
}

.hero.fullpage .hero-image-container.health-and-money-articles {
    min-height: 300px;
    height: 22em !important;
    background-image: url(/sites/cc/image/healthmoneyarticlehero.jpg)!important;
    background-size: 84%;
}

.section.sidenav:nth-child(2) {
    border-top: 10px solid rgb(209, 219, 201);
    padding-top: 25px;
}

.section.sidenav {
    border-top: 10px solid rgb(209, 219, 201);
    padding-top: 25px;
    /* max-width: 50%; */
    width: 33%;
    padding-left: 30px;
    /* border-top: 10px solid rgb(209, 219, 201); */
    padding-right: 20px;
    float: right!important;
}

#sidenav {
    width: 33%;
}

.section.sidenav .larger {
    margin: 10px 0;
}

.section.sidenav .larger p {
    font-size: 32px;
    font-weight: 600;
    margin-top: -20px;
}

.section.sidenav a {
    background: url(/sites/cc/image/arrow-right-green.png) no-repeat top 15% left;
    background-size: 11px;
    padding-left: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #006f60;
}

.section.sidenav p {
    margin-bottom: 20px;
    max-width: none;
    margin-left: 0px !important;
    font-size: larger;
}

.article-blurb p {
    margin-left: 0px;
}

#article-section {
    width: 64%;
}

.articles {
    margin-top: 3%;
}

.article-blurb {
    padding-bottom: 10px;
}

.section div:nth-child(n+2) {
    border-top: 1px solid #454545;
    padding-top: 20px;
    margin-top: 20px;
}

#quick-links-apply {
    border-top: 1px solid #454545;
    margin-top: 20px;
}

.heavier {
    font-weight: 600;
}

#fined-submit {
    margin-top: 0px;
}

#no-background {
    background: none;
    padding-left: 0px;
}

@media(max-width:1400px) {
    #article-section {
        width: 65%;
    }
    #sidenav {
        margin-top: 0px;
        width: 30%;
        display: inline-block;
    }
}


/*@media(max-width:1400px){
    #article-section {
        width: 100%;
    }
    #sidenav{
        width:33%;
        float:left !important;
    }
}*/

@media(max-width:415px) {
    #sidenav {
        width: 100%;
    }
}

.fined-mobile {
    display: none;
}

@media screen and (max-width: 1024px) {
    .section.sidenav .larger p {
        font-size: 1.5rem;
        font-weight: 600;
        margin-top: 0px;
    }
    .full-page-content .container .section.partners {
        min-height: 0px;
    }
    .hero-content.fullpage.health-and-money-articles {
        position: absolute;
        width: 48%;
    }
    .hero.fullpage .hero-image-container.health-and-money-articles {
        height: 200px!important;
    }
    .health-and-money-articles p {
        display: none;
    }
    .fined-mobile {
        display: block;
        width: 50%;
    }
    body .full-page-content .container #article-section {
        display: inline-block;
    }
}

@media screen and (max-width: 415px) {
    .hero-content.health-and-money-articles p {
        font-size: 0.75em;
    }
    #article-section {
        width: 100%;
    }
    #sidenav {
        margin-top: 0px;
    }
    .fined-mobile {
        width: 100%;
    }
}

@media screen and (max-width: 800px) {
    .hero.fullpage .hero-image-container.health-and-money-articles {
        background-size: 83%;
    }
}

@media screen and (max-width:700px) {
    .hero-content.fullpage.health-and-money-articles {
        width: 61%;
        padding: 15px 24px 30px;
    }
    .hero.fullpage .hero-image-container.health-and-money-articles {
        height: 110px!important;
        background-size: 88%;
        background-position-x: 65px;
    }
}

@media screen and (max-width: 350px) {
    .hero.fullpage .hero-image-container.health-and-money-articles {
        height: 86px!important;
        background-size: 82%;
    }
    .health-and-money-articles h1 {
        font-size: 16px;
    }
    .hero-content.fullpage.health-and-money-articles {
        padding: 20px 24px 30px 10px;
        width: 55%;
    }
}

.cc-text-link {
    font-weight: bold;
}

#more-press-releases {
    background: rgb(0, 131, 120);
}

#more-press-releases:hover {
    background: rgb(255, 255, 255);
    color: rgb(0, 131, 120);
    border: 5px solid rgb(0, 131, 120);
}

@media(max-width:415px) {
    .full-page-content .container .section.partners {
        min-height: 0px;
    }
    .full-page-content .container .section.partners img {
        max-height: 100px;
        width: auto;
        height: auto;
        float: left;
    }
}

.samsclub-about-logo,
.walmart-about-logo {
    width: 70%;
}

.section.partners .logo-flex .vsp-logo {
    height: 90px;
}

.section.partners .logo-flex .riteaid-logo {
    height: 100px;
}

.section.partners .logo-flex .petsbest-about-logo {
    height: 90px;
}

@media(min-width:1025px) {
    .logo-flex {
        height: 100px;
    }
    .section.partners:nth-child(n+4) .logo-flex {
        height: 180px;
    }
    .section.partners .logo-flex .vsp-logo {
        margin-top: 30px;
        display: initial;
        margin-bottom: 0px;
    }
}

@media all and (min-width: 1025px) and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .section.partners .logo-flex .vsp-logo {
        margin-top: 0px;
    }
}

#referProviderForm .radiobuttons>.checkbox {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}

.full-page-content #our-partners .container .section {
    float: none;
}

#contactus {
    display: flex;
}

#contactus .right,
#contactus .left {
    flex: 1 1 auto;
}

@media(min-width: 1024px) {
    #contactus .right,
    #contactus .left {
        max-width: 50%;
    }
}

.full-page-content #contactus.container .section {
    width: 100%;
}

#contactus form {
    padding: 70px;
}

#contactus form input,
#contactus form textarea {
    width: 100%;
    border: border: 1px solid #999999;
    border-radius: 5px;
    outline: none;
    font-weight: normal;
    margin-bottom: 15px;
    font-size: 1.0rem;
    padding-left: 10px;
}

#contactus form textarea {
    height: 135px;
    padding-top: 13px;
    resize: none;
}

#contactus form textarea:focus {
    outline: none !important;
}

#contactus form label {
    font-size: 1rem;
    position: absolute;
    top: 14px;
    left: 12px;
}

#contactus form input#submit {
    border-radius: 5px;
    background: rgb(102, 161, 55);
    border: 5px solid transparent;
    width: auto;
    height: auto;
    margin: 30px auto 0 auto;
    padding: 5px 40px;
    color: rgb(255, 255, 255);
    font-size: 1.5rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    display: block;
}

#contactus form input#submit:hover {
    background: #fff;
    border: 5px solid rgb(102, 161, 55);
    color: rgb(102, 161, 55);
}

.full-page-content div#contactus.container form p {
    margin-left: 0px;
    margin-top: -12px;
    color: red;
    margin-bottom: 14px;
}

#contactus form label.input {
    transform: translateY(-30px) translateX(-10px);
    font-size: 12px;
}

#modal-window {
    display: none;
}

.display#modal-window {
    position: fixed;
    display: block;
    background-color: rgba(246, 246, 246, 0.9);
    left: 0;
    right: 0;
    bottom: 0;
    overflow: visible;
    height: 100vh;
    width: 100vw;
    margin-left: 0px;
    z-index: 1000;
}

#modal-container {
    border-radius: 5px;
    background: white;
    margin: 60px calc(50% - 300px) 0 calc(50% - 300px);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2), 0 16px 24px 0 rgba(0, 0, 0, 0.3);
}

.display#modal-window {
    overflow-y: scroll;
}

@media(max-width: 700px) {
    #modal-container {
        margin: 60px calc(50% - 48%) 0 calc(50% - 48%);
    }
    #contactus form {
        padding: 25px;
    }
}

.cc-no-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

@font-face {
    font-family: "cc-icons";
    src: url("/sites/cc/font/cc-icons.eot?a468ac6ef36dd2eac65c86baf460b7f5");
    src: url("/sites/cc/font/cc-icons.eot?#iefix") format("embedded-opentype"), url("/sites/cc/font/cc-icons.woff?a468ac6ef36dd2eac65c86baf460b7f5") format("woff"), url("/sites/cc/font/cc-icons.ttf?a468ac6ef36dd2eac65c86baf460b7f5") format("truetype");
    font-weight: normal;
    font-style: normal;
}

div#close-modal {
    display: block;
    float: right;
    margin-top: 20px;
    margin-right: 20px;
}

div#close-modal:before {
    font-family: "cc-icons";
    content: "\f108";
    font-size: 27px;
    line-height: 30px;
    color: #727272;
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
}

div#close-modal:hover {
    cursor: pointer;
}

@media(max-width: 1024px) {
    #contactus {
        flex-direction: column;
    }
}

@media(max-width: 400px) {
    .full-page-content .section a.phonenumber {
        display: block;
        background-color: #649e36;
        color: #ffffff;
        border-radius: 4px;
        padding: 5px 15px;
        font-size: 1.4rem;
        width: 235px;
        margin-left: -97px;
        margin-top: 30px;
        text-align: center;
    }
}

#contactus textarea {
    border: 1px solid #999999;
}

.hidden {
    display: none;
}

.promotions .num-text a.button.apply.hidden {
    display: none;
}

#contactus form input[type="radio"] {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-bottom: -21px;
    transform: translateY(18px);
    margin-top: -6px;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    #contactus form input[type="radio"] {
        transform: translateY(-3px);
    }
}

@supports (-ms-ime-align: auto) {
    #contactus form input[type="radio"] {
        transform: translateY(-3px);
    }
}

.full-page-content div#contactus.container form p.radio-empty-field {
    margin-top: 20px;
}

.input-container {
    position: relative;
}

.app-cont.last-cont .content-copy {
    padding-right: 50%;
}

.app-cont.last-cont .container.content-cont {
    position: relative;
}

.promotions .howitworks.container.sonic-how p {
    margin-top: 20px;
}

@media(max-width: 750px) {
    .promotions .howitworks.container.sonic-how p:first-of-type {
        margin-top: 0px;
    }
}


/**coronavirus page**/

.alert-landing-page .corona-float-left {
    float: left;
    margin-right: 10px
}

.alert-landing-page img.protect-img {
    width: 100px;
}

.alert-landing-page img.alert-call-img {
    width: 30px;
}

.protect-clearfix {
    overflow: auto;
}

.alert-landing-page ol li {
    list-style-type: decimal;
}

.protect-div {
    display: inline-block;
}

.protect-left {
    width: 75%;
    margin-right: 10px;
}

.protect-right {
    width: 20%;
    text-align: center;
    border: 2px solid #000;
}

.protect-right img.protect-img {
    margin: 0 auto;
}

.protect-right p {
    width: 60%;
    margin: 0 auto;
}

.alert-landing-button {
    font-size: 1.25rem !important;
}

@media screen and (max-width:767px) {
    .protect-div {
        display: block;
    }
    .protect-left {
        width: 100%;
        margin-right: 0;
    }
    .protect-right {
        width: 100%;
        margin-bottom: 10px;
    }
}


/**q2 b2b2c promotional pages**/

.flosser-green-container {
    width: 100%;
    padding: 10px;
    background-color: #008378;
}

.flosser-offer h2 {
    color: white;
}

.flosser-step-icon {
    background-color: #008378;
    color: white;
    border-radius: 50%;
    font-weight: 700;
    min-width: 25px;
    min-height: 25px;
    padding-top: 4px;
    text-align: center;
    margin-right: 10px;
    font-size: 1rem;
    display: inline-block;
    line-height: 1;
}

.flosser-steps {
    display: inline-block;
    text-align: center;
    margin: 10px 15px;
    width: 30%
}

.flosser-btn {
    color: white !important;
    background-color: rgb(0, 131, 120) !important;
    margin-top: 20px !important;
}

.flosser-btn:hover {
    color: rgb(102, 161, 55)!important;
    background-color: white !important;
}

.q2-promotion-bold,
.q2-promotions-h1 {
    font-size: 3.75rem;
    color: #66a137;
}

.q2-promotion-bold.giftcard-2022,
.q2-promotions-h1.giftcard-2022,
.q2-promotions-hero-p.giftcard-2022 {
    color: #fff;
}

.q2-promotions-h1 {
    font-weight: 400;
}

.q2-promotion-bold {
    font-weight: 700;
}

.q2-promotions-hero-p {
    margin-top: 15px;
    width: 100px;
}

.flosser-sect {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

.new-cardholder {
    text-decoration: underline;
    font-size: inherit;
}

.flosser-sect ol {
    padding-left: 20px;
    display: inline-block;
}

.flosser-sect ol li {
    list-style-type: decimal !important;
}

@media screen and (min-width:1025px) {
    .flosser-limited-p {
        width: 75% !important;
    }
    .flosser-instructions {
        margin-bottom: 55px;
    }
    .q2-promotions .hero-image-container {
        margin-bottom: 0px;
    }
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    .q2-promotions .hero-content {
        top: 100px !important;
        /*left:100px !important;*/
    }
    .q2-promotions .hero-content {
        top: 80px !important;
        /*left:100px !important;*/
    }
}

@media screen and (max-width:1280px) {
    .flosser-offer h2 {
        font-size: 2rem;
    }
    .flosser-offer {
        padding: 15px 24px 5px 24px !important;
    }
}

@media screen and (max-width:422px) {
    .flosser-instructions {
        text-align: center;
    }
    .flosser-step-info.no-button {
        padding: 0;
    }
}

.flosser-sect-questions {
    font-weight: bold;
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .q2-promotions .hero-content.fullpage {
        position: absolute !important;
        top: 70px;
        left: 10px;
    }
    .q2-promotions-hero-p {
        width: 400px !important;
    }
    .flosser-steps {
        width: 28%;
    }
}

@media screen and (min-width:768px) and (max-width:830px) {
    .q2-promotions .hero-content.fullpage {
        top: 40px !important;
    }
    .q2-promotions.credit2020 .hero-content {
        top: 25px !important;
    }
    .q2-promotions.credit2020 .hero-content h1,
    .q2-promotions.credit2020 .hero-content .q2-promotion-bold {
        font-size: 2.75rem;
    }
}

@media screen and (max-width:767px) {
    .q2-promotions .hero-image-container {
        display: none!important;
    }
    .flosser-steps {
        width: 100%;
        margin: 15px 0px;
    }
}

.flosser-hero-slide {
    opacity: 0;
}

@media screen and (max-width: 425px) {
    .flosser-fade {
        display: none;
    }
    .flosser-banner-wrapper.hero.fullpage.q2-promotions.flosser {
        background-color: #167854;
    }
}

.flosser-fade {
    z-index: 0;
    width: 100%;
    height: 100%;
    background-image: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: opacity 2s linear;
    -ie-transition: opacity 2s linear;
    -o-transition: opacity 2s linear;
    -moz-transition: opacity 2s linear;
    -apple-transition: opacity 2s linear;
    transition: opacity 2s linear;
    background-size: 100% auto;
    opacity: 1;
}

@media screen and (min-width:900px) and (max-width:1024px) {
    .hero .hero-image-container.flosser-hero-slide-container {
        min-height: 400px !important;
    }
    .q2-promotions.credit2020 .hero-content {
        top: 20px !important;
    }
}

@media screen and (min-width:768px) and (max-width:900px) {
    .hero .hero-image-container.flosser-hero-slide-container {
        min-height: 340px !important;
    }
    .q2-promotions .hero-content.fullpage {
        top: 30px;
    }
}


/*mystory*/

.mystory-hero-content {
    top: 0px !important;
}

.mystory-hero-content div,
.mystory-episode-box div {
    display: inline-block;
}

.mystory-episode-box {
    padding: 30px;
}

.mystory-hero-content .mystory-img,
.mystory-episode-img {
    width: 25%;
}

.mystory-hero-content .candidly-img {
    width: 25%;
    padding-top: 70px;
}

.mystory-episode-img {
    margin-right: 20px;
}

.mystory-episode-img img {
    border-radius: 5px;
}

.mystory-hero-content .mystory-hero-desc {
    width: 70%;
    position: relative;
    top: 120px;
}

.mystory-hero-content .candidly-hero-desc {
    width: 70%;
    position: relative;
    top: 120px;
}

.mystory-episode-desc {
    width: 70%;
}

.mystory-episode-desc h3 {
    width: 50%;
}

.mystory-episode-desc p {
    width: 90%;
}

.mystory-hero-content .mystory-hero-desc p {
    max-width: 100%;
    font-size: 24px;
    color: white;
}

.mystory-hero-content .candidly-hero-desc p {
    max-width: 100%;
    font-size: 24px;
    color: white;
}

.mystory-episode ul li {
    margin-bottom: 25px;
    width: 100%;
}

.mystory-hero-desc .button.apply {
    background: rgb(255, 255, 255);
    border: 5px solid transparent;
    width: auto;
    height: auto;
    margin-top: 20px;
    padding: 5px 40px;
    font-weight: 700;
    color: rgb(102, 161, 55);
    font-size: 1.5rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.candidly-hero-desc .button.apply {
    background: rgb(255, 255, 255);
    border: 5px solid transparent;
    width: auto;
    height: auto;
    margin-top: 20px;
    padding: 5px 40px;
    font-weight: 700;
    color: rgb(102, 161, 55);
    font-size: 1.5rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.mystory-hero-desc .button.apply:hover {
    background: rgb(255, 255, 255);
    color: rgb(0, 131, 120);
}

.candidly-hero-desc .button.apply:hover {
    background: rgb(255, 255, 255);
    color: rgb(0, 131, 120);
}

.mystory-episode {
    margin-bottom: 30px;
}

.mystory-cc .sectionheader {
    margin-top: -5px;
}

.candidly-cc .sectionheader {
    margin-top: -5px;
}

.mystory-episode-box {
    background-color: #d3daca;
}

.mystory-episode-img {
    background-size: contain;
    background-repeat: no-repeat;
    height: 200px;
    background-position: center;
}

.mystory-episode-img img {
    display: none;
}

.mystory-list .episode-link {
    cursor: pointer !important;
    padding: 5px 20px !important;
    width: 125px !important;
    font-size: 1.25rem !important;
}

.mystory-cc .share-overlay .overlay-panel {
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
}

.candidly-cc .share-overlay .overlay-panel {
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
}

footer {
    min-height: 200px;
}

@media screen and (min-width: 1550px) {
    .mystory-episode-box {
        max-width: 1400px;
    }
}

@media screen and (min-width: 1500px) {
    .mystory-hero-content .mystory-hero-desc {
        /*top: 80px;*/
        top: 125px;
    }
    .mystory-hero-content .candidly-hero-desc {
        top: 70px;
        padding-left: 10px;
        text-align: center;
    }
}

@media screen and (max-width: 1500px) {
    .mystory-hero-content .mystory-img {
        margin-top: 50px;
    }
    .mystory-hero-content .candidly-img {
        margin-top: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .mystory-cc .hero-image-container {
        background-image: url(/sites/cc/image/mystory-bg.jpg) !important;
    }
    .candidly-cc .hero-image-container {
        background-color: rgb(0, 131, 120) !important;
    }
    .mystory-hero-content .mystory-img {
        margin: 0 auto;
    }
    .mystory-hero-content .candidly-img {
        margin: 0 auto;
    }
    .mystory-hero-content .mystory-hero-desc {
        text-align: center;
        width: 100%;
        top: 0;
    }
    .mystory-hero-content .candidly-hero-desc {
        text-align: center;
        width: 100%;
        top: 0;
    }
    .mystory-hero-content .mystory-hero-desc p {
        text-align: left;
        width: 100% !important;
        font-size: 20px;
    }
    .mystory-hero-content .candidly-hero-desc p {
        text-align: left;
        width: 100% !important;
        font-size: 20px;
    }
    .mystory-hero-content div {
        display: block;
    }
    .mystory-episode-img {
        background-image: none !important;
        height: auto;
    }
    .mystory-episode-img img {
        display: block;
    }
}

@media screen and (max-width: 500px) {
    .mystory-hero-content .mystory-img {
        width: 50%;
    }
    .mystory-hero-content .candidly-img {
        width: 50%;
        padding-top: 0px;
    }
    .mystory-episode-box .mystory-episode-desc p {
        text-align: left !important;
    }
    .mystory-hero-content .mystory-hero-desc p {
        text-align: left !important;
        width: 100% !important;
        font-size: 18px;
    }
    .mystory-hero-content .candidly-hero-desc p {
        text-align: left !important;
        width: 100% !important;
        font-size: 18px;
    }
    .mystory-episode {
        width: 90%;
    }
    .mystory-episode-box div,
    .mystory-episode-desc h3,
    .mystory-episode-desc p {
        width: 100% !important;
    }
    .mystory-episode-desc h3 {
        margin-top: 20px
    }
    .mystory-cc .share-overlay .overlay-panel {
        margin-top: 5% !important;
    }
    .candidly-cc .share-overlay .overlay-panel {
        margin-top: 5% !important;
    }
    .mystory-list .episode-link {
        padding: 5px 25px !important;
        width: 150px !important;
        font-size: 1.5rem !important;
    }
}


/* Giftcard- flosser-instruction-wrapper */

.flosser-instruction-wrapper {
    display: flex;
    padding: 40px 0 0;
}

.flosser-instruction-wrapper p,
.flosser-instruction-wrapper li {
    line-height: 1.4;
}

.flosser-left-wrapper {
    width: 58.79%;
    margin-right: 15.58%;
}

.flosser-right-wrapper {
    width: 25.63%;
}

.flosser-left-wrapper>p:first-child {
    font-size: 20px;
    color: #454545;
    font-weight: bold;
}

.flosser-instruction-steps {
    margin-top: 40px;
}

.flosser-step {
    margin-bottom: 20px;
}

.flosser-step-head {
    color: #008378;
    font-weight: bold;
    font-size: 20px;
}

.flosser-step div {
    margin-left: 30px;
}

.flosser-step div li {
    list-style: none;
    position: relative;
    margin-bottom: 4px;
}

.flosser-step div li:before {
    position: absolute;
    content: "";
    height: 4px;
    width: 4px;
    background: black;
    border-radius: 50%;
    left: -11px;
    top: 8px;
}

.flosser-step p:last-child {
    margin-left: 22px;
}

.flosser-instruction-wrapper .flosser-end-info p {
    margin-bottom: 12px;
}

.flosser-instruction-wrapper .flosser-end-info p:last-child {
    font-size: 20px;
    font-weight: bold;
}

.flosser-step a {
    color: rgb(102, 161, 55);
    text-decoration: underline;
}

.flosser-card {
    background-color: #f0f0f0;
    margin-bottom: 40px;
    padding: 30px;
    border-radius: 12px;
}

.flosser-card-head {
    font-weight: bold;
    text-align: center;
    font-size: 20px;
}

.flosser-card-desc {
    margin: 16px 0;
    text-align: center;
}

.flosser-card-btn-container {
    display: flex;
    justify-content: center;
}

.flosser-card-button {
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgb(0 56 48 / 20%);
    background-color: #006f60;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    width: 200px;
    margin: auto;
    padding: 12px 4px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

.flosser-card-button:hover {
    text-decoration: none;
}

@media (min-width:1200px) {
    .flosser-instruction-wrapper {
        max-width: 1500px;
        width: 84.4%;
        margin: auto;
    }
}

@media (max-width:1199px) {
    .flosser-instruction-wrapper {
        max-width: 1170px;
        width: 90%;
        margin: auto;
    }
}

@media (min-width:1025px) and (max-width:1199px) {
    .flosser-left-wrapper {
        width: 60%;
        margin-right: 15%;
    }
    .flosser-right-wrapper {
        width: 35%;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .flosser-left-wrapper {
        width: 50%;
        margin-right: 10%;
    }
    .flosser-right-wrapper {
        width: 40%;
    }
}

@media (max-width:767px) {
    .flosser-instruction-wrapper {
        flex-direction: column;
    }
    .flosser-left-wrapper {
        width: 100%;
        margin-bottom: 40px;
    }
    .flosser-right-wrapper {
        width: 94%;
        margin: auto;
    }
}

@media (min-width:668px) and (max-width:767px) {
    .flosser-banner-wrapper .hero-content.fullpage {
        position: absolute!important;
        top: 50px;
    }
    .flosser-banner-wrapper .hero .hero-image-container .hero-image {
        height: 263px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .flosser-banner-wrapper.hero.fullpage.q2-promotions.flosser {
        margin: 71px 0 0 !important;
    }
}

@media (min-width: 1024px) {
    .flosser-banner-wrapper .pageContainer div.hero {
        margin-top: 66px;
    }
    .flosser-banner-wrapper .hero-content {
        top: 90px!important;
    }
}

@media only screen and (min-width: 2500px) {
    .flosser-instruction-wrapper {
        max-width: 2000px!important;
    }
    .flosser-banner-wrapper .hero-content {
        max-width: 2000px!important;
    }
}

.flosser-banner-wrapper .flosser-hero-slide.flosser-fade .hero-image {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

@media (min-width:1440px) {
    .flosser-banner-wrapper .flosser-hero-slide.flosser-fade .hero-image {
        height: auto;
        overflow: hidden;
    }
    .flosser-banner-wrapper .flosser-hero-slide.flosser-fade {
        overflow: hidden;
    }
    .flosser-banner-wrapper .hero-content {
        max-width: 1500px;
    }
}

@media(max-width:767px) {
    .flosser-banner-wrapper .hero {
        position: relative;
    }
    .flosser-banner-wrapper .hero-image-container.flosser-hero-slide-container {
        display: block!important;
    }
    .flosser-banner-wrapper .hero-content {
        position: absolute;
        top: 0;
    }
    .flosser-banner-wrapper.hero.fullpage.q2-promotions.flosser {
        margin-top: 70px!important;
    }
}

@media (min-width:1440px) {
    .flosser-banner-wrapper .hero-image-container {
        border-bottom: 30px solid rgb(209, 219, 201);
    }
}

@media screen and (max-width: 1220px) {
    .flosser-banner-wrapper.hero.fullpage.q2-promotions.flosser {
        margin-top: 70px!important;
    }
}

.flosser-banner-wrapper {
    border-bottom: 30px solid rgb(209, 219, 201);
}


/* Contactus rightside bug fixes*/

.right .section.right-contact-align .m-align {
    margin-top: 0px!important;
}

.right .section.right-contact-align a.phonenumber.ensightencallevent,
.right .section.right-contact-align p strong {
    display: flex;
}

@media(min-width:768px) and (max-width:1024px) {
    .right .section.right-contact-align h3.contactheader#_providers {
        line-height: 2.5;
    }
    .right .section.right-contact-align a.phonenumber.m-align {
        margin-bottom: 10px!important;
    }
    .right .section.right-contact-align a.phonenumber {
        margin-top: 14!important;
    }
}

@media (max-width: 400px) {
    .right .section.right-contact-align a.phonenumber {
        margin-left: 0;
    }
}

@media(max-width:767px) {
    .right .section.right-contact-align a.phonenumber.m-align {
        margin-bottom: 10px!important;
    }
}

@media(min-width:1550px) and (max-width:1999px) {
    .right .section.right-contact-align h3.contactheader#_providers:first-child {
        line-height: 2.5;
    }
}

@media(min-width:2500px) {
    .right .section.right-contact-align h3.contactheader#_providers {
        line-height: 2.5;
    }
}


/* Contactus bug fix end */