/* Font stacks */

@font-face {
    font-family: 'Synchrony Sans';
    font-display: fallback;
    src: url(/synchrony/fonts/synchrony_sans_thin-v100-webfont.woff) format("woff"), url(/synchrony/fonts/synchrony_sans_thin-v100-webfont.woff2) format("woff2"), url(/synchrony/fonts/Synchrony_Sans_Thin-v100.ttf) format("truetype"), url(/synchrony/fonts/Synchrony_Sans_Thin-v100.otf) format("opentype");
    font-weight: 100;
}

@font-face {
    font-family: 'Synchrony Sans';
    font-display: fallback;
    src: url(/synchrony/fonts/SynchronySans.woff) format("woff"), url(/synchrony/fonts/SynchronySans.woff2) format("woff2"), url(/synchrony/fonts/SynchronySans.ttf) format("truetype"), url(/synchrony/fonts/SynchronySans.eot) format("embedded-opentype"), url(/synchrony/fonts/SynchronySans.otf) format("opentype"), url(/synchrony/fonts/SynchronySans.svg) format("svg");
    font-weight: 400;
}

@font-face {
    font-family: 'Synchrony Sans';
    font-display: fallback;
    src: url(/synchrony/fonts/SynchronySans-Medium.woff) format("woff"), url(/synchrony/fonts/SynchronySans-Medium.woff2) format("woff2"), url(/synchrony/fonts/SynchronySans-Medium.ttf) format("truetype"), url(/synchrony/fonts/SynchronySans-Medium.eot) format("embedded-opentype"), url(/synchrony/fonts/SynchronySans-Medium.svg) format("svg");
    font-weight: 500;
}

@font-face {
    font-family: 'Synchrony Sans';
    font-display: fallback;
    src: url(/synchrony/fonts/SynchronySans-Bold.woff) format("woff"), url(/synchrony/fonts/SynchronySans-Bold.woff2) format("woff2"), url(/synchrony/fonts/SynchronySans-Bold.ttf) format("truetype"), url(/synchrony/fonts/SynchronySans-Bold.eot) format("embedded-opentype"), url(/synchrony/fonts/SynchronySans-Bold.otf) format("opentype"), url(/synchrony/fonts/SynchronySans-Bold.svg) format("svg");
    font-weight: 700;
}


/* Universal breakpoints */

.hero_cta_simple {
    position: relative;
}

.hero_cta_simple .hero {
    height: 713px;
}

@media (max-width: 991px) {
    .hero_cta_simple .hero {
        min-height: 100%;
        padding: 50px 0;
    }
}

.hero_cta .hero .content, .hero_cta_simple .hero .content {
    padding: 0 0 180px 158px;
    position: absolute;
    align-items: end;
}

.hero_cta_simple .hero .hero-copy-content {
    position: relative;
    z-index: 2;
    width: 666px;
}

.hero_cta_simple .hero .hero-title-subhead {
    padding-left: 24px;
}

.hero_cta_simple .hero .hero-copy-content .button-white {
    margin-top: 32px;
    font-size: 16px;
    padding: 12px 24px;
    width: 240px;
}

@media (max-width: 991px) {
    .hero_cta_simple .hero .hero-title-subhead {
        padding-left: 15px;
    }
}

.hero_cta_simple .hero .hero-cta-wrap {
    flex-direction: row;
}

.hero_cta_simple .hero .hero-cta-wrap a {
    margin-right: 30px;
}

@media (max-width: 767px) {
    .hero_cta_simple .hero .hero-cta-wrap {
        flex-direction: column;
    }
    .hero_cta_simple .hero .hero-cta-wrap a {
        margin-bottom: 18px;
        margin-right: 0;
        width: auto;
    }
}

@media screen and (max-width:320px) {
    /* Amazon-button */
    .amazon-button {
        margin-right: 0px !important;
    }
    /* Amazon banner - start		     */
    .baner-logo {
        margin-top: 0px !important;
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .syf-logo:after {
        content: '';
        width: 1px !important;
        height: 25px !important;
        background-color: #cecece !important;
        display: inline-block !important;
        position: absolute !important;
        /* right: 0.5rem; */
        transform: translateY(-50%) !important;
    }
    .syf-logo img {
        width: 39% !important;
        padding-right: 10px !important;
    }
    .amazon-logo img {
        width: 20% !important;
        top: 10px !important;
        padding-left: 12px !important;
    }
}

@media screen and (min-width:360px) and (max-width:599px) {
    /* Amazon-button */
    .amazon-button {
        margin-right: 0px !important;
    }
    /* Amazon banner - start		     */
    .baner-logo {
        margin-top: 0px !important;
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .syf-logo:after {
        content: '';
        width: 1px !important;
        height: 25px !important;
        background-color: #cecece !important;
        display: inline-block !important;
        position: absolute !important;
        /* right: 0.5rem; */
        transform: translateY(-50%) !important
    }
    .syf-logo img {
        width: 39% !important;
        padding-right: 10px !important;
    }
    .amazon-logo img {
        width: 20% !important;
        top: 10px !important;
        padding-left: 12px !important;
    }
}

@media (min-width: 600px) and (max-width: 1024px) {
    /* Amazon-button */
    /* .amazon-button {
    margin-right: 0px !important;
  } */
    /* Amazon-baner-Start */
    .baner-logo {
        margin-top: 0 !important;
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .syf-logo:after {
        content: '';
        width: 1px !important;
        height: 30px !important;
        background-color: #cecece !important;
        display: inline-block !important;
        position: absolute !important;
        /* right: 0.5rem; */
        transform: translateY(-50%) !important
    }
    .syf-logo img {
        width: 20% !important;
        padding-right: 10px !important;
    }
    .amazon-logo img {
        width: 11% !important;
        top: 10px !important;
        padding-left: 10px !important;
    }
}

@media (min-width: 992px) and (max-width: 1075px) {
    /* Amazon-button */
    /* .amazon-button {
    margin-right: 0px !important;
  } */
    /* Amazon-baner-Start */
    .baner-logo {
        margin-top: 0 !important;
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .syf-logo:after {
        content: '';
        width: 1px !important;
        height: 30px !important;
        background-color: #cecece !important;
        display: inline-block !important;
        position: absolute !important;
        /* right: 0.5rem; */
        transform: translateY(-50%) !important
    }
    .syf-logo img {
        width: 20% !important;
        padding-right: 10px !important;
    }
    .amazon-logo img {
        width: 11% !important;
        top: 10px !important;
        padding-left: 10px !important;
    }
}


/* Amazon banner - end			 */

.hero_cta {
    position: relative;
}

.hero_cta .hero {
    height: 713px;
}

.hero_cta .hero .content {
    align-items: end;
}

@media (max-width: 991px) {
    .hero_cta .hero>.hero__video video {
        display: none;
    }
}

.hero_cta .hero .gradient-gray-left {
    z-index: 2;
}

@media (max-width: 991px) {
    .hero_cta .hero .gradient-gray-left {
        z-index: 0;
    }
}

.hero_cta .hero .hero__video {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero_cta .hero .hero__video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 0% 10%;
    object-position: 0% 10%;
}

@media (max-width: 991px) {
    .hero_cta .hero.min-h-400 {
        min-height: 350px;
    }
    .hero_cta .hero.min-h-400.container {
        margin-top: 1rem;
    }
}

.hero_cta .hero .content {
    padding: 0 0 180px 158px;
    position: absolute;
    margin-top: 0;
}

.hero_cta .hero .hero-copy-content {
    z-index: 2;
}

@media (min-width: 992px) {
    .hero_cta .hero .hero-copy-content {
        width: 666px !important;
        max-width: none !important;
    }
}

.hero_cta .hero .hero-title-subhead {
    padding-left: 24px;
}

@media (max-width: 991px) {
    .hero_cta .hero .hero-title-subhead {
        padding-left: 15px;
    }
}

.hero_cta .hero .hero-heading {
    position: relative;
    z-index: 2;
}

@media (max-width: 991px) {
    .hero_cta .hero .hero-heading {
        padding-top: 0;
        max-width: 100%;
    }
}

.hero_cta .hero .hero-cta-wrap {
    flex-direction: row;
}


/* Amazon-button-desktop-fix */

.amazon-btn {
    margin-right: 45% !important;
}

.hero_cta .hero .hero-cta-wrap {
    justify-content: left;
    padding-top: 32px;
}

.hero_cta .hero .hero-cta-wrap a {
    margin-right: 24px;
    width: 240px;
    padding: 12px 24px;
}

.hero_cta .hero .hero-cta-wrap a:nth-child(2) {
    background: transparent;
    color: #fff;
}

@media (max-width: 767px) {
    .hero_cta .hero .hero-cta-wrap {
        flex-direction: column;
    }
    .hero_cta .hero .hero-cta-wrap a {
        margin-bottom: 16px;
        margin-right: 0;
        width: auto;
    }
    /* Amazon-button-mobile-fix */
    .amazon-btn {
        margin-bottom: 18px;
        margin-right: 0 !important;
        width: auto;
    }
}

.hero_cta .image-mobile {
    position: relative;
    z-index: 2;
    height: 220px;
}

.hero_cta .image-mobile .gradient {
    mix-blend-mode: multiply;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    background: linear-gradient(298.69deg, #2d2e35 7.52%, rgba(59, 60, 67, 0.5) 47.16%, rgba(249, 249, 249, 0) 75.63%);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
}

@media (max-width: 991px) {
    .hero_cta .image-mobile img {
        width: 100%;
    }
}


/*ADA Fix */

.hero-cta-wrap a:focus {
    outline: 2px solid #fff;
    outline-offset: 2px;
}


/* AmazonBanner */

.baner-logo {
    margin-top: -120px;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-top: 6px;
    position: relative;
}

.syf-logo:after {
    content: '';
    width: 1px;
    height: 40px;
    background-color: #cecece;
    display: inline-block;
    position: absolute;
    /* right: 0.5rem; */
    top: 25px;
    transform: translateY(-50%)
}

.syf-logo img {
    width: 30%;
    padding-right: 12px;
}

.amazon-logo img {
    width: 16%;
    top: 10px;
    padding-left: 12px;
    /* margin-top: 11px; */
    /* padding-top: 15px; */
}

/*Custom Page Styles*/

#amazon-banner {
    padding-bottom: 50px;
}

#amazon-banner .hero {
    background-size: cover;
    background-position: 90% 50%;
}

.amazon-button {
    margin-right: 45%;
}

@media (max-width: 1024px) {
    #amazon-banner .hero .image-mobile {
        background-position: 90% 50%;
    }
}

@media (max-width: 991px) {
    #amazon-banner .hero {
        padding: 0 !important;
    }
}

@media (max-width: 767px) {
    #amazon-banner .hero {
        padding: 0 !important;
    }
}

@media (max-width:480px) {
    #amazon-banner .hero .image-mobile {
        background-position: 75% 50%;
    }
}

/*End of Custom Page Styles*/

.hero_cta .hero .hero-heading {
    padding: 0;
    margin-bottom: 24px;
}
.hero_cta .hero p.text-white {
    margin-bottom: 0;
    max-width: none;
}
.hero_cta .hero .two-up {
    padding-top: 0;
}

.hero_cta_simple .hero .text-white {
    max-width: none;
    margin-bottom: 0;
}

.hero_cta_simple .hero .hero-heading {
    position: relative;
    z-index: 2;
    padding: 0;
    margin-bottom: 24px;
}

.hero_cta_simple .hero .hero-copy-sub-content a {
    width: 240px;
    margin-top: 32px;
    font-size: 16px;
    padding: 12px 24px;
}

.hero_cta_simple .two-up {
    padding-top: 0;
}

@media (max-width: 991px) {
    .hero_cta .hero {
        background-image: none !important;
        min-height: auto;
        padding: 0;
        height: auto;
        padding: 0 !important;
    }
    .hero_cta .image-mobile, .hero_cta .hero.min-h-400, .hero_cta_simple .hero {
        height: 620px;
    }
    .hero_cta .hero .content, .hero_cta_simple .hero .content {
        padding: 0 16px 158px 16px;
        position: absolute;
        margin-top: 0;
        z-index: 2;
        bottom: 0;
        height: auto;
        align-items: normal;
    }
    .hero_cta .hero .hero-cta-wrap a {
        width: 240px;
    }
    .hero_cta .hero .hero-cta-wrap a:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .hero_cta .hero .hero-cta-wrap a, .hero_cta_simple .hero .hero-copy-sub-content a, .hero_cta_simple .hero .hero-copy-content .button-white {
        width: auto;
    }
    .hero_cta_simple .hero .hero-copy-sub-content a:last-child {
        margin-bottom: 0;
        margin-top: 0;
    }
    .hero_cta_simple .hero .hero-copy-content {
        width: auto;
    }
    .hero_cta_simple .hero .content {
        background-position: 80% 10% !important;
    }
    .gradient-black-left {
        background: linear-gradient(285deg, #000 0.1%, rgba(249, 249, 249, 0) 100%);
    }
}

@media (max-width: 543px) {
    .hero_cta .hero .content, .hero_cta_simple .hero .content {
        padding: 0 16px 48px 16px;
    }
    .hero_cta .hero.bkg-img-default, .hero_cta_simple .hero.bkg-img-default {
        background-position: 70% 50% !important;
    }
}