:root {
    --salmao: rgba(244, 168, 152, 0.2);
    --amarelo: rgba(237, 186, 87, 0.2);
    --verde-mySenior: rgba(47, 200, 180, 0.2);
    --verde-light: rgba(220, 246, 242,1);
    --roxo: rgba(173, 120, 239, 0.1);
    --azul-escuro: rgba(87, 126, 237, 0.2);
    --azul-claro: rgba(40, 181, 240, 0.2);
    --azul-oceano: rgba(62, 210, 167, 0.2);
    /*Light*/
    --salmao-light: rgba(244, 168, 152, 0.08);
    --amarelo-light: rgba(237, 186, 87, 0.08);
    --verde-mySenior-light: rgba(47, 200, 180, 0.08);
    --verde-light-light: rgba(220, 246, 242,0.08);
    --roxo-light: rgba(173, 120, 239, 0.08);
    --azul-escuro-light: rgba(87, 126, 237, 0.08);
    --azul-claro-light: rgba(40, 181, 240, 0.08);
    --azul-oceano-light: rgba(62, 210, 167, 0.08);
    /*Verde MySenior*/
    --verde-mySenior-1: #e9f7f5;
    --verde-mySenior-2: #d1f2ef;
    --verde-mySenior-3: #b7ede7;
    --verde-mySenior-0-solid: #dcf6f2;
    /* --verde-mySenior-0-solid: #e4fbfa;*/
    --verde-mySenior-1-solid: #e6faf7;
    --verde-mySenior-2-solid: #d2f3ef;
    --verde-mySenior-3-solid: #bfeee7;
    /*Branco*/
    --branco: rgba(255, 255, 255, 1);
    /*---*/
    --translate: 200px;
}

body {
    margin: 0;
    position: relative;
    /*background-color: var(--verde-mySenior-0-solid, #fff);*/
    transition: background-color 900ms ease;
}

section {
    z-index: 4 !important;
    transition: background-color 1s cubic-bezier(.4,0,.2,1);
}

    section#about,
    section#facilitate,
    section#accessibility,
    section#team,
    section#faqs,
    section#testimonials,
    section#mysenior-map,
    section#mysenior-news,
    section#mysenior-contacts {
        position: relative;
    }

/*.bg-base,
.bg-fade {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}

.bg-base {
    background: var(--bg-base, var(--branco));
}

.bg-fade {
    background: var(--bg-next, var(--branco));
    opacity: 0;
    transition: opacity 650ms ease;
    will-change: opacity;
}*/


/* === Zoom nas imagens/div's === */
.img-box.zoom-item {
    will-change: transform;
    transform-origin: center;
}

.img-box .clients-map,
.img-box .clients-map img {
    display: block;
    width: 100%;
    height: auto;
}
/* ==== */

/*.effects {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
}

    .effects .background,
    .effects .mid,
    .effects .foreground {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .effects .background {
        background: radial-gradient(circle at center, rgba(255, 255, 255, 0.3) 15%, transparent calc(15% + 1px));
        background-size: 2rem 2rem;
    }

    .effects .mid {
        background: radial-gradient(circle at 15% 35%, var(--azul-oceano-light) 6%, transparent calc(6% + 1px)), radial-gradient(circle at 35% 25%, var(--salmao-light) 5%, transparent calc(5% + 1px)), radial-gradient(circle at 45% 85%, var(--amarelo-light) 5%, transparent calc(5% + 1px)), radial-gradient(circle at 65% 65%, var(--verde-mySenior-light) 6%, transparent calc(6% + 1px));
    }

    .effects .foreground {
        background: radial-gradient(circle at 75% 25%, var(--verde-mySenior-light) 15%, transparent calc(15% + 1px)), radial-gradient(circle at 25% 75%, var(--azul-escuro-light) 10%, transparent calc(10% + 1px));
    }

    .effects .mid {
        --translate: 250px;
    }

    .effects .foreground {
        --translate: 500px;
    }

@media (prefers-reduced-motion: no-preference) {
    .effects .background,
    .effects .mid,
    .effects .foreground {
        height: calc(100% + var(--translate));
        animation: parallax linear;
        animation-timeline: scroll(root);
    }
}

@keyframes parallax {
    from {
        transform: 0;
    }

    to {
        transform: translateY(calc(var(--translate) * -1));
    }
}

@layer base {
    * {
        box-sizing: border-box;
    }

    body {
        min-height: 300vh;
        margin: 0;
    }
}*/


.main-footer {
    padding-bottom: 40px !important;
}

/* CTA */
#cta-content {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    background: #ffffff;
    display: flex;
    padding: 100px 0 95px 0;
    /*border-top: 4px solid rgba(47, 200, 180, 0.7);
    border-bottom: 4px solid rgba(47, 200, 180, 0.8);*/
}

    #cta-content .img-top .one-row_bottom_divider {
        transform: rotate(180deg);
        position: absolute;
        top: 0;
    }

    #cta-content .one-row_top_divider,
    #cta-content .one-row_bottom_divider {
        height: 150px;
    }

    #cta-content .container {
        z-index: 1;
    }

    #cta-content .box-container {
        display: flex;
        justify-content: left;
        align-items: center;
    }

        #cta-content .box-container .content-text {
            display: flex;
            justify-content: left;
            align-items: center;
            padding: 0;
        }

            #cta-content .box-container .content-text picture.clients-map img,
            #cta-content .box-container .content-text picture.clients-map source {
                max-width: 85%;
                position: relative;
                top: 10px;
            }

            #cta-content .box-container .content-text header h3 {
                margin: 0;
                font-size: 38px;
                line-height: 1.4em;
            }

            #cta-content .box-container .content-text header h4 {
                margin: 0;
                font-size: 32px;
                line-height: 1.4em;
                font-weight: 500;
            }

            #cta-content .box-container .content-text p {
                margin: 0;
                font-size: 20px;
                font-weight: 600;
            }

        #cta-content .box-container .bt-cta {
            display: flex;
            justify-content: right;
            align-items: center;
            padding: 0;
        }

            #cta-content .box-container .bt-cta a {
                /*width: 260px;*/
                height: 59px;
                align-items: center;
                justify-content: center;
            }

                #cta-content .box-container .bt-cta a.btn:focus {
                    color: #d9d9d9;
                }

            #cta-content .box-container .bt-cta a {
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

            #cta-content .box-container .bt-cta img {
                width: 16px;
                height: auto;
                margin-left: 2px;
                position: relative;
                top: -2px;
            }



@media (max-width: 1200px) {
    #cta-content .box-container .content-text picture.clients-map img,
    #cta-content .box-container .content-text picture.clients-map source {
        max-width: unset;
        top: 10px;
        height: 150px;
        margin-right: 20px;
    }

    #cta-content .box-container .content-text header h4 {
        font-size: 26px;
        line-height: 1.3em;
    }

    #cta-content .box-container .content-text header h3 {
        font-size: 30px;
        line-height: 1.3em;
    }

    #cta-content .box-container .content-text p {
        font-size: 16px;
    }
}

@media (max-width: 1199px) {
    #cta-content .box-container .bt-cta a {
        /*width: 225px;*/
        height: 52px;
        gap: 3px;
    }
}

@media (max-width: 1025px) {
    #cta-content {
        background: rgba(255, 255, 255, 0.5);
    }
}

@media (max-width: 997px) {
    #cta-content .box-container {
        justify-content: center;
    }

        #cta-content .box-container .content-text {
            justify-content: center;
            margin-bottom: 35px;
        }

        #cta-content .box-container .bt-cta {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0;
            margin-bottom: 45px;
        }
}

@media (max-width: 991px) {
    section#cta-content {
        padding: 30px 0 60px 0 !important;
    }
}

@media (max-width: 880px) {
    #cta-content .box-container .bt-cta a {
        height: 45px;
        gap: 3px;
    }
}

@media (max-width: 768px) {
    #cta-content .box-container .bt-cta a {
        height: 43px;
        gap: 3px;
    }
}

@media (max-width: 600px) {

    section#cta-content,
    section#aboutMySenior {
        padding: 60px 0 60px 0 !important;
    }
}

@media (max-width: 580px) {
    #cta-content {
        padding: 35px 0 45px 0;
    }

        #cta-content .box-container .content-text picture.clients-map img,
        #cta-content .box-container .content-text picture.clients-map source {
            top: 10px;
            height: 120px;
        }

        #cta-content .box-container .content-text header h4 {
            font-size: 20px;
            line-height: 1.3em;
        }

        #cta-content .box-container .content-text header h3 {
            font-size: 24px;
            line-height: 1.3em;
        }

        #cta-content .box-container .content-text p {
            font-size: 14px;
        }
}

@media (max-width: 490px) {
    #cta-content .box-container .content-text {
        padding-top: 40px;
    }

    #cta-content .box-container .bt-cta {
        margin-bottom: 55px;
    }
}

@media (max-width: 450px) {
    #cta-content .box-container .bt-cta img, section#aboutMySenior .bt-cta img {
        width: 12px;
    }

    #cta-content .box-container {
        padding: 0 10px;
    }

    section#cta-content,
    section#aboutMySenior {
        padding: 40px 0 40px 0 !important;
    }

    #cta-content .box-container .bt-cta a {
        height: 40px;
        gap: 3px;
    }
}

@media (max-width: 420px) {

    #cta-content .box-container .bt-cta img,
    #cta-content .btn-txt i {
        display: none;
    }

    #cta-content .box-container .bt-cta a {
        height: 38px;
        gap: 3px;
    }
}

@media (max-width: 390px) {

    #cta-content .box-container .content-text {
        flex-direction: column;
    }

        #cta-content .box-container .content-text .img-box {
            margin-bottom: 25px;
        }

        #cta-content .box-container .content-text picture.clients-map img,
        #cta-content .box-container .content-text picture.clients-map source {
            margin-right: 0;
        }


        #cta-content .box-container .content-text .text-box {
            text-align: center;
        }

            #cta-content .box-container .content-text .text-box hr {
                margin-left: auto !important;
                margin-right: auto !important;
                right: 0;
            }
}