@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,700;1,700&display=swap');

.navbar-brand {
    position: relative;
    bottom: -2px;
}
.navbar-brand img {
width: 188px;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Regular'), url('../fonts/opensans/400.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: normal;
    src: local('Open Sans Italic'), url('../fonts/opensans/400i.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: bold;
    src: local('Open Sans Bold'), url('../fonts/opensans/700.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: bold;
    src: local('Open Sans Bold Italic'), url('../fonts/opensans/700i.woff') format('woff');
}


/* Space out content a bit */
body {
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 1.5em;
    font-family: 'Raleway', sans-serif;
    font-variant-numeric: lining-nums;
    overflow-y: scroll;
    color: #444;
}

.navbar-brand {
    padding: 5px 15px;
}

.nav-pills>li.active>a {
    background-color: #52509d;
    color: white;
}

.nav-pills>li.active>a:hover {
    background-color: #52509d;
    color: white;
}

.nav-pills>li>a:hover {
    color: #3e8f3e;
}

a {
    color: #52509d;
}

.marketing {
    margin-bottom: 40px;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,

/* Custom page header */
.header {
    border-bottom: 1px solid #e5e5e5;
}

/* Make the masthead heading the same height as the navigation */
.header h3 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 40px;
}

/* Custom page footer */
.footer {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 40px;
    padding-top: 40px;
    margin-top: 40px;
    color: #777;
    border-top: 1px solid #e5e5e5;
}

/* Customize container */
.container-narrow>hr {
    margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
    background: none;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}

.jumbotron .btn {
    padding: 14px 24px;
    font-size: 21px;
}

/* Supporting marketing content */
h1 {
    margin-bottom: 1em;
    font-weight: bold;
}

.marketing {
    padding-top: 2em;
    padding-bottom: 2em;
}

.marketing .lead {
    margin: 1em 0 1em 0;
    text-align: justify;
}

@media screen and (max-width: 480px) {
    h1 {
        font-size: 140%;
    }

    .marketing .btn-lg {
        font-size: 100%
    }

    ;
}

@media screen and (max-width: 919px) {
    #generated-toc {
        display: none;
    }
}

@media screen and (min-width: 920px) {

    .footer-box2 {
        text-align: left;
    }

    .footer-box2 {
        text-align: center;
    }

    .footer-box3 {
        text-align: right;
    }
}

.video {
    margin-bottom: 1em;
    /*max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    */

}

.sobreempresa {
    margin-top: 4em;
    margin-bottom: 4em;
}

.setor {
    margin-bottom: 2em;
}

.setor h3 {
    font-size: 18pt;
}

.funcao {
    margin-bottom: 2em;
}

.funcao h4 {
    color: #5B59A4;

}

.btn .btn-subtext {
    display: block;
    font-size: 70%;
    font-weight: normal;
    padding-top: 8px;
}

.footer-item {
    padding-bottom: 15px;
}

.planos .plano {
    margin-bottom: 16px;
}

.planos .boxplano {
    border: 1px solid black;
    width: 100%;
    text-align: center;
    padding: 12px;
    border-top: none;

}

.planos .nomeplano {
    background-color: #b2dba1;
    font-size: 14pt;
    border-top: 1px solid black;
}

.planos .preco {
    font-size: 24pt;
    min-height: 80px;
    vertical-align: middle;
    float: none;
    display: inline-block;
}

.planos .preco .periodo {
    font-size: 11pt;
}

.planos .itens {
    text-align: left;
    padding-left: 0px;
}

.planos .maisvendido {
    background-color: #faf2cc;

}

.planos .label {
    font-size: 8pt;
    font-weight: normal;
}

.planos .maisvendido .preco {
    font-size-adjust: 0.7;
}

.vertical-center {
    min-height: 100%;
    /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh;
    /* These two lines are counted as one :-)       */

    display: flex;
    align-items: center;
}

.contrato p {
    margin-bottom: 1em;
    line-height: 1.6em;
}

.contrato .clausula {
    font-weight: bold;
    font-size: 16pt;
}


.missao {
    line-height: 1.7em;
    text-align: center;
    margin-top: 2em;
    font-size: 1em;

}

.missao h3 {}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90%;
    border: 0;
}

.embed-responsive-16by9 {
    /* padding-bottom: 56.25%; */
    padding-bottom: 62.45%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

ul.download-plataformas {
    font-size: 14pt;
    list-style: none;

}

ul.download-plataformas li {
    margin-bottom: 1em;
}

ul.download-plataformas li .fa {
    margin-right: 0.5em;
}

.leitura {
    font-size: 12pt;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.58em;
    font-weight: 200;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased !important;
    -moz-font-smoothing: antialiased !important;
    text-rendering: optimizelegibility !important;

}

.leitura h1,
h2,
h3,
h4,
h5,
h6 {
    color: black;
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: bold;
    line-height: 1.4;
    cursor: text;
}

.leitura h1 {
    padding-bottom: .3em;
    font-size: 2.25em;
    line-height: 1.2;
    border-bottom: 1px solid #eee;
}

.leitura h2 {
    padding-bottom: .3em;
    font-size: 1.75em;
    line-height: 1.225;
    border-bottom: 1px solid #eee;
}

.leitura h3 {
    font-size: 1.5em;
    line-height: 1.43;
}

.leitura h4 {
    font-size: 1.25em;
}

.leitura h5 {
    font-size: 1em;
}

.leitura h6 {
    font-size: 1em;
    color: #777;
}

.leitura p,
blockquote,
ul,
ol,
dl,
table {
    margin: 0.8em 0;
}

.leitura li>ol,
li>ul {
    margin: 0 0;
}

li {
    margin: 0.5em 0.5em;
}

.leitura p {

    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 3;
    -webkit-hyphenate-limit-chars: 6 3 3;
    -webkit-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-last: always;
    -webkit-hyphenate-limit-zone: 8%;

    -moz-hyphens: auto;
    -moz-hyphenate-limit-chars: 6 3 3;
    -moz-hyphenate-limit-lines: 2;
    -moz-hyphenate-limit-last: always;
    -moz-hyphenate-limit-zone: 8%;

    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: 6 3 3;
    -ms-hyphenate-limit-lines: 2;
    -ms-hyphenate-limit-last: always;
    -ms-hyphenate-limit-zone: 8%;

    hyphens: auto;
    hyphenate-limit-chars: 6 3 3;
    hyphenate-limit-lines: 2;
    hyphenate-limit-last: always;
    hyphenate-limit-zone: 8%;
}

.leitura img {
    display: block;
    max-width: 100%;
    height: auto;
}

.leitura iframe {
    margin-top: 1.5em;
}

.breadcrumb {
    background: none;
    margin-top: 2.5em;
    font-size: 11pt;
    padding: 0px;
    color: #aaa;
}

.breadcrumb a {
    color: #aaa;
    text-decoration: underline;
}

.thumbnail-artigo {
    width: 8em;
    height: 4.5em;
}

#generated-toc {
    font-size: 1em;
    font-family: 'Open Sans', sans-serif;
}

#generated-toc a {
    color: inherit;
}

#generated-toc ol {
    padding-left: 0px;
    list-style: none;
    list-style-position: outside;
}

#generated-toc ol li ol li {
    margin-left: 1em;
    padding-left: 0.2em;
}

#generated-toc a {
    display: block;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

#generated-toc a:hover {
    background-color: #f0f0f0;
    color: black;
}

.secao_datapublicacao {
    font-size: 8pt;
}

.tab-pane {
    padding-top: 2em;
}

label {
    font-weight: normal;
    color: black;
}

.faint {
    color: #a0a0a0;
}

.help-block {
    font-size: 1rem;

}

.radio {
    margin-bottom: 2em;
}

.radio label {
    margin-right: 2em;
}

.has-error {
    border-color: red;
}

.error {
    color: #ff0000;
    font-size: 1.5rem;
}

.etapas {
    transition: opacity .5s ease-in-out;
    opacity: 1.0;
    width: 100%;
    margin-bottom: 2em;
}

.center-pills {
    display: flex;
    justify-content: center;
}

.escondido {
    opacity: 0;
    display: none;
}

.fader-enter {
    opacity: 0.00;
}

.fader-enter-active {
    opacity: 1;
    transition: opacity 500ms ease-in;
}

.fader-exit {
    opacity: 1;
}

.fader-exit-active {
    opacity: 0.00;
    transition: opacity 300ms ease-in;
}
.btn-success {
    background-color: #95c11f;
    border-color: #95c11f;
}
.btn-success:hover {
    background-color: #95c11f;
    border-color: #95c11f;
}

.btn-success h3 {
    color: white;
}
.btn .btn-title {
    font-size: 2em;
}
.btn .btn-detail {
    font-size: 0.6em;
}

.tabelaplanos th {
    font-weight: 'bold';
    background-color: #b2dba1;
    border: 1px solid black;
    padding: 8pt;

}
.tabelaplanos td {
    text-align: center;
    border: 1px solid black;
    padding: 8pt;
}
.tabelaplanos td.valorplano {
    text-align: right;
    font-weight: bold;
}
.tabelaplanos th.valorplano {
    text-align: right;
}