.under999 {
    display: none;
}

@media screen and (max-width: 999px) {
    .under999 {
        display: block;
    }
    .desktop_only {
        display: none;
    }
}

.darktext {
    color: #3b3b3b;
    background-color: #fff;
}


.video_thumb {
    background-image: url('/_Global-Assets/dagger/care/img/play_button_large.png');
    background-size:  100%;
    position: absolute;
    cursor: pointer;
}



#s1_hero {
    margin-bottom: -8px;
}

#s1_image {
    background-color: #aaaaaa;
    background-image: url('/_Global-Assets/dagger/care/img/care_hero_desktop.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    padding-bottom: 29%;
    min-height: 166px;
    position: relative;
}

#s1_image .video_thumb {
    top:  20%;
    right:  20%;
    width: 15%;
    padding-bottom: 15%;
}

#hero_content {
    width: 70%;
}

#hero_content p {
    max-width: 400px;
}

#hero_cta {
    
}


#s1_hero:after {
    display: none;
}


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

    #s1_hero {
    }

    #hero_cta {
        margin-left: auto;
        margin-right: auto;
        width: 180px;
    }

    #s1_image {
        background-image: url('/_Global-Assets/dagger/care/img/care_hero_mobile.jpg');
        background-position: bottom center;
        background-color: #fff;
    }

    #hero_content {
        margin-top: 40px;
        left: 0;
        width: 100%;
    }

    #hero_content p {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
    }

    #hero_copy {
        text-align: center;
        width: 100%;
    }
}

@media screen and (max-width: 780px) {
    #hero_content {
        margin-top: 0px;
    }
}

@media screen and (max-width: 600px) {
    #hero_content {
        margin-top: 20px;
    }
}

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

    #hero_content {
        margin-top: 10px;
    }

    .dagger_root .display1 {
        font-size: 7.0vw;
        line-height: 7.0vw;
    }
}









#contest {
    position: relative;
}

#contest_copy {
    width: 40%;
    margin-left: 5%;
    padding-top: 80px;
    padding-bottom: 80px;
    float: left;
}

#contest_copy p {
    width:  90%;
    font-size: 22px;
}

#vtg-container {
    padding-top: 65px;
    width: 50%;
    float: left;
}


@media screen and (max-width: 999px) {
    #contest_copy {
        width: 90%;
        float: left;
        padding-bottom: 0px;
    }
    #contest_copy p {
        font-size: 18px;
    }

    #vtg-container {
        position: relative;
        width: 90%;
        margin-left: 5%;
        padding-top: 0;
    }
}










.halfhero {
    background-image: url('/_Global-Assets/dagger/shared/img/placer.gif');
    padding-bottom: 50%;
}

#care_katy {
    background-image: url('/_Global-Assets/dagger/care/img/katy_desktop.png');

}
#care_johnnie {
    background-image: url('/_Global-Assets/dagger/care/img/johnnie_desktop.png');
}

.halfhero {
    position: relative;
    background-color: #e5f6fd;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.halfhero .col {
    position: relative;
}

.halfhero_content {
    width: 50%;
    position: absolute;
    left: 56.33%;
    padding-top: 10%;
}

.halfhero .coverage {
    margin-top: 20px;
    margin-bottom: 20px;
}

.image_right .halfhero_content {
    right:  56.33%;
    left:  auto;
}

.halfhero .video_thumb {
    width: 10%;
    padding-bottom: 10%;
    left: 20%;
    top:  45%;
}

.image_right .video_thumb {
    left:  auto;
    right:  20%;
}



@media screen and (max-width: 1250px) {
    .halfhero_content .display4 {
        font-size: 18px;
    }
}

.halfhero_content h2 {
    margin-bottom: 25px;
}

@media screen and (max-width:999px) {
    
    .halfhero_content h2.display1 {
        margin-left:0;
        font-size: 28px;
        line-height: 32px;
    }

    #dagger_home .halfhero_content sup {
        vertical-align: top; 
        position: relative; 
        top: -0.3em;
        font-size: 0.8em;
    }

    .halfhero_content p {
        font-size: 18px;
        line-height: 20px;
    }

    .halfhero_content {
        width: 55%;
        left: 53%;
        padding-top: 5%;
    }

    .image_right .halfhero_content {
        right: 53%;
        left: auto;
    }

    a.textbutton {
        padding: 12px 24px;
    }
}

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

    .halfhero .video_thumb {
        width: 20%;
        padding-bottom: 20%;
        left: 40%;
        top: 23.5%;
    }

    .image_right .video_thumb {
        right: 40%;
    }

    .halfhero_content {
        
        padding-top: 40px;
        width: 100%;
        text-align: center;
        left: auto;
    }

    .image_right .halfhero_content {
        left: auto;
        right: auto;
    }

    .halfhero_content p {
        max-width: 60%;
        margin-left: 20%;
    }

    .halfhero .col {
        position: absolute;
        left: 0;
        top: 63%;
        width: 90%;
        margin-left: 5%;
    }

    .dagger_calc {
        padding-top: 0px;
        padding-bottom: 90px;
        position: relative;
    }

    #care_katy {
        background-image: url(/_Global-Assets/dagger/care/img/katy_mobile.png);
        background-size: contain;
        padding-bottom: 125%;
    }

    #care_katy col {
        width: 100%;
    }
    #care_johnnie {
        background-image: url(/_Global-Assets/dagger/care/img/johnnie_mobile.png);
        background-size: contain;
        padding-bottom: 125%;
    }
}

@media screen and (max-width: 600px) {
    .halfhero  .video_thumb {
        top: 18.5%;
    }

    #care_katy, #care_johnnie {
        padding-bottom: 150%;
    }

    .halfhero .col {
        top:  55%;
    }

    .halfhero_content p {
        max-width: 90%;
        margin-left: 5%;
    }
}
@media screen and (max-width: 480px) {

    .halfhero  .video_thumb {
        top: 14.5%;
    }
    
    #care_katy, #care_johnnie {
        padding-bottom: 200%;
    }

    .halfhero .col {
        top:  40%;
    }

    .halfhero_content p {
        max-width: 90%;
        margin-left: 5%;
    }

}












#careworld {
    background-image: url('/_Global-Assets/dagger/care/img/dan_desktop.jpg');
    position: relative;
    padding-top: 30%;
    padding-bottom: 25%;
    background-repeat: no-repeat;
    background-size: cover;
}

#careworld p {
    width: 60%;
    margin-left: 20%;
}

.video_thumb.small {
    width: 6%;
    padding-bottom: 6%;
    left:  47%;
    top:  66%;
}

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

    #careworld {
        background-image: url('/_Global-Assets/dagger/care/img/dan_mobile.jpg');
    }   
}

@media screen and (max-width:780px) {
    .video_thumb.small {
        width: 10%;
        padding-bottom: 10%;
        left: 45%;
        top: 70%;
    }

    
}

@media screen and (max-width:600px) {
    #careworld p {
        width: 80%;
        margin-left: 10%;
    }
}



#bottom_cta {
    padding-top: 60px;
    padding-bottom: 80px;
}

#bottom_contact {
    min-width: 200px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 18px;
    font-size: 18px;
    line-height: 18px;
    -webkit-transition: 0.1s;
    transition: 0.1s;

    font-family: 'ProximaNovaSemibold';
    border: none;
    cursor: pointer;
    text-decoration: none;
}

#bottom_cta .whitebg:hover, #bottom_cta .whitebg:focus {
    background-color: #f0f0f0;
    color: #019dd5;
}
#bottom_cta:focus, #bottom_cta:focus {
    background-color: #f0f0f0;
}






#community {
    background-color: #e5f6fd; /*#e5f6fd;*/
    color: #fff; /*#00a7e1;*/
    padding-top: 80px;
    padding-bottom: 60px;
}

#community p {
    /*color: #fff;*/ /*#3b3b3b;*/
}
#community p.description {
    width: 80%;
    margin-left: 10%;
    text-align: center;
    margin-bottom: 60px;
}

#community h2 {
    width: 80%;
    /*color: #fff; /*#00a7e1;*/
    margin-left: 10%;
    text-align: center;
    margin-bottom: 20px;
}

#community_gallery {
    display: flex;
    flex-wrap: wrap;
    max-width: 700px;
    margin: auto;
}
.community_item {
    flex:  1 1 25%;
    position: relative;
    margin-bottom: 15px;
}
.community_item a {
    display: block;
}

.community_item img {
    width: 90%;
    margin-left: 5%;
}

.community_item h3 {
    color: #00a7e1;
    font-size: 22px;
    line-height: 24px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family:'ProximaNovaSemibold';
}
.community_item p {
    color: #3b3b3b;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.community_cta {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
}

@media screen and (max-width:999px) {
    .community_item img {
        width: 96%;
        margin-left: 2%;
    }
}

@media screen and (max-width: 780px) {
    .community_item {
        flex:  1 1 100%;
        position: relative;
        cursor: pointer;
    }

    .community_item img {
        width: 80%;
        margin-left: 10%;
    }
    .community_item p {
        width: 80%;
        margin-left: 10%;
        text-align: center;
    }
}

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

}

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

}





#care_endcap_full, #contest_ended {
    background-color: #00a7e1;
    padding-top: 5%;
    padding-bottom: 5%;

    flex: 1 1 50%;
    color: #fff;
    text-align: center;
}

#care_endcap_full p, #contest_ended p {
    color: #fff;
}

#contest_ended h2 {
    margin-bottom: 0;
}

@media screen and (max-width: 1250px) {
    #care_endcap_full, #contest_ended {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}

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

}

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

}

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

}

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

}







.w_lightbox__item.has-story {
    width: 75%;
    height: 75%;
    margin-left: -37.5%;
    -webkit-transition: all 250ms cubic-bezier(0.95, 0.05, 0.795, 0.035);
    -moz-transition: all 250ms cubic-bezier(0.95, 0.05, 0.795, 0.035);
    -o-transition: all 250ms cubic-bezier(0.95, 0.05, 0.795, 0.035);
    transition: all 250ms cubic-bezier(0.95, 0.05, 0.795, 0.035);

    background-color: #fff;
}

.w_lightbox__item.has-story h2 {
    padding-top: 10%;
    margin-left: 15%;
}
.w_lightbox__item.has-story p {
    font-size: 18px;
    line-height: 24px;
    width:70%;
    margin-left: 15%;
}

.has-story .story {
    overflow-y: scroll;
    height: 100%;
}