/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */



a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.card-header {
    background-color: #022E69;
    color: white
}

.bg-news {
    background-color: #022E69;
    color: #ffffff;
}

hr.solid {
    border-top: 2px solid #999;
}

#modelo {
    font-size: 12px;
    color: white;
}

.nav-link {
    padding: .3rem 1rem
}

.bg-form {
    background-color: #022E69
}

.bg-form2 {
    background-color: #022E69
}

.card-header:first-child {
    border-radius: calc(.55rem - 1px) calc(.55rem - 1px) 0 0
}

.store {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    height: auto;
    max-height: 80px;
    max-width: 150px;
    margin-top: 8px;
}

.logo {
    width: 50px;
    height: 50px;
}

.text {
    color: white;
}

#btn {
    color: white
}

.container-footer {
    background-color: #ffffff;
    color: #022E69;
}

.title {
    float: inherit;
    margin-top: 170px;
    color: white;
    font-weight: bold
}

.title-desktop {
    margin-top: 170px;
    color: white;
    font-weight: bold;
    font-size: 16pt
}
/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.color-footer {
    background-color: #ffffff;
}

h1 {
    font-size: 1.4rem;
}

ul.nav {
    white-space: nowrap;
    overflow-x: auto;
}

    ul.nav li {
        display: inline-block;
        float: none;
    }

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

nav {
    background-color: #ffffff;
}

.mania {
    color: #007bff;
}

.compare {
    color: #022E69;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
 
}

.footer {
    position: absolute;
    width: 100%;
    white-space: nowrap;
    line-height: 35px; /* Vertically center the text there */
    background-color: #515151;
}

.chrome {
    height: 37px;
    background-color: #1973e8;
    color: white;
    border-radius: 3%;
}


.link-footer {
    color: #022E69;
}

#img-busca {
    width: 100px;
    border-radius: 2%;
}

.variavel {
    font-weight: bold;
    font-size: 18px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: white;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-top: 25px;
}

.variavel2 {
    font-weight: bold;
    font-size: 18px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: black;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-top: 25px;
}

.card-var2 {
    margin-top: 10px;
    text-align: center;
    width: 100%;
    height: 180px;
    background-color: #F8F7F8;
}


.card-var {
    margin-top: 10px;
    text-align: center;
    width: 100%;
    max-height: 400px;
    background-image: linear-gradient(to bottom right, #42BCEA, #8CD7F2 );
}


.titulo-pagina {
    padding-left: 25px;
    border-left: 12px solid #022e69;
}
        .titulo-pagina h1 {
            font-size: 2.5rem;
        }

        .titulo-pagina p {
            font-size: 36px;
            color: #4b4b4b;
        }

    .page-contato {
        margin: 40px 0;
        background: #fff;
        -webkit-box-shadow: 10px 10px 16px 0px rgb(0 0 0 / 18%);
        box-shadow: 10px 10px 16px 0px rgb(0 0 0 / 18%);
        border-radius: 25px;
        padding: 50px;
    }

        .page-contato .btn-enviar:hover {
            background: #045acd;
        }

        .page-contato .btn-enviar {
            background: #022e69;
            color: #fff;
            width: 100%;
            height: 60px;
            font-size: 25px;
            text-transform: uppercase;
            font-weight: 700;
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
        }

        .page-contato .form-group {
            margin-bottom: 25px;
        }

            .page-contato .form-group label {
                font-size: 25px;
                font-weight: 700;
                color: #4b4b4b;
                margin-bottom: 10px;
            }

            .page-contato .form-group .form-control {
                height: 60px;
            }

            .page-contato .form-group textarea.form-control {
                height: 250px;
                resize: none;
            }

    .ad {
        background: #f0f0f0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px;
    }

        .ad .ad-item {
            width: 728px;
        }

    .resultado-cotacao {
        padding: 10px 0 100px;
        background: #f8f9fa;
    }



        .resultado-cotacao .box-cotacao {
            background: #fff;
            padding: 25px;
            border-radius: 15px;
            height: 100%;
        }

            .resultado-cotacao .box-cotacao .logo-comprador {
                height: 75px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                text-align: center;
                margin-bottom: 25px;
            }

            .resultado-cotacao .box-cotacao .cotacao-container {
                margin-bottom: 15px;
                border-bottom: 1px solid #dee2e6;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                gap: 25px;
                padding-bottom: 15px;
            }

                .resultado-cotacao .box-cotacao .cotacao-container .valor {
                    width: 100%;
                }

            .resultado-cotacao .box-cotacao .btn-visitar {
                margin-top: auto;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 100%;
                height: 50px;
                border: 1px solid #022e69;
                color: #022e69;
                border-radius: 10px;
                text-decoration: none;
                font-weight: 700;
                font-size: 16px;
                text-transform: uppercase;
                -webkit-transition: all 0.5s;
                transition: all 0.5s;
            }

    .descricao-detalhe {
        font-size: 24px;
        text-align: justify;
        color: #4b4b4b;
        background: #a0c8fd;
        padding: 25px;
        border-radius: 15px;
    }

    .resultado-cotacao .btn-novacotacao {
        margin-top: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 50px;
        background: #38b6ff;
        color: #fff;
        border-radius: 10px;
        text-decoration: none;
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .resultado-cotacao .box-cotacao .cotacao-container .valor-absoluto p {
        font-weight: 700;
        margin-bottom: 0;
    }

    .resultado-cotacao .box-cotacao .cotacao-container .variacao p {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin-bottom: 0;
    }

    

    .resultado-cotacao .box-cotacao .logo-comprador img {
        width: 150px;
    }

    .resultado-cotacao .box-cotacao .btn-visitar:hover {
        background: #022e69;
        color: #fff;
    }

    .resultado-cotacao .btn-novacotacao {
        margin-top: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 50px;
        background: #38b6ff;
        color: #fff;
        border-radius: 10px;
        text-decoration: none;
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

        .resultado-cotacao .btn-novacotacao:hover {
            background: #022e69;
        }

    .titulo-pagina h1 {
        font-size: 48px;
        color: #022e69;
        font-weight: 700;
    }

    .titulo-pagina p {
        font-size: 36px;
        color: #4b4b4b;
    }

    @media (max-width: 992px) {
        .titulo-pagina h1 {
            font-size: 24px;
        }

        .titulo-pagina p {
            font-size: 18px;
        }
    }

    .page-calculadora header {
        background: #38b6ff;
        padding: 10px 0;
        border: 1px solid #38b6ff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .page-calculadora form {
        padding: 50px;
        border: 1px solid rgba(0, 0, 0, 0.125);
        margin-bottom: 50px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

        .page-calculadora form .form-group {
            margin-bottom: 35px;
        }

            .page-calculadora form .form-group label {
                margin-bottom: 10px;
                font-size: 25px;
                font-weight: 700;
                color: #4b4b4b;
                margin-bottom: 10px;
            }

            .page-calculadora form .form-group .form-control {
                height: 60px;
            }

        .page-calculadora form select {
            background: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e) no-repeat right 0.75rem center/8px 10px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

        .page-calculadora form .btn-enviar {
            background: #022e69;
            color: #fff;
            width: 100%;
            height: 60px;
            font-size: 22px;
            text-transform: uppercase;
            font-weight: 700;
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
        }

        .page-calculadora form .atualizacao {
            margin-top: 25px;
            color: #4b4b4b;
            font-size: 18px;
        }

    .page-calculadora .descricao-detalhe {
        font-size: 24px;
        text-align: justify;
        color: #4b4b4b;
        background: #a0c8fd;
        padding: 25px;
        border-radius: 15px;
    }

    .page-calculadora header h1 {
        margin-bottom: 0;
        color: #fff;
        text-align: center;
        font-size: 36px;
    }

    @media (max-width: 992px) {
        .page-calculadora header h1 {
            margin-bottom: 0;
            color: #fff;
            text-align: center;
            font-size: 24px;
        }
    }

    .page-comparador header h1 {
        margin-bottom: 0;
        color: #fff;
        text-align: center;
        font-size: 36px;
    }

    .page-comparador header {
        background: #38b6ff;
        padding: 10px 0;
        border: 1px solid #38b6ff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .page-comparador form {
        padding: 50px;
        border: 1px solid rgba(0, 0, 0, 0.125);
        margin-bottom: 50px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

        .page-comparador form .form-group {
            margin-bottom: 35px;
        }

            .page-comparador form .form-group label {
                margin-bottom: 10px;
                font-size: 25px;
                font-weight: 700;
                color: #4b4b4b;
                margin-bottom: 10px;
            }

            .page-comparador form .form-group .form-control {
                height: 60px;
            }

        .page-comparador form select {
            background: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e) no-repeat right 0.75rem center/8px 10px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

        .page-comparador form .btn-enviar {
            background: #022e69;
            color: #fff;
            width: 100%;
            height: 60px;
            font-size: 22px;
            text-transform: uppercase;
            font-weight: 700;
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
        }

    .page-comparador .descricao-detalhe {
        font-size: 24px;
        text-align: justify;
        color: #4b4b4b;
        background: #a0c8fd;
        padding: 25px;
        border-radius: 15px;
    }

    @media (max-width: 768px) {
        .ad.desktop {
            display: none;
        }
    }

    @media (min-width: 1200px) {
        .ad-col {
            max-width: 300px !important;
        }
    }

    .page-resultado-comparador .tabela-resultado {
        padding: 10px;
    }

        .page-resultado-comparador .tabela-resultado .tabela-ganhos {
            border-radius: 15px;
            -webkit-box-shadow: 5px 5px 12px 0px rgb(0 0 0 / 25%);
            box-shadow: 5px 5px 12px 0px rgb(0 0 0 / 25%);
        }

            .page-resultado-comparador .tabela-resultado .tabela-ganhos .card-header {
                background: #022e69;
                color: #fff;
                border-top-left-radius: 15px;
                border-top-right-radius: 15px;
            }

                .page-resultado-comparador .tabela-resultado .tabela-ganhos .card-header h1 {
                    text-align: center;
                    font-size: 24px;
                    padding: 5px 0;
                    margin-bottom: 0;
                }

            .page-resultado-comparador .tabela-resultado .tabela-ganhos .secao {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                border-bottom: 2px solid #ccc;
                padding: 15px;
            }

                .page-resultado-comparador .tabela-resultado .tabela-ganhos .secao h2 {
                    font-size: 18px;
                    margin-bottom: 0;
                }

                .page-resultado-comparador .tabela-resultado .tabela-ganhos .secao p {
                    font-size: 16px;
                    margin: 0;
                    font-weight: 600;
                    text-align: right;
                }

            .page-resultado-comparador .tabela-resultado .tabela-ganhos .secao {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                border-bottom: 2px solid #ccc;
                padding: 15px;
            }



            .page-resultado-comparador .tabela-resultado .tabela-ganhos .card-footer {
                color: #022e69;
                background: #00446b;
                -webkit-transition: all 0.125s;
                transition: all 0.125s;
                text-align: center;
                text-decoration: none;
                font-weight: 700;
                font-size: 18px;
                text-transform: uppercase;
                border-bottom-left-radius: 15px;
                border-bottom-right-radius: 15px;
                border: 3px solid #00446b;
                color: #fff;
            }

            .page-resultado-comparador .tabela-resultado .tabela-ganhos .secao.ganhos, .page-resultado-comparador .tabela-resultado .tabela-ganhos .secao.transferencia-bonificada {
                display: block;
            }

            .page-resultado-comparador .tabela-resultado .tabela-ganhos .secao:last-child {
                border-bottom: none;
            }

            .page-resultado-comparador .tabela-resultado .tabela-ganhos .card-footer {
                color: #022e69;
                background: #00446b;
                -webkit-transition: all 0.125s;
                transition: all 0.125s;
                text-align: center;
                text-decoration: none;
                font-weight: 700;
                font-size: 18px;
                text-transform: uppercase;
                border-bottom-left-radius: 15px;
                border-bottom-right-radius: 15px;
                border: 3px solid #00446b;
                color: #fff;
            }

        .page-resultado-comparador .tabela-resultado .observacoes {
            margin-top: 50px;
            text-align: justify;
            color: #4b4b4b;
            background: #a0c8fd;
            padding: 25px;
            border-radius: 15px;
        }

        .page-resultado-comparador .tabela-resultado .tabela-ganhos .secao.ganhos p, .page-resultado-comparador .tabela-resultado .tabela-ganhos .secao.transferencia-bonificada p {
            font-size: 36px;
            font-weight: 700;
            color: #022e69;
        }

    .page-empresa .secao-titulo {
        margin: 50px 0;
    }

        .page-empresa .secao-titulo .titulo-pagina-cashback {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
        }

            .page-empresa .secao-titulo .titulo-pagina-cashback figure {
                margin-bottom: 0;
            }

                .page-empresa .secao-titulo .titulo-pagina-cashback figure .store {
                    width: 80px;
                }

            .page-empresa .secao-titulo .titulo-pagina-cashback h2 {
                font-size: 38px;
                font-weight: 700;
                color: #2e2e2e;
                margin-bottom: 5px;
            }

            .page-empresa .secao-titulo .titulo-pagina-cashback h1 {
                font-size: 28px;
                color: black;
            }

            .page-empresa .secao-titulo .titulo-pagina-cashback h1 {
                font-size: 23px;
                color: black;
            }

    .filtro-busca {
        margin-top: 35px;
        padding: 25px 50px;
        -webkit-box-shadow: 5px 5px 12px 0px rgb(0 0 0 / 25%);
        box-shadow: 5px 5px 12px 0px rgb(0 0 0 / 25%);
        border-radius: 5px;
    }

        .filtro-busca .form-group label {
            font-weight: 600;
            margin-bottom: 15px;
            font-size: 20px;
        }

        .filtro-busca .form-control {
            -webkit-appearance: auto !important;
            -moz-appearance: auto !important;
            appearance: auto !important;
        }

        .filtro-busca .display-button {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .filtro-busca .display-button a {
                color: #4b4b4b;
                font-size: 25px;
            }

    

    .ms-auto {
        margin-left: auto !important;
    }

    .tabela-empresas-cashback {
        margin-top: 35px;
    }

    .tabela-empresas th {
        background: #496ba9 !important;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        /* Don't forget this, required for the stickiness */
        -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
        border: 1px solid #fff;
        color: #fff !important;
        font-weight: 700 !important;
        text-align: center;
        font-size: 19px;
        max-width: 75px;
        word-wrap: break-word;
        vertical-align: middle;
    }

        .tabela-empresas th:first-child {
            border-top-left-radius: 15px;
        }

        .tabela-empresas th:last-child {
            border-top-right-radius: 15px;
        }

        .tabela-empresas th p {
            margin: 0;
        }

    @media (max-width: 1200px) {
        .tabela-empresas th {
            font-size: 12px;
        }
    }

    .tabela-empresas tbody {
        border-top: none !important;
    }

        .tabela-empresas tbody tr td a {
            font-size: 20px;
            color: #4b4b4b;
            font-weight: 600;
            text-decoration: none;
        }

            .tabela-empresas tbody tr td a:hover {
                color: #000;
            }

    @media (max-width: 1200px) {
        .tabela-empresas tbody tr td a {
            font-size: 16px;
        }
    }

    .tabela-empresas tbody tr td:nth-child(1) {
        max-width: 150px;
    }

        .tabela-empresas tbody tr td:nth-child(1) a {
            font-size: 22px;
        }

    @media (max-width: 1200px) {
        .tabela-empresas tbody tr td:nth-child(1) a {
            font-size: 16px;
        }
    }

    .tabela-empresas tbody tr td:nth-child(2) {
        background: #d4edda;
    }

    .page-cashback {
    }

    .tabela-empresas-cashback {
        margin-top: 35px;
    }

    .page-cashback .titulo-pagina p {
        font-size: 30px;
    }

    .lista-empresas {
        padding: 50px 0;
    }

    .empresa-box {
        border: 1px solid rgba(0, 0, 0, 0.125);
        border-radius: 0.25rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 250px;
        text-decoration: none;
        margin-bottom: 25px;
    }

        .empresa-box figure {
            max-width: 150px;
            margin-top: 25px;
            text-align: center;
            margin-bottom: 0;
        }

        .empresa-box .conteudo {
            text-align: center;
            color: #2e2e2e;
        }

            .empresa-box .conteudo h1 {
                font-size: 24px;
            }

        .empresa-box .vejamais-button {
            color: #fff;
            background: #022e69;
            width: 100%;
            height: 40px;
            border: none;
            position: relative;
            -webkit-transition: all 0.25s;
            transition: all 0.25s;
        }


        .empresa-box:hover .vejamais-button {
            background: #3c8efb;
        }

@media (max-width: 768px) {
    #select-most{
        width: 133px
    }
}

.table-footer {
    color: #022e69;
    background: #496ba9;
    -webkit-transition: all 0.125s;
    transition: all 0.125s;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    color: #fff;
}

.table-footer a{
    color: #fff
}

#table .link-vertodos {
    display: block;
    width: 100%;
    background: #022e69;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    padding: 5px 0;
    margin-bottom: 50px;
    -webkit-transition: all 0.125s;
    transition: all 0.125s;
}

#table2 .link-vertodos {
    display: block;
    width: 100%;
    background: #022e69;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    padding: 5px 0;
    margin-bottom: 50px;
    -webkit-transition: all 0.125s;
    transition: all 0.125s;
}

.post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    text-decoration: none;
}

    .post .filtro {
        background: #496ba9;
        opacity: 0.6;
        position: absolute;
        border-radius: 10px;
        width: 100%;
        height: 100%;
        z-index: 1;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

     .post figure {
        margin: 0;
        position: relative;
        overflow: hidden;
        width: 100%;
        border-radius: 10px;
        padding-top: 85%;
    }

        .post figure img {
            border-radius: 10px;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            vertical-align: middle;
        }

    
     .post .conteudo {
        position: absolute;
        z-index: 2;
        -ms-flex-item-align: end;
        align-self: flex-end;
        color: #fff;
        padding: 10px 15px;
    }
         .post .conteudo h1 {
            font-size: 20px;
            text-align:center
        }

 .ver-blog {
    display: block;
    margin: 25px auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 10px 15px;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    background: #022e69;
    text-decoration: none;
    border-radius: 5px;
}

h1.titulo-tabela-index {
    font-size: 18px;
    color: #4b4b4b;
    margin-bottom: 25px;
    border-left: 5px solid #022e69;
    padding-left: 10px;
}

.page-sobre {
    background: #f2f2f2;
    padding: 50px 0 150px;
}

    .page-sobre .titulo-pagina {
        margin-bottom: 50px;
    }

        .page-sobre .titulo-pagina h1 {
            font-size: 48px;
            color: #022e69;
            font-weight: 700;
        }

    .page-sobre article {
        background: #fff;
        border-radius: 15px;
        margin-bottom: 25px;
        padding: 15px 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 50px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
        .page-sobre article p {
            font-size: 24px;
            text-align: justify;
            color: #4b4b4b;
            font-weight: 600;
            margin-bottom: 0;
        }

        .page-sobre article .logo {
            margin: 25px 0;
        }

.logo-sobre {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.logo-sobre img {
    width: 100px;
}

    .logo-sobre h1 {
        font-size: 36px;
        margin: 0;
        color: #022e69;
    }

        .logo-sobre h1 span {
            color: #38b6ff;
        }

    .page-sobre h2 {
        text-align: center;
        padding: 50px 0;
        font-size: 50px;
        font-weight: 700;
    }

.page-sobre article .icon {
    font-size: 120px;
    color: #022e69;
}

.termos {
    padding: 50px 25px 150px;
}

    .termos .titulo {
        padding-left: 10px;
        border-left: 7.5px solid #022e69;
        margin-bottom: 50px;
        color: #022e69;
        font-size: 48px;
    }

    .termos p, .termos li, .termos a {
        text-align: justify;
        font-size: 22px !important;
        color: #4b4b4b;
        font-weight: 400;
    }

    .termos h2 {
        margin: 25px 0;
    }

    .termos ul {
        margin: 25px 0;
    }

.topo-news {
    background-color: #496ba9;
    color: #ffffff;
    text-align: center;
    border-radius: 7.5px 7.5px 0 0;
}

.newsletter {
    margin: 0 0 25px 0;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}

    .newsletter .full-container {
        display: flex;
        gap: 30px;
        width:100%;
    }

    .newsletter-form {
        padding: 25px 0 0 25px;
    }

        .newsletter-form .titulo-pagina {
            margin-bottom: 25px;
        }

            .newsletter-form .titulo-pagina h1 {
                font-size: 48px;
                color: #022e69;
                font-weight: 700;
            }

            @media (max-width: 992px) {
                .newsletter-form .titulo-pagina h1 {
                    font-size: 24px;
                }
            }

            .newsletter-form .titulo-pagina p {
                font-size: 36px;
                color: #4b4b4b;
            }

            @media (max-width: 992px) {
                .newsletter-form .titulo-pagina p {
                    font-size: 18px;
                }
            }

        .newsletter-form .form-group {
            margin-bottom: 25px;
        }

            .newsletter-form .form-group .form-label {
                font-weight: 600;
            }

            .newsletter-form .form-group .form-control {
                height: 50px;
                border-color: #022e69;
            }

        .newsletter-form .btn-enviar {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 100%;
            height: 60px;
            color: #fff;
            background: #022e69;
            border: none;
            border-radius: 5px;
            font-size: 24px;
            font-weight: 700;
        }

.newsletter .thumbnail2 {
    border-radius: 5px;
    background: #38b6ff;
    -webkit-box-flex: 40%;
    -ms-flex: 40%;
    flex: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
}

         .thumbnail2 i {
            font-size: 120px;
        }

    .newsletter.simples .thumbnail, .newsletter.sidebar .thumbnail {
        display: none;
    }

    .newsletter.sidebar {
        display: block !important;
    }

        .newsletter.sidebar .newsletter-form {
            padding: 0;
        }

            .newsletter.sidebar .newsletter-form p {
                font-size: 16px;
            }

@media (max-width: 992px) {
    .newsletter .thumbnail {
        display: none;
    }
}





div.fc-ab-root, .fc-ab-root a:link, .fc-ab-root div, .fc-ab-root header, .fc-ab-root h1, .fc-ab-root h2, .fc-ab-root a, .fc-ab-root p, .fc-ab-root button, .fc-ab-root i {
    -webkit-app-region: none;
    -webkit-appearance: none;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-image: none;
    -webkit-border-vertical-spacing: 0;
    -webkit-box-align: stretch;
    -webkit-box-decoration-break: slice;
    -webkit-box-direction: normal;
    -webkit-box-flex: 0;
    -webkit-box-ordinal-group: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: start;
    -webkit-box-reflect: none;
    -webkit-font-smoothing: auto;
    -webkit-highlight: none;
    -webkit-hyphenate-character: auto;
    -webkit-line-break: auto;
    -webkit-line-clamp: none;
    -webkit-locale: auto;
    -webkit-margin-after-collapse: collapse;
    -webkit-margin-before-collapse: collapse;
    -webkit-mask-box-image-outset: 0;
    -webkit-mask-box-image-repeat: stretch;
    -webkit-mask-box-image-slice: 0 fill;
    -webkit-mask-box-image-source: none;
    -webkit-mask-box-image-width: auto;
    -webkit-mask-box-image: none;
    -webkit-mask-clip: border-box;
    -webkit-mask-composite: source-over;
    -webkit-mask-image: none;
    -webkit-mask-origin: border-box;
    -webkit-mask-position: 0% 0%;
    -webkit-mask-repeat: repeat;
    -webkit-mask-size: auto;
    -webkit-print-color-adjust: economy;
    -webkit-rtl-ordering: logical;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.4);
    -webkit-text-combine: none;
    -webkit-text-decorations-in-effect: none;
    -webkit-text-emphasis-color: rgb(0, 0, 0);
    -webkit-text-emphasis-position: over right;
    -webkit-text-emphasis-style: none;
    -webkit-text-orientation: vertical-right;
    -webkit-text-security: none;
    -webkit-text-stroke-color: rgb(0, 0, 0);
    -webkit-text-stroke-width: 0;
    -webkit-user-drag: auto;
    -webkit-writing-mode: horizontal-tb;
    align-content: normal;
    align-items: normal;
    align-self: auto;
    alignment-baseline: auto;
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 0s;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: none;
    animation-play-state: running;
    animation-timing-function: ease;
    backdrop-filter: none;
    backface-visibility: visible;
    background-attachment: scroll;
    background-blend-mode: normal;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-origin: padding-box;
    background-position: 0% 0%;
    background-repeat: repeat;
    background-size: auto;
    baseline-shift: 0;
    border-bottom-color: rgb(0, 0, 0);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-collapse: separate;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(0, 0, 0);
    border-left-style: none;
    border-left-width: 0;
    border-right-color: rgb(0, 0, 0);
    border-right-style: none;
    border-right-width: 0;
    border-top-color: rgb(0, 0, 0);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: none;
    border-top-width: 0;
    bottom: auto;
    box-shadow: none;
    box-sizing: content-box;
    break-after: auto;
    break-before: auto;
    break-inside: auto;
    buffered-rendering: auto;
    caption-side: top;
    caret-color: rgb(0, 0, 0);
    clear: none;
    clip-path: none;
    clip-rule: nonzero;
    clip: auto;
    color-interpolation-filters: linearrgb;
    color-interpolation: srgb;
    color-rendering: auto;
    color: rgb(0, 0, 0);
    column-count: auto;
    column-gap: normal;
    column-rule-color: rgb(0, 0, 0);
    column-rule-style: none;
    column-rule-width: 0;
    column-span: none;
    column-width: auto;
    content: normal;
    cursor: auto;
    cx: 0;
    cy: 0;
    d: none;
    display: inline;
    dominant-baseline: auto;
    empty-cells: show;
    fill-opacity: 1;
    fill-rule: nonzero;
    fill: rgb(0,0,0);
    filter: none;
    flex-basis: auto;
    flex-direction: row;
    flex-grow: 0;
    flex-shrink: 1;
    flex-wrap: nowrap;
    float: none;
    flood-color: rgb(0, 0, 0);
    flood-opacity: 1;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-size: 16px;
    font-stretch: 100%;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant: normal;
    font-weight: 400;
    grid-auto-columns: auto;
    grid-auto-flow: row;
    grid-auto-rows: auto;
    grid-column-end: auto;
    grid-column-start: auto;
    grid-row-end: auto;
    grid-row-start: auto;
    grid-template-areas: none;
    grid-template-columns: none;
    grid-template-rows: none;
    height: auto;
    hyphens: manual;
    image-rendering: auto;
    isolation: auto;
    justify-content: normal;
    justify-items: normal;
    justify-self: auto;
    left: auto;
    letter-spacing: normal;
    lighting-color: rgb(255, 255, 255);
    line-break: auto;
    line-height: normal;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    marker-end: none;
    marker-mid: none;
    marker-start: none;
    mask-type: luminance;
    mask: none;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    mix-blend-mode: normal;
    object-fit: fill;
    object-position: 50% 50%;
    offset-distance: 0;
    offset-path: none;
    offset-rotate: auto 0deg;
    opacity: 1;
    order: 0;
    orphans: 2;
    outline-color: rgb(0, 0, 0);
    outline-offset: 0;
    outline-style: none;
    outline-width: 0;
    overflow-anchor: auto;
    overflow-wrap: normal;
    overflow-x: visible;
    overflow-y: visible;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    paint-order: normal;
    perspective-origin: 0 0;
    perspective: none;
    pointer-events: auto;
    position: static;
    r: 0;
    resize: none;
    right: auto;
    row-gap: normal;
    rx: auto;
    ry: auto;
    scroll-behavior: auto;
    shape-image-threshold: 0;
    shape-margin: 0;
    shape-outside: none;
    shape-rendering: auto;
    speak: normal;
    stop-color: rgb(0, 0, 0);
    stop-opacity: 1;
    stroke-dasharray: none;
    stroke-dashoffset: 0;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    stroke-miterlimit: 4;
    stroke-opacity: 1;
    stroke-width: 1px;
    stroke: none;
    tab-size: 8;
    table-layout: auto;
    text-align-last: auto;
    text-align: start;
    text-anchor: start;
    text-decoration-color: rgb(0, 0, 0);
    text-decoration-line: none;
    text-decoration-skip-ink: auto;
    text-decoration-style: solid;
    text-decoration: none solid rgb(0, 0, 0);
    text-indent: 0;
    text-overflow: clip;
    text-rendering: auto;
    text-shadow: none;
    text-size-adjust: auto;
    text-transform: none;
    text-underline-position: auto;
    top: auto;
    touch-action: auto;
    transform-origin: 0 0;
    transform-style: flat;
    transform: none;
    transition-delay: 0s;
    transition-duration: 0s;
    transition-property: all;
    transition-timing-function: ease;
    unicode-bidi: normal;
    user-select: auto;
    vector-effect: none;
    vertical-align: baseline;
    visibility: visible;
    white-space: normal;
    widows: 2;
    width: auto;
    will-change: auto;
    word-break: normal;
    word-spacing: 0;
    writing-mode: horizontal-tb;
    x: 0;
    y: 0;
    z-index: auto;
    zoom: 1;
}

div.fc-whitelist-root, .fc-whitelist-root div, .fc-whitelist-root iframe {
    -webkit-app-region: none;
    -webkit-appearance: none;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-image: none;
    -webkit-border-vertical-spacing: 0;
    -webkit-box-align: stretch;
    -webkit-box-decoration-break: slice;
    -webkit-box-direction: normal;
    -webkit-box-flex: 0;
    -webkit-box-ordinal-group: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: start;
    -webkit-box-reflect: none;
    -webkit-font-smoothing: auto;
    -webkit-highlight: none;
    -webkit-hyphenate-character: auto;
    -webkit-line-break: auto;
    -webkit-line-clamp: none;
    -webkit-locale: auto;
    -webkit-margin-after-collapse: collapse;
    -webkit-margin-before-collapse: collapse;
    -webkit-mask-box-image-outset: 0;
    -webkit-mask-box-image-repeat: stretch;
    -webkit-mask-box-image-slice: 0 fill;
    -webkit-mask-box-image-source: none;
    -webkit-mask-box-image-width: auto;
    -webkit-mask-box-image: none;
    -webkit-mask-clip: border-box;
    -webkit-mask-composite: source-over;
    -webkit-mask-image: none;
    -webkit-mask-origin: border-box;
    -webkit-mask-position: 0% 0%;
    -webkit-mask-repeat: repeat;
    -webkit-mask-size: auto;
    -webkit-print-color-adjust: economy;
    -webkit-rtl-ordering: logical;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.4);
    -webkit-text-combine: none;
    -webkit-text-decorations-in-effect: none;
    -webkit-text-emphasis-color: rgb(0, 0, 0);
    -webkit-text-emphasis-position: over right;
    -webkit-text-emphasis-style: none;
    -webkit-text-orientation: vertical-right;
    -webkit-text-security: none;
    -webkit-text-stroke-color: rgb(0, 0, 0);
    -webkit-text-stroke-width: 0;
    -webkit-user-drag: auto;
    -webkit-writing-mode: horizontal-tb;
    align-content: normal;
    align-items: normal;
    align-self: auto;
    alignment-baseline: auto;
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 0s;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: none;
    animation-play-state: running;
    animation-timing-function: ease;
    backdrop-filter: none;
    backface-visibility: visible;
    background-attachment: scroll;
    background-blend-mode: normal;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-origin: padding-box;
    background-position: 0% 0%;
    background-repeat: repeat;
    background-size: auto;
    baseline-shift: 0;
    border-bottom-color: rgb(0, 0, 0);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-collapse: separate;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(0, 0, 0);
    border-left-style: none;
    border-left-width: 0;
    border-right-color: rgb(0, 0, 0);
    border-right-style: none;
    border-right-width: 0;
    border-top-color: rgb(0, 0, 0);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: none;
    border-top-width: 0;
    bottom: auto;
    box-shadow: none;
    box-sizing: content-box;
    break-after: auto;
    break-before: auto;
    break-inside: auto;
    buffered-rendering: auto;
    caption-side: top;
    caret-color: rgb(0, 0, 0);
    clear: none;
    clip-path: none;
    clip-rule: nonzero;
    clip: auto;
    color-interpolation-filters: linearrgb;
    color-interpolation: srgb;
    color-rendering: auto;
    color: rgb(0, 0, 0);
    column-count: auto;
    column-gap: normal;
    column-rule-color: rgb(0, 0, 0);
    column-rule-style: none;
    column-rule-width: 0;
    column-span: none;
    column-width: auto;
    content: normal;
    cursor: auto;
    cx: 0;
    cy: 0;
    d: none;
    display: inline;
    dominant-baseline: auto;
    empty-cells: show;
    fill-opacity: 1;
    fill-rule: nonzero;
    fill: rgb(0,0,0);
    filter: none;
    flex-basis: auto;
    flex-direction: row;
    flex-grow: 0;
    flex-shrink: 1;
    flex-wrap: nowrap;
    float: none;
    flood-color: rgb(0, 0, 0);
    flood-opacity: 1;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-size: 16px;
    font-stretch: 100%;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant: normal;
    font-weight: 400;
    grid-auto-columns: auto;
    grid-auto-flow: row;
    grid-auto-rows: auto;
    grid-column-end: auto;
    grid-column-start: auto;
    grid-row-end: auto;
    grid-row-start: auto;
    grid-template-areas: none;
    grid-template-columns: none;
    grid-template-rows: none;
    height: auto;
    hyphens: manual;
    image-rendering: auto;
    isolation: auto;
    justify-content: normal;
    justify-items: normal;
    justify-self: auto;
    left: auto;
    letter-spacing: normal;
    lighting-color: rgb(255, 255, 255);
    line-break: auto;
    line-height: normal;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    marker-end: none;
    marker-mid: none;
    marker-start: none;
    mask-type: luminance;
    mask: none;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    mix-blend-mode: normal;
    object-fit: fill;
    object-position: 50% 50%;
    offset-distance: 0;
    offset-path: none;
    offset-rotate: auto 0deg;
    opacity: 1;
    order: 0;
    orphans: 2;
    outline-color: rgb(0, 0, 0);
    outline-offset: 0;
    outline-style: none;
    outline-width: 0;
    overflow-anchor: auto;
    overflow-wrap: normal;
    overflow-x: visible;
    overflow-y: visible;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    paint-order: normal;
    perspective-origin: 0 0;
    perspective: none;
    pointer-events: auto;
    position: static;
    r: 0;
    resize: none;
    right: auto;
    row-gap: normal;
    rx: auto;
    ry: auto;
    scroll-behavior: auto;
    shape-image-threshold: 0;
    shape-margin: 0;
    shape-outside: none;
    shape-rendering: auto;
    speak: normal;
    stop-color: rgb(0, 0, 0);
    stop-opacity: 1;
    stroke-dasharray: none;
    stroke-dashoffset: 0;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    stroke-miterlimit: 4;
    stroke-opacity: 1;
    stroke-width: 1px;
    stroke: none;
    tab-size: 8;
    table-layout: auto;
    text-align-last: auto;
    text-align: start;
    text-anchor: start;
    text-decoration-color: rgb(0, 0, 0);
    text-decoration-line: none;
    text-decoration-skip-ink: auto;
    text-decoration-style: solid;
    text-decoration: none solid rgb(0, 0, 0);
    text-indent: 0;
    text-overflow: clip;
    text-rendering: auto;
    text-shadow: none;
    text-size-adjust: auto;
    text-transform: none;
    text-underline-position: auto;
    top: auto;
    touch-action: auto;
    transform-origin: 0 0;
    transform-style: flat;
    transform: none;
    transition-delay: 0s;
    transition-duration: 0s;
    transition-property: all;
    transition-timing-function: ease;
    unicode-bidi: normal;
    user-select: auto;
    vector-effect: none;
    vertical-align: baseline;
    visibility: visible;
    white-space: normal;
    widows: 2;
    width: auto;
    will-change: auto;
    word-break: normal;
    word-spacing: 0;
    writing-mode: horizontal-tb;
    x: 0;
    y: 0;
    z-index: auto;
    zoom: 1;
}

.fc-ab-root section, .fc-ab-root section header {
    background-color: transparent;
    border: 0;
    display: block;
    font-size: 1em;
    letter-spacing: normal;
    margin: 0;
    opacity: 1;
    outline: none;
    padding: 0;
    position: static;
}

div.fc-ab-root {
    position: fixed;
    z-index: 2147483644;
    display: flex;
    justify-content: center;
    width: 100%;
}

div.fc-whitelist-root {
    position: fixed;
    z-index: 2147483644;
    align-items: center;
    float: top;
    height: 100%;
    left: 0;
    overflow-x: auto;
    top: 0;
    display: flex;
    justify-content: center;
    width: 100%;
}

.fc-ab-root .fc-header-image-container {
    padding-bottom: 6px;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.fc-ab-root .fc-placeholder-image {
    border: 1px solid #dadce0;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 12px 100px;
}

.fc-ab-root .fc-header-image {
    display: block;
    text-align: center;
    max-width: 100%;
}

.fc-ab-root .fc-dialog-container {
    box-shadow: 0 0 0.75em #888;
    bottom: 0;
    display: flex;
    justify-content: center;
    position: fixed;
    background: #ffffff;
    border: none;
    border-radius: 0em;
    direction: ltr;
}

    .fc-ab-root .fc-dialog-container:focus {
        outline: none;
    }

.fc-ab-root section {
    margin-top: 1.25em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

.fc-ab-root .fc-dialog-overlay, .fc-whitelist-root .fc-dialog-overlay {
    display: none;
    background-color: black;
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}

.fc-ab-root .fc-close-background {
    background-color: white;
    cursor: pointer;
    height: 8px;
    left: 50%;
    position: absolute;
    radius: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    width: 8px;
}

.fc-ab-root .fc-close-icon {
    border-radius: 50%;
    box-sizing: border-box;
    color: #5f6368;
    cursor: pointer;
    display: inline-block;
    font-family: 'Material Icons';
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 40px;
}

.fc-ab-root .fc-close {
    box-sizing: border-box;
    color: white;
    cursor: pointer;
    direction: ltr;
    display: inline-block;
    font-size: 1em;
    height: 40px;
    margin: 0;
    opacity: 1;
    outline: none;
    text-align: center;
    text-indent: 0;
    width: 40px;
    z-index: 1;
    top: 0;
    right: 0;
    position: absolute;
}

    .fc-ab-root .fc-close:focus {
        outline: none;
    }

    .fc-ab-root .fc-close:hover .fc-close-icon {
        color: #202124;
        background-color: rgba(32, 33, 36, 0.04);
    }

    .fc-ab-root .fc-close:focus .fc-close-icon {
        color: #202124;
        background-color: rgba(32, 33, 36, 0.12);
        outline: 1px solid #3c4043;
    }

.fc-whitelist-root .fc-whitelist-dialog-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
}

.fc-whitelist-root .fc-whitelist-dialog {
    box-shadow: 1px -1px 16px #888888;
    border-radius: 2px;
    height: 100%;
    left: 0;
    max-height: 570px;
    max-width: 600px;
    top: 0;
    width: 100%;
}

@media screen and (max-width: 479px) {
    .fc-ab-root .fc-dialog-container {
        font-size: 13px;
        left: 0;
        width: calc(100% - 0px);
    }

    .fc-ab-root section {
        max-width: 408px;
        width: 85%;
    }
}

@media screen and (min-width: 480px) {
    .fc-ab-root .fc-dialog-container {
        font-size: 14px;
        left: 0;
        width: calc(100% - 0px);
    }

    .fc-ab-root section {
        max-width: 516px;
        width: 85%;
    }
}

@media screen and (min-width: 608px) {
    .fc-ab-root .fc-dialog-container {
        font-size: 14px;
        left: 0;
        width: calc(100% - 0px);
    }

    .fc-ab-root section {
        max-width: 768px;
        width: 80%;
    }
}

@media screen and (min-width: 960px) {
    .fc-ab-root .fc-dialog-container {
        font-size: 16px;
        left: 0;
        width: calc(100% - 0px);
    }

    .fc-ab-root section {
        max-width: 880px;
        width: 80%;
    }
}

@media screen and (min-width: 1200px) {
    .fc-ab-root .fc-dialog-container {
        font-size: 16px;
        left: 0;
        width: calc(100% - 0px);
    }

    .fc-ab-root section {
        max-width: 1008px;
        width: 70%;
    }
}

.fc-ab-root header h1 {
    display: block;
    line-height: 1.3;
    margin-bottom: 0.5em;
    margin-top: 0;
    padding: 0;
    overflow-wrap: break-word;
    font-weight: bold;
    font-style: normal;
    text-decoration: initial;
    text-align: center;
    font-family: 'Roboto';
    color: #ffffff;
    font-size: 1.25em;
}

.fc-ab-root header h2 {
    display: block;
    line-height: 1.3;
    margin-bottom: 0.5em;
    margin-top: 0;
    padding: 0;
    overflow-wrap: break-word;
    font-weight: bold;
    font-style: normal;
    text-decoration: initial;
    text-align: center;
    font-family: 'Roboto';
    color: #000000;
    font-size: 1.75em;
}

.fc-ab-root .fc-dialog-body {
    font: inherit;
}

    .fc-ab-root .fc-dialog-body p {
        display: block;
        line-height: 1.4;
        margin-bottom: 0.5em;
        margin-top: 0;
        overflow-wrap: break-word;
        font-weight: normal;
        font-style: normal;
        text-decoration: initial;
        text-align: center;
        font-family: 'Roboto';
        color: #000000;
        font-size: 1.25em;
    }

.fc-ab-root .fc-buttons {
    justify-content: center;
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    font-size: inherit;
    margin-top: 1em;
    width: 100%;
}

.fc-ab-root .fc-button {
    cursor: pointer;
    display: flex;
    flex-grow: 0;
    letter-spacing: normal;
    margin: 0.25em;
    opacity: 1;
    outline: none;
    overflow-wrap: break-word;
    font-weight: bold;
    font-style: normal;
    text-decoration: initial;
    text-align: center;
    font-family: 'Roboto';
    color: #ffffff;
    font-size: 1.25em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background: #0099ff;
    border: none;
    border-radius: 0.25em;
}

.fc-ab-root .fc-button-label {
    align-self: center;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: 1.4em;
    margin: 0;
    min-width: 168px;
    text-align: inherit;
    width: 100%;
}

.fc-ab-root .fc-dialog-container .fc-subscription-link {
    cursor: pointer;
    display: block;
    line-height: 1.2em;
    margin-top: 0.5em;
    outline: none;
    text-decoration: none;
    overflow-wrap: break-word;
    font-weight: normal;
    font-style: normal;
    text-decoration: initial;
    text-align: center;
    font-family: 'Roboto';
    color: #0099ff;
    font-size: 1em;
}

.fc-ab-root button:focus .fc-button-label, .fc-ab-root a:focus {
    outline: auto;
}