body, header {
    width: 100%;
    max-width: 1920px
}

body {
    overflow-x: hidden;
    font-weight: normal
}

@media screen and (max-width: 767px) {
    html {
        font-size: 16px;
        line-height: 1.27em
    }
}

section, .section {
    padding: 60px 0
}

p {
    font-weight: normal;
    font-size: 1rem
}

    p a {
        color: #004c48
    }

a {
    font-size: inherit;
    color: #00688c
}

h2, .h2 {
    font-family: Inter;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.17em
}

    h2.font-sans, .h2.font-sans {
        font-family: "Inter",sans-serif;
        font-weight: 600
    }

@media screen and (min-width: 768px) {
    h2, .h2 {
        font-size: 36px
    }
}

h4, .h4 {
    font-size: 18px;
    font-weight: 600
}

@media screen and (min-width: 768px) {
    h4, .h4 {
        font-size: 25px
    }
}

.bar-mustard {
    background: #89cde2;
    height: 4px;
    width: 40px;
    margin-top: 10px;
    margin-bottom: 30px
}

@media screen and (min-width: 992px) {
    .bar-mustard {
        margin-bottom: 65px
    }

    .w-87 {
        width: 87%;
        float: none
    }
}

.grey-separator {
    border-top: 3px solid #e5e4e3
}

.bg-grey {
    background-color: #fcfbfa
}

.bdr-rad-6 {
    border-radius: 6px
}

.shadow-md {
    box-shadow: 0px 8px 32px -10px rgba(0,0,0,.3)
}

.ml-10p {
    margin-left: 10%
}

.d-flex {
    display: flex;
    clear: both
}

.align-items-center {
    align-items: center
}

.overflow-hidden {
    overflow: hidden
}

span.spacer, span.target {
    display: block;
    padding-top: 40px;
    margin-top: -40px
}

@media screen and (min-width: 992px) {
    span.spacer, span.target {
        padding-top: 149px;
        margin-top: -149px
    }
}

.btn-black {
    background-color: #000;
    border-color: #000;
    color: #fff
}

    .btn-black:hover, .btn-black:focus {
        background-color: #444;
        border-color: #444;
        color: #fff
    }

.btn-white {
    position: relative;
    padding-right: 44px
}

    .btn-white::after {
        content: url(../../assets/img/icons/btn-play-icon.png);
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%)
    }

.txt-off-white {
    color: #fffefd
}

.sharebutton:not(.sharebutton-bottom):not(.affix-bottom) {
    top: 50% !important
}

.banner {
    height: 400px;
    text-shadow: none
}

    .banner.banner--l1 {
        height: auto;
        padding: 30px 0
    }

@media screen and (min-width: 1200px) {
    .banner.banner--l1 {
        height: 200px
    }
}

.banner.banner--l3 {
    height: 150px
}

.banner h1 {
    font-family: Inter;
    font-size: 24px;
    line-height: 1.17em;
    margin: 10px 0 0
}

@media screen and (min-width: 768px) {
    .banner h1 {
        font-size: 36px
    }
}

#products .banner--l1 {
    background: #13212c
}

#products .banner--l3 {
    background: #025e7e url(../img/products-redwood/bnr-products-l3.png) no-repeat center/cover
}

@media screen and (max-width: 767px) {
    #products .banner {
        background: #025e7e url(../img/products-redwood/bg-texture.png) repeat
    }

    #products .banner--l1 {
        background: url(../img/products-redwood/bg-banner-l1.png) no-repeat bottom center/100% auto,#e1f4f6
    }
}

@media screen and (min-width: 768px) {
    #products .banner--l1 {
        background: url(../img/products-redwood/bg-banner-l1-1200.png) no-repeat bottom center/cover,#f0f9fa
    }
}

.breadcrumb li a {
    color: rgba(251,250,249,.8);
    font-size: 16px
}

    .breadcrumb li a:hover {
        color: #fff;
        text-decoration: underline
    }

.breadcrumb > li + li::before {
    content: "› ";
    font-size: 16px;
    color: inherit
}

.va-middle {
    display: table-cell;
    vertical-align: middle
}

.bg-nav {
    background-color: #ffffff
}

    .bg-nav.affix {
        position: static
    }

@media screen and (min-width: 992px) {
    .bg-nav.affix {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 101;
        top: 60px;
        width: auto;
        max-width: 1920px;
        margin: auto
    }
}

@media screen and (min-width: 1200px) {
    .bg-nav.affix {
        top: 124px
    }
}

@media screen and (max-width: 991px) {
    .anc-nav {
        padding: 0
    }
}

.lst-nline li a {
    color: #212429;
    font-size: 12px;
    padding: 12px 15px;
    display: block
}

.lst-nline li.active a, .lst-nline li .nav-link.active {
    background: none;
    color: #212429;
    font-weight: 600
}

.lst-nline--l1 li a {
    padding: 10px 30px;
    font-weight: bold
}

    .lst-nline--l1 li a:hover, .lst-nline--l1 li a:focus {
        background-color: inherit
    }

@media screen and (max-width: 991px) {
    .lst-nline li:nth-of-type(2n) {
        background-color: #e1f4f6
    }
}

@media screen and (min-width: 768px)and (max-width: 991px) {
    .lst-nline {
        columns: 2;
        column-gap: 2px;
        column-rule: 2px solid #e4e1dd
    }

        .lst-nline li:nth-of-type(2n + 7) {
            background-color: #fff
        }

        .lst-nline li:nth-of-type(2n + 6) {
            background-color: #f4f2f1
        }
}

@media screen and (min-width: 992px) {
    .lst-nline li {
        display: inline-block
    }

        .lst-nline li:nth-child(1) a {
            padding-left: 0
        }

    .lst-nline--l1 li a {
        padding: 12px;
        font-weight: normal
    }
}

.bg-texture-gray {
    background: #e1f1f1;
    padding: 60px 0
}

.what-container {
    padding: 30px 10px
}

    .what-container h3, .what-container .h3 {
        font-size: 24px;
        font-weight: 800
    }

@media screen and (min-width: 768px) {
    .what-container h3, .what-container .h3 {
        font-size: 30px
    }
}

@media screen and (min-width: 992px) {
    .what-container:nth-child(1) {
        padding-top: 55px
    }

    .what-container .left-text {
        padding-left: 80px
    }

    .what-container .right-text {
        padding-right: 80px
    }
}

.section-quote {
    background: url("../img/products-redwood/erp/bg-cloud-customer-quote-mobile.png") no-repeat right bottom,url("../img/products-redwood/erp/bg-pattern-customer-quote.png") no-repeat center/cover;
    background-color: #025e7e
}

@media screen and (min-width: 1200px) {
    .section-quote {
        background: url("../img/products-redwood/erp/bg-cloud-customer-quote.png") no-repeat center left/16% auto,#025e7e url("../img/products-redwood/erp/bg-pattern-customer-quote.png") no-repeat center/cover
    }
}

.quote-copy {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.44em;
    position: relative;
    color: #fff
}

    .quote-copy::before {
        content: "“";
        font-size: 60px;
        font-family: "Georgia",serif;
        position: absolute;
        left: -40px;
        top: 10px
    }

    .quote-copy::after {
        content: "”"
    }

.quote-author {
    color: #fff
}

.mid-cta {
    background: #e1f1f1
}

.mid-cta--v2 {
    background: none
}

    .mid-cta--v2 .container {
        width: 1280px;
        max-width: 100%
    }

    .mid-cta--v2 .mid-cta-content {
        background: #f7e0a1;
        color: #000;
        padding: 20px;
        justify-content: flex-end;
        overflow: hidden
    }

@media screen and (min-width: 992px) {
    .mid-cta--v2 .mid-cta-content {
        padding: 0 20px 0 0
    }
}

.mid-cta-content {
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 8px 32px rgba(0,0,0,.3);
    padding: 20px 45px
}

    .mid-cta-content h2 {
        font-family: "Inter",sans-serif;
        font-size: 22px;
        font-weight: 600;
        line-height: 1.4em;
        margin-bottom: 20px
    }

@media screen and (min-width: 992px) {
    .mid-cta-content {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: space-evenly
    }

        .mid-cta-content h2 {
            font-size: 32px
        }
}

.mid-cta-content .speedline {
    position: absolute;
    right: 0;
    top: 27px;
    transform: translateX(34%)
}

@media screen and (min-width: 992px) {
    .mid-cta-copy {
        margin-bottom: 0
    }
}

.card-overlayimg {
    display: flex;
    align-items: center
}

.card-overlayimg__img {
    z-index: 1;
    /* box-shadow: 0px 8px 32px -10px rgba(0,0,0,.3); */
    border-radius: 50%
}

.card-overlayimg__copy {
    background: #fff url(../img/products-redwood/benefit-strip.jpg) center right repeat-y;
    padding: 30px 48px 30px 30px;
    box-shadow: 0px 8px 32px -10px rgba(0,0,0,.3);
    border-radius: 6px
}

    .card-overlayimg__copy ul {
        list-style: none;
        margin-left: 0;
        padding-left: 0
    }

        .card-overlayimg__copy ul li {
            margin-bottom: 10px
        }

@media screen and (min-width: 992px) {
    .card-overlayimg__copy {
        padding: 50px 68px 50px 22%;
        margin-left: -17%
    }
}

@media screen and (max-width: 991px) {
    .card-overlayimg--benefits .card-overlayimg__copy {
        background-position: left center;
        padding-left: 48px;
        padding-right: 30px
    }
}

.card-overlayimg--challenges .card-overlayimg__copy {
    background: #1d5761;
    color: snow
}

.card-overlayimg--time .card-overlayimg__copy {
    background: #5c926d;
    color: #fffbfb
}

@media screen and (min-width: 1200px) {
    .card-overlayimg--time .card-overlayimg__copy {
        padding-left: 29%
    }
}

@media screen and (min-width: 992px) {
    .card-overlayimg--time .card-overlayimg__img {
        border-radius: 6px;
        max-width: 401px
    }
}

@media screen and (min-width: 992px)and (max-width: 1199px) {
    .card-overlayimg--time .card-overlayimg__img img {
        max-width: 410px
    }
}

.bg-benefits {
    background: #e1f1f1 url(../img/products-redwood/bg-benefits.jpg) no-repeat;
    padding: 30px 0
}

@media screen and (min-width: 992px) {
    .bg-benefits {
        padding: 60px 0
    }
}

.flt-benefit-graphic, .flt-challenges-graphic {
    z-index: 10;
    position: absolute;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    max-width: 40%;
    height: auto;
    margin-top: 0;
    box-shadow: 0px 8px 32px -10px rgba(0,0,0,.3);
    border-radius: 50%
}

.bg-container-benefits-l3 {
    background: #fff url(../img/products-redwood/benefit-strip.jpg) top left repeat-y;
    padding-left: 18px;
    padding-right: 0;
    box-shadow: 0px 8px 16px rgba(0,0,0,.3);
    border-radius: 6px;
    position: relative
}

@media screen and (min-width: 768px) {
    .bg-container-benefits-l3 {
        background-position: top right;
        padding-left: 0;
        padding-right: 18px
    }
}

.benefit-container-l3, .challenge-txt-style {
    padding: 30px 15px;
    list-style: none
}

.bg-container-benefits-l3 li, .bg-challenges-l3 li {
    padding-bottom: 10px
}

.bar-tealBlue-benefits {
    background: #5fa2ba;
    height: 4px;
    width: 40px;
    margin: 30px 0
}

@media screen and (min-width: 992px) {
    .benefit-container-l3, .challenge-txt-style {
        padding: 49px 65px 49px 160px
    }

    .bar-tealBlue-benefits {
        margin: 30px 0 80px 0
    }
}

.section-suiteaccountants, .section--extra {
    background: #606c6d url("../img/products-redwood/erp/financial-management/finance-accounting/bg-suiteaccountants.jpg") no-repeat center/cover
}

    .section-suiteaccountants .row, .section--extra .row {
        display: flex;
        align-items: center
    }

    .section-suiteaccountants .bar-mustard, .section--extra .bar-mustard {
        margin: 30px 0
    }

.section--extra {
    background: #3c415b url("../img/products-redwood/bg-section-extra.png") no-repeat center/cover;
    background-blend-mode: multiply
}

.bar-cream-features {
    background: #90d3e0;
    height: 4px;
    width: 40px;
    margin: 30px 0
}

.padding-bottom-23 {
    padding-bottom: 23px
}

.section-features .btn-black {
    margin-top: 10px
}

.section-features, .section-resources {
    background: #028b95;
    color: #fff;
    overflow: hidden
}

@media screen and (min-width: 1600px) {
    .section-features .tab-content:not(.no-image) .feature--copy, .section-resources .tab-content:not(.no-image) .feature--copy {
        width: 41%
    }

    .section-features .feature--img, .section-resources .feature--img {
        width: 59%
    }

        .section-features .feature--img.col-lg-offset-1, .section-resources .feature--img.col-lg-offset-1 {
            margin-left: 0;
            padding-left: 8.33%
        }
}

.section-features .nav-stacked > li + li, .section-resources .nav-stacked > li + li {
    margin: 0
}

@media(max-width: 991px) {
    .section-features .nav-pills, .section-resources .nav-pills {
        background-color: #fbf9f8
    }

        .section-features .nav-pills > li:nth-of-type(even), .section-resources .nav-pills > li:nth-of-type(even) {
            background-color: #f1efed
        }
}

@media(min-width: 992px) {
    .section-features .nav-pills, .section-resources .nav-pills {
        margin-top: 30px
    }
}

.section-features .nav-pills > li > a, .section-resources .nav-pills > li > a {
    z-index: 100;
    color: #000;
    border-radius: 0;
    font-size: 12px;
    display: block;
    padding: 10px 15px
}

    .section-features .nav-pills > li > a:hover, .section-features .nav-pills > li > a:focus, .section-resources .nav-pills > li > a:hover, .section-resources .nav-pills > li > a:focus {
        background-color: rgba(0,0,0,0);
        text-decoration: none
    }

@media(min-width: 992px) {
    .section-features .nav-pills > li > a, .section-resources .nav-pills > li > a {
        color: #fff;
        font-size: 16px;
        line-height: 1.33em;
        font-weight: 600;
        width: 260px;
        padding-right: calc(260px - 115%)
    }
}

@media(min-width: 768px) {
    .section-features .nav-pills > li > a, .section-resources .nav-pills > li > a {
        border-radius: 4px
    }
}

.section-features .nav-pills > li.active a, .section-features .nav-pills > li a.active, .section-resources .nav-pills > li.active a, .section-resources .nav-pills > li a.active {
    background: none;
    color: #000
}

@media(max-width: 991px) {
    .section-features .nav-pills > li.active a, .section-features .nav-pills > li a.active, .section-resources .nav-pills > li.active a, .section-resources .nav-pills > li a.active {
        font-weight: bold
    }
}

@media(min-width: 992px) {
    .section-features .nav-pills > li.active a, .section-features .nav-pills > li.active a:hover, .section-features .nav-pills > li.active a:focus, .section-features .nav-pills > li a.active, .section-features .nav-pills > li a.active:hover, .section-features .nav-pills > li a.active:focus, .section-resources .nav-pills > li.active a, .section-resources .nav-pills > li.active a:hover, .section-resources .nav-pills > li.active a:focus, .section-resources .nav-pills > li a.active, .section-resources .nav-pills > li a.active:hover, .section-resources .nav-pills > li a.active:focus {
        background-color: #e1f1f1;
        color: #100f0e
    }
}

.section-features .tab-content, .section-resources .tab-content {
    border-radius: 6px;
    color: #000;
    margin-top: 10px
}

@media screen and (min-width: 1200px) {
    .section-features .tab-content, .section-resources .tab-content {
        width: 140%
    }

        .section-features .tab-content.no-image, .section-resources .tab-content.no-image {
            width: auto
        }
}

@media screen and (min-width: 992px) {
    .section-features .tab-content, .section-resources .tab-content {
        background: #fff;
        padding: 30px 15px;
        display: flex
    }

        .section-features .tab-content > .tab-pane, .section-resources .tab-content > .tab-pane {
            width: 100%;
            display: block;
            visibility: hidden;
            opacity: 0;
            margin-right: -100%
        }

        .section-features .tab-content > .active, .section-resources .tab-content > .active {
            visibility: visible;
            opacity: 1
        }
}

.section-features .tab-content h3, .section-resources .tab-content h3 {
    font-family: "Inter",sans-serif;
    font-weight: 800
}

@media(max-width: 767px) {
    .section-features .tab-content p:not(.h4), .section-features .tab-content li, .section-resources .tab-content p:not(.h4), .section-resources .tab-content li {
        font-size: 15px;
        line-height: 1.27em
    }
}

@media(min-width: 768px) {
    .section-features .tab-content, .section-resources .tab-content {
        margin-top: 0;
        border-radius: 0 0 6px 6px
    }

        .section-features .tab-content p:not(.h4), .section-resources .tab-content p:not(.h4) {
            font-size: 16px
        }
}

@media(min-width: 992px) {
    .section-features .tab-content, .section-resources .tab-content {
        padding-left: 19%;
        padding-right: 30px;
        border-radius: 6px
    }

        .section-features .tab-content p:not(.h4), .section-resources .tab-content p:not(.h4) {
            font-size: 18px
        }

        .section-features .tab-content:not(.no-image), .section-resources .tab-content:not(.no-image) {
            min-height: 70vh
        }
}

@media(min-width: 1200px) {
    .section-features .tab-content, .section-resources .tab-content {
        padding: 4rem 6rem
    }

        .section-features .tab-content:not(.no-image), .section-resources .tab-content:not(.no-image) {
            min-height: 50vh
        }
}

@media(max-width: 991px) {
    .section-features .tab-content > .tab-pane, .section-resources .tab-content > .tab-pane {
        background: #fff;
        display: block;
        margin-bottom: 30px;
        padding: 15px;
        border-radius: 6px
    }
}

.section-features .tab-content > .tab-pane ul, .section-resources .tab-content > .tab-pane ul {
    list-style: disc
}

@media screen and (min-width: 992px)and (max-width: 1199px) {
    .section-resources .tab-content {
        display: block
    }

        .section-resources .tab-content > .tab-pane {
            display: block;
            visibility: visible;
            opacity: 1;
            margin-right: 0
        }
}

.bg-texture-challenges-l3 {
    background: url(../img/products-redwood/yellow-texture-mobile.png) #fff top right no-repeat;
    padding: 30px 0
}

@media screen and (max-width: 991px) {
    .bg-texture-challenges-l3 .padding-bottom-50 {
        padding-bottom: 0
    }
}

.bar-cream-challenges {
    background: #facd62;
    height: 4px;
    width: 40px;
    border-radius: 0px;
    margin: 30px 0
}

.bg-challenges-l3 {
    background: url(../img/products-redwood/red-strip.jpg) #4a4540 top right repeat-y;
    box-shadow: 0px 8px 16px rgba(0,0,0,.3);
    border-radius: 6px;
    position: relative;
    padding-left: 0;
    padding-right: 18px
}

@media screen and (min-width: 768px) {
    .bg-texture-challenges-l3 {
        background: url(../img/products-redwood/yellow-texture.png) #fff right top no-repeat;
        padding: 60px 0
    }
}

@media screen and (min-width: 992px) {
    .bar-cream-challenges {
        margin: 30px 0 80px 0
    }
}

.bg-texture-time {
    background: url(../img/products-redwood/bg-texture-green.jpg) right top repeat;
    padding: 30px 0
}

@media screen and (min-width: 768px) {
    .bg-texture-time {
        padding: 60px 0
    }
}

.bg-moss-green {
    background-color: #5c926d;
    padding: 30px 15px;
    border-radius: 6px
}

    .bg-moss-green p {
        font-size: 1rem
    }

.bar-cream-time {
    background: #facd62;
    height: 4px;
    width: 28px;
    margin: 30px 0
}

@media screen and (min-width: 768px) {
    .bar-cream-time {
        width: 40px
    }
}

.flt-time-value-graphic {
    z-index: 10;
    position: absolute;
    max-width: 40%;
    border-radius: 5px;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (min-width: 992px) {
    .time-txt-style {
        padding: 5% 5% 5% 20%
    }
}

.bg-darkgreen {
    background: #4c707b;
    padding: 30px 0
}

    .bg-darkgreen.bg-darkgreen-l2 {
        background: #3a3c42
    }

@media screen and (min-width: 768px) {
    .bg-darkgreen {
        padding: 60px 0
    }
}

.bg-darkgreen *:not(a) {
    color: #fffdfd
}

.bg-darkgreen a:not(.btn) {
    color: #fceac0
}

.section-pricing p {
    color: #fffdfd
}

    .section-pricing p:not(:last-child) {
        margin-bottom: 20px
    }

.bg-olive {
    background: #82a372;
    padding: 30px 0
}

@media screen and (min-width: 768px) {
    .bg-olive {
        padding: 60px 0
    }
}

.section-resources {
    background-color: #f7f5f3;
    color: #080400
}

@media(min-width: 1200px) {
    .section-resources {
        background-image: url("../img/industries-redwood/bg-resources.png");
        background-repeat: no-repeat;
        background-position: right center
    }
}

.section-resources .nav-pills > li > a {
    color: #080400
}

.section-resources .tab-content {
    min-height: 0 !important
}

@media(max-width: 1199px) {
    .section-resources .tab-content {
        background: none;
        padding: 0
    }
}

@media screen and (min-width: 1200px) {
    .section-resources .tab-content {
        width: auto
    }
}

.section-resources .tab-content .h5 {
    font-weight: 800
}

.section-resources .tab-content a {
    color: #00688c;
    font-size: inherit
}

    .section-resources .tab-content a:hover, .section-resources .tab-content a:focus {
        color: #001c26
    }

@media(max-width: 1199px) {
    .section-resources .tab-content > .tab-pane {
        background: #fff;
        display: block;
        margin-bottom: 30px;
        padding: 15px;
        border-radius: 6px
    }
}

.section-resources .list-unstyled li {
    list-style: none;
    margin-bottom: 10px
}

footer {
    background-color: #212429;
    color: #fcfbfa
}

.footer-cols h5 a {
    color: rgba(252,251,250,.6);
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4em
}

.footer .list-unstyled li a {
    font-size: 14px;
    line-height: 30px;
    color: #fcfbfa;
    padding: 0
}

.footer .list-inline li a {
    color: #fcfbfa
}

#products .banner--l2 {
    background: #5f363f url("../img/products-redwood/bg-texture.png") repeat
}

@media screen and (min-width: 992px) {
    #products.finance-accounting .banner--l2 {
        background-image: url("../img/products-redwood/erp/financial-management/finance-accounting/bnr-hero.jpg")
    }

    #products .banner--l2 {
        background: url("../img/products-redwood/bnr-products-l2.png") no-repeat center
    }

        #products .banner--l2.bg-erp {
            background-image: url("../img/products-redwood/erp/bnr.png")
        }
}

.banner .bar-mustard {
    margin: 25px 0
}

.banner__desc {
    font-size: 18px;
    line-height: 1.33em
}

@media screen and (min-width: 992px) {
    #products .banner--l2 {
        height: 340px
    }

    .banner__desc {
        font-size: 20px;
        line-height: 1.4em
    }
}

.products--l2 .bg-texture-time {
    background: #e8f1f0 url(../img/products-redwood/bg-texture.png) repeat
}

.time__copy {
    background-color: #e1f1f1;
    border-radius: 6px;
    position: relative;
    padding: 20px 15px
}

.bg-texture-time img {
    border-radius: 6px
}

.time__img {
    border-radius: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 40%
}

.position-relative {
    position: relative;
    z-index: 1
}

.separator {
    margin: 30px 0;
    width: 40px;
    height: 5px;
    border: none;
    background-color: #2e9ea6
}

.separator--blue80 {
    background-color: #000000
}

@media screen and (min-width: 992px) {
    .time__img__before {
        position: absolute;
        top: 10%;
        transform: translateX(-60%);
        z-index: 100
    }

    .time__copy {
        padding: 70px 240px 70px 70px
    }
}

#products .bg-erp {
    background-color: #1d5761 !important
}

#products .bg-global-business-management {
    background-color: #028B95 !important
}

#products .bg-finance-accounting {
    background-color: #1d5761 !important
}

#products .bg-crm {
    background-color: #1d5761 !important
}

#products .bg-hcm {
    background-color: #1d5761!important
}

#products .bg-psa {
    background-color: #028b95 !important
}

#products .bg-why {
    background-color: #b37db4 !important
}

#products .bg-commerce {
    background-color: #1d5761 !important
}

#products .bg-analytics {
    background-color: #028b95 !important
}

#products .bg-experience {
    background-color: #028b95 !important
}

#products .bg-suitecloud {
    background-color: #1d5761 !important
}


#products .bg-infrastructure {
    background-color: #2e9ea6 !important
}

.section--products {
    color: #fff;
    overflow: hidden
}

    .section--products .container {
        position: relative;
        z-index: 1
    }

    .section--products .separator {
        margin-bottom: 40px
    }

@media screen and (max-width: 767px) {
    .section--products {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.section--erp {
    background-image: url("../img/products-redwood/bg-swirl.png");
    background-position: top right;
    background-repeat: no-repeat
}

@media screen and (min-width: 992px) {
    .section--erp {
        background-position: 100% 10%
    }
}

.section--finance-accounting .card__subpages--overview {
    background-color: #2e9ea6
}

.section--gbm {
    background: url("../img/products-redwood/bg-swirl.png") no-repeat bottom left,url("../img/products-redwood/bg-section-gbm-2.png") no-repeat bottom right
}

    .section--gbm .card__subpages--overview {
        background-color: #1d5761
    }

.section--crm .card__subpages--overview {
    background-color: #028b95
}

.section--hcm {
    background: url("../img/products-redwood/bg-hr-1.png") no-repeat bottom left,url("../img/products-redwood/bg-swirl.png") no-repeat bottom right
}

    .section--hcm .card__subpages--overview {
        background-color: #028b95
    }

.section--psa .card__subpages--overview {
    background-color: #1d5761
}

.section--commerce {
    background: url("../img/products-redwood/bg-commerce.png") no-repeat bottom left
}

    .section--commerce .card__subpages--overview {
        background-color: #028b95
    }

.section--analytics .card__subpages--overview {
    background-color: #1d5761
}

.section--infrastructure {
    background: url("../img/products-redwood/bg-section-gbm-1.png") no-repeat bottom left,url("../img/products-redwood/bg-infrastructure.png") no-repeat top right
}

    .section--infrastructure .card__subpages--overview {
        background-color: #1d5761
    }

.section--suitecloud .card__subpages--overview {
    background-color: #028b95
}

.floating-bg {
    position: absolute
}

.floating-bg--erp {
    background: url("../img/products-redwood/bg-erp.png") no-repeat;
    margin-top: 6%;
    left: 0;
    width: 522px;
    height: 815px
}

.card__subpages {
    background-color: #fff;
    color: #000;
    display: block;
    padding: 20px;
    margin-bottom: 25px;
    height: 109px;
    border-radius: 6px;
    box-shadow: 0px 8px 32px -10px rgba(0,0,0,.3);
    filter: brightness(100%);
    transform: scale(1);
    transform: perspective(1px) translateZ(0);
    transition-duration: .3s;
    transition-property: transform
}

    .card__subpages:hover, .card__subpages:focus {
        text-decoration: none;
        transform: scale(1.03);
        color: #000
    }

    .card__subpages h3 {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.11em;
        margin-bottom: 10px
    }

    .card__subpages p {
        font-size: 12px;
        line-height: 1.3em;
        margin-bottom: 0
    }

@media screen and (min-width: 1200px) {
    .card__subpages p {
        font-size: 15px;
        line-height: 1.2em
    }
}

.card__subpages--overview {
    background-color: #028b95;
    color: #fff
}

    .card__subpages--overview.overview--bg {
        background-image: url("../img/products-redwood/bg-overview.png");
        background-repeat: no-repeat;
        background-position: bottom left;
        background-blend-mode: overlay
    }

    .card__subpages--overview *, .card__subpages--overview:hover, .card__subpages--overview:focus {
        color: #fff
    }

@media screen and (min-width: 768px) {
    .card__subpages {
        height: 125px
    }
}

@media screen and (min-width: 992px) {
    .card__subpages {
        height: 182px
    }
}

@media screen and (min-width: 1200px) {
    .card__subpages {
        height: 177px
    }
}

.customer-logos {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

    .customer-logos li {
        padding: 15px
    }

@media(min-width: 1200px) {
    .customer-logos li {
        padding: 15px 70px
    }
}

.f25 {
    font-size: 25px !important; 
    font-weight:600 !important;
}


#products .bg-ays {
    background-color: #1d5761 !important;
}

.bar-ays {
    background: #ffffff;
    height: 4px;
    width: 40px;
    margin-top: 28px;
    margin-bottom: 30px;
}


.bar-ays2 {
    background: #3EBDC6;
    height: 4px;
    width: 40px;
    margin-top: 28px;
    margin-bottom: 30px;
}

.bg-ays2 {
    background: #e1f1f1;
    padding: 60px 0;
}

#products .bg-ays1 {
    background-color: #1d5761 !important;
}

.separator-ays {
    background-color: #3EBDC6;
}

.bg-texture-time {
    background: #337c89;
    padding: 52px 0;
}

	
.pd50 {
    padding: 54px;
}

.btn-ays-cta {
    position: relative;
    padding-right: 44px;
    background-color: #3ebdc6;
    border: 2px solid #3ebdc6;
    color: #ffffff;
}

.btn-ays-cta::after {
    content: url(/assets/img/icons/btn-play-icon-white.png);
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%)
}

.btn-ays-cta:hover {
    background-color: #0096d1;
	 border: 2px solid #0096d1;
    color: #fff;

}

.footer-bar-background-ays {
    display: block;
    width: 100%;
    height: 16px;
    background: url(/assets/img/products-redwood/footer-bar-ays.png) no-repeat center top;
    border: none;
}


@media screen and (max-width: 767px) {
    #products .banner {
        height: 240px;
		padding-top: 24px
    }
}