@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

strong, b {
    font-weight: bold !important;
}

.margin-center {
    margin: 0 auto !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

[v-cloak] {
    display: none !important;
}

div.clear {
    clear: both;
    width: 100%;
}

.d-block-mobile {
    display: none !important;
}

.d-none-mobile {
    display: block !important;
}

.d-block-991 {
    display: none !important
}

.d-block-1199 {
    display: none !important
}

.set {
    color: #00afd6 !important;
    border-bottom: 1px solid #00afd6;
    padding-bottom: 7px;
}

.pad-0 {
    padding: 0 !important;
}

.pad-l-0 {
    padding-left: 0 !important;
}

.pad-r-0 {
    padding-right: 0 !important;
}

.pad-l-0-991 {
    padding-left: 0 !important;
}

.pad-r-0-991 {
    padding-right: 0 !important;
}

.pad-15 {
    padding: 15px;
}

.pad-r-30 {
    padding-right: 30px;
    padding-left: 0;
}

.col5 {
    display: block;
    width: 20%;
    float: left;
}

.col-xl-2-5 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


a.hvr-underline-from-left.set {
    -webkit-transform: none !important;
    transform: none !important;
}

    a.hvr-underline-from-left.set:before {
        background: none !important;
    }

li.active {
    color: #00afd6;
}

body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.3;
    color: #333;
    position: relative;
    font-size: 14px;
}

h1, h2, h3, h4, h5 {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.3;
    color: #333;
}

footer {
    display: none !important;
}

div.redes-sociais {
}

    div.redes-sociais a {
        font-size: 16px;
        display: block;
    }

.hover-icon:hover {
    color: #00afd6;
}


div.rodape img {
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}

div.dohms-assinatura {
    display: block;
    width: 100%;
    background: #666;
    padding: 10px 0 5px;
    color: #fff;
    font-size: 12px;
    text-align: right;
}

#gotop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #dadada;
    color: #828282;
    width: 50px;
    height: 50px;
    cursor: pointer;
    padding: 15px;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

    #gotop:hover {
        background-color: #bfbfbf;
        color: #fff
    }

.navbar-nav {
    margin: 0 auto
}

.navbar {
}


.nav-link {
    cursor: pointer;
    font-size: 14px;
    margin: 0 5px;
    border-bottom: 2px solid transparent;
    font-size: 16px;
}

    .nav-link.set,
    .nav-link:focus,
    .nav-link:active,
    .nav-link:hover {
        color: #fff !important;
        border-bottom: 2px solid #fff;
    }

.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding: 20px;
    color: #fff;
    text-align: center;
    width: 100%;
    background-color: rgba(0, 0, 0, .75);
    color: #fff;
}

    .carousel-caption h3 {
        font-size: 24px;
        text-align: center;
        color: #fff;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

/* Underline From Left */
.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-underline-from-left:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 100%;
        bottom: 0;
        background: #00afd6;
        height: 1px;
        -webkit-transition-property: right;
        transition-property: right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-underline-from-left:hover:before {
        right: 0;
    }

#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 110px;
    z-index: 1000;
    -webkit-transition: height 1s;
    -moz-transition: height 1s;
    transition: height 1s;
    padding: 15px 0;
    box-shadow: 0 0 20px rgba(0,0,0,.5);
    background-color: #fff;
}

/*#header.shrink {
        animation: animatetop 0.4s;
        height: 55px;
        -webkit-transition: height 1s;
        -moz-transition: height 1s;
        transition: height 1s;
        background: #fff;
        padding: 0;
    }*/

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.carousel-control-next, .carousel-control-prev {
    opacity: .8;
    color: #00afd6;
    font-size: 42px;
}

    .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
        opacity: 1;
        color: #00afd6;
    }

section#media_box {
    width: 100%;
    display: block;
    margin-top: 110px;
    background-color: #f1f1f1;
}

section#quem_somos {
    width: 100%;
    display: block;
    padding: 60px 0;
}

div.quem_somos {
    width: 100%;
    display: block;
}

    div.quem_somos h1 {
        font-size: 36px;
        text-align: left;
        color: #00afd6;
        font-weight: 100;
        margin-bottom: 30px;
    }

    div.quem_somos h2 {
        font-size: 24px;
        text-align: left;
        font-weight: 600;
        margin-bottom: 15px;
        line-height: 1.5;
    }

a.title-collapse:before {
    font-family: "FontAwesome";
    content: "\f0da";
    margin-right: 2.5px;
    color: #9f9f9f;
    font-size: 25px;
    font-size: 30px;
    transform: rotate(90deg);
    margin-right: 10px;
    vertical-align: sub;
    display: inline-block;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
}

a.title-collapse.collapsed:before {
    content: "\f0da";
    margin-right: 10px;
    transform: none;
}

div.quem_somos p {
    font-size: 18px;
    text-align: left;
    font-weight: 200;
    line-height: 1.5;
}

/*div.quem_somos a {
        width: 100%;
        display: block;
    }*/


section#produtos {
    width: 100%;
    display: block;
    padding: 60px 0;
    background-color: #f1f1f1;
}

div.produtos {
    width: 100%;
    display: block;
}

    div.produtos h1 {
        font-size: 36px;
        text-align: left;
        color: #00afd6;
        font-weight: 100;
        margin-bottom: 30px;
    }

    div.produtos h2 {
        font-size: 24px;
        text-align: left;
        font-weight: 600;
        margin-bottom: 15px;
        line-height: 1.5;
    }

div.produtos-info {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 15px;
}

    div.produtos-info h1 {
        font-size: 20px;
        display: block;
        width: 100%;
        margin: 10px 0 0;
        text-align: left;
        color: #333;
        font-weight: 400;
        padding: 0;
    }

    div.produtos-info h2 {
        font-size: 18px;
        display: block;
        width: 100%;
        margin: 10px 0;
        min-height: 92px;
    }

.btn-acesso-carteirinha {
    background: #003972;
    color: #fff;
    font-family: 'Oswald', sans-serif;
}

a.btn-vja-produto {
    display: table;
    width: auto;
    text-align: center;
    padding: 15px;
    color: #fff;
    background-color: #00afd6;
    margin-left: auto;
    margin-top: 15px;
}

    a.btn-vja-produto:hover {
        background-color: #2980b9;
    }

a.btn-vja-mais {
    text-align: right;
    color: #00afd6;
    padding: 15px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

    a.btn-vja-mais:hover {
        background-color: rgba(180, 0, 0, .1);
    }

section#noticias {
    width: 100%;
    display: block;
    padding: 60px 0;
}

div.noticias {
    width: 100%;
    display: block;
}

    div.noticias h1 {
        font-size: 36px;
        text-align: left;
        color: #00afd6;
        font-weight: 100;
    }

div.box-noticias-info {
    width: 100%;
    display: block;
    margin-top: 30px;
}

div.noticias-info {
    display: block;
    width: 100%;
}

    div.noticias-info h1 {
        font-size: 24px;
        display: block;
        width: 100%;
        margin: 10px 0;
        text-align: left;
        color: #333;
        font-weight: 400;
        padding: 0;
    }

    div.noticias-info h2 {
        font-size: 18px;
        display: block;
        width: 100%;
        margin: 10px 0 0;
    }

    div.noticias-info a {
        display: block;
        width: 100%;
    }

        div.noticias-info a:hover h1 {
            color: #00afd6;
        }

        div.noticias-info a:hover h2 {
            color: #2980b9;
        }

section#contato {
    width: 100%;
    display: block;
    padding: 0;
}

div.contato {
    width: 100%;
    display: block;
    padding-top: 60px;
}

    div.contato h1 {
        font-size: 36px;
        text-align: left;
        color: #00afd6;
        font-weight: 100;
        margin-bottom: 30px;
    }

div.contato-info, div.contato-form {
    display: block;
    width: 100%;
}

div.contato-info {
    background-color: #f1f1f1;
    text-align: center;
    padding: 12.5%;
    margin-top: 22px;
}

    div.contato-info h1 {
        font-size: 32px;
        display: block;
        width: 100%;
        margin: 10px 0;
        text-align: center;
        color: #333;
        font-weight: 400;
    }

    div.contato-info h2 {
        font-size: 24px;
        display: block;
        width: 100%;
        margin: 10px 0;
        text-align: center;
        color: #333;
        font-weight: 400;
    }

    div.contato-info h3 {
        font-size: 18px;
        display: inline-flex;
        width: auto;
        margin: 10px 0;
        text-align: center;
        color: #333;
        font-weight: 400;
    }

    div.contato-info .fa-home {
        font-size: 18px;
    }

div.contato-form label {
    width: 100%;
    display: block;
}

div.contato-form input, div.contato-form textarea {
    width: 100%;
    padding: 5px;
    display: block;
    margin: 5px 0 10px;
}

    div.contato-form input[type="submit"] {
        width: auto;
        padding: 15px;
        background-color: #00afd6;
        cursor: pointer;
        color: #fff;
        border: 1px solid;
    }

        div.contato-form input[type="submit"]:hover {
            background-color: #2980b9;
        }

div.aviso-form {
    display: block;
    margin: 15px 0;
    width: 100%;
}

section#indice-blog, section#blog-interna, section#produto-interna {
    padding-bottom: 60px;
}

a.btn-indice-noticia {
    width: 100%;
    height: 38px;
    border: 1px solid #dadada;
    border-radius: 5px;
    cursor: pointer;
    padding: 3.4% 0;
    display: block;
    text-align: center;
    background-color: #dadada;
}

    a.btn-indice-noticia:hover {
        background-color: #bfbfbf;
    }

div.indice-blog {
    display: block;
    width: 100%;
    margin-top: 116px;
}

    div.indice-blog h1 {
        font-size: 36px;
        text-align: left;
        color: #00afd6;
        font-weight: 100;
        margin-bottom: 30px;
        margin-right: 30px;
    }

ul.list-inidce-blog {
    display: block;
    width: 100%;
    padding-right: 30px;
}

    ul.list-inidce-blog li {
        display: block;
        width: 100%;
        margin: 15px 0;
        padding-bottom: 15px;
        border-bottom: 1px solid #dadada;
    }

        ul.list-inidce-blog li:first-child {
            margin-top: 0;
        }

        ul.list-inidce-blog li:last-child {
            margin-bottom: 0;
        }

        ul.list-inidce-blog li a {
            width: 100%;
        }

            ul.list-inidce-blog li a h1 {
                font-size: 24px;
                margin: 5px 0 15px;
                font-weight: 400;
                line-height: 1.1;
                border: none;
                text-align: left;
                color: #333;
                max-height: 80px;
            }

            ul.list-inidce-blog li a h2 {
                line-height: 1.4;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                text-overflow: ellipsis;
                height: 42px;
                overflow: hidden;
            }

            ul.list-inidce-blog li a time {
                font-size: 12px;
            }

            ul.list-inidce-blog li a span {
                font-size: 12px;
                text-transform: uppercase;
                font-weight: 600;
            }

            ul.list-inidce-blog li a:hover h1, ul.list-inidce-blog li a:hover h2 {
                color: #00afd6;
            }

            ul.list-inidce-blog li a div.blog-img {
                width: 100%;
                overflow: hidden;
            }

.border-r {
    border-right: 1px solid #dadada;
}

div.busca-avancada {
    display: block;
    width: 100%;
    margin-top: 116px;
}

    div.busca-avancada h1 {
        font-size: 30px;
        font-weight: 200;
        margin: 0;
        margin: 15px 0 30px;
    }

div.pad-busca, pad-btn-busca {
    display: block;
    width: 100%;
}

    div.pad-busca input, div.pad-busca select, select#categoria_blog {
        width: 100%;
        padding: 5px;
        border-radius: 5px;
        border: 1px solid #dadada;
        margin: 5px 0 10px;
    }

div.boxredes {
    display: inline-flex;
    padding: 2% 0;
    width: auto;
    margin-right: 30px;
}

div.title-redes {
    margin: 15px 0 30px;
    display: block;
    width: 97%;
    border-bottom: 1px solid #dadada
}

div.tweet {
    display: inline;
    margin-left: auto;
    margin-right: 5px;
}

div.blog-interna {
    display: block;
    width: 100%;
    margin-top: 116px;
    min-height: 700px;
}

    div.blog-interna h1 {
        font-size: 36px;
        text-align: left;
        color: #00afd6;
        font-weight: 100;
        margin-bottom: 30px;
    }

div.blog-interna-info {
    display: block;
    width: 100%;
    padding-right: 30px;
}

    div.blog-interna-info h1 {
        width: 100%;
        display: block;
        font-size: 30px;
        font-weight: 500;
        color: #333;
        margin: 0 0 10px;
        border: none;
        text-align: left;
    }

    div.blog-interna-info h2 {
        font-size: 18px;
        margin: 15px 0 10px;
        width: 100%;
        line-height: 1.4;
        display: block;
    }

    div.blog-interna-info p {
        font-size: 15px;
        line-height: 1.4;
        margin: 11px 0;
    }

        div.blog-interna-info p a {
            color: #00afd6;
            font-weight: 500;
        }

            div.blog-interna-info p a:hover {
                font-weight: 700;
            }

    div.blog-interna-info time {
        font-size: 12px;
        align-self: center;
    }

    div.blog-interna-info img {
        display: block;
        width: 100%;
        padding: 6px 15px 10px 0;
    }

    div.blog-interna-info small {
        width: 97%;
        display: block;
        border-bottom: 1px dashed;
        padding-right: 15px;
        font-size: 12px;
        font-style: italic;
    }

    div.blog-interna-info div.blog-img iframe {
        height: 594px;
    }

div.ultimas-noticias {
    display: block;
    width: 100%;
    margin-top: 116px;
}

    div.ultimas-noticias h1 {
        font-size: 30px;
        font-weight: 200;
        /*margin: 15px 0 0;*/
    }

ul.list-ultimas-noticias {
    display: block;
    width: 100%;
    margin-top: 30px;
}

    ul.list-ultimas-noticias li {
        width: 100%;
        display: block;
        border-bottom: 1px solid #dadada;
        padding-bottom: 15px;
        margin-bottom: 30px;
    }

        ul.list-ultimas-noticias li a {
            width: 100%;
            display: block;
        }

            ul.list-ultimas-noticias li a:hover h1, ul.list-ultimas-noticias li a:hover h2 {
                color: #00afd6
            }

        ul.list-ultimas-noticias li h1 {
            font-size: 20px;
            font-weight: 300;
            margin: 0 0 5px;
        }

        ul.list-ultimas-noticias li time {
            font-size: 10px;
        }

        ul.list-ultimas-noticias li h2 {
            font-size: 14px;
        }

button.btn-busca-noticia {
    width: 100%;
    height: 40px;
    border: 1px solid #dadada;
    border-radius: 5px;
    cursor: pointer;
    padding: 0;
    display: block;
    background-color: #dadada;
}

    button.btn-busca-noticia:hover {
        background-color: #bfbfbf;
    }


div.produto-interna {
    display: block;
    width: 100%;
    margin-top: 140px;
}

    div.produto-interna h1 {
        font-size: 36px;
        text-align: left;
        color: #00afd6;
        font-weight: 100;
        margin-bottom: 30px;
    }

div.produto-interna-info {
    display: block;
    width: 100%;
}

    div.produto-interna-info h1 {
        width: 100%;
        display: block;
        font-size: 24px;
        font-weight: 600;
        color: #2980b9;
        margin: 0 0 10px;
        border: none;
        text-align: left;
    }

    div.produto-interna-info h2 {
        font-size: 18px;
        margin: 15px 0 10px;
        width: 100%;
        color: #333;
        line-height: 1.4;
        font-weight: 500;
        display: block;
    }

    div.produto-interna-info h3 {
        font-size: 16px;
        margin: 15px 0 10px;
        width: 100%;
        line-height: 1.4;
        font-weight: 600;
        display: block;
    }

    div.produto-interna-info p {
        font-size: 16px;
        line-height: 1.6;
        margin: 10px 0;
    }

        div.produto-interna-info p iframe, div.produto-interna-info iframe {
            width: 100%;
            height: 550px;
            display: block;
        }

        div.produto-interna-info p a {
            color: #00afd6;
            font-weight: 500;
        }

            div.produto-interna-info p a:hover {
                font-weight: 700;
            }

    div.produto-interna-info time {
        font-size: 12px;
    }

    div.produto-interna-info img {
        display: block;
        width: 100%;
        border: 1px solid #dadada;
    }

div.contato-map {
    display: block;
    width: 100%;
}

    div.contato-map iframe {
        border: 1px solid #dadada;
    }

div.box-quem-somos {
    display: block;
    width: 100%;
    height: calc(100% - 50px);
}

div.box-interna {
    display: block;
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 45px;
    border-bottom: 1px solid #dadada;
}

    div.box-interna ul {
        list-style: circle;
    }

        div.box-interna ul li {
            list-style-position: inside;
        }

.bkg-construtora {
    background-image: url('../img/bkg/bkg-construtora.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: fixed;
}

.bkg-home {
    background-image: url('../img/bkg/bkg-home.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: fixed;
}
/*Paginação*/
.pagenav {
    margin: 30px auto;
    display: block;
}

    .pagenav .pagination li {
        border: 1px solid #aaa;
        border-left: 0;
        cursor: pointer;
    }

        .pagenav .pagination li.atual {
            background: #bc2a8d;
            color: #fff
        }

        .pagenav .pagination li:first-child {
            border-bottom-left-radius: 5px;
            border-left: 1px solid #dadada;
            border-top-left-radius: 5px;
        }

        .pagenav .pagination li:last-child {
            border-bottom-right-radius: 5px;
            border-top-right-radius: 5px;
        }

        .pagenav .pagination li span {
            display: block;
            font-size: 16px;
            height: 36px;
            min-width: 36px;
            padding: 10px;
            text-align: center;
        }

        .pagenav .pagination li:hover span, .pagenav .pagination li:focus span {
            color: #fff;
            background: #bc2a8d;
        }
/*16-11-21*/
.escola-1 {
    max-width: 528px;
}


/*/Paginação*/

@media (max-width: 1199px) {
    .d-block-1199 {
        display: block !important
    }
}

@media (max-width: 991px) {
    .d-none-991 {
        display: none !important
    }

    .d-block-991 {
        display: block !important
    }

    .pad-0-991, .pad-l-0-991, .pad-r-0-991 {
        padding: 0 15px !important;
    }

    .pad-0-991 {
        padding: 0 !important
    }
}

@media (max-width: 768px) {

    .escola-1 {
        max-width: 185px;
    }

    .funcao-1 {
        max-width: 185px;
    }

    /*header {
        display: none !important;
    }

    footer {
        display: none !important;
    }*/
}

@media (max-width: 767px) {
    .nav-link {
        margin: 0;
    }

    .bkg-construtora, .bkg-home {
        background-size: 100%;
    }

    div.contato-info {
        padding: 1.5%;
    }

    #contato > div > div > div > div > div > div:nth-child(3) > div > h2:nth-child(6) > a {
        font-size: 17px;
    }

    .mr-mobile-auto {
        margin-right: auto !important;
    }

    .ml-mobile-auto {
        margin-left: auto !important;
    }

    .d-block-mobile {
        display: block !important;
    }

    .d-none-mobile {
        display: none !important;
    }

    .pad-0, .pad-l-0, .pad-r-0 {
        padding: 0 15px !important;
    }

    .p-m-0, .pad-m-0 {
        padding: 0 !important;
    }

    .pad-l-m-0 {
        padding-left: 0 !important;
    }

    .pad-r-m-0 {
        padding-right: 0 !important;
    }

    .col5 {
        width: 100%;
    }

    #header, #header.shrink {
        height: auto;
    }

    .navbar {
        padding: 0;
    }

    .navbar-toggler {
        border: 1px solid #fff !important;
        color: #00afd6;
        background-color: rgba(0, 175, 214, .1);
        margin-left: auto;
    }

    div.shrink > #menu > div > div > div > div > div.col-sm-8.col-12.float-left.pad-m-0 > nav > button.navbar-toggler {
        margin-top: 0;
    }

    .navbar-nav {
        text-align: center;
    }

        .navbar-nav li:first-child {
            margin-top: 30px;
        }

        .navbar-nav li:last-child {
            margin-bottom: 15px;
        }

    section#media_box {
        margin-top: 160px;
    }

    .carousel-control-next, .carousel-control-prev {
        font-size: 18px;
    }

    .nav-link {
        width: 100%;
    }

    section#produtos, section#quem_somos, section#noticias, section#contato {
        padding: 30px 0;
    }

    section#noticias {
        padding-bottom: 0;
    }

    div.contato {
        padding-top: 30px;
    }

    div.noticias-info {
        margin-bottom: 15px;
    }

    div.produtos-info {
        margin-bottom: 15px;
    }

    div.quem_somos a {
        margin-bottom: 15px;
    }

    div.indice-blog, div.blog-interna, div.produto-interna {
        margin-top: 180px;
    }

        div.produto-interna h1 strong {
            display: block;
            width: 100%;
        }

    .border-r {
        border: none;
    }

    ul.list-inidce-blog, div.blog-interna-info {
        padding-right: 0;
    }

    div.ultimas-noticias {
        margin-top: 30px;
    }

    .carousel-caption {
        padding: 5px;
    }

        .carousel-caption h3 {
            font-size: 16px;
        }

    div.boxredes {
        margin-right: 0;
    }

        div.boxredes iframe {
            margin-right: auto
        }

    .fb_iframe_widget {
        margin-right: 5px
    }

    div.redes-sociais {
        margin: 15px 0 0;
    }

    div.produto-interna-info p iframe, div.produto-interna-info iframe {
        height: 100%;
    }

    div.indice-blog h1 {
        margin-right: 0;
    }

    #menu > div > div > div > div > div.col-sm-3.col-6.p-0 > div > a > div > div > img {
        max-width: 100% !important;
    }

    div.box-quem-somos {
        height: auto;
    }

    div.produto-interna-info h1 {
        margin-top: 15px;
    }
}

.serviços-info {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 15px;
    //min-height: 192px;
    max-width: 460px;
}

    .serviços-info i {
        color: #00afd6;
    }

    .serviços-info li {
        font-size: 16px;
    }


div.serviços-info h1 {
    font-size: 20px;
    display: block;
    width: 100%;
    margin: 10px 0 0;
    text-align: left;
    color: #333;
    font-weight: 400;
    padding: 0;
}

div.serviços-info h2 {
    font-size: 18px;
    display: block;
    width: 100%;
    margin: 10x 0;
    //min-height: 92px;
}

.serviços-construtora {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 15px;
    min-height: 316px;
    max-width: 460px;
}

    .serviços-construtora i {
        color: #00afd6;
    }

    .serviços-construtora li {
        font-size: 16px;
    }


.link-tel {
    color: #00afd6;
}


#link-email {
    color: #00afd6;
    font-size: 18px;
}

#link-whatsapp {
    color: #00a957;
}

    .link-tel:hover, #link-email:hover, #link-whatsapp:hover {
        font-weight: bold;
    }

#serviços {
    background-color: #f1f1f1;
}

.wrapper__background {
    background: url("../img/novo-bkg-login-sintesc.png") no-repeat center center;
    background-size: cover;
    background-color: #DDDDDD;
    position: relative;
    min-height: 100vh;
}

    .wrapper__background::before {
        content: '';
        width: 263px;
        height: 263px;
        background: url("../img/bkg-livros.png") no-repeat;
        background-position: right top;
        background-size: contain;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }

    .wrapper__background::after {
        content: '';
        width: 263px;
        height: 263px;
        background: url("../img/bkg-mao.png") no-repeat;
        background-position: left bottom;
        background-size: contain;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

wrapper__background main {
    position: relative;
    z-index: 9
}

.logo__main {
    background: url("../img/logo-sinte-60-anos.png") no-repeat center center;
    background-size: contain;
    height: 120px;
    width: 100%;
}

.logo__header {
    background: url("../img/logo-sinte-60-anos-branco.png") no-repeat center center;
    height: 80px;
    width: 215px;
    background-size: calc(100% - 30px);
    background-position: left;
    background-repeat: no-repeat;
    border-right: 1px solid #fff;
    padding-right: 30px;
}


.btn__primary {
    background-color: #003972 !important;
    border-color: #003972 !important;
}

.login_heading .welcome span {
    color: #003972 !important;
}

.custom {
    color: #003972 !important;
}

.size_radio__14 {
    height: 14px !important;
}

section#carteirinha {
    display: block;
    width: 100%;
    padding: 60px 0;
}

div.carteirinha {
    -webkit-print-color-adjust: exact;
    display: block;
    width: 100%;
    max-width: 375px;
    background-color: #fff;
    position: relative;
    background-image: url('../img/bkg/bkg-carteirinha.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

/*div.topo-carteirinha {
    display: block;
    width: 100%;
    position: relative;
    background-image: url('../img/topo_back2.jpg');
    background-repeat: no-repeat;
    height: 249px;
}*/

div.topo-carteirinha-logo {
    padding: 15px;
    display: block;
    width: 100%;
}

    div.topo-carteirinha-logo img {
        display: block;
        width: auto;
        max-width: 100%;
        margin: 0 auto;
        padding-bottom: 15px;
    }

div.profile-pic {
    width: 300px;
    height: 400px;
}

div.topo-carteirinha-barra {
    display: block;
    width: 100%;
    height: 100px;
    background-image: linear-gradient(#bd0000, #2c4d6d);
    -webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
    clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
    position: absolute;
    top: 50%;
    z-index: 1;
}

div.topo-carteirinha-foto-info {
    display: block;
    width: 100%;
    position: relative;
}

div.topo-carteirinha-foto {
    width: 139px;
    position: relative;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.circle {
    position: relative;
    display: block;
    overflow: hidden;
    width: 139px;
    height: 139px;
    /*border: 4px solid #bdc3c7;
    box-shadow: 0 0 5px rgba(0,0,0,.35);*/
    background-color: #bdc3c7;
}

.circle2 {
    position: relative;
    display: block;
    overflow: hidden;
    width: 139px;
    height: 153px;
    margin-top: 42px;
    border-radius: 15px;
    border: 1px solid #f1f1f1;
}

.overlay-carteirinha {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

.file-upload {
    display: none !important;
}


.p-image {
    background-color: #bdc3c7;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
    position: absolute;
    text-align: center;
    padding: 8px 0px;
    right: 7px;
    bottom: 0;
}

.upload-button {
    font-size: 18px;
    color: #333;
    cursor: pointer;
}

    .upload-button:hover {
        color: #c22825;
    }

.topo-carteirinha-nome {
    display: block;
    z-index: 2;
    position: relative;
    font-size: 19px;
    color: #2c4d6d;
    text-align: center;
    font-weight: bold;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 30px;
}

.info-carteirinha {
    display: block;
    width: 100%;
    padding: 0 15px;
    position: relative;
    text-align: center;
}

    .info-carteirinha ul {
        width: 100%;
        margin: 0;
        list-style: none;
        padding: 0;
    }

        .info-carteirinha ul li {
            border-bottom: 1px solid #998123;
            padding-bottom: 0;
            margin-bottom: 15px;
        }

            .info-carteirinha ul li:last-child {
                border-bottom: none;
                margin-bottom: 0;
            }

.info-carteirinha-categoria {
    font-size: 16px;
    color: #2c4d6d;
    font-weight: bold;
}

.info-carteirinha-dados {
    color: #2c4d6d;
    font-size: 16px;
    font-weight: 500;
}

.info-carteirinha-dados-validade {
    color: #2c4d6d;
    font-size: 16px;
    font-weight: 500;
}

.info-carteirinha-rodape {
    height: 51px;
    width: 100%;
    display: block;
    /*position: absolute;*/
    bottom: 0;
    background-image: url('../img/rodape_back2.jpg');
}

.info-faq {
    color: #bd0000;
    font-family: 'Opens Sans', sans-serif;
    font-size: 20px;
    margin: 0 0 10px;
    font-weight: 400;
}

.box-area-restrita {
    border: 1px solid #bdc3c7
}

.box-qrcode-carteirinha {
    border: 2px solid #2c4d6d;
    border-radius: 15px;
    overflow: hidden;
    width: fit-content;
    padding: 15px;
    margin: 15px auto;
}

.box-logo-carteirinha {
    margin: 15px 0;
    overflow: hidden;
}

.box-logo-carteirinha img {
    margin: auto;
    display: block;
    width: 70%;
}
/*IPHONE-6-7-8*/
@media (min-width: 361px) and (max-width: 375px) {
    .info-carteirinha-dados-validade {
        color: #bd0000;
        font-size: 18px;
        display: block;
        width: 100%;
        font-weight: 500;
        margin-bottom: 15px;
        margin-left: 0px;
    }

    header {
        display: none !important;
    }

    footer {
        display: none !important;
    }
}


@media (max-width: 767px) {
    #area_restrita {
        padding: 0 !important
    }

    .box-info-acesso-carteirinha {
        /*padding: 15px 0;*/
        display: block;
        width: 100%;
        padding: 30px;
        border: 1px solid #dadada;
        background-color: #f1f1f1;
        margin: 0;
        float: left;
        box-shadow: 0 0 5px rgb(0 0 0 / 35%);
    }

    div#formLogin {
        padding: 15px !important;
    }

    .col-sm-auto.col.zoomIn.animated.margin-top-30.d-print-block {
        padding: 0 !important
    }

    .topo-carteirinha-nome {
        font-size: 15px;
    }
}

.form-valida {
    max-width: 680px;
    margin: 0 auto;
}

    .form-valida form {
        max-width: 450px;
        margin: 0 auto;
    }

    .form-valida #foto {
        width: 120px;
        height: 120px;
        border: solid;
        border-radius: 50%;
        margin: 60px auto 0;
        background-color: #003972;
    }

    .form-valida input {
        background-color: #f5f5f5;
    }

@media (max-width: 320px) {
}
/********************** /CSS CARTEIRINHA NÃO MISTURAR!!!! **********************/
/******************************************     Print   *********************************************************/

@media print {
    #d-ficha-formulario > div:nth-child(1) > div.ficha-filie-se-content > h2 {
        text-align: right;
        margin-top: -73px
    }

    body {
        width: 1170px;
    }

    .ficha-filie-se-content div span {
        font-size: 18px !important;
    }

    .box-espaco-sinte, .espaco-sinte h4 {
        border: 1px solid #000;
    }

    .ficha-filie-se-content div {
        border: none;
        padding: 0;
        border-bottom: 1px solid #000;
    }

    section.pagina-interna, div.alert-ficha-filie-se, div.espaco-sinte {
        display: block;
    }

    div.alert-ficha-filie-se {
        text-align: justify;
    }

    div.kbcalho {
        display: block;
        float: left;
        width: 100%;
    }

    section.area-titulo-interna, div.dohms-assinatura, header#header, nav.menu-navegacao, footer#footer, ul.button-ficha-filie-se {
        display: none;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-10 {
        width: 100%;
        margin-left: -15px;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    div.line-assinatura {
        width: 76%;
    }

    header {
        display: none !important;
    }

    nav {
        display: none !important;
    }

    #login-acesso-carteirinha {
        display: none !important;
    }

    #info-acesso-carteirinha {
        display: none !important;
    }

    footer {
        display: none !important;
    }

    #carteirinha button {
        display: none !important;
    }

    .noprint {
        visibility: hidden;
    }
}

.btn-imprimir {
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
    text-decoration: none;
    margin-bottom: 0;
    color: #fff;
    background: #003972;
    max-width: 100%;
    min-width: 135px;
    height: 40px;
    border: none;
    display: block;
    text-align: center;
    margin-top: 20px;
}

    .btn-imprimir:hover {
        background-color: #bd0000;
    }

th {
    background-color: #003972 !important;
    color: #FFFFFF !important;
}

.page-title {
    font-size: 24px;
    font-weight: bold;
    color: #1D2733;
    margin: 0;
    border-left: 4px solid #003972 !important;
    padding-left: 20px;
    margin-right: 20px;
    display: flex;
    gap: 15px;
    align-items: center;
}

#myTab.nav.nav-tabs.nav-tabs-novo .nav-link.active {
    border-color: #003972 !important;
}

textarea.form-control, select.form-control, input.form-control {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid;
    /*margin-top: 10px;
    border-color: #aaa;*/
    border-color: #666666;
}

/* NOVO LAYOUT */
#login_card {
    position: relative;
    z-index: 9;
}

.alert-danger {
    background: #efefef;
    border-color: #848488;
    width: 100%;
    border-radius: 0;
    text-align: center;
    color: #fff;
    padding: 20px;
}

    .alert-danger .text-danger {
        color: #848488 !important;
    }

    .alert-danger a.btn.btn__primary.btn-block {
        margin-bottom: 0 !important;
        margin-top: 15px !important;
    }
    /* VOLTAR */
    .btn-voltar {
        position: relative;
    }

    .btn-voltar::before {
        content: '';
        background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 0L5.88125 0.88125L2.39375 4.375H10V5.625H2.39375L5.88125 9.11875L5 10L0 5L5 0Z" fill="white"/></svg>');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 12px;
        height: 12px;
    }

#login_card #d-conectado a.btn-voltar::before,
#login_form #d-conectado a.btn-voltar::before {
    background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 0L5.88125 0.88125L2.39375 4.375H10V5.625H2.39375L5.88125 9.11875L5 10L0 5L5 0Z" fill="%23003972"/></svg>');
}


.btn-precatorios-primeiro,
.btn-precatorios-acessar {
    font-size: 16px;
    background: #003972;
    border: none;
    gap: 8px;
    border-radius: 20px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    margin: 30px 0 0;
    text-transform: uppercase;
}

.btn-precatorios-segundo,
.btn-secundary-novo {
    background: #003972;
    font-size: 16px;
    border: none;
    gap: 8px;
    border-radius: 20px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500 !important;
    margin-bottom: 20px;
    color: #fff !important;
    text-transform: uppercase;
}

    .btn-precatorios-primeiro:hover,
    .btn-precatorios-acessar:hover,
    .btn-precatorios-segundo:hover,
    .btn-secundary-novo:hover {
        color: #fff !important;
    }

.btn {
    border-radius: 40px !important;
    text-transform: uppercase;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    font-size: 16px;
    min-height: 40px;
    display: inline-flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.btn-secondary,
.btn__secondary,
.btn__primary,
.btn-primary {
    border-radius: 40px;
    text-transform: uppercase;
    border: none;
    color: #fff;
    box-shadow: 0 3px 5px 0px rgba(0, 0, 0, .2);
    font-weight: bold;
}


.input-group-append .btn-secondary,
.input-group-append .btn-primary {
    border-radius: 4px !important;
    margin-left: 10px;
}

.text-primary {
    color: #003972 !important;
}

a.text-primary:hover {
    color: #003972 !important;
}

.border-primary {
    border-color: #003972 !important;
}

.text-secondary {
    color: #1D2733 !important;
}

a.text-secondary:hover {
    color: #1D2733 !important;
}

border-secondary {
    border-color: #1D2733 !important;
}


.btn-primary.disabled,
.btn-primary:disabled,
.btn__primary,
.btn-primary {
    background: #003972 !important;
    color: #fff !important;
}

    .btn__primary:hover,
    .btn-primary:hover {
        opacity: 0.6;
    }

.btn-secondary.disabled,
.btn-secondary:disabled,
.btn__secondary,
.btn-secondary {
    background: #003972 !important;
    color: #fff !important;
}

    .btn__secondary:hover,
    .btn-secondary:hover {
        opacity: 0.6;
    }

.custom-input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    color: #fff;
}

    .custom-input:focus {
        box-shadow: none;
        border-bottom: 2px solid #fff;
        background: transparent;
        color: #fff;
    }

label {
    font-size: 14px;
}

/* Ícone */
.toggle-password {
    position: absolute;
    right: 10px;
    top: 38px;
    cursor: pointer;
    color: #ccc;
}

.color-fff {
    color: #fff !important;
}


/*.list-btn-sair {
    margin-left: auto;
}*/

    .list-btn-sair a {
        position: relative;
        display: flex;
        align-items: center;
        gap: 5px
    }

        .list-btn-sair a::after {
            content: '';
            width: 18px;
            height: 18px;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.53333 8.85C4.4 8.71667 4.336 8.55556 4.34133 8.36667C4.34711 8.17778 4.41667 8.01667 4.55 7.88333L5.76667 6.66667H0.666667C0.477778 6.66667 0.319556 6.60267 0.192 6.47467C0.0640001 6.34711 0 6.18889 0 6C0 5.81111 0.0640001 5.65267 0.192 5.52467C0.319556 5.39711 0.477778 5.33333 0.666667 5.33333H5.76667L4.53333 4.1C4.4 3.96667 4.33333 3.80844 4.33333 3.62533C4.33333 3.44178 4.4 3.28333 4.53333 3.15C4.66667 3.01667 4.82511 2.95 5.00867 2.95C5.19178 2.95 5.35 3.01667 5.48333 3.15L7.86667 5.53333C7.93333 5.6 7.98067 5.67222 8.00867 5.75C8.03622 5.82778 8.05 5.91111 8.05 6C8.05 6.08889 8.03622 6.17222 8.00867 6.25C7.98067 6.32778 7.93333 6.4 7.86667 6.46667L5.46667 8.86667C5.34444 8.98889 5.19178 9.05 5.00867 9.05C4.82511 9.05 4.66667 8.98333 4.53333 8.85ZM1.33333 12C0.966667 12 0.652667 11.8696 0.391333 11.6087C0.130444 11.3473 0 11.0333 0 10.6667V8.66667C0 8.47778 0.0640001 8.31933 0.192 8.19133C0.319556 8.06378 0.477778 8 0.666667 8C0.855556 8 1.014 8.06378 1.142 8.19133C1.26956 8.31933 1.33333 8.47778 1.33333 8.66667V10.6667H10.6667V1.33333H1.33333V3.33333C1.33333 3.52222 1.26956 3.68044 1.142 3.808C1.014 3.936 0.855556 4 0.666667 4C0.477778 4 0.319556 3.936 0.192 3.808C0.0640001 3.68044 0 3.52222 0 3.33333V1.33333C0 0.966667 0.130444 0.652667 0.391333 0.391333C0.652667 0.130444 0.966667 0 1.33333 0H10.6667C11.0333 0 11.3473 0.130444 11.6087 0.391333C11.8696 0.652667 12 0.966667 12 1.33333V10.6667C12 11.0333 11.8696 11.3473 11.6087 11.6087C11.3473 11.8696 11.0333 12 10.6667 12H1.33333Z" fill="white"/></svg>');
        }
p.welcome.mb-3 {
    font-size: 28px;
    margin-top: 10px;
    text-align: center;
}

.login_heading .welcome {
    display: none !important;
}

#login_card #d-conectado a,
#login_form #d-conectado a {
    color: #003972 !important;
    background: #fff !important;
    font-weight: bold !important;
}


.bg-white.bg-topo-novo-sintesc {
    background: #003972 !important;
}

#navbarSupportedContent ul.navbar-nav.flex-grow-1 {
    width: 100%;
    justify-content: center;
    gap: 15px;
}

    #navbarSupportedContent ul.navbar-nav.flex-grow-1 li a {
        color: #fff !important;
        font-size: 15px;
        /*font-weight: 500;*/
        width: fit-content;
        text-align: center;
        /*text-transform: uppercase;*/
    }

.box-img-home-intrante {
    overflow: hidden;
    border-radius: 10px;
}
    .box-img-home-intrante img {
        max-width: 100%;
        display: block;
        margin: auto;
    }

.box-info-home-intrante {
    overflow: hidden;
}
    .box-info-home-intrante h2 {
        color: #003972;
        font-size: 24px;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .box-info-home-intrante p {
        color: #003972;
        font-size: 18px;
        margin-bottom: 15px;
    }

        .box-info-home-intrante p:last-child {
            color: #003972;
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 15px;
        }

..login_page_wrapper {
    position: relative;
    z-index: 9;
}

/* Estilo Geral */
.precatorios-container {
    min-height: 100vh;
}

/* Header */
.precatorios-header {
    padding: 25px 0;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-title {
    font-size: 24px;
    font-weight: bold;
    color: #1D2733;
    margin: 0;
    border-left: 4px solid #ff2e34;
    padding-left: 20px;
    margin-right: 20px;
    display: flex;
    gap: 15px;
    align-items: center;
    margin: 15px 0 30px;
}

/* Busca */
.search-box {
    position: relative;
    width: 300px;
}

    .search-box input {
        width: 100%;
        padding: 10px 10px 10px 35px;
        border: none;
        border-bottom: 1px solid #1D2733;
        border-radius: 0;
        outline: none;
        background: transparent;
    }

        .search-box input:focus {
            border-color: #00716B;
        }

    .search-box i {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        color: #999;
    }

/* Filtros */
.top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    font-size: 13px;
    color: #888;
    text-transform: uppercase;
    font-weight: 600;
}

.filter-btn {
    cursor: pointer;
    margin-left: 20px;
}

    .filter-btn:hover {
        color: #333;
    }

/* Cards */
.precatorio-card {
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
    padding: 20px;
    margin-bottom: 30px;
    transition: box-shadow 0.2s;
}

    .precatorio-card:hover {
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

.card-title {
    font-size: 20px;
    font-weight: bold;
    color: #1A2734;
    margin-bottom: 10px;
}

.card-desc {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
    line-height: 1.5;
    text-align: justify;
}

.card-values {
    font-size: 16px;
    font-weight: bold;
    color: #444;
    margin-bottom: 15px;
}

.valor-antigo {
    text-decoration: line-through;
    color: #999;
    font-size: 13px;
    margin-left: 5px;
}

.btn-detalhes {
    background: #00716B;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    transition: background 0.3s;
    border-radius: 40px;
    padding: 8px 16px;
}

    .btn-detalhes:hover {
        background-color: #004642;
    }


body {
    background: #DDDDDD;
}

.btn-precatorios-primeiro,
.btn-precatorios-acessar {
    font-size: 16px;
    background: #ff2e34;
    border: none;
    gap: 8px;
    border-radius: 20px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    margin: 30px 0 0;
    text-transform: uppercase;
}


.btn-precatorios-segundo,
.btn-secundary-novo {
    background: #00716B;
    font-size: 16px;
    border: none;
    gap: 8px;
    border-radius: 20px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    margin-bottom: 20px;
    color: #fff !important;
    text-transform: uppercase;
}

.btn__secondary,
.btn__primary {
    font-size: 16px;
    border-width: 1px;
    border-style: solid;
    gap: 8px;
    border-radius: 20px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
}


.btn {
    border-radius: 40px;
    text-transform: uppercase;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    font-size: 16px;
    min-height: 40px;
    display: inline-flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

.btn-secondary,
.btn-primary {
    border-radius: 40px;
    text-transform: uppercase;
    border: none;
    color: #fff;
    box-shadow: 0 3px 5px 0px rgba(0, 0, 0, .2);
}

.input-group-append .btn-secondary,
.input-group-append .btn-primary {
    border-radius: 4px !important;
    margin-left: 10px;
}

.text-primary {
    color: #00716B !important;
}

a.text-primary:hover {
    color: #00716B !important;
}

.border-primary {
    border-color: #00716B !important;
}

.text-secondary {
    color: #1D2733 !important;
}

a.text-secondary:hover {
    color: #1D2733 !important;
}

border-secondary {
    border-color: #1D2733 !important;
}

.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary {
    background: #ff2e34
}

    .btn-primary:hover {
        background: #3A4C50
    }

.btn-secondary.disabled,
.btn-secondary:disabled,
.btn-secondary {
    background: #00716B
}

    .btn-secondary:hover {
        background: #004642
    }

.dropdown-toggle,
.form-control,
.custom-input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #666;
    border-radius: 0;
    font-weight: 400 !important;*/
/*color: #fff;*/
}

    .custom-input:focus {
        box-shadow: none;
        border-bottom: 2px solid #fff;
        background: transparent;
        color: #fff;
    }

label {
    font-size: 14px;
}

.alert-dismissible {
    padding-right: 1.25rem;
}

.form-card {
    background: #fff;
    width: 500px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .35);
    border-radius: 6px;
}

.list-btn-sair {
    margin-left: auto;
}

@media (max-width: 767px) {
    .wrapper__background::before {
        width: 130px;
        height: 130px;
    }

    .wrapper__background::after {
        width: 130px;
        height: 130px;
    }

    .bg-topo-novo-sintesc {
        padding-left: 15px;
        padding-right: 15px;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    #navbarSupportedContent ul.navbar-nav.flex-grow-1 li a {
        text-align: center;
        width: 100%;
    }
    
    .list-btn-sair {
        margin-right: auto;
    }

    .box-info-home-intrante h2 {
        margin-top: 25px;
    }

    label {
        margin-top: 10px;
    }
}

@media (max-width: 425px) {
}

@media (max-width: 375px) {
}

@media (max-width: 320px) {
}