html {
    background-color: #fff;
}

body {
    background-color: #fff;
    position: relative;
    color: #4d565b;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: normal;
    margin: 0;
    overflow-y: scroll;
    z-index: 1;
    min-height: 100vh;
    font-size: 14px;
}

a {
    border: 0 none;
    color: #11abfa;
    text-decoration: none;
}

* {
    box-sizing: border-box;
}

ul, li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

input {
    border-radius: 0;
}

    input[type="text"] {
        display: block;
        margin: 0 0 10px 0;
        padding: 18px;
        width: 100%;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 300;
        color: #4d565b;
        appearance: none;
        box-shadow: none;
        height: 47px;
        border: 0;
    }

        input[type="text"]:focus {
            outline: none;
        }

div, section {
    display: block;
}

#siteframe {
    background-color: #3f4548;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1;
    min-width: 320px;
    min-height: 100vh;
}

#wrapper {
    background-color: #fff;
    width: 100%;
    min-height: 400px;
    min-width: 1280px;
    z-index: 1;
    overflow: hidden;
    position: relative;
}

.inner {
    margin: 0 auto;
    /*width: 1450px;*/
    width:1365px;
    z-index: 1;
    padding: 0 1%;
}

.opentrans {
    -webkit-transition: margin-left 0.6s ease;
    -moz-transition: margin-left 0.6s ease;
    -o-transition: margin-left 0.6s ease;
    -ms-transition: margin-left 0.6s ease;
    transition: margin-left 600ms ease;
}

header {
    height: 130px;
    font-size: 24px;
}

    header a {
        font-size: 12px;
        font-weight: 400;
    }

    header .inner {
        /*min-height:64px;*/
        background-color: #fff;
        width: 100%;
        padding: 0 40px;
        box-sizing: border-box;
    }

    header .inner--left-nav {
        padding-left: 0;
    }

    header a.logo {
        display: block;
        float: left;
        margin-top: 18px;
        color: transparent;
    }

        header a.logo img {
            width: 175px;
            height: 30px;
        }

    header a.hamburger {
        display: none;
    }

    header nav {
        display: block;
    }

    header .left {
        float: left;
    }

    header .right {
        float: right;
        font-size: 0;
    }

    header nav.topnav {
        width: 100%;
        height: 65px;
        text-align: right;
        position: relative;
    }

        header nav.topnav .right a,
        header nav.topnav.homenav a {
            text-decoration: none;
            color: #11abfa;
            padding: 0 20px;
            line-height: 65px;
            text-transform: uppercase;
            font-weight: 700;
            -webkit-transition: color 0.3s ease;
            -moz-transition: color 0.3s ease;
            -o-transition: color 0.3s ease;
            -ms-transition: color 0.3s ease;
            transition: color 300ms ease;
        }

            header nav.topnav .right a:last-of-type {
                /*padding-right:0;*/
            }

        header nav.topnav a.active {
            color: #adbfc8;
        }

        header nav.topnav a.search-fade {
            opacity: 1;
            -webkit-transition: opacity 0.1s ease;
            -moz-transition: opacity 0.1s ease;
            -o-transition: opacity 0.1s ease;
            -ms-transition: opacity 0.1s ease;
            transition: opacity 100ms ease;
        }

            header nav.topnav a.search-fade.faded {
                opacity: 0;
            }

        header nav.topnav a.search-toggle {
            right: 0;
            -webkit-transition: right 0.4s ease;
            -moz-transition: right 0.4s ease;
            -o-transition: right 0.4s ease;
            -ms-transition: right 0.4s ease;
            transition: right 400ms ease;
        }

            header nav.topnav a.search-toggle.opened {
                position: absolute;
                top: 0;
                right: 375px;
            }

        header nav.topnav form.desktop-site-search {
            width: 0;
            display: inline-block;
            position: absolute;
            text-align: left;
            top: 0;
            right: 0;
            height: 30px;
            margin-top: 14px;
            vertical-align: top;
            -webkit-transition: width 0.4s ease;
            -moz-transition: width 0.4s ease;
            -o-transition: width 0.4s ease;
            -ms-transition: width 0.4s ease;
            transition: width 400ms ease;
        }

            header nav.topnav form.desktop-site-search.active-search {
                width: 375px;
            }

            header nav.topnav form.desktop-site-search input#desktop_search_term {
                width: 320px;
                height: 30px;
                margin: 0;
                padding: 0;
                padding-left: 10px;
                border-right: 1px solid #d6d6d6;
                display: none;
                vertical-align: top;
            }

            header nav.topnav form.desktop-site-search.active-search input#desktop_search_term {
                display: inline-block;
            }

            header nav.topnav form.desktop-site-search input#desktop_search_submit {
                border: none;
                background: #ffffff;
                color: #9ed03c;
                font-weight: 700;
                display: none;
                vertical-align: top;
                line-height: 26px;
                cursor: pointer;
                text-align: center;
                position: absolute;
                right: 10px;
                top: 0;
                font-size: 14px;
            }

            header nav.topnav form.desktop-site-search.active-search input#desktop_search_submit {
                display: inline-block;
            }

        header nav.topnav a span.search {
            display: inline-block;
            background-image: url(https://bluekcmemberportal.azureedge.net/consumer/svg/nav-search.svg);
            background-repeat: no-repeat;
            width: 16px;
            height: 15px;
        }

            header nav.topnav a span.search.active {
                background-image: url(https://bluekcmemberportal.azureedge.net/consumer/svg/search-close.svg);
            }

    header .hr {
        border-top: 1px solid #d6d6d6;
        width: 100%;
    }

    header nav.bottomnav {
        width: 100%;
    }

    header .main a {
        line-height: 65px;
        display: inline-block;
        text-decoration: none;
        color: #4d565b;
        padding: 0 16px;
        text-transform: uppercase;
        font-weight: 700;
        -webkit-transition: color 0.3s ease;
        -moz-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
        transition: color 300ms ease;
    }
header .main a.nopad.covid-link {
    color:#FF8B26;
}

        header .main a.active {
            color: #adbfc8;
        }

    header .main.interior a {
        font-size: 11px;
        font-weight: 700;
        padding-left: 24px;
    }

        header .main.interior a:last-of-type {
            padding-right: 0;
        }

        header .main.interior a.current {
            color: #4d565b;
            font-weight: 700;
        }

    header .main a.nopad {
        padding-left: 0;
    }

    header a.hamburger {
        display: none;
        position: relative;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

#nav-toggle {
    cursor: pointer;
    padding: 0;
    position: absolute;
    top: 57px;
    /* right:20px; */
}

    #nav-toggle span,
    #nav-toggle span:before,
    #nav-toggle span:after {
        cursor: pointer;
        border-radius: 1px;
        height: 2px;
        width: 35px;
        background: #4d565b;
        position: absolute;
        display: block;
        content: '';
    }

        #nav-toggle span:before {
            top: -7px;
        }

        #nav-toggle span:after {
            bottom: -7px;
        }

        #nav-toggle span,
        #nav-toggle span:before,
        #nav-toggle span:after {
            transition: all 500ms ease-in-out;
        }

    #nav-toggle.active span {
        background-color: transparent;
    }

        #nav-toggle.active span:before,
        #nav-toggle.active span:after {
            top: 0;
        }

        #nav-toggle.active span:before {
            transform: rotate(45deg);
        }

        #nav-toggle.active span:after {
            transform: rotate(-45deg);
        }

section.featured {
    display: block;
    position: relative;
    min-height: 473px;
    background-image: url(https://bluekcmemberportal.azureedge.net/consumer/images/bkg-horz-lines.jpg);
    background-repeat: repeat-x;
}
section.grateful {
    display: block;
    position: relative;
    min-height: 493px;
    /*background: url('https://bluekcmemberportal.azureedge.net/consumer/images/bkg-jdpower-award.jpg') no-repeat center center;*/
    background: url('https://bluekcmemberportal.azureedge.net/consumer/images/home-hero.jpg') no-repeat center center;
    background-size: cover;
}

/* COVID BANNER*/
.covid-19-banner.visible {
    background: #73B7DB;
    width: 100%;
    text-align: center;
    cursor: pointer;
    display: inline-block;
}
.covid-19-banner.hidden {
    display:none;
}
.covid-19-banner .messaging {
    width:1200px;
    padding:11px 0 9px 0;
    margin:0 auto;
    text-align:left;
    display:inline-block;
}
    .covid-19-banner .messaging p {
        margin: 0 0 0 0;
        background: url('https://bluekcmemberportal.azureedge.net/images/icn-blue-exclaimation.png') no-repeat left center;
        float: left;
        padding: 0 0 6px 29px;
    }
        .covid-19-banner .messaging p, .covid-19-banner .messaging p a {
            font-size: 22px;
            color: #004d6d;
        }
.covid-19-banner .messaging p a {
text-decoration:underline;
}
.covid-19-banner .messaging .close {
    float:right;
    margin:10px 0 0 0;
    cursor:pointer;
}
.covid-19-banner .messaging .close img {
    display:block; 
}
.covid-19-banner .messaging .close img:active {
    display:none;
}

@media only screen and (max-width: 768px) {
    section.grateful {
        /*background: linear-gradient(*/
        /*        rgba(255, 255, 255, 0.75),*/
        /*        rgba(255, 255, 255, 0.75)*/
        /*),url(../img/home-hero.jpg) no-repeat center center;*/
    }
    .covid-19-banner .messaging {
        width: 100%;
        padding: 10px;
    }
}



section.grateful .pad {
    padding:100px 0;
}
section.grateful .headline {
    float:left;
    width:900px;
}
section.grateful .headline h1 {
    margin: 0 0 1rem 0;
    color: #11abfa;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: -0.01em;
    font-weight: 600;
    width: 600px;
}
.blueKC_BMA_logo {
    padding-top: 3rem;
    max-width: 100%;
}
.padding-top-3 {
    padding-top: 3rem;
}
section.grateful .headline h2 {
    color: #404548;
    font-size: 2rem;
    line-height: 1.6;
    margin: 0 0 0 0;
    letter-spacing: -0.01em;
    font-weight: 600;
    max-width: 40rem;
}
section.grateful .headline h2 a {
    text-decoration:underline;
    color:#FFFFFF;
}
section.grateful .home-hero-tout.grateful {
    padding:10px 0;
    margin:0 0 25px 0;
    height:129px;
}
/*section.grateful .home-hero-tout.grateful.know {
        padding: 10px 0;
}*/
section.grateful .home-hero-tout.grateful.erin {
    background: url('https://bluekcmemberportal.azureedge.net/consumer/images/photo-small-erin.jpg') no-repeat left;
    background-color:#11abfa;
}
    section.grateful .home-hero-tout.grateful.jdpower {
        /*background: url('https://bluekcmemberportal.azureedge.net/consumer/images/icon-hands-heart.jpg') no-repeat left;*/
        background: url('https://bluekcmemberportal.azureedge.net/consumer/images/home-heart-icon.png') no-repeat 15%;
        background-color: #11abfa;
        width: 393px;
    }
    section.grateful .home-hero-tout.grateful.know {
        background: url('https://bluekcmemberportal.azureedge.net/consumer/images/icon-home-announcement.png') no-repeat 15%;
        /*background: url('https://bluekcmemberportal.azureedge.net/consumer/images/icon-shout-out-large.jpg') no-repeat left;*/
        background-color: #11abfa;
        width: 393px;
    }
section.grateful .home-hero-tout.grateful:hover {
        background-color: #15a0e8;
    }
section.grateful .home-hero-tout.grateful.erin a, section.grateful .home-hero-tout.grateful.know a, section.grateful .home-hero-tout.jdpower a {
    margin-left: 150px;
    width: 200px;
    outline:none;
}
    section.grateful .home-hero-tout.grateful h2 {
        color: #FFF;
        padding-bottom: 25px;
        font-size: 14px;
        line-height: 20px;
    }

    .home-banner-graphic {
        max-width: 576px;
        max-height: 237px;
    }

section.featured .pad {
    padding: 200px 0 0 0;
}
.pods {
   width:393px;
    float:right;
}

section.featured h1 {
    color: #0082CB;
    text-align: left;
    font-size: 75px;
    line-height: 75px;
    margin: 0;
    letter-spacing: -0.01em;
    font-weight: 600;
    text-transform:uppercase;
}

section.featured h2 {
    color: #000000;
    text-align: left;
    font-size: 58px;
    line-height: 76px;
    margin: 0;
    letter-spacing: -0.01em;
    font-weight: 600;
}

section.featured h1 span.this-community {
    font-size: 55px;
}

section.featured .cta {
    width: 520px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -260px;
}

section.featured .marquee-btn {
    display: block;
    margin: 0 auto;
    max-width: 520px;
    background-color: #11abfa;
    color: #fff;
    padding: 22px 54px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 15px;
    box-sizing: border-box;
    font-weight: 800;
}

section.featured .cta-mobile {
    display: none;
}

.home-hero-col {
    float: left;
    width: 70%;
    min-height: 300px;
    box-sizing: border-box;
    position: relative;
}

    .home-hero-col h1 {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        top: 50%;
        top:0;
        transform: translateY(-50%);
    }
    .home-hero-col h2 {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        top: 50%;
        top: 140px;
        transform: translateY(-50%);
    }

.home-hero-tout {
    background: #11abfa;
    display: block;
    padding: 40px;
    float: right;
    max-width: 393px;
    width: 80%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 200ms ease;
    cursor: pointer;
}

.home-hero-touts--two .home-hero-tout {
    padding: 30px;
}

    .home-hero-touts--two .home-hero-tout:first-child {
        position: absolute;
        bottom: 0;
        right: 0;
    }

.home-hero-tout a {
    display: block;
    width: 100%;
    height: 100%;
}
.home-hero-tout a:hover {
    text-decoration:none;
}

    .home-hero-tout:hover {
        background-color: #15a0e8;
    }

.home-hero-tout h2 {
    font-size: 25px;
    color: white;
    font-weight: 700;
    line-height: 35px;
    padding-bottom: 100px;
    margin: 0;
}

.home-hero-touts--two .home-hero-tout h2 {
    padding-bottom: 25px;
    font-size: 15px;
    line-height: 20px;
}

.home-hero-tout button {
    color: white;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}

    .home-hero-tout button:hover .white-arrow {
        margin-left: 12px;
    }

.home-plans-bar {
    padding: 35px 0;
    border-bottom: 1px solid #d6d6d6;
}

.home-plans-bar-col {
    float: left;
    width: 25%;
}

.home-plans-bar h3 {
    color: #4d565b;
    font-size: 25px;
    font-weight: 500;
}

.home-plan-link {
    display: block;
    width: 100%;
    position: relative;
    padding: 15px 0 15px 35%;
}

    .home-plan-link p {
        font-size: 15px;
        color: #4d565b;
        font-weight: 700;
        margin: 0;
    }

        .home-plan-link p.plan-group-text {
            font-size: 12px;
            font-weight: 800;
            text-decoration: none;
            text-transform: uppercase;
            color: #11abfa;
            margin-top: 8px;
        }

    .home-plan-link .icon-plans {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        height: 100%;
        width: 35%;
        background-size: 50px;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        transition: all 200ms ease;
        min-height: 89px;
    }
a.home-plan-link:hover {
    text-decoration:none;
}
    .home-plan-link .employer-plan {
        background-image: url(https://bluekcmemberportal.azureedge.net/consumer/svg/home-employerplans.svg);
        background-repeat: no-repeat;
        background-position: center;
    }

    .home-plan-link .ind-plan {
        background-image: url(https://bluekcmemberportal.azureedge.net/consumer/svg/home-indplans.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 45px;
    }

    .home-plan-link .med-plan {
        background-image: url(https://bluekcmemberportal.azureedge.net/consumer/svg/home-medplans.svg);
        background-repeat: no-repeat;
        background-position: center;
    }

    .home-plan-link:hover p.plan-group-text .blue-arrow {
        margin-left: 12px;
    }

    .home-plan-link:hover .icon-plans {
        transform: scale(1.1);
    }

.home-block .pad {
    padding: 70px 0;
}

.home-block-wrapper {
    min-height: 380px;
    position: relative;
}

.home-block-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 60%;
}

.home-block-content h2 {
    margin: 0;
    color: #4d565b;
    font-size: 30px;
    line-height: 40px;
    font-weight: 500;
}

.home-block-content p {
    padding-bottom: 40px;
}

.home-block-content a {
    min-width: 230px;
}

.home-block--imgLeft .home-block-img {
    left: 0;
}

.home-block--imgLeft .home-block-content {
    padding-left: 70%;
}

.home-block--imgRight .home-block-img {
    right: 0;
}

.home-block--imgRight .home-block-content {
    padding-right: 70%;
}

.home-block-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.home-block--mindful .home-block-img {
    background-image: url('https://bluekcmemberportal.azureedge.net/consumer/images/hp-mindful.jpg');
}
.home-block--mindful .home-block-content img {
width:345px;
margin: 0 0 30px 0;
}
.home-block--jdpower .home-block-img {
    background-image: url('https://bluekcmemberportal.azureedge.net/consumer/images/bkg-jdpower-award.jpg');
}
.home-block--flushot .home-block-img {
    background-image: url('https://bluekcmemberportal.azureedge.net/images/img-flu-shot-2021.jpg');
}
.home-block--mask .home-block-img {
    background-image: url('https://bluekcmemberportal.azureedge.net/images/wearing-mask.jpg');
}
.home-block--community .home-block-img {
    background-image: url('https://bluekcmemberportal.azureedge.net/consumer/images/home-block-img-community.jpg');
}

.home-block--benefits .home-block-img {
    background-image: url('https://bluekcmemberportal.azureedge.net/consumer/images/home-block-img-benefits.jpg');
}

.home-block--insurance .home-block-img {
    background-image: url('https://bluekcmemberportal.azureedge.net/consumer/images/home-block-img-insurance.jpg');
}

.home-block--here .home-block-img {
    background-image: url('https://bluekcmemberportal.azureedge.net/consumer/images/home-block-img-here.jpg');
}

.home-block--here .home-block-img {
    z-index: 10;
}

.home-vid-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 3;
    cursor: pointer;
}

.home-vid-btn {
    background: none;
    border: none;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 3px solid white;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: -1;
    transform: translateY(-50%);
}

    .home-vid-btn svg {
        width: 50%;
        margin: 0 auto;
        position: relative;
        right: -4px;
    }

#here-for-good-video {
    background: transparent !important;
    width: auto;
    height: auto;
    max-width: 100%;
    padding: 0;
    display: none;
}

.featherlight .featherlight-inner {
    display: block !important;
}

.featherlight .featherlight-content {
    background: transparent;
}

.featherlight-close-icon {
    background: white !important;
    border-radius: 50%;
    padding: 1px 0 0 1px;
}

#here-for-good-video video {
    height: 500px;
    width: 900px;
    max-width: 100%;
}

.quote {
    background: #f4f6f7;
}

.quote-block {
    display: none;
}

.quote .pad {
    padding: 100px 0;
    text-align: center;
    width: 85%;
    margin: 0 auto;
}

.quote-icon {
    height: 70px;
    width: 70px;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('https://bluekcmemberportal.azureedge.net/consumer//svg/icon-quote.svg');
}

.quote-content {
    font-size: 25px;
    color: #4d565b;
    line-height: 40px;
    margin: 0;
    padding: 60px 0;
    font-weight: 500;
}

.quote-author h4 {
    color: #15a0e8;
    font-weight: 700;
    font-size: 15px;
    margin: 0 0 8px;
}

.quote-author p {
    font-size: 12px;
    line-height: 16px;
    color: #4d565b;
    margin: 0;
}


section.plans {
    display: block;
    text-align: center;
}

    section.plans .pad {
        padding: 160px 0;
    }

    section.plans .plan-group {
        float: left;
        width: 33%;
    }

        section.plans .plan-group.last {
            padding-right: 0;
        }

    section.plans .employer-plan {
        background: url(https://bluekcmemberportal.azureedge.net/consumer/svg/home-employerplans.svg) no-repeat center bottom;
        background-size: auto 92px;
    }

    section.plans .ind-plan {
        background: url(https://bluekcmemberportal.azureedge.net/consumer/svg/home-indplans.svg) no-repeat center bottom;
        background-size: auto 92px;
    }

    section.plans .med-plan {
        background: url(https://bluekcmemberportal.azureedge.net/consumer/svg/home-medplans.svg) no-repeat center bottom;
        background-size: auto 92px;
    }

    section.plans .other-plan {
        background: url(https://bluekcmemberportal.azureedge.net/consumer/svg/home-otherplans.svg) no-repeat center bottom;
        background-size: auto 92px;
    }

    section.plans .icon-plans {
        display: block;
        height: 112px;
        text-align: center;
        margin: 0 0 34px 0;
        transition: .65s;
    }

        section.plans .icon-plans.active {
            background-position: center top;
        }

    section.plans a {
        text-decoration: none;
    }

    section.plans p {
        font-size: 15px;
        color: #4d565b;
        text-transform: uppercase;
        font-weight: 700;
    }

    section.plans .plan-group .plan-group-text {
        display: block;
        font-size: 12px;
        color: #adbfc8;
        text-transform: uppercase;
        font-weight: 800;
        text-decoration: none;
    }

        section.plans .plan-group .plan-group-text.active {
            color: #00adfc;
        }

section.members {
    text-align: center;
    overflow-y: hidden;
}

    section.members .members-top {
        background: url(https://bluekcmemberportal.azureedge.net/consumer/images/home-members_lg.jpg) no-repeat center top;
        background-size: cover;
    }

        section.members .members-top .pad {
            padding: 162px 0;
        }

    section.members .inner {
        max-width: 780px;
    }

    section.members h2 {
        margin: 0;
        padding: 0;
        color: #fff;
        font-size: 36px;
        font-weight: 300;
    }

    section.members p {
        color: #fff;
    }

    section.members .members-item {
        width: 33.33334%;
        display: block;
        position: relative;
        margin: 0 auto;
        border: 0;
        padding: 0;
        float: left;
        background-color: #2fb5fa;
        max-height: 470px;
    }

        section.members .members-item.bg-login {
            background-color: #2fb5fa;
        }

            section.members .members-item.bg-login:hover {
                background-color: #15a0e8;
            }

        section.members .members-item.bg-dr {
            background-color: #11abfa;
        }

            section.members .members-item.bg-dr:hover {
                background-color: #138fcf;
            }

        section.members .members-item.bg-rx {
            background-color: #15a0e8;
        }

            section.members .members-item.bg-rx:hover {
                background-color: #1085c1;
            }

        section.members .members-item::after {
            padding-top: 100%;
            display: block;
            content: '';
        }

    section.members .members-info {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

        section.members .members-info svg {
            stroke: #fff;
            fill: none;
            stroke-width: 1px;
            padding-bottom: 30px;
        }

    section.members .members-item span {
        display: block;
        height: 108px;
        margin-bottom: 10px;
    }

    section.members .members-item p {
        width: 75%;
        text-transform: uppercase;
        margin: 0 auto;
        font-weight: 800;
    }

section.your-partner {
    background: url(https://bluekcmemberportal.azureedge.net/consumer/images/home-our-community-bg.png) no-repeat 85% center;
}

    section.your-partner .pad {
        padding: 200px 0;
    }

    section.your-partner .partner-container {
        max-width: 582px;
    }

    section.your-partner h3 {
        font-size: 30px;
        font-weight: 300;
    }

    section.your-partner p {
        font-size: 15px;
        font-weight: 300;
    }

section.health-insurance-matters {
    text-align: center;
    overflow-y: hidden;
}

    section.health-insurance-matters .matters-top {
        background: url(https://bluekcmemberportal.azureedge.net/consumer/images/home-matters_lg.jpg) no-repeat center top;
        background-size: cover;
    }

    section.health-insurance-matters .inner {
        max-width: 780px;
    }

    section.health-insurance-matters .pad {
        padding: 170px 0;
    }

    section.health-insurance-matters h2 {
        margin: 0;
        padding: 0;
        color: #fff;
        font-size: 36px;
        font-weight: 300;
    }

    section.health-insurance-matters p {
        color: #fff;
    }

    section.health-insurance-matters .matters-item p {
        width: 75%;
        text-transform: uppercase;
        margin: 0 auto;
        font-weight: 800;
    }

    section.health-insurance-matters .matters-item {
        width: 33.33334%;
        display: block;
        position: relative;
        margin: 0 auto;
        border: 0;
        padding: 0;
        float: left;
        max-height: 470px;
    }

        section.health-insurance-matters .matters-item.bg-employers {
            background-color: #94c92c;
        }

            section.health-insurance-matters .matters-item.bg-employers:hover {
                background-color: #81b914;
            }

        section.health-insurance-matters .matters-item.bg-individuals {
            background-color: #b3dd63;
        }

            section.health-insurance-matters .matters-item.bg-individuals:hover {
                background-color: #94c92c;
            }

        section.health-insurance-matters .matters-item.bg-medicare {
            background-color: #9ed03c;
        }

            section.health-insurance-matters .matters-item.bg-medicare:hover {
                background-color: #8dc225;
            }

        section.health-insurance-matters .matters-item::after {
            padding-top: 100%;
            display: block;
            content: '';
        }

    section.health-insurance-matters .matters-info {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    section.health-insurance-matters .matters-item span {
        display: block;
        height: 108px;
        margin-bottom: 10px;
    }

    section.health-insurance-matters .matters-info svg {
        stroke: #fff;
        fill: none;
        stroke-width: 1px;
        padding-bottom: 30px;
    }

    section.health-insurance-matters .members-item p {
        width: 75%;
        text-transform: uppercase;
        margin: 0 auto;
    }

section.blue-news.blue-news__fullwidth {
    background-color: #f4f6f7;
}

section.blue-news .pad {
    padding: 150px 0;
}

section.blue-news.blue-news__fullwidth .pad {
    padding: 100px 0;
}

section.blue-news hr {
    color: #adbfc8;
}

section.blue-news .news-col {
    float: left;
    width: 50%;
}

section.blue-news.blue-news__fullwidth .news-bottom {
    background-color: #fff;
}

section.blue-news.blue-news__fullwidth .news-col {
    float: none;
    width: 100%;
}

section.blue-news .news-col.left {
    padding-right: 62px;
}

section.blue-news .news-col.right {
    padding-left: 62px;
}

section.blue-news.blue-news__fullwidth .news-col.left {
    padding: 0;
}

section.blue-news.blue-news__fullwidth .news-col.right {
    padding: 0;
}

section.blue-news .news-top {
    text-decoration: none;
    padding: 0 25px;
    height: 100px;
}

section.blue-news.blue-news__fullwidth .news-top {
    padding: 0 0 0 25px;
}

section.blue-news .news-top h3 {
    font-size: 30px;
    float: left;
    font-weight: 300;
    margin-top: 0;
}

section.blue-news .news-top a {
    float: right;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #adbfc8;
    text-decoration: none;
}

section.blue-news a.news-item {
    text-decoration: none;
    padding: 20px 26px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d6d6d6;
}

section.blue-news__fullwidth a.news-item {
    padding: 65px 26px;
}

section.blue-news a.news-item:hover {
    background-color: #f7f8f8;
}

section.blue-news a.news-item .date {
    color: #2fb0f3;
    font-size: 20px;
    line-height: 20px;
    width: 12%;
}

    section.blue-news a.news-item .date span.day {
        font-size: 39px;
        line-height: 39px;
    }

section.blue-news a.news-item .info {
    font-size: 14px;
    color: #4d565b;
    padding: 0 52px 0 34px;
    width: 80%;
}

    section.blue-news a.news-item .info span {
        color: #aec431;
        font-weight: 700;
        text-transform: uppercase;
    }

section.blue-news.blue-news__fullwidth a.news-item .info {
    padding: 0 52px 0 0;
}

section.blue-news a.news-item .more {
    display: block;
    width: 7%;
    height: 41px;
    background-image: url(https://bluekcmemberportal.azureedge.net/consumer/images/arrow-news-blue.png);
    background-repeat: no-repeat;
    background-position: center center;
}

section.blue-news.blue-news__fullwidth .show-more {
    width: 100%;
    text-align: center;
    padding: 30px 0;
    font-size: 15px;
    font-weight: 800;
    color: #adbfc8;
    cursor: pointer;
}

footer .social-bar {
    height: 160px;
    line-height: 160px;
    background-color: #474C4F;
}

    footer .social-bar .social-left {
        float: left;
        color: #FFFFFF;
        text-transform: none;
        font-size: 16px;
        line-height: 24px;
        font-weight: normal;
        margin:60px 0 0 0;
    }
    footer .social-bar .social-left img {
    width:120px;
    margin:0 16px 0 42px;
    }
    footer .social-bar .social-left img.last {
        margin:0 0 0 0;
    }

    footer .social-bar .social-right {
        float: right;
    }

footer .social-right a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 40px;
    font-size: 14px;
    color: #c6cfd4;
    text-decoration: none;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    transition: color 200ms ease;
}
footer .social-right a:hover {
        color: #9ed03c;
}
footer .social-right .social-media {
float:right;
margin:0 0 0 148px;
}
footer .social-right .social-media a {
margin:0 0 0 31px;
}
footer .social-right .social-media a.fb {
margin:0 0 0 0;
}

footer a svg {
    display: inline-block;
    vertical-align: middle;
    transition: 200ms;
    transition-timing-function: ease-in-out;
    -webkit-transition: 200ms;
    -webkit-transition-timing-function: ease-in-out;
}

footer a:hover .footer-svg {
    fill: #9ed03c;
}

footer nav .main {
    background-color: #3f4548;
    padding: 60px 0;
}

footer nav .footer-col {
    float: left;
    box-sizing: border-box;
    width: 20%;
    padding: 0 5% 0 0;
}

footer nav a {
    display: block;
    font-size: 12px;
    line-height: 19px;
    padding: 8px 0;
    color: #c6cfd4;
    text-decoration: none;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    transition: color 200ms ease;
}

    footer nav a:hover {
        color: #10abfa;
    }

footer nav .footer-col .parent {
    font-size: 14px;
    color: #10abfa;
    text-transform: uppercase;
    font-weight: 700;
}

    footer nav .footer-col .parent.m-top {
        margin-top: 20px;
    }

footer nav .bottom {
    padding-top: 100px;
}

    footer nav .bottom .copy {
        float: left;
        font-size: 12px;
        color: #c6cfd4;
        width: 60%;
    }

    footer nav .bottom .legal a:hover {
        color: #fff;
    }

    footer nav .bottom .legal {
        float: left;
        width: 100%;
    }
footer nav .bottom .legal a {
display:inline-block;
margin:0 24px 0 0;
}

footer a.logo img {
    width: 254px;
}

a.btn {
    text-decoration: none;
}

.btn {
    border: none;
    font-size: 12px;
    color: #fff;
    font-weight: 800;
    text-align: center;
    display: inline-block;
    min-width: 170px;
    margin: 0;
    padding: 16px 20px;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 3px;
}

.btn-blue {
    background-color: #11abfa;
}

    .btn-blue:hover {
        background-color: #15a0e8;
color:#FFF;

    }

.btn-green {
    background-color: #9ed03c;
}

    .btn-green:hover {
        background-color: #94c92c;
    }

.btn--submit {
    background-color: #0d89c8;
    width: 100%;
    text-transform: uppercase;
}

.btn-wide {
    padding: 16px 95px;
}


.blue-arrow {
    display: inline-block;
    height: 9px;
    width: 6px;
    background-image: url(https://bluekcmemberportal.azureedge.net/consumer/svg/blue-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 8px;
    transition: .3s;
}

    .blue-arrow.active {
        padding-left: 18px;
    }

    .blue-arrow.no-margin {
        margin-left: 2px;
    }

.white-arrow {
    display: inline-block;
    height: 9px;
    width: 6px;
    background-image: url(https://bluekcmemberportal.azureedge.net/consumer/svg/white-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 8px;
    transition: .3s;
}

    .white-arrow.active {
        padding-left: 18px;
    }

.gray-arrow {
    display: inline-block;
    height: 10px;
    width: 8px;
    background-image: url(https://bluekcmemberportal.azureedge.net/consumer/svg/gray-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 8px;
    transition: .3s;
}

    .gray-arrow.active {
        padding-left: 18px;
    }

.txt-green {
    color: #aec431;
}

.txt-blue {
    color: #11abfa;
}

section.border-bottom {
    border-bottom: 1px solid #d6d6d6;
}

.h3 {
    font-size: 30px;
    font-weight: 300;
    margin: 0;
}

.h3-sm {
    font-size: 27px;
    font-weight: 300;
    margin: 0;
}

.h4 {
    font-weight: 800;
}

section .pad {
    padding: 120px 0;
}


.clear0 {
    font-size: 0px;
    line-height: 0px;
    width: 0px;
    height: 0px;
    clear: both;
    display: block;
}

.desktop-only {
    display: block;
}

.no-mobile {
    display: block;
}

.mobile-only {
    display: none;
}

.reader {
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    left: -10000px;
}

#mobile_menu {
    display: none;
}

#responder {
    left: -5000px;
    position: absolute;
    z-index: 1;
}

/* desktop 1024 */
@media only screen and (max-width: 1320px) {
section.grateful .pad { padding: 120px 0; }
section.grateful .headline {
   width:50%;
}
section.grateful .headline h1 { width:330px; }
section.grateful .headline h2 { line-height:1.3; margin:15px 0 0 0; width:330px; }
section.grateful .home-hero-tout.grateful.jdpower, section.grateful .home-hero-tout.grateful.know { width:343px; }
section.grateful .headline h1 {
width: 330px;
font-size:35px;
line-height:42px;
}

    #wrapper {
        min-width: 960px;
    }

    .inner {
        width: 960px;
    }

    header nav.main.interior a {
        font-size: 11px;
        font-weight: 700;
        padding-left: 16px;
    }

    header .inner {
        padding: 0 25px;
    }

    header .inner--left-nav {
        padding-left: 0;
    }

    header .nav-container__interior-subnav {
        width: 150px;
    }

        header .nav-container__interior-subnav li.subby-click {
            padding: 0px 25px;
        }

    header ul.subby {
        margin-left: -25px;
    }

        header ul.subby li {
            padding-left: 25px;
        }

    section.featured {
        min-height: auto;
        background-position: 50%;
    }

        section.featured .pad {
            padding: 100px 0;
        }

        section.featured h1 {
            font-size: 56px;
            line-height: 65px;
            font-weight: 800;
        }

            section.featured h1 span.this-community {
                font-size: 50px;
            }

        section.featured .cta-mobile {
            display: none;
        }

    .home-plans-bar h3 {
        font-size: 20px;
        padding-top: 5px;
    }

    .home-plan-link {
        padding: 15px 0 15px 30%;
    }

        .home-plan-link .icon-plans {
            width: 30%;
            background-size: 40px;
        }

        .home-plan-link p {
            font-size: 14px;
        }

    .home-plans-bar-col {
        width: 26.6%;
    }

        .home-plans-bar-col:first-child {
            width: 20%;
        }

    .home-block .pad {
        padding: 50px 0;
    }

    .home-block--imgLeft .home-block-content {
        padding-left: 65%;
    }

    .home-block--imgRight .home-block-content {
        padding-right: 65%;
    }

    .home-block-content h2 {
        font-size: 28px;
    }

    .featured--interior__marquee-info {
        padding-right: 50px;
    }

    .featured--interior__login {
        padding-left: 50px;
    }

    section.your-partner {
        background: url(https://bluekcmemberportal.azureedge.net/consumer/images/home-our-community-bg.png) no-repeat 110% center;
    }

        section.your-partner .partner-container {
            max-width: 400px;
        }

    .desktop-only {
        display: block;
    }

    .mobile-only {
        display: none;
    }

    #responder {
        z-index: 5;
    }
}


/* tablet vertical */
@media only screen and (max-width: 990px) {
section.grateful .pad {
padding: 120px 0;
}
.home-block--mindful .home-block-content img { width: 100%; }
section.grateful .headline {
width: 50%;
}

section.grateful .headline h1 {
width: 250px;
font-size:25px;
line-height:30px;
}
section.grateful .headline h2 {
line-height: 1.3;
margin: 15px 0 0 0;
width: 220px;
}

section.grateful .home-hero-tout.grateful.jdpower, section.grateful .home-hero-tout.grateful.know {
width: 343px;
}

section.grateful .home-hero-tout.grateful.jdpower, section.grateful .home-hero-tout.grateful.know {
width: 343px;
}
.pods { width:225px; }
section.grateful .home-hero-tout.grateful.jdpower, section.grateful .home-hero-tout.grateful.know { width:225px; }
section.grateful .home-hero-tout.grateful.jdpower a, section.grateful .home-hero-tout.grateful.know a { margin-left:130px; }
section.grateful .home-hero-tout.grateful.jdpower h2, section.grateful .home-hero-tout.grateful.know h2 { font-size: 13px; width:80px; line-height:15px; padding:0;}
section.grateful .home-hero-tout.grateful.jdpower span.white-arrow, section.grateful .home-hero-tout.grateful.know span.white-arrow { margin-left:0;}

    header {
        height: 80px;
    }

        header a.logo {
            margin-top: 20px;
        }

            header a.logo img {
                width: 180px;
            }

        header nav.topnav {
            width: 96%;
        }

            header nav.topnav .right {
                float: none;
                line-height: 80px;
                height: 80px;
            }

                header nav.topnav .right a {
                    line-height: 80px;
                }

                    header nav.topnav .right a:last-of-type {
                        padding-right: 20px;
                        display: inline-block;
                    }

                    header nav.topnav .right a.search-toggle {
                        display: none;
                    }

    #nav-toggle {
        padding-top: 0;
        top: 39px;
    }

    header .hr {
        border: none;
    }

    header nav.bottomnav {
        display: none;
    }

    header a {
        font-weight: 700;
    }

    header .nav-container {
        display: none;
    }

    header .nav-container__interior-subnav {
        display: none;
    }

    header a.hamburger {
        display: block;
        height: 130px;
        width: 35px;
        margin: 0 0 0 20px;
        float: right;
        padding: 0;
    }

    #wrapper.open {
        margin-left: -240px;
        cursor: pointer;
    }
    /*mobile menu*/
    #mobile_menu {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        min-height: 100vh;
        width: 240px;
    }

    .mobile-site-search {
        width: 100%;
        height: 80px;
        position: relative;
        display: block;
        top: 0;
        background: #464c4f;
        padding: 20px;
        margin-bottom: 0;
    }

    #mobile_search_term {
        border: none;
        background: none;
        color: #fff;
        font-size: 14px;
        font-weight: 300;
        float: left;
        width: 160px;
        padding: 0;
        padding-left: 5px;
        height: 40px;
    }

        #mobile_search_term::placeholder {
            color: #fff;
        }

    #mobile_search_submit {
        width: 25px;
        float: right;
        background: url(https://bluekcmemberportal.azureedge.net/consumer/svg/nav-search.svg) no-repeat center center;
        border: none;
        margin-top: 10px;
    }

    .mobile-nav > ul {
        text-align: left;
        width: 100%;
    }

        .mobile-nav > ul > li {
            position: relative;
        }

            .mobile-nav > ul > li:first-of-type {
                margin-top: 12.5px;
            }

    .mobile-page-link {
        text-decoration: none;
        color: #adbfc8;
        padding: 12.5px 25px 12.5px 25px;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        display: inline-block;
        position: relative;
        -webkit-transition: color 0.2s ease;
        -moz-transition: color 0.2s ease;
        -o-transition: color 0.2s ease;
        -ms-transition: color 0.2s ease;
        transition: color 200ms ease;
    }

    .mobile-page-link--active {
        color: #11abfa;
    }

    .mobile-list-toggle {
        background: url(https://bluekcmemberportal.azureedge.net/consumer/images/mobile-nav-caret.svg) no-repeat center center;
        display: inline-block;
        width: 60px;
        height: 40px;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
        -webkit-transform: rotate(-90deg);
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        -o-transition: all 0.6s ease;
        -ms-transition: all 0.6s ease;
        transition: all 600ms ease;
        transform: rotate(-90deg);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

    .mobile-list-toggle--active {
        background-image: url(https://bluekcmemberportal.azureedge.net/consumer/images/mobile-nav-caret-active.svg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .mobile-submenu {
        display: none;
        width: 100%;
        background: #52595d;
        padding: 20px 0;
        margin-top: 12px;
    }

    .mobile-submenu--active {
        display: block;
    }

    .mobile-submenu > li {
        padding-left: 25px;
        margin-bottom: 20px;
    }

        .mobile-submenu > li:last-of-type {
            margin-bottom: 0;
        }

        .mobile-submenu > li > a {
            color: #fff;
            text-decoration: none;
            font-size: 10px;
            font-weight: 700;
        }

    .mobile-home-link {
        display: block;
        width: 157px;
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        -o-transition: all 0.6s ease;
        -ms-transition: all 0.6s ease;
        transition: all 600ms ease;
        padding: 30px 0 0 20px;
    }

    .mobile-home-link--hidden {
        opacity: 0;
        z-index: -1;
        pointer-events: none;
    }

    .mobile-home-link img {
        width: 100%;
    }
    /*end mobile menu*/
    #wrapper {
        min-width: 768px;
    }

    .inner {
        width: 708px;
    }

    *.inner .pad {
        padding: 100px 0;
    }

    section.plans .plan-group .plan-group-text {
        display: none;
        font-size: 11px;
    }

    section.members .members-info svg {
        width: 70px;
    }

    section.health-insurance-matters .matters-info svg {
        width: 70px;
    }

    .mobile-hide {
        display: none;
    }

    section.featured {
        max-height: auto;
        min-height: inherit;
    }

        section.featured .pad {
            padding: 80px 0;
        }

        section.featured h1 {
            font-size: 40px;
            line-height: 45px;
        }

    .home-hero-col {
        min-height: 150px;
    }

    .home-hero-tout {
        padding: 30px 20px;
    }

        .home-hero-tout h2 {
            font-size: 15px;
            line-height: 18px;
            padding-bottom: 20px;
        }

    .featured--two-touts.featured .pad {
        padding: 30px 0;
    }

    .home-hero-touts--two .home-hero-tout {
        padding: 20px;
    }

        .home-hero-touts--two .home-hero-tout:first-child {
            margin-bottom: 15px;
        }

    .featured--two-touts.featured .home-hero-col {
        min-height: 290px;
    }

    .home-plans-bar-col:first-child {
        display: none;
    }

    .home-plans-bar-col {
        width: 33.3%;
    }

    .home-plan-link .icon-plans {
        background-size: 45px;
        min-height: 30px;
    }

    .home-plan-link p {
        font-size: 15px;
    }

    .home-plan-link {
        padding: 15px 0 15px 33%;
    }

        .home-plan-link p.plan-group-text {
            font-size: 13px;
            margin-top: 5px;
        }

    .home-block .pad {
        padding: 30px 0;
    }

    .home-block.home-block--community .pad {
        padding-top: 60px;
    }

    .home-block.home-block--insurance .pad {
        padding-bottom: 60px;
    }

    .home-block-img {
        width: 50%;
    }

    .home-block--imgLeft .home-block-content {
        padding-left: 58%;
    }

    .home-block--imgRight .home-block-content {
        padding-right: 58%;
    }

    .home-block-content h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .home-block-content p {
        padding-bottom: 15px;
    }

    .home-block-content a {
        min-width: auto;
    }

    .quote .pad {
        padding: 70px 0;
        width: 100%;
    }

    .quote-icon {
        height: 80px;
        width: 80px;
    }

    .quote-content {
        padding: 30px 0;
        font-size: 20px;
        line-height: 28px;
    }

    section.featured h1 span.this-community {
        font-size: 35px;
    }

    section.featured .cta-mobile {
        display: none;
    }

    section.plans .pad {
        padding: 100px 0;
    }

    section.plans .icon-plans {
        height: 74px;
    }

        section.plans .icon-plans svg {
            height: 74px;
        }

    section.plans p {
        font-size: 14px;
    }

    section.plans .employer-plan,
    section.plans .ind-plan,
    section.plans .med-plan,
    section.plans .other-plan {
        background-size: contain;
    }

    .mobile-inner {
        width: 708px;
        margin: 0 auto;
    }

    section.callout-w-image .pad {
        padding: 125px 0;
    }

    section.blue-news .pad {
        padding: 100px 0;
    }

    section.blue-news .news-col.left,
    section.blue-news .news-col.right {
        float: none;
        width: 100%;
        padding: 0;
    }

    section.your-partner {
        background: none;
        text-align: center;
    }

        section.your-partner .pad {
            padding: 75px 0;
        }

        section.your-partner .partner-container {
            max-width: 100%;
        }

    .two-col-w-building__container {
        width: 100%;
    }

    .two-col-w-img .pad {
        padding: 110px 0;
    }

    .two-col-w-img__img {
        width: 40%;
    }

        .two-col-w-img__img img {
            width: 70%;
        }

    .two-col-w-img__text {
        width: 60%;
        left: 40%;
    }

    section.live-blue-informed {
        background: url(https://bluekcmemberportal.azureedge.net/consumer/images/home-your-partners-bg-728.jpg) no-repeat 100% center;
    }

        section.live-blue-informed .pad {
            padding: 90px 0;
        }

        section.live-blue-informed .partner-container {
            width: 70%;
            padding-right: 10%;
            float: left;
        }

    .news-content__top-col2 {
        display: none;
    }

    .news-top .two-col-50-50__left {
        width: 100%;
        float: none;
        padding: 0;
    }

    section.blue-news .news-top {
        height: auto;
    }

        section.blue-news .news-top .two-col-50-50__left h3 {
            float: none;
        }

    section.news-content .pad {
        padding: 100px 0 70px 0;
    }

    section.blue-news.blue-news__fullwidth .pad {
        padding: 50px 0;
    }

    footer .social-bar .social-left {
        display: none;
    }

    footer .social-bar .social-right {
        float: none;
    }

    footer .social-right a {
        margin: 0 30px 0 0;
    }

    footer nav .bottom {
        display: table;
        padding-top: 50px;
    }

        footer nav .bottom .copy {
            float: none;
            display: table-footer-group;
        }

        footer nav .bottom .legal {
            float: none;
            display: table-header-group;
        }

            footer nav .bottom .legal .col1 {
                padding-bottom: 50px;
            }

    .desktop-only {
        display: none;
    }

    .no-mobile {
        display: block;
    }

    .mobile-only {
        display: none;
    }

    #responder {
        z-index: 10;
    }

    #here-for-good-video video {
        height: 340px;
        width: 600px;
    }
}

@media only screen and (max-width: 767px) {

footer .social-right .social-media {
float:left;
margin:0;
}

    section.grateful .headline {
        width: 50%;
    }

section.grateful .headline h1 {
width: 250px;
font-size:25px;
line-height:30px;
}
section.grateful .headline h2 {
line-height: 1.3;
margin: 15px 0 0 0;
width: 220px;
}

section.grateful .home-hero-tout.grateful.jdpower, section.grateful .home-hero-tout.grateful.know {
width: 343px;
}

section.grateful .home-hero-tout.grateful.jdpower, section.grateful .home-hero-tout.grateful.know {
width: 343px;
}

.blueKC_BMA_logo {
    margin-bottom: 18rem;
}
.pods { width:225px; }
section.grateful .home-hero-tout.grateful.jdpower, section.grateful .home-hero-tout.grateful.know { width:225px; }
section.grateful .home-hero-tout.grateful.jdpower a, section.grateful .home-hero-tout.grateful.know a { margin-left:130px; }
section.grateful .home-hero-tout.grateful.jdpower h2, section.grateful .home-hero-tout.grateful.know h2 { font-size: 13px; width:80px; line-height:15px; padding:0;}
section.grateful .home-hero-tout.grateful.jdpower span.white-arrow, section.grateful .home-hero-tout.grateful.know span.white-arrow { margin-left:0;}

    .home-banner-graphic {
        max-width: 100%;
        max-height: 237px;
    }

    #wrapper {
        -webkit-box-shadow: 0px 0px 10px 0px #000000;
        box-shadow: 0px 0px 10px 0px #000000;
        top: 0;
        max-width: 100%;
        min-width: 320px;
    }

    .inner {
        width: 90%;
        margin: 0px auto;
    }

    .mobile-inner {
        width: 90%;
        margin: 0px auto;
    }

    *.inner .pad {
        padding: 50px 0;
    }

    #nav-toggle {
        padding-top: 0;
        top: 39px;
    }

    header nav.topnav {
        width: 90%;
        height: 65px;
    }

    #mobile_menu {
        width: 240px;
        /*background: #e6e2e7;*/
        padding: 0px;
        font-size: 10px;
        color: #949494;
        text-align: center;
        display: block;
    }

    header {
        height: 80px;
    }

        header a.logo img {
            width: 180px;
        }

        header a.logo {
            margin-top: 20px;
        }

        header nav.topnav .right {
            display: none;
        }

        header nav.main {
            display: none;
        }

        header .nav-container__interior-subnav {
            display: none;
        }

        header a {
            font-weight: 700;
        }

            header a.hamburger {
                display: block;
                height: 80px;
                width: 35px;
                margin: 0px;
                float: right;
                padding: 0;
            }

    section.featured .pad {
        padding: 100px 0 45px;
    }

    .featured--two-touts.featured .pad {
        padding: 100px 0 0;
        margin-bottom: 50px;
    }

    .home-hero-col {
        float: none;
        width: 100%;
        min-height: auto;
    }

    section.featured h1 {
        position: relative;
        top: auto;
        transform: translateY(0);
        font-size: 30px;
        line-height: 35px;
        padding-bottom: 40px;
    }

    .featured--two-touts.featured h1 {
        padding-bottom: 0;
    }

    .home-hero-tout {
        width: 100%;
        max-width: 100%;
        padding: 20px;
    }

    .featured--two-touts.featured .home-hero-col {
        min-height: 265px;
    }

    .home-hero-col.home-hero-touts--two {
        position: relative;
        bottom: -50px;
    }

    .home-hero-touts--two .home-hero-tout h2 {
        padding-bottom: 15px;
    }

    .home-plans-bar {
        padding: 25px 0;
        border: none;
margin-top:300px;
    }

    .home-plans-bar-col {
        float: none;
        width: 100%;
        display: block;
    }

    .home-block .pad {
        padding: 0;
    }

    .home-block.home-block--community .pad {
        padding-top: 0;
    }

    .home-block.home-block--insurance .pad {
        padding-bottom: 10px;
    }

    .home-block .inner {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .home-block-img {
        width: 100%;
        position: relative;
        left: 0;
        right: 0;
        height: 150px;
    }

    .home-block-content {
        position: relative;
        top: auto;
        transform: translateY(0);
        width: 90%;
        margin: 40px auto 50px;
    }

    .home-block--imgLeft .home-block-content,
    .home-block--imgRight .home-block-content {
        padding: 0;
    }

    .home-block-content h2 {
        font-size: 25px;
        line-height: 28px;
    }

    .home-block-content a {
        width: auto;
    }



    section.featured h1 span.this-community {
        font-size: 23px;
        line-height: 18px;
    }

    section.featured h1 span {
        font-size: 45px;
        line-height: 35px;
    }

    section.featured .cta .marquee-btn {
        display: none;
    }

    section.featured .cta-mobile {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

        section.featured .cta-mobile .marquee-btn {
            width: 50%;
            float: left;
            font-size: 13px;
            text-align: center;
        }

            section.featured .cta-mobile .marquee-btn.light-blue {
                background-color: #43bcfb;
            }

    section.callout-w-image .pad {
        padding: 70px 0;
    }

    section.callout-w-image h3 {
        margin-top: 0;
    }

    section.callout-w-image p {
        display: none;
    }

        section.callout-w-image p.call {
            display: block;
        }


    section.plans .pad {
        padding: 60px 0 10px 0;
    }

    section.plans h2 {
        font-size: 24px;
        font-weight: 400;
    }

    section.plans p {
        padding: 0 5%;
    }

    section.plans .plan-group {
        width: 100%;
        padding: 50px 0;
    }

        section.plans .plan-group .plan-group-text {
            display: none;
        }

    section.members {
        display: none;
    }

    section.your-partner {
        display: none;
    }

    section.two-col-w-building {
        display: block;
    }

    section.health-insurance-matters {
        display: none;
    }

    #home-news {
        display: none;
    }

    footer nav .main {
        padding: 40px 0;
    }

    footer .social-bar {
        height: auto;
        line-height: normal;
        padding: 38px 0;
    }

        footer .social-bar .social-left {
            display: none;
        }

        footer .social-bar .social-right {
            float: none;
        }

            footer .social-bar .social-right .mobile-hr {
                border: 1px solid #6b7072;
                display: inline-block;
                width: 100%;
                margin: 30px 0;
            }

    footer .footer-col {
        display: none;
    }

    footer nav .bottom {
        display: table;
        padding-top: 0;
    }

        footer nav .bottom .copy {
            float: none;
            display: table-footer-group;
        }

        footer nav .bottom .legal {
            float: none;
            display: table-header-group;
        }

            footer nav .bottom .legal .col1 {
                float: none;
                padding-right: 0;
                padding-bottom: 0;
            }

            footer nav .bottom .legal .col2 {
                float: none;
                padding-bottom: 50px;
            }

    .btn {
        width: 100%;
    }

    .desktop-only {
        display: none;
    }

    .no-mobile {
        display: none;
    }

    .mobile-only {
        display: block;
    }

    #responder {
        z-index: 10;
    }

    #here-for-good-video video {
        height: 230px;
        width: 400px;
    }

    .home-vid-btn {
        width: 60px;
        height: 60px;
        border: 2px solid white;
    }
}
@media only screen and (max-width: 320px) {
    .covid-19-banner .messaging {
        width: 100%;
        padding: 10px;
    }
        .covid-19-banner .messaging p {
            background: url('https://bluekcmemberportal.azureedge.net/images/icn-blue-exclaimation.png') no-repeat left top;
        }
    section.grateful {
        background-image: url(https://bluekcmemberportal.azureedge.net/consumer/images/home-hero.jpg);
        background-size: cover;
        min-height: 100px;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .blueKC_BMA_logo {
        margin: auto;
        max-width: 60%;
    }
section.grateful .pad { padding: 0; }
section.grateful .pad .headline { width:100%; float:none; }
section.grateful .pad .pods { width:100%; float:none; }
section.grateful .headline h1 { width:100%; font-size:18px; line-height:22px; }
section.grateful .home-hero-tout.grateful.jdpower, section.grateful .home-hero-tout.grateful.know {
width:100%;
}
section.grateful .home-hero-tout.grateful.jdpower { margin-top:45px; }
section.grateful .home-hero-tout.grateful.jdpower h2, section.grateful .home-hero-tout.grateful.know h2 { width:130px; line-height:22px;}
}
section.grateful .home-hero-tout.grateful h2,
.home-hero-tout button {
    padding-left: 15rem;
    padding-right: 3rem;
}
section.grateful .home-hero-tout.grateful h2 {
    padding-bottom: 1rem;
}
@media only screen and (max-width: 990px) {
    section.grateful .home-hero-tout.grateful.jdpower,
    section.grateful .home-hero-tout.grateful.know {
        width: 260px;
    }
    section.grateful .home-hero-tout.grateful h2,
    section.grateful .home-hero-tout button,
    section.grateful .home-hero-tout.grateful.jdpower h2,
    section.grateful .home-hero-tout.grateful.know h2 {
        width: auto;
        padding-left: 10rem;
        padding-right: 2rem;
    }
    section.grateful .home-hero-tout button {
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 767px) {
    .home-plans-bar {
        padding: 25px 0;
        border: none;
        /*margin-top: 56px;*/
    }
}

@media only screen and (max-width: 595px) {
    section.grateful .home-hero-tout.grateful.jdpower,
    section.grateful .home-hero-tout.grateful.know {
        /*float: none;*/
    }
}

a.home-hero-tout.grateful.jdpower:hover > h2,
a.home-hero-tout.grateful.know:hover > h2{
    text-decoration: none !important;
}

a#plans-button-first,
a#plans-button-second {
    text-decoration: none;
}