.legacyBackground .appBackground, .appBackground  {
background-color: transparent !important;
}

/* New Hero*/
.high-contrast-mode.white-on-black .newHero.SB-hero-banner .banner-background {
padding-top: 210px !Important;
}

.newHero.SB-hero-banner {
padding-top: 48px !important;
}

@media screen and (min-width: 0) {
.newHero.SB-hero-banner .banner-background {
z-index: -2;
position: relative;
padding-top: 90px;
top: -94px;
margin-bottom: -210px;
}
}

@media screen and (min-width: 768px) {
.newHero.SB-hero-banner .banner-background {
z-index: -2;
padding-top: 72px;
top: -47px;
margin-bottom: -104px;}
}

@media screen and (min-width: 1084px) {
.newHero.SB-hero-banner .banner-background {
z-index: -2;
padding-top: 109px;
top: -52px;
margin-bottom: -166px;}
}

@media screen and (min-width: 1400px) {
.newHero.SB-hero-banner .banner-background {
z-index: -2;
padding-top: 135px;
top: -168px;
margin-bottom: -280px;}
}

@media screen and (min-width: 1400px) {
.newHero.SB-hero-banner .m-banner {
max-width: 1200px !important;}
}

@media only screen and (min-width:1921px) {
.newHero .c-image {
max-width: 1920px;
margin: 0 auto;}
}

.newHero picture {
z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 1083px) {
.hero-feature .m-hero-item.f-y-top.f-transparent>div>div {
    top: 10%;
}
}

.page-hero {
padding: 48px 0 0 0;
position: relative;
text-align: center;
}

.page-hero img {
max-width: 100%;
}

.page-hero h1 {
max-width: calc(1280px + 10%);
padding-left: 5%;
padding-right: 5%;
margin-left: auto;
margin-right: auto;
transform: translateY(1.12em) translateY(43px);
z-index: 10;
margin-top: calc(-1 * (1.12em + 43px));
/* brings it back up by the same amount to avoid gap */
}

@media screen and (max-width: 1399px) {
.page-hero h1 {
    transform: translateY(0.97em) translateY(43px);
}
}

.page-hero__text {
background-color: #e6e6e6;
padding: 42px 0 40px;
z-index: 8;
}

@media screen and (min-width: 1400px) {
.page-hero__text {
    padding-top: 72px;
}
}


/* Jump overrides. Nesting the jump inside the h1 makes the transform easier. */

@media (forced-colors: active) {
.jumpgcontainer .jump-g {
forced-color-adjust: none;}
}

.jumpgcontainer .jump-g,
.jumpgcontainer.overlap .jump-g {
display: block !important;
transform: translateY(.15em);
}

@media screen and (min-width: 1400px) {
.hero-feature .m-hero-item.f-transparent:before {
    padding-bottom: calc(62.4%) !important;
}
}

.requirements .m-content-placement-item {
text-align: center;
}

.requirements.first-row .m-content-placement-item>picture {
padding-bottom: 75%;
}

.requirements .m-content-placement-item>picture img {
bottom: 0;
}
@media screen and (max-width: 767px) {
.requirements .m-content-placement-item.no-margin-mobile {
margin-top: 0;
}
.requirements .m-content-placement-item>picture,
.requirements.first-row .m-content-placement-item>picture {
    padding-bottom: 0;
overflow:visible;
}

.requirements .m-content-placement-item>picture img {
position: relative;
} 
}

.requirements .m-content-placement-item [class^="c-heading"] {
margin-top: 8px;
padding-right: 0;
}

.app-links {
padding-top: 18px;
}

.app-links a {
display: inline-flex;
}

.app-link-size-google {
height: 65px;
width: 160px;
}

.app-link-size-apple {
height: 48px;
}

.checkmark {
font-family: "MWF-MDL2";
margin: 20px auto 2px;
background: #000;
color: #fff;
font-size: 24px;
display: inline-block;
border-radius: 50%;
font-weight: 700;
width: 36px;
}





.intobsMarker {
width: 0;
height: 0;
}

.cgraph video {
width: 100% !important;
}

@media (min-width: 1085px) {
.cgraph .cgraph-image
{
    display: none !important;
}
.cgraph .m-ambient-video,
.tophero .m-ambient-video {
    display: block !important;
}
}


/* Top Hero */

@media screen and (min-width: 1400px) and (max-width: 1700px) {
.cHero .m-hero-item.f-x-center>div>div {
    min-width: 60%;
}
}

@media screen and (min-width: 1400px) {
.cHero .m-hero-item .c-heading {
    line-height: 80px;
    font-size: 62px;
}
.cHero .m-hero-item.f-y-bottom>div>div {
    bottom: 40px !important;
}
}

@media screen and (max-width: 1520px) {
.cHero .m-hero-item.f-x-center>div>div {
    min-width: 65%;
}
}

@media screen and (max-width: 1084px) {
.cHero .m-hero-item.f-x-center>div>div {
    min-width: 75%;
}
}

@media screen and (max-width: 970px) and (min-width: 768px) {
.cHero .m-hero-item.f-y-bottom>div>div {
    bottom: 5px !important;
}
}

@media screen and (max-width: 850px) and (min-width: 767px) {
.cHero .m-hero-item.f-x-center>div>div {
    min-width: 75%;
}
}

@media screen and (max-width: 1400px) {
.cHero .c-heading-1 {
    font-size: 46px;
    line-height: 46px;
}
}

@media (max-width: 1084px) {
.cgraph .cgraph-image {
    display: block !important;
}
.cgraph .m-ambient-video,
.tophero .m-ambient-video {
    display: none !important;
}
.cgraph-logo img {
    width: 64px;
}
}

@media screen and (max-width: 960px) and (min-width: 768px) {
.devicesblade h2.c-heading {
    padding-top: 0;
}
}

@media screen and (max-width: 860px) and (min-width: 767px) {
.cgraph.m-hero-item.f-x-right>div>div {
    right: -15px !important;
}
}

@media screen and (max-width: 767px) {
.m-in-page-navigation {
    display: none;
}
.cgraph-logo {
    margin: 12px auto 0;
    display: block !important;
}
.devicesblade h2.c-heading,
.cgraph2 h2.c-heading {
    max-height: 250px;
}
.cgraph h2.c-heading,
.customtall h2.c-heading,
.devicesblade h2.c-heading,
.xgpHero h2.c-heading,
.cgraph2 h2.c-heading,
.cHero .m-hero-item .c-heading {
    font-size: 36px;
    line-height: 42px;
}
.customfourup .c-subheading-1 {
    font-size: 20px;
    line-height: 24px;
}
}

@media screen and (min-width: 1084px) {
.m-hero-item.customtall:before {
    padding-bottom: 68.01%;
}
.devicesblade {
    transform: translateY(-7px) translateX(0px);
}
.m-hero-item.cgraph2:before {
    padding-bottom: 62%;
}
.cgraph2 .high-contrast,
.cgraph2 .high-contrast h2 {
    width: 1000px;
    max-width: 1000px;
}
}

@media screen and (min-width: 768px) and (max-width: 1083px) {
.cgraph2 .high-contrast,
.cgraph2 .high-contrast h2 {
    width: 88vw;
    max-width: 88vw;
    bottom: 10px !important;
}
}

@media screen and (min-width: 1084px) {
.m-hero-item.f-transparent.devicesblade:before {
    padding-bottom: 62.2% !important;
}
}

.cgraph h2.c-heading {
padding-top: 6px;
}

.discvid .app-links a {
display: inline-block;
}

.discvid .app-links a:focus {
outline: 2px dashed #000;
border: 2px dashed #fff;
}

.discvid .app-links a.link-marg-left {
margin-left: 19px !important;
}

@media (min-width: 1084px) {
.m-banner.customfourup {
    padding-bottom: 6%;
}
.customfourscootup {
    position: relative;
    top: -7.4vw;
}
.customfourscootup .m-content-placement {
    margin-bottom: -7.4vw;
}
}

.customfourscootup section div {
text-align: center;
}

.customfourLinks a {
text-align: center;
display: inline-block;
margin: 6px 0;
}

div#flow-dialog-scroll [role="dialog"] {
width: 82vw;
max-width: 82vw;
padding-top: 10px;
background-color: #e6e6e6;
}

#flow-dialog-scroll .f-dialog-scroll {
max-height: 90vh;
}

#flow-dialog-scroll h2 {
padding: 12px 0 0;
text-align: center;
}

#flow-dialog-scroll .m-panes {
padding-top: 10px;
}

.m-feature.f-background-neutral-80.specialgray {
background: #505050;
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
.specialgray h2 {
    padding-top: 0;
}
}

@media screen and (min-width: 768px) and (max-width: 904px) {
.specialgray h2 {
    font-size: 34px;
    padding-bottom: 0;
    margin-bottom: -24px;
}
.specialgray p.c-paragraph {
    width: 325px;
}
}


/* Small Tweaks */
.cgraph.cgraph2 .m-ambient-video div button {
    border: 1px solid #107c10 !important;
    background-color: rgba(0, 0, 0, 0);
    color: #107c10;
    bottom: -2vw;
    left: -22vw;
    margin-left: 0;
}

@media screen and (max-width: 539px) {
.c-dialog [role="dialog"] {
    left: 35px !important;}
}


img.c-image, picture.c-image img {
margin: auto;
}

.pad-bot {
padding-bottom: 50px !important;
}

.appleSvgLogo{height:46px;}
.googleSvgLogo {height:46px;}

/** Custom 3-UP**/

.three-up-width {
    width: 90%;
}

@media screen and (min-width: 1084px) {
.SB-app-4up .m-banner.customFourUp, .SB-app-3up .m-banner.customThreeup {
    padding-bottom: 6%;}
}

.m-banner .c-call-to-action.f-image {
    margin-right: 20px !important;
    padding: 0;
}

.m-banner .c-group {
    margin-top: 24px !important;
}

.m-content-placement-item .c-group>.c-call-to-action, .c-content-placement .c-group>.c-call-to-action {
    height: 65px !important;
}

/* 2025 refresh -andrewS */
.cta-group {
    padding-top: 26px;
}
@media screen and (max-width: 900px) {
    .cta-group {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .m-banner .cta-group .c-call-to-action {
        margin-right: 0px;
    }
}
@media screen and (min-width: 767px) and (max-width: 1084px) {
    .SB-app-3up .customThreeScootup.zoomOutPad {
        top: -65px;
    }
}

@media screen and (min-width: 2300px) {
    .SB-app-4up .m-banner.customFourUp, .SB-app-3up .m-banner.customThreeup {
        padding-bottom: 12% !important;
    }
}