bool(false)
array(3) {
  [0]=>
  array(31) {
    ["qtdreg"]=>
    int(3)
    ["qtdmat"]=>
    string(1) "1"
    ["valor"]=>
    string(4) "0.00"
    ["idcurso"]=>
    string(3) "674"
    ["descricao"]=>
    string(57) "linguagem:classes gramaticais e interpretação de textos"
    ["descricao_curso"]=>
    string(57) "linguagem:classes gramaticais e interpretação de textos"
    ["resumo"]=>
    string(357) "O curso Linguagem: Classes Gramaticais e Interpretação de Textos é essencial para aprimorar suas habilidades linguísticas e interpretativas. Com ele, você terá domínio sobre as classes gramaticais, melhorando sua escrita e comunicação. Além disso, aprenderá técnicas de interpretação de textos, desenvolvendo uma leitura crítica e analítica."
    ["imagem2"]=>
    string(1) "1"
    ["categoria"]=>
    string(10) "Educação"
    ["descricao_categoria"]=>
    string(10) "Educação"
    ["carga_horaria"]=>
    string(2) "60"
    ["imagem"]=>
    string(96) "/img_cursos/prod/img_190x100/educacao/linguagemclasses-gramaticais-e-interpretacao-de-textos.jpg"
    ["img_cursos_430x225"]=>
    string(96) "/img_cursos/prod/img_430x225/educacao/linguagemclasses-gramaticais-e-interpretacao-de-textos.jpg"
    ["eh_gratutito"]=>
    string(1) "1"
    ["10hs"]=>
    string(11) "12060,12319"
    ["20hs"]=>
    string(17) "11902,12060,12319"
    ["30hs"]=>
    string(22) "11902,12060,7382,12319"
    ["40hs"]=>
    string(27) "2921,11902,12060,7382,12319"
    ["50hs"]=>
    string(33) "2921,11902,12060,7382,12319,11056"
    ["60hs"]=>
    string(39) "2921,11902,11424,12060,7382,12319,11056"
    ["idcat"]=>
    int(-1)
    ["sitpag"]=>
    int(-1)
    ["fezmatricula"]=>
    bool(false)
    ["fezcertificado"]=>
    bool(false)
    ["url"]=>
    string(54) "linguagemclasses-gramaticais-e-interpretacao-de-textos"
    ["urlCategoria"]=>
    string(8) "educacao"
    ["urlcat"]=>
    string(8) "educacao"
    ["urlcategoria"]=>
    string(8) "educacao"
    ["urlCompletaCurso"]=>
    string(71) "/cursos/educacao/linguagemclasses-gramaticais-e-interpretacao-de-textos"
    ["bg_color"]=>
    string(14) "bg-color-blue "
    ["css"]=>
    string(34) "icon-bg-blue  fa fa-graduation-cap"
  }
  [1]=>
  array(31) {
    ["qtdreg"]=>
    int(3)
    ["qtdmat"]=>
    string(1) "1"
    ["valor"]=>
    string(4) "0.00"
    ["idcurso"]=>
    string(4) "1272"
    ["descricao"]=>
    string(47) "classes gramaticais e interpretação de textos"
    ["descricao_curso"]=>
    string(47) "classes gramaticais e interpretação de textos"
    ["resumo"]=>
    string(460) "O profissional em Classes Gramaticais e Interpretação de Textos é especializado em analisar e compreender a estrutura gramatical das frases, identificando corretamente as diferentes classes de palavras, como substantivos, verbos, adjetivos, advérbios, entre outros. Além disso, ele possui habilidades avançadas em interpretação textual, sendo capaz de extrair informações relevantes, identificar nuances e inferir significados implícitos nos textos."
    ["imagem2"]=>
    string(1) "1"
    ["categoria"]=>
    string(10) "Educação"
    ["descricao_categoria"]=>
    string(10) "Educação"
    ["carga_horaria"]=>
    string(2) "20"
    ["imagem"]=>
    string(96) "/img_cursos/prod/img_190x100/educacao/linguagem-classes-gramaticais-e-interpreta-o-de-textos.jpg"
    ["img_cursos_430x225"]=>
    string(96) "/img_cursos/prod/img_430x225/educacao/linguagem-classes-gramaticais-e-interpreta-o-de-textos.jpg"
    ["eh_gratutito"]=>
    string(1) "1"
    ["10hs"]=>
    string(11) "11902,12315"
    ["20hs"]=>
    string(16) "2921,11902,12315"
    ["30hs"]=>
    string(0) ""
    ["40hs"]=>
    string(0) ""
    ["50hs"]=>
    string(0) ""
    ["60hs"]=>
    string(0) ""
    ["idcat"]=>
    int(-1)
    ["sitpag"]=>
    int(-1)
    ["fezmatricula"]=>
    bool(false)
    ["fezcertificado"]=>
    bool(false)
    ["url"]=>
    string(45) "classes-gramaticais-e-interpretacao-de-textos"
    ["urlCategoria"]=>
    string(8) "educacao"
    ["urlcat"]=>
    string(8) "educacao"
    ["urlcategoria"]=>
    string(8) "educacao"
    ["urlCompletaCurso"]=>
    string(62) "/cursos/educacao/classes-gramaticais-e-interpretacao-de-textos"
    ["bg_color"]=>
    string(14) "bg-color-blue "
    ["css"]=>
    string(34) "icon-bg-blue  fa fa-graduation-cap"
  }
  [2]=>
  array(31) {
    ["qtdreg"]=>
    int(3)
    ["qtdmat"]=>
    string(1) "1"
    ["valor"]=>
    string(4) "0.00"
    ["idcurso"]=>
    string(4) "3903"
    ["descricao"]=>
    string(19) "classes gramaticais"
    ["descricao_curso"]=>
    string(19) "classes gramaticais"
    ["resumo"]=>
    string(1290) "Substantivos, verbos, adjetivos, pronomes ... esses são alguns exemplos de aulas de gramática que são uma parte importante da aprendizagem do português. É um conteúdo que deve ser conhecido até mesmo em uma escola regular, geralmente no ensino fundamental, e deve ser fortalecido ao longo dos anos letivos para preparar os alunos para o vestibular e também para as atividades acadêmicas e profissionais.
O conhecimento das aulas de gramática é necessário para a criação de textos como dissertações, cartas, e-mails, entre outros. Em última análise, esse conjunto de palavras ajuda a dar sentido ao que queremos dizer, além de estabelecer a conexão entre uma ideia e outra.
Que tal aprender tudo sobre a palavra classe de uma forma muito prática e eficiente? Aqui na WR Educacional você tem a oportunidade de fazer cursos online de Classes gramaticais  que oferecem um manancial de informações para auxiliar alunos, profissionais, concorrentes, pré-universitários e demais interessados ​​em se aperfeiçoar na disciplina.
Use esta apresentação para aprender sobre os módulos disponíveis neste treinamento, os benefícios de se tornar um especialista no uso de aulas de vocabulário e aprender em um portal de cursos online como o nosso. Matricula-se já!"
    ["imagem2"]=>
    string(1) "1"
    ["categoria"]=>
    string(10) "Educação"
    ["descricao_categoria"]=>
    string(10) "Educação"
    ["carga_horaria"]=>
    string(2) "60"
    ["imagem"]=>
    string(61) "/img_cursos/prod/img_190x100/educacao/classes-gramaticais.jpg"
    ["img_cursos_430x225"]=>
    string(61) "/img_cursos/prod/img_430x225/educacao/classes-gramaticais.jpg"
    ["eh_gratutito"]=>
    string(1) "1"
    ["10hs"]=>
    string(11) "12319,11056"
    ["20hs"]=>
    string(17) "16058,12319,11056"
    ["30hs"]=>
    string(23) "12060,16058,12319,11056"
    ["40hs"]=>
    string(29) "11424,12060,16058,12319,11056"
    ["50hs"]=>
    string(35) "11902,11424,12060,16058,12319,11056"
    ["60hs"]=>
    string(40) "2921,11902,11424,12060,16058,12319,11056"
    ["idcat"]=>
    int(-1)
    ["sitpag"]=>
    int(-1)
    ["fezmatricula"]=>
    bool(false)
    ["fezcertificado"]=>
    bool(false)
    ["url"]=>
    string(19) "classes-gramaticais"
    ["urlCategoria"]=>
    string(8) "educacao"
    ["urlcat"]=>
    string(8) "educacao"
    ["urlcategoria"]=>
    string(8) "educacao"
    ["urlCompletaCurso"]=>
    string(36) "/cursos/educacao/classes-gramaticais"
    ["bg_color"]=>
    string(14) "bg-color-blue "
    ["css"]=>
    string(34) "icon-bg-blue  fa fa-graduation-cap"
  }
}
 
<!DOCTYPE html> 
<html lang="pt-br"> 
    <head> 
        
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
        w[l] = w[l] || [];
        w[l].push({'gtm.start':
                    new Date().getTime(), event: 'gtm.js'});
        var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
        j.async = true;
        j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
        f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-WXXV5P');</script>
<!-- End Google Tag Manager -->


<script >
 dataLayer.push({   
	 'event': 'fireRemarketingTag',
	 'edu_pagetype': 'searchresults' 
  });
  </script>  
            <meta name="google-site-verification" content="SFReKQy0LsjHcn2VUm-1f4TdTra35AZRXazCUp4HkrU" />
            <meta name="google-site-verification" content="obf5PjE2WuEvFvp9fW6SHyE6wxdaM8F6CweJr8_tFDE" />
        
            <title>Cursos Online Grátis de classes gramaticais Com Certificado. 【MATRICULE-SE】</title>
            <!-- Meta -->
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
            <meta name="author" content="WR Educacional">
            <meta name="title" content="Cursos Online Grátis de classes gramaticais Com Certificado. 【MATRICULE-SE】">
            <meta name="description" content="Lista Cursos Online de classes gramaticais. Todos os Certificados são Válidos em todo Brasil, Garanta já seu certificado ">
            <meta name="keywords" content="wr educacional,cursos com certificados, cursos online com certificados, cursos online, cursos grátis, cursos online grátis, cursos grátis online, certificado na hora, classes gramaticais, curso de classes gramaticais, curso online de classes gramaticais, curso online de classes gramaticais grátis, curso online de classes gramaticais gratuito, certificado de classes gramaticais, curso grátis com certificado de classes gramaticais, curso de classes gramaticais com certificado, classes, gramaticais, lista de cursos ">
            <meta name="robots" content="index,follow">
            <meta name="revisit-after" content="7 days">
            
            <meta property="og:description" content="Lista Cursos Online de classes gramaticais. Todos os Certificados são Válidos em todo Brasil, Garanta já seu certificado " />
            <meta property="og:title" content="Cursos Online Grátis de classes gramaticais Com Certificado. 【MATRICULE-SE】" />
            <meta property="og:locale" content="pt_BR" />
            <meta property="og:type" content="website" />
            <meta property="og:url" content="https://www.wreducacional.com.br/lista-de-cursos/classes-gramaticais" />
            <meta property="og:site_name" content="WR Educacional" />
            
            <meta property="fb:admins" content="100001217571509"/>
            <meta property="fb:app_id" content="1663130367302730" />
            <meta property="article:tag" content="Cursos Gratuitos, classes, gramaticais" />
                 <link rel="canonical" href="https://www.wreducacional.com.br/lista-de-cursos/classes-gramaticais" /> 
                
                <link rel='shortcut icon' href='/favicon.png'><meta name="theme-color" content="#E97F02"/>        <!--<script src='https://www.google.com/recaptcha/api.js?render='></script>-->
        <style>
    @font-face {
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 300 900;
        font-display: swap;
        src: url('/fonts/Rubik-VariableFont_wght.woff2') format('woff2');
    }

    @font-face {
        font-family: 'Glyphicons Halflings';
        font-display: fallback;
        font-display: swap;
        src: url('/fonts/glyphicons-halflings-regular.eot');
        src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('/fonts/glyphicons-halflings-regular.woff2')
    }
    .glyphicon {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .glyphicon-eye-open:before{
        content:"\e105"
    }
    .glyphicon-eye-close:before{
        content:"\e106"
    }
    .glyphicon-check:before {
        content: "\e067";
    }
    .glyphicon-send:before {
        content: "\e171";
    }
    .glyphicon-phone-alt:before {
        content: "\e183";
    }
    .glyphicon-comment:before {
        content: "\e111";
    }
    .glyphicon-chevron-right:before {
        content: "\e080";
    }
    .glyphicon-chevron-left:before {
        content: "\e079";
    }
    i
    .glyphicon-chevron-down:before {
        content: "\e114";
    }
    .glyphicon-time:before {
        content: "\e023";
    }
    .glyphicon-time:before {
        content: "\e023";
    }
    .glyphicon-time:before {
        content: "\e023";
    }
    .glyphicon-star:before{
        content:"\e006"
    }
    /* PAGINA CURSO */
    html {
        font-family: sans-serif;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%
    }

    body {
        margin: 0
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    menu,
    nav,
    section,
    summary {
        display: block
    }

    a {
        background-color: transparent
    }

    a:active,
    a:hover {
        outline: 0
    }

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

    h1 {
        margin: .67em 0;
        font-size: 2em
    }

    img {
        border: 0
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        margin: 0;
        font: inherit;
        color: inherit
    }

    button {
        overflow: visible
    }

    button,
    select {
        text-transform: none
    }

    button,
    html input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer
    }

    input {
        line-height: normal
    }

    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    html {
        font-size: 10px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    body {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 1.42857143;
        color: #333;
        background-color: #fff
    }

    input,
    button,
    select,
    textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit
    }

    a {
        color: #222;
        text-decoration: none
    }

    a:hover,
    a:focus {
        color: #bf3206;
        text-decoration: underline
    }

    img {
        vertical-align: middle
    }

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

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit
    }

    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3 {
        margin-top: 20px;
        margin-bottom: 10px
    }

    h1,
    .h1 {
        font-size: 36px
    }

    h2,
    .h2 {
        font-size: 30px
    }

    h3,
    .h3 {
        font-size: 24px
    }

    p {
        margin: 0 0 10px
    }

    .text-right {
        text-align: right
    }

    .text-center {
        text-align: center
    }

    .text-justify {
        text-align: justify
    }

    .text-uppercase {
        text-transform: uppercase
    }

    ul,
    ol {
        margin-top: 0;
        margin-bottom: 10px
    }

    .list-unstyled {
        padding-left: 0;
        list-style: none
    }

    .list-inline {
        padding-left: 0;
        margin-left: -5px;
        list-style: none
    }

    .list-inline>li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px
    }

    address {
        margin-bottom: 20px;
        font-style: normal;
        line-height: 1.42857143
    }

    .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }

    @media(min-width:768px) {
        .container {
            width: 750px
        }
    }

    @media(min-width:992px) {
        .container {
            width: 970px
        }
    }

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


    .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #333;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
    }

    .form-control::-webkit-input-placeholder {
        color: #999
    }

    .btn-lg,
    .btn-group-lg>.btn {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px
    }

    .btn-block{
        display: block;
        width: 100%;
    }
    .collapse {
        display: none
    }

    .dropup,
    .dropdown {
        position: relative
    }

    .input-group {
        position: relative;
        display: table;
        border-collapse: separate
    }

    .input-group[class*="col-"] {
        float: none;
        padding-right: 0;
        padding-left: 0
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

    .input-group-addon,
    .input-group-btn,
    .input-group .form-control {
        display: table-cell
    }

    .input-group-addon,
    .input-group-btn {
        width: 1%;
        white-space: nowrap;
        vertical-align: middle
    }

    .input-group .form-control:first-child,
    .input-group-addon:first-child,
    .input-group-btn:first-child>.btn,
    .input-group-btn:first-child>.btn-group>.btn,
    .input-group-btn:first-child>.dropdown-toggle,
    .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
    .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group-btn {
        position: relative;
        font-size: 0;
        white-space: nowrap
    }

    .nav {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none
    }

    .nav>li {
        position: relative;
        display: block
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 15px
    }

    .nav>li>a:hover,
    .nav>li>a:focus {
        text-decoration: none;
        background-color: #eee
    }

    .label {
        display: inline;
        padding: .2em .6em .3em;
        font-size: 75%;
        font-weight: bold;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25em
    }

    .label-primary {
        background-color: #166cbf;
        color: #FFF;
        border-color: #0a66bf
    }

    .clearfix:before,
    .clearfix:after,
    .dl-horizontal dd:before,
    .dl-horizontal dd:after,
    .container:before,
    .container:after,
    .container-fluid:before,
    .container-fluid:after,
    .row:before,
    .row:after,
    .form-horizontal .form-group:before,
    .form-horizontal .form-group:after,
    .btn-toolbar:before,
    .btn-toolbar:after,
    .btn-group-vertical>.btn-group:before,
    .btn-group-vertical>.btn-group:after,
    .nav:before,
    .nav:after,
    .pager:before,
    .pager:after,
    .panel-body:before,
    .panel-body:after,
    .modal-header:before,
    .modal-header:after,
    .modal-footer:before,
    .modal-footer:after {
        display: table;
        content: " "
    }

    .clearfix:after,
    .dl-horizontal dd:after,
    .container:after,
    .container-fluid:after,
    .row:after,
    .form-horizontal .form-group:after,
    .btn-toolbar:after,
    .btn-group-vertical>.btn-group:after,
    .nav:after,
    .pager:after,
    .panel-body:after,
    .modal-header:after,
    .modal-footer:after {
        clear: both
    }

    .pull-right {
        float: right !important
    }

    @media(max-width:767px) {
        .hidden-xs {
            display: none !important
        }
    }

    @media(min-width:768px) and (max-width:991px) {
        .hidden-sm {
            display: none !important
        }
    }

    @media(min-width:1200px) {
        .hidden-lg {
            display: none !important
        }
    }

    .inline_v2 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .active {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        background-color: #eee
    }

    * {
        border-radius: 0
    }

    a,
    a:focus,
    a:hover,
    a:active,
    button,
    button:hover {
        outline: 0 !important
    }

    p {
        font-size: 16px
    }

    h1 {
        font-size: 28px;
        line-height: 35px
    }

    h2 {
        font-size: 24px;
        line-height: 33px
    }

    .headline {
        display: block;
        margin: 10px 0 10px 0;
    }

    .headline h2 {
        font-size: 22px
    }

    .headline h2,
    .headline h3,
    .headline h4 {
        margin: 0 0 -2px;
        padding-bottom: 5px;
        display: inline-block;
        border-bottom: 2px solid #72c02c
    }

    .form-control {
        box-shadow: none;
        border-radius: 0
    }

    .btn-u {
        border: 0;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
        font-weight: bold;
        padding: 6px 13px;
        position: relative;
        white-space: nowrap;
        display: inline-block;
        text-decoration: none;
        background: #ce390a;
    }
    .text-justify p {
        text-align: justify;
    }

    .margin-bottom-5,
    .margin-bottom-10,
    .margin-bottom-15,
    .margin-bottom-20,
    .margin-bottom-25,
    .margin-bottom-30,
    .margin-bottom-35,
    .margin-bottom-40,
    .margin-bottom-45,
    .margin-bottom-50,
    .margin-bottom-55,
    .margin-bottom-60,
    .margin-bottom-100 {
        clear: both
    }

    .margin-0{
        margin: 0 !important
    }

    .margin-bottom-5 {
        margin-bottom: 5px
    }

    .margin-bottom-15 {
        margin-bottom: 15px
    }

    .margin-top-10 {
        margin-top: 10px
    }

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

    .padding-0 {
        padding: 0
    }

    .padding-5 {
        padding: 5px
    }

    .padding-20 {
        padding: 20px !important
    }

    .padding-top-5 {
        padding-top: 5px
    }

    .color-white {
        color: #fff
    }

    .rounded {
        border-radius: 4px !important
    }

    .overflow-h {
        overflow: hidden
    }

    body {
        color: #333;
        font-size: 16px;
        line-height: 1.6
    }

    p,
    li,
    li a,
    label {
        color: #333
    }

    a {
        color: #222;
        text-decoration: none
    }

    a,
    a:focus,
    a:hover,
    a:active {
        outline: 0 !important
    }

    a:hover {
        color: #222;
        text-decoration: underline
    }

    .wrapper {
        background: #fff
    }

    .link-list li {
        border-top: 1px solid #353535
    }

    .link-list li:first-child {
        border-top: none !important
    }

    .topbar-v3 {
        z-index: 99;
        padding: 8px 0 8px;
        position: relative;
        background: #2a2a2a
    }
    .topbar-v3 .right-topbar {
        margin-bottom: 1px
    }
    .topbar-v3 .right-topbar li {
        margin-left: 3px
    }
    .topbar-v3 .right-topbar li:first-child {
        margin-left: 0
    }

    .topbar-v3 .right-topbar li a {
        color: #fff;
        text-transform: uppercase;
        padding-left: 0;
        padding-right: 0
    }
    .copyright p {
        color: #fff !important
    }
    .copyright .color-green{
        color: #72c02c !important;
    }
    .pull-right {
        float: right
    }

    h1 {
        font-size: 28px;
        line-height: 35px
    }

    h2 {
        font-size: 24px;
        line-height: 33px
    }


    a,
    a:focus,
    a:hover,
    a:active,
    button,
    button:hover {
        outline: 0 !important
    }

    * {
        border-radius: 0
    }

    p {
        font-size: 14px
    }

    .margin-top-10 {
        margin-top: 10px
    }

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

    .padding-0 {
        padding: 0
    }

    .padding-5 {
        padding: 5px
    }

    .padding-20 {
        padding: 20px
    }
    .padding-top-5 {
        padding-top: 5px
    }

    .color-white {
        color: #fff
    }



    .apresentacao-padding {
        padding-top: 118px;
        padding-right: 0 !important;
        padding-left: 0 !important
    }


    .callout {
        background-color: #e6e6e6
    }

    .callout header {
        margin: 0 0 40px;
        padding: 35px 0;
        position: relative;
        background-color: #662d91
    }

    .callout-topo header .padding-tb-20 {
        padding: 10px;
    }


    .callout header h2{
        font-weight: bold
    }

    .callout header span{
        font-size: 1.1em;
    }

    .callout header h1{
        font-weight: bold
    }

    .callout header::after {
        border-top: 36px solid #ce390a;
        border-right: 35px solid transparent;
        border-left: 35px solid transparent;
        bottom: -35px;
        content: " ";
        display: block;
        left: 50%;
        margin-left: -35px;
        position: absolute
    }

    .callout h2 {
        color: #fff;
        font-weight: 600;
        line-height: 1.3;
        margin-top: 0;
        margin-bottom: 0;
        text-align: center;
        font-size: 23px;
    }
    .callout h1 {
        color: #fff;
        font-weight: 600;
        line-height: 1.3;
        margin-top: 0;
        margin-bottom: 0;
        text-align: center;
        font-size: 28px;
    }
    .callout.st5 header::after {
        border-top: 36px solid #e05b17;
        border-right: 35px solid transparent;
        border-left: 35px solid transparent;
        bottom: -35px;
        content: " ";
        display: block;
        left: 50%;
        margin-left: -35px;
        position: absolute
    }

    .callout.st5 header {
        margin: 0 0 45px;
        padding: 10px 0;
        position: relative;
        background: linear-gradient(to bottom, #ff901b 5%, #df5917 100%);
        color: #fff
    }

    .callout.st5 {
        background-color: #fff;
        background-size: cover
    }

    .container-pesquisa {
        width: 100%;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .container {
        padding-right: 5px;
        padding-left: 5px
    }

    .endereco {
        color: #222
    }

    .product-description-brd {
        box-shadow: #000 0 0 4px
    }

    .product-description {
        padding: 5px 3px;
        overflow: hidden
    }

    .product-description h2.title-price a {
        color: #333
    }

    a,
    a:focus,
    a:hover,
    a:active,
    button,
    button:hover {
        outline: 0 !important
    }

    ul.list-inline {
        margin-left: 0
    }

    .add-to-wishlist li:first-child {
        padding-left: 0;
        border-left: none
    }

    .add-to-wishlist li {
        padding-left: 20px;
        margin-right: 10px;
        border-left: 1px solid #dedede
    }

    li:first-child {
        padding-left: 0
    }

    .add-to-wishlist i {
        color: orangered;
        font-size: 16px;
        margin-right: 7px
    }

    a:hover {
        color: #bf3206;
        text-decoration: underline
    }


    .link-list li {
        border-top: 1px solid #353535
    }

    img,
    a {
        border: 0
    }

    .pure-u-1-2b p {
        font-size: 2.4em;
        color: #cc6052 !important;
        padding: 1em 0 .5em 0
    }

    .headline-left {
        position: relative
    }

    .texto_estrelas {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 1.5rem;
        color: #333;
        text-decoration: none;
        line-height: 125%
    }

    .margin-bottom-50 {
        clear: both
    }

    .margin-bottom-50 {
        margin-bottom: 50px
    }

    @media(max-width:768px) {
        .topbar-v3 .left-topbar,
        .topbar-v3 .right-topbar {
            text-align: center;
            float: none !important;
            font-size: 13px
        }
    }

    @media(max-width:768px) {
        .sm-margin-bottom-20 {
            margin-bottom: 20px
        }
    }

    @media(max-width:992px) {
        .md-margin-bottom-40 {
            margin-bottom: 40px
        }
    }

    @media screen and (min-width:100px) and (max-width:400px) {
        .callout h2 {
            line-height: 1.7;
        }
        .col-xs-6 {
            width: 100%
        }
        .pure-u-1-2b p {
            font-size: 1.5em
        }
    }

    @media(max-width:767px) {
        h1 {
            font-size: 24px;
            line-height: 35px
        }
        h2 {
            font-size: 22px;
            line-height: 32px
        }
    }

    @media(max-width:450px) {
        h1 {
            font-size: 18px;
            line-height: 25px
        }
        input {
            font-size: 14px;
            line-height: 25px
        }
        ul {
            padding: 0;
            margin-left: 0
        }
        h2,
        .h2 {
            font-size: 16px
        }
    }

    @media(max-width:1200px) {
        .apresentacao-padding {
            padding-top: 118px
        }
    }
    @media(max-width:500px) {
        .hidden-wr-meu {
            display: none !important
        }
        body {
            font-size: 14px
        }
        .callout.st5 header::after {
            border-top: 30px solid #e05b17;
            border-right: 30px solid transparent;
            border-left: 30px solid transparent;
            bottom: -29px;
            left: 50%;
            margin-left: -30px
        }
        .callout.st5 header {
            margin: 0 0 35px
        }
    }

    .matricula-btn,
    .estudar-btn,
    .avaliacao-btn,
    .certificado-btn,
    .restreamento-btn,
    .sol-cert-btn,
    .decaracao-btn {

        padding: 7px 2px;
        color: #fff;
        border-radius: 4px;
        text-align: center;
        display: block;
        text-transform: uppercase;
        font-weight: 700;
        margin: 20px auto 0;
        margin-bottom: 5px;
        line-height: 35px;
        font-size: 14px;
        margin-top: 26px;
    }

    .matricula-btn:hover, .matricula-btn:focus, .matricula-btn:active{
        background: #f94309;
        color: #fff;
    }

    .matricula-btn {
        background: #ce390a
    }

    a.matricula-btn{
        text-decoration: none !important;
    }
    .tab {
        overflow: hidden;
        border: 1px solid #fff;
        background-color: #fff
    }

    .tab button {
        background-color: inherit;
        float: left;
        border: 0;
        outline: 0;
        cursor: pointer;
        padding: 14px 16px;
        transition: .3s;
        font-size: 1.8rem;
        font-weight: bold;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border: 1px solid #db6c12;
        margin: 1px;
        color: #333
    }

    .tab button:hover {
        background-color: #ddd
    }

    .tab button.active {
        color: #fff;
        background-color: #ce390a
    }

    .tabconteudo {
        display: none;
        padding: 6px 12px;
        border: 1px solid #db6c12;
        border-top: 0;
        color: #333;
        background-color: #fcf8e3;
        border-radius: 4px
    }

    .tabapostila {
        display: none;
        padding: 6px 12px;
        border: 1px solid #db6c12;
        border-top: 0;
        color: #333;
        background-color: #fcf8e3;
        border-radius: 4px
    }
    .titulohoras {
        font-size: 2.0rem;
        font-weight: bold;
        color: #333;
        margin: 20px 30px;
        text-align: left;
        line-height: 30px
    }

    .conteudo {
        font-size: 1.8rem;
        margin-left: 30px;
        line-height: 1.2;
        text-transform: capitalize
    }

    @media(max-width:720px) {
        .tab button {
            font-size: 1.5rem;
            padding: 8px 9px
        }
        .titulohoras {
            text-align: center;
            font-size: 2.2rem;
            line-height: 20px;
            margin: 0 20px
        }
        .conteudo {
            font-size: 1.6rem;
            margin-left: 10px
        }
    }

    @media(max-width:380px) {
        .tab button {
            font-size: 1.2rem;
            padding: 7px 7px
        }
        .titulohoras {
            text-align: center;
            font-size: 1.6rem;
            line-height: 16px;
            margin: 15px
        }
        .conteudo {
            font-size: 1.6rem;
            margin-left: 1px
        }
        .tabconteudo {
            display: none;
            padding: 3px;
            line-height: 14px
        }
        .tabapostila {
            display: none;
            padding: 3px;
            line-height: 14px
        }
        .tab button {
            padding: 7px 7px;
            font-size: 1.2rem
        }
    }

    .btnoutroscursos:hover {
        text-decoration: none !important;
        background-color: #db6c12;
        color: #fff
    }

    .btnoutroscursos {
        font-weight: bold;
        background-color: #ce390a;
        border: 0;
        color: #fff;
        padding: 15px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 20px 2px;
        cursor: pointer;
        border-radius: 8px;
        font-size: 2.2rem;
        line-height: 18px
    }

    .btnperguntasrespostas:hover {
        text-decoration: none !important;
        background-color: #286090;
        border-color: #122b40;
        color: #FFF
    }

    .btnperguntasrespostas {
        font-weight: bold;
        background-color: #337ab7;
        color: #FFF;
        border-color: #2e6da4;
        padding: 15px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 20px 2px;
        cursor: pointer;
        border-radius: 8px;
        font-size: 2.2rem;
        line-height: 18px
    }

    h1,
    .h1 {
        font-size: 3.2rem
    }

    h2,
    .h2 {
        font-size: 2.0rem
    }

    h3,
    .h3 {
        font-size: 1.8rem;
        line-height: 16px
    }

    @media(max-width:720px) {
        h1,
        .h1 {
            font-size: 2.0rem;
            line-height: 18px
        }
        h2,
        .h2 {
            font-size: 1.8rem;
            line-height: 16px
        }
        h3,
        .h3 {
            font-size: 1.6rem;
            line-height: 14px
        }
        .btnoutroscursos,
        btnperguntasrespostas {
            padding: 15px;
            margin: 10px 2px;
            font-size: 2.0rem;
            line-height: 16px
        }
    }

    @media(max-width:500px) {
        h1,
        .h1 {
            font-size: 1.8rem;
            line-height: 30px
        }
        h2,
        .h2 {
            font-size: 1.6rem;
            line-height: 25px;
        }
        h3,
        .h3 {
            font-size: 1.4rem;
            line-height: 20px
        }
        .btnoutroscursos,
        btnperguntasrespostas {
            padding: 5px;
            margin: 10px;
            font-size: 1.8rem;
            line-height: 14px
        }
    }

    @media(max-width:380px) {
        h1,
        .h1 {
            font-size: 1.8rem;
            line-height: 25px
        }
        h2,
        .h2 {
            font-size: 1.6rem;
            line-height: 21px
        }
        h3,
        .h3 {
            font-size: 1.4rem;
            line-height: 18px
        }
        .btnoutroscursos,
        btnperguntasrespostas {
            padding: 8px;
            margin: 5px 1px;
            font-size: 1.4rem;
            line-height: 12px
        }
        .hidden-li-xs {
            display: none !important
        }
    }

    .blue header {
        /*background-color: #337ab7 !important;*/
        background-color: #ce390a !important;
        color: #FFF
    }

    .blue header::after {
        /*border-top: 36px solid #337ab7 !important;*/
        border-top: 36px solid #ce390a !important;
        border-right: 35px solid transparent;
        border-left: 35px solid transparent;
        bottom: -35px;
        content: " ";
        display: block;
        left: 50%;
        margin-left: -35px;
        position: absolute
    }

    .imgalunogenerico {
        display: -webkit-inline-box;
        float: initial;
        background-image: url("/img/alunos-genericos.webp");
        vertical-align: middle;
        margin-right: 2px;
        margin-top: -5px;
        width: 50px;
        height: 50px
    }

    .aluno01 {
        background-position: 0 0
    }

    .aluno02 {
        background-position: -50px 0
    }

    .aluno03 {
        background-position: -100px 0
    }

    .aluno04 {
        background-position: -150px 0
    }

    .aluno05 {
        background-position: -200px 0
    }

    .aluno06 {
        background-position: -250px 0
    }

    .aluno07 {
        background-position: -300px 0
    }

    .img {
        display: -webkit-inline-box;
        float: initial;
        background-image: url("/img/icons/pagina-de-curso.webp");
        vertical-align: middle;
        margin-right: 2px;
        margin-top: -5px
    }

    .whatsapp32 {
        width: 32px;
        height: 32px;
        background-position: 0 -0px
    }

    .whatsapp24 {
        width: 24px;
        height: 24px;
        background-position: 0 -32px
    }

    .whatsapp16 {
        width: 16px;
        height: 16px;
        background-position: 0 -56px
    }

    .telverde32 {
        width: 32px;
        height: 32px;
        background-position: -32px 0
    }

    .telverde24 {
        width: 24px;
        height: 24px;
        background-position: -32px -32px
    }

    .telverde16 {
        width: 16px;
        height: 16px;
        background-position: -32px -56px
    }

    .telverdeblack32 {
        width: 32px;
        height: 32px;
        background-position: -64px 0
    }

    .telverdeblack24 {
        width: 24px;
        height: 24px;
        background-position: -64px -32px
    }

    .telverdeblack16 {
        width: 16px;
        height: 16px;
        background-position: -64px -56px
    }

    .telbranco32 {
        width: 32px;
        height: 32px;
        background-position: -96px 0
    }

    .telbranco24 {
        width: 24px;
        height: 24px;
        background-position: -96px -32px
    }

    .telbranco16 {
        width: 16px;
        height: 16px;
        background-position: -96px -56px
    }

    .telegranazul32 {
        width: 32px;
        height: 32px;
        background-position: -128px 0
    }

    .telegranazul24 {
        width: 24px;
        height: 24px;
        background-position: -128px -32px
    }

    .telegranazul16 {
        width: 16px;
        height: 16px;
        background-position: -128px -56px
    }

    .telegranbranco32 {
        width: 32px;
        height: 32px;
        background-position: -160px 0
    }

    .telegranbranco24 {
        width: 24px;
        height: 24px;
        background-position: -160px -32px
    }

    .telegranbranco16 {
        width: 16px;
        height: 16px;
        background-position: -160px -56px
    }

    .estrelasinza32 {
        width: 32px;
        height: 32px;
        background-position: -192px 0
    }

    .estrelasinza24 {
        width: 24px;
        height: 24px;
        background-position: -192px -32px
    }

    .estrelasinza16 {
        width: 16px;
        height: 16px;
        background-position: -192px -56px
    }

    .estrelalaranja32 {
        width: 32px;
        height: 32px;
        background-position: -224px 0
    }

    .estrelalaranja24 {
        width: 24px;
        height: 24px;
        background-position: -224px -32px
    }

    .estrelalaranja16 {
        width: 16px;
        height: 16px;
        background-position: -224px -56px
    }

    .chatbranco32 {
        width: 32px;
        height: 32px;
        background-position: -256px 0
    }

    .chatbranco24 {
        width: 24px;
        height: 24px;
        background-position: -256px -32px
    }

    .chatbranco16 {
        width: 16px;
        height: 16px;
        background-position: -256px -56px
    }

    .chatverdeblack32 {
        width: 32px;
        height: 32px;
        background-position: -288px 0
    }

    .chatverdeblack24 {
        width: 24px;
        height: 24px;
        background-position: -288px -32px
    }

    .chatverdeblack16 {
        width: 16px;
        height: 16px;
        background-position: -288px -56px
    }

    .envelopebranco32 {
        width: 32px;
        height: 32px;
        background-position: -320px 0
    }

    .envelopebranco24 {
        width: 24px;
        height: 24px;
        background-position: -320px -32px
    }

    .envelopebranco16 {
        width: 16px;
        height: 16px;
        background-position: -320px -56px
    }

    .facebook32 {
        width: 32px;
        height: 32px;
        background-position: -352px 0
    }

    .facebook24 {
        width: 24px;
        height: 24px;
        background-position: -352px -32px
    }

    .facebook16 {
        width: 16px;
        height: 16px;
        background-position: -352px -56px
    }

    .google32 {
        width: 32px;
        height: 32px;
        background-position: -384px 0
    }

    .google24 {
        width: 24px;
        height: 24px;
        background-position: -384px -32px
    }

    .google16 {
        width: 16px;
        height: 16px;
        background-position: -384px -56px
    }

    .youtube32 {
        width: 32px;
        height: 32px;
        background-position: -416px 0
    }

    .youtube24 {
        width: 24px;
        height: 24px;
        background-position: -416px -32px
    }

    .youtube16 {
        width: 16px;
        height: 16px;
        background-position: -416px -56px
    }

    .whatsbtn32 {
        width: 32px;
        height: 32px;
        background-position: -448px 0
    }

    .whatsbtn24 {
        width: 24px;
        height: 24px;
        background-position: -448px -32px
    }

    .whatsbtn16 {
        width: 16px;
        height: 16px;
        background-position: -448px -56px
    }

    .question32 {
        width: 32px;
        height: 32px;
        background-position: -480px 0
    }

    .question24 {
        width: 24px;
        height: 24px;
        background-position: -480px -32px
    }

    .question16 {
        width: 16px;
        height: 16px;
        background-position: -480px -56px
    }

    .celular32 {
        width: 32px;
        height: 32px;
        background-position: -512px 0
    }

    .celular24 {
        width: 24px;
        height: 24px;
        background-position: -512px -32px
    }

    .celular16 {
        width: 16px;
        height: 16px;
        background-position: -512px -56px
    }

    .check32 {
        width: 32px;
        height: 32px;
        background-position: -544px 0
    }

    .check24 {
        width: 24px;
        height: 24px;
        background-position: -544px -32px
    }

    .check16 {
        width: 16px;
        height: 16px;
        background-position: -544px -56px
    }

    .book32 {
        width: 32px;
        height: 32px;
        background-position: -576px 0
    }

    .book24 {
        width: 24px;
        height: 24px;
        background-position: -576px -32px
    }

    .book16 {
        width: 16px;
        height: 16px;
        background-position: -576px -56px
    }

    .list32 {
        width: 32px;
        height: 32px;
        background-position: -608px 0
    }

    .list24 {
        width: 24px;
        height: 24px;
        background-position: -608px -32px
    }

    .list16 {
        width: 16px;
        height: 16px;
        background-position: -608px -56px
    }

    .questionblack32 {
        width: 32px;
        height: 32px;
        background-position: -640px 0
    }

    .questionblack24 {
        width: 24px;
        height: 24px;
        background-position: -640px -32px
    }

    .questionblack16 {
        width: 16px;
        height: 16px;
        background-position: -640px -56px
    }

    .thumbs-up32 {
        width: 32px;
        height: 32px;
        background-position: -672px 0
    }

    .thumbs-up24 {
        width: 24px;
        height: 24px;
        background-position: -672px -32px
    }

    .thumbs-up16 {
        width: 16px;
        height: 16px;
        background-position: -672px -56px
    }

    .time32 {
        width: 32px;
        height: 32px;
        background-position: -704px 0
    }

    .time24 {
        width: 24px;
        height: 24px;
        background-position: -704px -32px
    }

    .time16 {
        width: 16px;
        height: 16px;
        background-position: -704px -56px
    }

    .envelopeblack32 {
        width: 32px;
        height: 32px;
        background-position: -736px 0
    }

    .envelopeblack24 {
        width: 24px;
        height: 24px;
        background-position: -736px -32px
    }

    .envelopeblack16 {
        width: 16px;
        height: 16px;
        background-position: -736px -56px
    }

    .th-list32 {
        width: 32px;
        height: 32px;
        background-position: -768px 0
    }

    .th-list24 {
        width: 24px;
        height: 24px;
        background-position: -768px -32px
    }

    .th-list16 {
        width: 16px;
        height: 16px;
        background-position: -768px -56px
    }

    .mala32 {
        width: 32px;
        height: 32px;
        background-position: -800px 0
    }

    .mala24 {
        width: 24px;
        height: 24px;
        background-position: -800px -32px
    }

    .mala16 {
        width: 16px;
        height: 16px;
        background-position: -800px -56px
    }

    .user32 {
        width: 32px;
        height: 32px;
        background-position: -832px 0
    }

    .user24 {
        width: 24px;
        height: 24px;
        background-position: -832px -32px
    }

    .user16 {
        width: 16px;
        height: 16px;
        background-position: -832px -56px
    }

    .cap32 {
        width: 32px;
        height: 32px;
        background-position: -864px 0
    }

    .cap24 {
        width: 24px;
        height: 24px;
        background-position: -864px -32px
    }

    .cap16 {
        width: 16px;
        height: 16px;
        background-position: -864px -56px
    }

    .meiaestrela32 {
        width: 32px;
        height: 32px;
        background-position: -896px 0
    }

    .meiaestrela24 {
        width: 24px;
        height: 24px;
        background-position: -896px -32px
    }

    .meiaestrela16 {
        width: 16px;
        height: 16px;
        background-position: -896px -56px
    }

    .showconteudo {
        display: none
    }

    .showapostilas {
        display: none
    }

    .caixa {
        text-align: center;
        border-color: #e84c0c;
        border-style: solid;
        background: #FFF;
        box-shadow: 0 10px 0 #e84c0c;
        padding: 100px 20px;
        margin: 20px 0
    }

    .caixa h1 {
        margin: 15px 5px;
        font-size: 6.5rem;
        font-weight: bold;
        line-height: 70px
    }

    @media(max-width:720px) {
        .caixa {
            padding: 60px 10px;
            margin: 15px 0
        }
        .caixa h1 {
            margin: 15px 5px;
            font-size: 4.5rem;
            line-height: 50px
        }
    }

    @media(max-width:500px) {
        .caixa {
            padding: 50px 10px;
            margin: 10px 0
        }
        .caixa h1 {
            margin: 10px 3px;
            font-size: 3.5rem;
            line-height: 40px
        }
    }

    @media(max-width:380px) {
        .caixa {
            padding: 30px 5px;
            margin: 15px 0
        }
        .caixa h1 {
            margin: 5px 2px;
            font-size: 2.5rem;
            line-height: 30px
        }
    }
    .caixaaluno {
        padding: 10px;
        margin-bottom: 20px;
        border: 1px solid #333;
        border-radius: 4px
    }
    .caixaaluno h3{
        margin: 0
    }
    @media(max-width:767px) {
        .hidden-xs {
            display: none !important
        }
    }

    @media(min-width:768px) and (max-width:991px) {
        .hidden-sm {
            display: none !important
        }
    }

    @media(min-width:992px) and (max-width:1199px) {
        .hidden-md {
            display: none !important
        }
    }

    @media(min-width:1200px) {
        .hidden-lg {
            display: none !important
        }
    }

    /* CSS COMBINADO */

    html {
        font-family: sans-serif;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%
    }
    body {
        margin: 0
    }

    article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
        display: block
    }
    a {
        background-color: transparent
    }

    a:active,a:hover {
        outline: 0
    }
    b,strong {
        font-weight: bold
    }
    sub,sup {
        position: relative;
        font-size: 75%;
        line-height: 0;
        vertical-align: baseline
    }

    sup {
        top: -.5em
    }
    img {
        border: 0
    }
    button,input,optgroup,select,textarea {
        margin: 0;
        font: inherit;
        color: inherit
    }

    button {
        overflow: visible
    }

    button,select {
        text-transform: none
    }

    button,html input[type="button"],input[type="reset"],input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer
    }
    table {
        border-spacing: 0;
        border-collapse: collapse
    }

    td,th {
        padding: 0
    }

    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    *:before,*:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    html {
        font-size: 10px;
        -webkit-tap-highlight-color: rgba(0,0,0,0)
    }

    body {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 14px;
        line-height: 1.42857143;
        color: #333;
        background-color: #fff
    }

    input,button,select,textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit
    }

    a {
        color: #337ab7;
        text-decoration: none
    }

    a:hover,a:focus {
        color: #bf3206;
        text-decoration: underline
    }
    img {
        vertical-align: middle
    }

    .img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img {
        display: block;
        max-width: 100%;
        height: auto;
    }
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0
    }
    h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit
    }
    h1,.h1,h2,.h2,h3,.h3 {
        margin-top: 20px;
        margin-bottom: 10px
    }
    h4,.h4,h5,.h5,h6,.h6 {
        margin-top: 10px;
        margin-bottom: 10px
    }
    h1,.h1 {
        font-size: 36px
    }

    h2,.h2 {
        font-size: 2.0rem;
    }

    h3,.h3 {
        font-size: 24px
    }

    h4,.h4 {
        font-size: 18px
    }
    p {
        margin: 0 0 10px
    }
    .text-right {
        text-align: right
    }

    .text-center {
        text-align: center
    }

    .text-justify {
        text-align: justify
    }
    ul,ol {
        margin-top: 0;
        margin-bottom: 10px
    }
    .list-unstyled {
        padding-left: 0;
        list-style: none
    }

    .list-inline {
        padding-left: 0;
        margin-left: -5px;
        list-style: none
    }

    .list-inline>li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px
    }
    address {
        margin-bottom: 20px;
        font-style: normal;
        line-height: 1.42857143
    }
    .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }
    @media(min-width: 768px) {
        .container {
            /*width:750px*/
            width:100%;
        }
    }

    @media(min-width: 992px) {
        .container {
            width:970px
        }
    }

    @media(min-width: 1200px) {
        .container {
            width:1170px
        }
    }
    .row {
        margin-right: -15px;
        margin-left: -15px;
        display:flex;
        flex-wrap:wrap;
    }
    table {
        background-color: transparent
    }

    .collapse {
        display: none
    }
    .dropup,.dropdown {
        position: relative
    }

    .nav {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none
    }

    .nav>li {
        position: relative;
        display: block
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 15px
    }

    .nav>li>a:hover,.nav>li>a:focus {
        text-decoration: none;
        background-color: #eee
    }

    .thumbnail {
        display: block;
        padding: 4px;
        margin-bottom: 20px;
        line-height: 1.42857143;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-transition: border .2s ease-in-out;
        -o-transition: border .2s ease-in-out;
        transition: border .2s ease-in-out
    }

    .center-block {
        display: block;
        margin-right: auto;
        margin-left: auto
    }

    .pull-right {
        float: right!important
    }

    @media(max-width: 767px) {
        .hidden-xs {
            display:none!important
        }
    }

    @media(min-width: 768px) and (max-width:991px) {
        .hidden-sm {
            display:none!important
        }
    }

    @media(min-width: 992px) and (max-width:1199px) {
        .hidden-md {
            display:none!important
        }
    }

    .inline_v2 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .interactive-slider-v2 {
        z-index: 1;
        padding: 20px 0 170px;
        position: relative;
        text-align: center
    }

    .interactive-slider-v2::after {
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        content: " ";
        position: absolute
    }

    .interactive-slider-v2 h1 {
        color: #fff;
        font-size: 60px;
        font-weight: 600;
        line-height: 80px;
        text-transform: uppercase
    }

    * {
        border-radius: 0
    }

    a,a:focus,a:hover,a:active,button,button:hover {
        outline: 0!important
    }

    p {
        font-size: 16px
    }
    h1 {
        font-size: 28px;
        line-height: 35px
    }

    h2 {
        font-size: 24px;
        line-height: 33px
    }



    h4 {
        line-height: 25px
    }
    h1,h2,h3,h4,h5,h6 {
        color: #333;
        margin-top: 5px;
        text-shadow: none;
        font-weight: normal;
        font-family: "Open Sans",Arial,sans-serif
    }

    .headline h2 {
        font-size: 22px
    }

    .headline h2,.headline h3,.headline h4 {
        margin: 0 0 -2px;
        padding-bottom: 5px;
        display: inline-block;
        border-bottom: 2px solid #72c02c
    }
    .text-justify p {
        text-align: justify
    }
    .padding-20 {
        padding: 20px
    }

    .padding-top-5 {
        padding-top: 5px
    }
    .color-green {
        color: #528200;
    }
    .color-white {
        color: #fff
    }
    .rounded {
        border-radius: 4px!important
    }

    .rounded-x {
        border-radius: 50%!important
    }
    .full-width {
        width: 100%
    }
    body {
        color: #333;
        font-size: 16px;
        line-height: 1.6
    }

    p,li,li a,label {
        color: #333
    }

    a {
        color: #222;
        text-decoration: none
    }

    a,a:focus,a:hover,a:active {
        outline: 0!important
    }
    a:hover {
        color: #222;
        text-decoration: underline
    }

    .wrapper {
        background: #fff
    }
    .link-list li {
        border-top: 1px solid #353535
    }

    .link-list li:first-child {
        border-top: none!important
    }


    .topbar-v3 {
        z-index: 99;
        padding: 8px 0 8px;
        position: relative;
        background: #2a2a2a
    }

    .topbar-v3 .right-topbar {
        margin-bottom: 1px
    }

    .topbar-v3 .right-topbar li {
        margin-left: 3px
    }

    .topbar-v3 .right-topbar li:first-child {
        margin-left: 0
    }

    .topbar-v3 .right-topbar li,.topbar-v3 .right-topbar li a {
        color: #fff;
        text-transform: uppercase;
        padding-left: 0;
        padding-right: 0
    }
    .pull-right {
        float: right
    }

    h1 {
        font-size: 28px;
        line-height: 35px
    }

    h2 {
        font-size: 24px;
        line-height: 33px
    }

    h3 {
        font-size: 18px;
        line-height: 27px
    }

    h4 {
        line-height: 25px
    }

    a,a:focus,a:hover,a:active,button,button:hover {
        outline: 0!important
    }

    * {
        border-radius: 0
    }

    .col-md-3 {
        padding-left: 6px;
        padding-right: 6px
    }

    p {
        font-size: 14px
    }
    .padding-20 {
        padding: 20px
    }
    .padding-top-5 {
        padding-top: 5px
    }

    .color-white {
        color: #fff
    }
    .callout {
        background-color: #e6e6e6
    }

    .margin-right-10, .margin-left-10{
        margin: 0
    }

    .card-body .margin-right-10.margin-left-10{
        margin: 0 10px
    }
    .card-body .col-xs-12{
        padding: 0 10px
    }

    .callout header {
        margin: 0 0 40px;
        padding: 35px 0;
        position: relative;
        background-color: #662d91
    }

    .apresentacao-padding {
        padding-top: 118px;
        padding-right: 0!important;
        padding-left: 0!important
    }

    .container-pesquisa {
        width: 100%;
        margin: 0
    }
    .container {
        padding-right: 5px;
        padding-left: 5px
    }

    .col-md-12 {
        padding-right: 5px;
        padding-left: 5px
    }
    .endereco {
        color: #777
    }
    a,a:focus,a:hover,a:active,button,button:hover {
        outline: 0!important
    }
    ul.list-inline {
        margin-left: 0
    }
    li:first-child {
        padding-left: 0
    }
    a:hover {
        color: #bf3206;
        text-decoration: underline
    }
    .topocurso {
        position: absolute;
        bottom: 30px;
        padding: 0
    }
    .topocurso h1 {
        margin: 0;
        padding: 10px;
        color: #fff
    }
    .footer-v6 .footer {
        padding: 70px 0 30px;
        background: #611802
    }

    .footer-v6 .footer p {
        color: #fff
    }

    .footer-v6 .copyright {
        padding: 15px 0;
        background: #3d0f02
    }
    .footer-v6 .col-xs-12 {
        padding: 0 5px
    }
    .link-list a {
        color: #eee !important;
        font-size: 11px;
        padding: 6px 0;
        display: inline-block;
        text-transform: uppercase
    }

    .link-list a:hover{
        text-decoration: underline;
    }

    .link-list li {
        border-top: 1px solid #353535
    }
    img,a {
        border: 0
    }
    .rounded-x {
        border-radius: 50%!important
    }
    @media(max-width: 768px) {
        .topbar-v3 .left-topbar,.topbar-v3 .right-topbar {
            text-align:center;
            float: none!important;
            font-size: 13px
        }
    }

    @media(max-width: 992px) {
        .md-margin-bottom-40 {
            margin-bottom: 40px
        }
        .interactive-slider-v2 h1 {
            font-size: 35px;
            line-height: 35px;
        }
        .cta_carouselpromo_content .dvbg{
            height: 100%;
        }
    }
    @media(max-width: 768px) {
        .sm-margin-bottom-20 {
            margin-bottom: 20px
        }
    }
    @media(max-width: 992px) {
        .md-margin-bottom-40 {
            margin-bottom: 40px
        }
    }
    .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;
        padding-right: 15px;
        padding-left: 15px
    }

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

    .col-xs-12 {
        width: 100%
    }

    .col-xs-11 {
        width: 91.66666667%
    }

    .col-xs-10 {
        width: 83.33333333%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-8 {
        width: 66.66666667%
    }

    .col-xs-7 {
        width: 58.33333333%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-5 {
        width: 41.66666667%
    }

    .col-xs-4 {
        width: 33.33333333%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-2 {
        width: 16.66666667%
    }

    .col-xs-1 {
        width: 8.33333333%
    }

    .col-xs-pull-12 {
        right: 100%
    }

    .col-xs-pull-11 {
        right: 91.66666667%
    }

    .col-xs-pull-10 {
        right: 83.33333333%
    }

    .col-xs-pull-9 {
        right: 75%
    }

    .col-xs-pull-8 {
        right: 66.66666667%
    }

    .col-xs-pull-7 {
        right: 58.33333333%
    }

    .col-xs-pull-6 {
        right: 50%
    }

    .col-xs-pull-5 {
        right: 41.66666667%
    }

    .col-xs-pull-4 {
        right: 33.33333333%
    }

    .col-xs-pull-3 {
        right: 25%
    }

    .col-xs-pull-2 {
        right: 16.66666667%
    }

    .col-xs-pull-1 {
        right: 8.33333333%
    }

    .col-xs-pull-0 {
        right: auto
    }

    .col-xs-push-12 {
        left: 100%
    }

    .col-xs-push-11 {
        left: 91.66666667%
    }

    .col-xs-push-10 {
        left: 83.33333333%
    }

    .col-xs-push-9 {
        left: 75%
    }

    .col-xs-push-8 {
        left: 66.66666667%
    }

    .col-xs-push-7 {
        left: 58.33333333%
    }

    .col-xs-push-6 {
        left: 50%
    }

    .col-xs-push-5 {
        left: 41.66666667%
    }

    .col-xs-push-4 {
        left: 33.33333333%
    }

    .col-xs-push-3 {
        left: 25%
    }

    .col-xs-push-2 {
        left: 16.66666667%
    }

    .col-xs-push-1 {
        left: 8.33333333%
    }

    .col-xs-push-0 {
        left: auto
    }

    .col-xs-offset-12 {
        margin-left: 100%
    }

    .col-xs-offset-11 {
        margin-left: 91.66666667%
    }

    .col-xs-offset-10 {
        margin-left: 83.33333333%
    }

    .col-xs-offset-9 {
        margin-left: 75%
    }

    .col-xs-offset-8 {
        margin-left: 66.66666667%
    }

    .col-xs-offset-7 {
        margin-left: 58.33333333%
    }

    .col-xs-offset-6 {
        margin-left: 50%
    }

    .col-xs-offset-5 {
        margin-left: 41.66666667%
    }

    .col-xs-offset-4 {
        margin-left: 33.33333333%
    }

    .col-xs-offset-3 {
        margin-left: 25%
    }

    .col-xs-offset-2 {
        margin-left: 16.66666667%
    }

    .col-xs-offset-1 {
        margin-left: 8.33333333%
    }

    .col-xs-offset-0 {
        margin-left: 0
    }

    @media(min-width:768px) {
        .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-12 {
            width: 100%
        }
        .col-sm-11 {
            width: 91.66666667%
        }
        .col-sm-10 {
            width: 83.33333333%
        }
        .col-sm-9 {
            width: 75%
        }
        .col-sm-8 {
            width: 66.66666667%
        }
        .col-sm-7 {
            width: 58.33333333%
        }
        .col-sm-6 {
            width: 50%
        }
        .col-sm-5 {
            width: 41.66666667%
        }
        .col-sm-4 {
            width: 33.33333333%
        }
        .col-sm-3 {
            width: 25%
        }
        .col-sm-2 {
            width: 16.66666667%
        }
        .col-sm-1 {
            width: 8.33333333%
        }
        .col-sm-pull-12 {
            right: 100%
        }
        .col-sm-pull-11 {
            right: 91.66666667%
        }
        .col-sm-pull-10 {
            right: 83.33333333%
        }
        .col-sm-pull-9 {
            right: 75%
        }
        .col-sm-pull-8 {
            right: 66.66666667%
        }
        .col-sm-pull-7 {
            right: 58.33333333%
        }
        .col-sm-pull-6 {
            right: 50%
        }
        .col-sm-pull-5 {
            right: 41.66666667%
        }
        .col-sm-pull-4 {
            right: 33.33333333%
        }
        .col-sm-pull-3 {
            right: 25%
        }
        .col-sm-pull-2 {
            right: 16.66666667%
        }
        .col-sm-pull-1 {
            right: 8.33333333%
        }
        .col-sm-pull-0 {
            right: auto
        }
        .col-sm-push-12 {
            left: 100%
        }
        .col-sm-push-11 {
            left: 91.66666667%
        }
        .col-sm-push-10 {
            left: 83.33333333%
        }
        .col-sm-push-9 {
            left: 75%
        }
        .col-sm-push-8 {
            left: 66.66666667%
        }
        .col-sm-push-7 {
            left: 58.33333333%
        }
        .col-sm-push-6 {
            left: 50%
        }
        .col-sm-push-5 {
            left: 41.66666667%
        }
        .col-sm-push-4 {
            left: 33.33333333%
        }
        .col-sm-push-3 {
            left: 25%
        }
        .col-sm-push-2 {
            left: 16.66666667%
        }
        .col-sm-push-1 {
            left: 8.33333333%
        }
        .col-sm-push-0 {
            left: auto
        }
        .col-sm-offset-12 {
            margin-left: 100%
        }
        .col-sm-offset-11 {
            margin-left: 91.66666667%
        }
        .col-sm-offset-10 {
            margin-left: 83.33333333%
        }
        .col-sm-offset-9 {
            margin-left: 75%
        }
        .col-sm-offset-8 {
            margin-left: 66.66666667%
        }
        .col-sm-offset-7 {
            margin-left: 58.33333333%
        }
        .col-sm-offset-6 {
            margin-left: 50%
        }
        .col-sm-offset-5 {
            margin-left: 41.66666667%
        }
        .col-sm-offset-4 {
            margin-left: 33.33333333%
        }
        .col-sm-offset-3 {
            margin-left: 25%
        }
        .col-sm-offset-2 {
            margin-left: 16.66666667%
        }
        .col-sm-offset-1 {
            margin-left: 8.33333333%
        }
        .col-sm-offset-0 {
            margin-left: 0
        }
    }

    @media(min-width:992px) {
        .col-md-1,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .col-md-10,
        .col-md-11,
        .col-md-12 {
            float: left
        }
        .col-md-12 {
            width: 100%
        }
        .col-md-11 {
            width: 91.66666667%
        }
        .col-md-10 {
            width: 83.33333333%
        }
        .col-md-9 {
            width: 75%
        }
        .col-md-8 {
            width: 66.66666667%
        }
        .col-md-7 {
            width: 58.33333333%
        }
        .col-md-6 {
            width: 50%
        }
        .col-md-5 {
            width: 41.66666667%
        }
        .col-md-4 {
            width: 33.33333333%
        }
        .col-md-3 {
            width: 25%
        }
        .col-md-2 {
            width: 16.66666667%
        }
        .col-md-1 {
            width: 8.33333333%
        }
        .col-md-pull-12 {
            right: 100%
        }
        .col-md-pull-11 {
            right: 91.66666667%
        }
        .col-md-pull-10 {
            right: 83.33333333%
        }
        .col-md-pull-9 {
            right: 75%
        }
        .col-md-pull-8 {
            right: 66.66666667%
        }
        .col-md-pull-7 {
            right: 58.33333333%
        }
        .col-md-pull-6 {
            right: 50%
        }
        .col-md-pull-5 {
            right: 41.66666667%
        }
        .col-md-pull-4 {
            right: 33.33333333%
        }
        .col-md-pull-3 {
            right: 25%
        }
        .col-md-pull-2 {
            right: 16.66666667%
        }
        .col-md-pull-1 {
            right: 8.33333333%
        }
        .col-md-pull-0 {
            right: auto
        }
        .col-md-push-12 {
            left: 100%
        }
        .col-md-push-11 {
            left: 91.66666667%
        }
        .col-md-push-10 {
            left: 83.33333333%
        }
        .col-md-push-9 {
            left: 75%
        }
        .col-md-push-8 {
            left: 66.66666667%
        }
        .col-md-push-7 {
            left: 58.33333333%
        }
        .col-md-push-6 {
            left: 50%
        }
        .col-md-push-5 {
            left: 41.66666667%
        }
        .col-md-push-4 {
            left: 33.33333333%
        }
        .col-md-push-3 {
            left: 25%
        }
        .col-md-push-2 {
            left: 16.66666667%
        }
        .col-md-push-1 {
            left: 8.33333333%
        }
        .col-md-push-0 {
            left: auto
        }
        .col-md-offset-12 {
            margin-left: 100%
        }
        .col-md-offset-11 {
            margin-left: 91.66666667%
        }
        .col-md-offset-10 {
            margin-left: 83.33333333%
        }
        .col-md-offset-9 {
            margin-left: 75%
        }
        .col-md-offset-8 {
            margin-left: 66.66666667%
        }
        .col-md-offset-7 {
            margin-left: 58.33333333%
        }
        .col-md-offset-6 {
            margin-left: 50%
        }
        .col-md-offset-5 {
            margin-left: 41.66666667%
        }
        .col-md-offset-4 {
            margin-left: 33.33333333%
        }
        .col-md-offset-3 {
            margin-left: 25%
        }
        .col-md-offset-2 {
            margin-left: 16.66666667%
        }
        .col-md-offset-1 {
            margin-left: 8.33333333%
        }
        .col-md-offset-0 {
            margin-left: 0
        }
    }

    @media(min-width:1200px) {
        .col-lg-1,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12 {
            float: left
        }
        .col-lg-12 {
            width: 100%
        }
        .col-lg-11 {
            width: 91.66666667%
        }
        .col-lg-10 {
            width: 83.33333333%
        }
        .col-lg-9 {
            width: 75%
        }
        .col-lg-8 {
            width: 66.66666667%
        }
        .col-lg-7 {
            width: 58.33333333%
        }
        .col-lg-6 {
            width: 50%
        }
        .col-lg-5 {
            width: 41.66666667%
        }
        .col-lg-4 {
            width: 33.33333333%
        }
        .col-lg-3 {
            width: 25%
        }
        .col-lg-2 {
            width: 16.66666667%
        }
        .col-lg-1 {
            width: 8.33333333%
        }
        .col-lg-pull-12 {
            right: 100%
        }
        .col-lg-pull-11 {
            right: 91.66666667%
        }
        .col-lg-pull-10 {
            right: 83.33333333%
        }
        .col-lg-pull-9 {
            right: 75%
        }
        .col-lg-pull-8 {
            right: 66.66666667%
        }
        .col-lg-pull-7 {
            right: 58.33333333%
        }
        .col-lg-pull-6 {
            right: 50%
        }
        .col-lg-pull-5 {
            right: 41.66666667%
        }
        .col-lg-pull-4 {
            right: 33.33333333%
        }
        .col-lg-pull-3 {
            right: 25%
        }
        .col-lg-pull-2 {
            right: 16.66666667%
        }
        .col-lg-pull-1 {
            right: 8.33333333%
        }
        .col-lg-pull-0 {
            right: auto
        }
        .col-lg-push-12 {
            left: 100%
        }
        .col-lg-push-11 {
            left: 91.66666667%
        }
        .col-lg-push-10 {
            left: 83.33333333%
        }
        .col-lg-push-9 {
            left: 75%
        }
        .col-lg-push-8 {
            left: 66.66666667%
        }
        .col-lg-push-7 {
            left: 58.33333333%
        }
        .col-lg-push-6 {
            left: 50%
        }
        .col-lg-push-5 {
            left: 41.66666667%
        }
        .col-lg-push-4 {
            left: 33.33333333%
        }
        .col-lg-push-3 {
            left: 25%
        }
        .col-lg-push-2 {
            left: 16.66666667%
        }
        .col-lg-push-1 {
            left: 8.33333333%
        }
        .col-lg-push-0 {
            left: auto
        }
        .col-lg-offset-12 {
            margin-left: 100%
        }
        .col-lg-offset-11 {
            margin-left: 91.66666667%
        }
        .col-lg-offset-10 {
            margin-left: 83.33333333%
        }
        .col-lg-offset-9 {
            margin-left: 75%
        }
        .col-lg-offset-8 {
            margin-left: 66.66666667%
        }
        .col-lg-offset-7 {
            margin-left: 58.33333333%
        }
        .col-lg-offset-6 {
            margin-left: 50%
        }
        .col-lg-offset-5 {
            margin-left: 41.66666667%
        }
        .col-lg-offset-4 {
            margin-left: 33.33333333%
        }
        .col-lg-offset-3 {
            margin-left: 25%
        }
        .col-lg-offset-2 {
            margin-left: 16.66666667%
        }
        .col-lg-offset-1 {
            margin-left: 8.33333333%
        }
        .col-lg-offset-0 {
            margin-left: 0
        }
    }
    @media screen and (min-width: 300px) and (max-width:450px) {
        .col-xs-6 {
            width:100%
        }
    }

    @media screen and (min-width: 100px) and (max-width:400px) {
        .col-xs-6 {
            width:100%
        }
    }
    @media(max-width: 767px) {
        .callout header h1 {
            font-weight: 600;
            font-size: 1.8rem !important;
        }
        .callout h2 {
            font-weight: 600;
            font-size: 1.8rem
        }
        .topocurso {
            position:static
        }

        h1 {
            font-size: 24px;
            line-height: 35px
        }

        h2 {
            font-size: 22px;
            line-height: 32px
        }
    }
    @media(max-width: 450px) {
        h1 {
            font-size:18px;
            line-height: 25px
        }
        ul {
            padding: 0;
            margin-left: 0
        }

        h2,.h2 {
            font-size: 16px
        }
    }

    @media(max-width: 1200px) {
        .apresentacao-padding {
            padding-top:118px
        }
    }

    @media(max-width: 500px) {
        h3, .h3 {
            font-size: 1.4rem;
            line-height: 20px;
        }
        h2, .h2 {
            font-size: 1.8rem;
            line-height: 1;
        }

        .hidden-wr-meu {
            display:none!important
        }

        body {
            font-size: 14px
        }
        .interactive-slider-v2 h1 {
            font-size: 40px
        }

        .callout.st5 header {
            margin: 0 0 35px
        }
    }
    .img {
        display: -webkit-inline-box;
        float: initial;
        background-image: url("/img/icons/pagina-de-curso.webp");
        vertical-align: middle;
        margin-right: 2px;
        margin-top: -5px
    }
    .estrelasinza24 {
        width: 24px;
        height: 24px;
        background-position: -192px -32px
    }
    .estrelalaranja24 {
        width: 24px;
        height: 24px;
        background-position: -224px -32px
    }
    .check32 {
        width: 32px;
        height: 32px;
        background-position: -544px 0
    }

    @media (min-width: 100px) and (max-width: 992px){
        .text-center-sm{
            text-align: center !important;
        }
    }


    /* PERSONALIZADO */
    .slide_text {
        text-align: center;
        width: 100% !important;
        background: rgba(0,0,0,0.7);
        color: #ff880e;
        position: absolute;
        display: block;
    }
    .slide_text h3{
        color: #fff;
        text-transform: uppercase;
        line-height: normal;
        font-weight: 600;

    }

    @media (min-width: 100px) and (max-width: 400px){
        .slide_text {
            margin-top: 15% !important;
        }
        .slide_text h3{
            font-size: 20px !important;
        }
    }

    @media (min-width: 401px) and (max-width: 800px){
        .slide_text {
            margin-top: 13% !important;
        }
        .slide_text h3{
            font-size: 30px !important;
        }
    }

    @media (min-width: 601px) and (max-width: 800px){
        .slide_text {
            margin-top: 16% !important;
        }
        .slide_text h3{
            font-size: 28px !important;
        }
    }

    @media (min-width: 801px) and (max-width: 1800px){
        .slide_text {
            margin-top: 10% !important;
        }
        .slide_text h3{
            font-size: 60px !important;
        }
    }

    @media (min-width: 1801px){
        .slide_text {
            margin-top: 5% !important;
        }
        .slide_text h3{
            font-size: 80px !important;
        }
    }

    /* MONITOR */
    .sobre-instituicao{
        padding: 0 10px;
    }
    .sobre-instituicao h1, .sobre-instituicao h3{
        color: #b12a00;
        font-size: 48px;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
    }
    .sobre-instituicao h2, .sobre-instituicao h4, .sobre-instituicao h5{
        color: #222;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
    }
    .sobre-instituicao p{
        padding-top: 20px;
        font-size: 1.2em;
        text-align: justify;
        font-weight: 400;
        line-height: 32px;
    }

    @media(max-width: 500px){
        .sobre-instituicao p{
            font-size: 0.8em;
            line-height: 1.6;
        }
    }
    @media (min-width: 100px) and (max-width: 400px){
        .sobre-instituicao h1, .sobre-instituicao h4{
            font-size: 28px !important;
            line-height: 26px !important;
        }
        .sobre-instituicao h2, .sobre-instituicao h5{
            font-size: 14px !important;
            line-height: 15px !important;
        }
    }

    @media (min-width: 401px) and (max-width: 600px){
        .sobre-instituicao h1, .sobre-instituicao h4{
            font-size: 35px !important;
        }
        .sobre-instituicao h2, .sobre-instituicao h5{
            font-size: 16px !important;
            line-height: 16px !important;
        }
    }

    #monitor {
        background: #000;
        position: relative;
        border-top: 3px solid #888;
        margin: 5%;
        padding: 2% 2% 4% 2%;
        border-radius: 10px;
        border-bottom-left-radius: 50% 2%;
        border-bottom-right-radius: 50% 2%;
        transition: margin-right 1s;
    }

    #monitor:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 3%;
        left: 36%;
        height: .5%;
        width: 28%;
        background: #ddd;
        border-radius: 50%;
        box-shadow: 0 0 3px 0 white;
    }

    #monitorscreen {
        position: relative;
        background-color: #777;
        background-size: cover;
        background-position: top center;
        margin: auto;
        position: relative;
        overflow: hidden;
    }


    @media all and (min-width: 960px) {
        #monitor {
            -webkit-animation: tvflicker .2s infinite alternate;
            -moz-animation:    tvflicker .5s infinite alternate;
            -o-animation:      tvflicker .5s infinite alternate;
            animation:         tvflicker .5s infinite alternate;
        }
    }

    .box{
        /*border: 1px solid #222;*/
        margin: 0 10px 20px 10px;
        border-radius: 10px 50px 0 0;
        justify-content: center;
    }

    .box:hover{
        transform: scale(1.04);
        transition: 0.1s;
    }

    .box .box-img {
        position: relative;
    }
    .box .box-img img{
        min-height: 251px;
        max-height: 251px;
        object-fit: cover;
        width: 100%;
        height: 100%;
        border-radius: 10px 50px 0 0;
        box-shadow: 2px 2px 14px -4px rgb(0,0,0,0.5);
    }

    .box .box-titulo {
        text-transform: uppercase;
        color: #fff;
        font-size: 1.1em;
        font-weight: bold;
        padding: 3px 0 3px 0;
        margin-top: -30px;
        text-align: center;
        background-color: rgb(0,0,0,0.8);
        width: 100%;
        position: absolute;
    }

    .box .box-desc{
        width: 100%;
        min-height: 300px;
        max-height: 300px;
        position: relative;
        font-size: 1.3em;
        line-height: 1.6;
        height: 50vh;
        font-weight: 400;
        color: #222;
        background-color: #f5f5f5;
        border-radius: 0 0 10px 50px;
        box-shadow: 2px 2px 14px -4px rgb(0,0,0,0.5);
        border: 1px solid #ccc;
        padding: 15px 10px 60px 10px;

        text-align: justify;
    }

    .box .footer{
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: rgb(51, 122, 183, 1);
        color: #fff;
        padding: 8px;
        border-radius: 0 0 10px 50px;
        text-align: center;
    }

    .box .footer:hover{
        background-color: rgb(51, 122, 183, 0.7);
        color: #fff;
        padding: 8px;
    }

    .box a{
        text-decoration: none !important;
    }

    @media (min-width: 100px) and (max-width: 991px){
        .box .box-img img{
            min-height: 100% !important;
            min-height: 100% !important;
            width: 100%;
            border-radius: 10px 50px 0 0;
            box-shadow: 2px 2px 14px -4px rgb(0,0,0,0.5);
        }
        .box .box-desc{
            font-size: 1.1em;
            min-height: 200px;
            max-height: 400px;
            height: auto;
        }
    }

    .celular {
        margin-bottom: -70px;
        margin-left: 100px;
    }
    .video-celular{
        position: absolute;
        margin-top: 10px;
        left: 148px;
    }
    .timeline-numeros{
        padding: 0 10px
    }
    .vantagens-aplicativo .list{
        margin-bottom: 20px;
    }
    .vantagens-aplicativo .titulo{
        font-weight: bold;
        text-transform: uppercase;
        color: #b12a00;
        font-size: 1.7em;
        margin-bottom: -2px;
    }
    .vantagens-aplicativo .desc{
        font-size: 1.3em;
        margin-top: 10px;
        margin-bottom: 0;
        line-height: 1.7;
    }

    @media(max-width: 991px){
        .vantagens-aplicativo .desc{
            font-size: 1.1em;
            line-height: 1.5;
        }
        .vantagens-aplicativo .titulo{
            font-size: 1.4em;
        }
    }


    .btnAplicativo{
        text-decoration: none;
        background-color: #ce390a;
        color: #FFF;
        border-color: #2e6da4;
        padding: 12px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 15px 2px;
        cursor: pointer;
        border-radius: 10px;
        font-size: 2.2rem;
        line-height: 10px;
    }

    .btnAplicativo:hover{
        color: #fff;
    }

    a.btnAplicativo {
        text-decoration: none !important;
    }

    #content {
        position: relative;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px;
    }

    .phone {
        z-index:1;
        width: 200px;
        max-width: 200px;
        height: 430px;
        background: #000;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .screen {
        z-index:0;
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        background: #c0b4b4;
        border-radius: 20px;
        overflow: hidden!important;
    }
    @media (min-width: 100px) and (max-width: 375px){
        .timeline-numeros .container{
            padding: 0
        }
        #content {
            margin-top: 20px;
            /*            margin-bottom: -20px;*/
        }
        .phone {
            width: 180px;
            max-width: 180px;
            height: 388px;
        }
        .screen {
            border-radius: 15px;
        }
    }
    @media (min-width: 376px) and (max-width: 991px){
        .timeline-numeros .container{
            padding: 0
        }
        #content {
            margin-top: 20px;
            /*margin-bottom: -20px;*/
        }
        .phone {
            width: 240px;
            max-width: 240px;
            height: 520px;
        }
        .screen {
            border-radius: 15px;
        }
    }

    a {
        text-decoration: none
    }

    h4 {
        text-align: center;
        margin: 30px 0;
        color: #444
    }

    .main-timeline {
        position: relative
    }

    .main-timeline:before {
        content: "";
        width: 5px;
        height: 100%;
        border-radius: 20px;
        margin: 0 auto;
        background: #242922;
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .main-timeline .timeline {
        display: inline-block;
        margin-bottom: 50px;
        position: relative
    }

    .main-timeline .timeline:before {
        content: "";
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 4px solid #fff;
        background: #ec496e;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        transform: translate(-50%, -50%)
    }

    .main-timeline .timeline-icon {
        display: inline-block;
        width: 130px;
        height: 130px;
        border-radius: 50%;
        border: 3px solid #ec496e;
        padding: 13px;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 30%;
        transform: translateY(-50%)
    }

    .main-timeline .timeline-icon i {
        display: block;
        border-radius: 50%;
        background: #ec496e;
        font-size: 64px;
        color: #fff;
        line-height: 100px;
        z-index: 1;
        position: relative
    }

    .main-timeline .timeline-icon:after,
    .main-timeline .timeline-icon:before {
        content: "";
        width: 100px;
        height: 4px;
        background: #ec496e;
        position: absolute;
        top: 50%;
        right: -100px;
        transform: translateY(-50%)
    }

    .main-timeline .timeline-icon:after {
        width: 70px;
        height: 50px;
        background: #fff;
        top: 89px;
        right: -30px
    }

    .main-timeline .timeline-content {
        width: 50%;
        padding: 0 50px;
        margin: 52px 0 0;
        float: right;
        position: relative
    }

    .main-timeline .timeline-content:before {
        content: "";
        width: 70%;
        height: 100%;
        border: 3px solid #ec496e;
        border-top: none;
        border-right: none;
        position: absolute;
        bottom: -13px;
        left: 35px
    }

    .main-timeline .timeline-content:after {
        content: "";
        width: 37px;
        height: 3px;
        background: #ec496e;
        position: absolute;
        top: 13px;
        left: 0
    }

    .main-timeline .title {
        font-size: 20px;
        font-weight: 600;
        color: #ec496e;
        text-transform: uppercase;
        margin: 0 0 5px
    }

    .main-timeline .description {
        display: inline-block;
        font-size: 16px;
        color: #404040;
        line-height: 20px;
        letter-spacing: 1px;
        margin: 0
    }

    .main-timeline .timeline:nth-child(even) .timeline-icon {
        left: auto;
        right: 30%
    }

    .main-timeline .timeline:nth-child(even) .timeline-icon:before {
        right: auto;
        left: -100px
    }

    .main-timeline .timeline:nth-child(even) .timeline-icon:after {
        right: auto;
        left: -30px
    }

    .main-timeline .timeline:nth-child(even) .timeline-content {
        float: left
    }

    .main-timeline .timeline:nth-child(even) .timeline-content:before {
        left: auto;
        right: 35px;
        transform: rotateY(180deg)
    }

    .main-timeline .timeline:nth-child(even) .timeline-content:after {
        left: auto;
        right: 0
    }

    .main-timeline .timeline:nth-child(2n) .timeline-content:after,
    .main-timeline .timeline:nth-child(2n) .timeline-icon i,
    .main-timeline .timeline:nth-child(2n) .timeline-icon:before,
    .main-timeline .timeline:nth-child(2n):before {
        background: #f9850f
    }

    .main-timeline .timeline:nth-child(2n) .timeline-icon {
        border-color: #f9850f
    }

    .main-timeline .timeline:nth-child(2n) .title {
        color: #f9850f
    }

    .main-timeline .timeline:nth-child(2n) .timeline-content:before {
        border-left-color: #f9850f;
        border-bottom-color: #f9850f
    }

    .main-timeline .timeline:nth-child(3n) .timeline-content:after,
    .main-timeline .timeline:nth-child(3n) .timeline-icon i,
    .main-timeline .timeline:nth-child(3n) .timeline-icon:before,
    .main-timeline .timeline:nth-child(3n):before {
        background: #8fb800
    }

    .main-timeline .timeline:nth-child(3n) .timeline-icon {
        border-color: #8fb800
    }

    .main-timeline .timeline:nth-child(3n) .title {
        color: #8fb800
    }

    .main-timeline .timeline:nth-child(3n) .timeline-content:before {
        border-left-color: #8fb800;
        border-bottom-color: #8fb800
    }

    .main-timeline .timeline:nth-child(4n) .timeline-content:after,
    .main-timeline .timeline:nth-child(4n) .timeline-icon i,
    .main-timeline .timeline:nth-child(4n) .timeline-icon:before,
    .main-timeline .timeline:nth-child(4n):before {
        background: #2fcea5
    }

    .main-timeline .timeline:nth-child(4n) .timeline-icon {
        border-color: #2fcea5
    }

    .main-timeline .timeline:nth-child(4n) .title {
        color: #2fcea5
    }

    .main-timeline .timeline:nth-child(4n) .timeline-content:before {
        border-left-color: #2fcea5;
        border-bottom-color: #2fcea5
    }

    @media only screen and (max-width:1200px) {
        .main-timeline .timeline-icon:before {
            width: 50px;
            right: -50px
        }
        .main-timeline .timeline:nth-child(even) .timeline-icon:before {
            right: auto;
            left: -50px
        }
        .main-timeline .timeline-content {
            margin-top: 75px
        }
    }

    @media only screen and (max-width:990px) {
        .main-timeline .timeline {
            margin: 0 0 10px
        }
        .main-timeline .timeline-icon {
            left: 25%
        }
        .main-timeline .timeline:nth-child(even) .timeline-icon {
            right: 25%
        }
        .main-timeline .timeline-content {
            margin-top: 115px
        }
    }

    @media only screen and (max-width:767px) {
        .main-timeline {
            padding-top: 50px
        }
        .main-timeline:before {
            left: 80px;
            right: 0;
            margin: 0
        }
        .main-timeline .timeline {
            margin-bottom: 70px
        }
        .main-timeline .timeline:before {
            top: 0;
            left: 83px;
            right: 0;
            margin: 0
        }
        .main-timeline .timeline-icon {
            width: 60px;
            height: 60px;
            line-height: 40px;
            padding: 5px;
            top: 0;
            left: 0
        }
        .main-timeline .timeline:nth-child(even) .timeline-icon {
            left: 0;
            right: auto
        }
        .main-timeline .timeline-icon:before,
        .main-timeline .timeline:nth-child(even) .timeline-icon:before {
            width: 25px;
            left: auto;
            right: -25px
        }
        .main-timeline .timeline-icon:after,
        .main-timeline .timeline:nth-child(even) .timeline-icon:after {
            width: 25px;
            height: 30px;
            top: 44px;
            left: auto;
            right: -5px
        }
        .main-timeline .timeline-icon i {
            font-size: 30px;
            line-height: 45px
        }
        .main-timeline .timeline-content,
        .main-timeline .timeline:nth-child(even) .timeline-content {
            width: 100%;
            margin-top: -15px;
            padding-left: 130px;
            padding-right: 5px
        }
        .main-timeline .timeline:nth-child(even) .timeline-content {
            float: right
        }
        .main-timeline .timeline-content:before,
        .main-timeline .timeline:nth-child(even) .timeline-content:before {
            width: 50%;
            left: 120px
        }
        .main-timeline .timeline:nth-child(even) .timeline-content:before {
            right: auto;
            transform: rotateY(0)
        }
        .main-timeline .timeline-content:after,
        .main-timeline .timeline:nth-child(even) .timeline-content:after {
            left: 85px
        }
    }

    @media only screen and (max-width:479px) {
        .main-timeline .timeline-content,
        .main-timeline .timeline:nth-child(2n) .timeline-content {
            padding-left: 110px
        }
        .main-timeline .timeline-content:before,
        .main-timeline .timeline:nth-child(2n) .timeline-content:before {
            left: 99px
        }
        .main-timeline .timeline-content:after,
        .main-timeline .timeline:nth-child(2n) .timeline-content:after {
            left: 65px
        }
    }

    /******************* Timeline Demo - 4 *****************/

    .main-timeline4{
        overflow:hidden;
        position:relative
    }
    .main-timeline4:before{
        content:"";
        width:5px;
        height:75%;
        background:#333;
        position:absolute;
        top:55px;
        left:50%;
        transform:translateX(-50%)
    }
    .main-timeline4 .timeline-content:before,.main-timeline4 .timeline:before{
        top:50%;
        transform:translateY(-50%);
        content:""
    }
    .main-timeline4 .timeline{
        width:50%;
        padding-left:100px;
        float:right;
        position:relative
    }
    .main-timeline4 .timeline:before{
        width:20px;
        height:20px;
        border-radius:50%;
        background:#fff;
        border:5px solid #333;
        position:absolute;
        left:-10px
    }
    .main-timeline4 .timeline-content{
        display:block;
        padding-left:150px;
        position:relative
    }
    .main-timeline4 .timeline-content:before{
        width:90px;
        height:10px;
        border-top:7px dotted #333;
        position:absolute;
        left:-92px
    }
    .main-timeline4 .year{
        display:inline-block;
        width:120px;
        height:120px;
        line-height:25px;
        padding-top:25px;
        border-radius:50%;
        border:10px solid #ce390a;
        font-size:30px;
        color:#ce390a;
        text-align:center;
        box-shadow:inset 0 0 10px rgba(0,0,0,.4);
        position:absolute;
        top:0;
        left:0
    }
    .main-timeline4 .year:before{
        content:"";
        border-left:20px solid #ce390a;
        border-top:10px solid transparent;
        border-bottom:10px solid transparent;
        position:absolute;
        bottom:-13px;
        right:0;
        transform:rotate(45deg)
    }
    .main-timeline4 .inner-content{
        padding:20px 0
    }
    .main-timeline4 .title{
        font-size:18px;
        font-weight:600;
        color:#ce390a;
        text-transform:uppercase;
        margin:0 0 5px
    }

    @media(max-width: 600px){
        .main-timeline4 .title{
            font-size: 1.1em;
        }
    }

    .main-timeline4 .description{
        min-height:55px;
        font-size:14px;
        color:#6f6f6f;
        margin:0 0 5px;
    }
    .main-timeline4 a{
        text-decoration: none!important
    }
    .main-timeline4 .timeline:nth-child(2n){
        padding:0 100px 0 0
    }
    .main-timeline4 .timeline:nth-child(2n) .timeline-content:before,.main-timeline4 .timeline:nth-child(2n) .year,.main-timeline4 .timeline:nth-child(2n):before{
        left:auto;
        right:-10px
    }
    .main-timeline4 .timeline:nth-child(2n) .timeline-content{
        padding:0 150px 0 0
    }
    .main-timeline4 .timeline:nth-child(2n) .timeline-content:before{
        right:-92px
    }
    .main-timeline4 .timeline:nth-child(2n) .year{
        right:0
    }
    .main-timeline4 .timeline:nth-child(2n) .year:before{
        right:auto;
        left:0;
        border-left:none;
        border-right:20px solid #607d8b;
        transform:rotate(-45deg)
    }
    .main-timeline4 .timeline:nth-child(2){
        margin-top:110px
    }
    .main-timeline4 .timeline:nth-child(odd){
        margin:-110px 0 0
    }
    .main-timeline4 .timeline:nth-child(even){
        margin-bottom:80px
    }
    .main-timeline4 .timeline:first-child,.main-timeline4 .timeline:last-child:nth-child(even){
        margin:0
    }
    .main-timeline4 .timeline:nth-child(2n) .year {
        border-color: #337ab7;
        color: #337ab7
    }
    .main-timeline4 .timeline:nth-child(2) .year:before {
        border-right-color: #337ab7
    }

    .main-timeline4 .timeline:nth-child(2n) .title {
        color: #337ab7;
    }
    .main-timeline4 .timeline:nth-child(3n) .year {
        border-color: #557e03;
        color: #557e03
    }

    .main-timeline4 .timeline:nth-child(3) .year:before {
        border-left-color: #557e03
    }

    .main-timeline4 .timeline:nth-child(3n) .title {
        color: #557e03
    }

    .main-timeline4 .timeline:nth-child(4n) .year {
        border-color: #c35203;
        color: #c35203
    }

    .main-timeline4 .timeline:nth-child(4) .year:before {
        border-right-color: #c35203
    }
    .main-timeline4 .timeline:nth-child(4n) .title {
        color: #c35203
    }
    .year p {
        color: inherit;
        font-size: 0.7em;
    }
    @media (max-width:1200px){
        .main-timeline4 .year{
            top:50%;
            transform:translateY(-50%)
        }
    }

    @media only screen and (max-width:990px) {
        .main-timeline4 .timeline {
            padding-left: 75px
        }
        .main-timeline4 .timeline:nth-child(2n) {
            padding: 0 75px 0 0
        }
        .main-timeline4 .timeline-content {
            padding-left: 130px
        }
        .main-timeline4 .timeline:nth-child(2n) .timeline-content {
            padding: 0 130px 0 0
        }
        .main-timeline4 .timeline-content:before {
            width: 68px;
            left: -68px
        }
        .main-timeline4 .timeline:nth-child(2n) .timeline-content:before {
            right: -68px
        }
    }

    @media (max-width:877px){
        .main-timeline4{
            overflow:visible
        }
        .main-timeline4:before{
            display:none
        }
        .main-timeline4 .timeline:before,.main-timeline4 .timeline:nth-child(2n):before{
            display:none
        }
        .main-timeline4 .timeline,.main-timeline4 .timeline:nth-child(even),.main-timeline4 .timeline:nth-child(odd){
            width:100%;
            float:none;
            text-align:center;
            padding:0;
            margin:0 0 10px
        }
        .main-timeline4 .timeline-content,.main-timeline4 .timeline:nth-child(2n) .timeline-content{
            padding:0
        }
        .main-timeline4 .timeline-content:before,.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{
            display:none
        }
        .main-timeline4 .timeline:nth-child(2n) .year,.main-timeline4 .year{
            position:relative;
            transform:translateY(0)
        }
        .main-timeline4 .timeline:nth-child(2n) .year:before,.main-timeline4 .year:before{
            display:none
        }
        .main-timeline4 .timeline:nth-child(2n) .year:before{
            display:none
        }
        .main-timeline4 .timeline:nth-child(3n) .year:before{
            display:none
        }
        .main-timeline4 .timeline:nth-child(4n) .year:before{
            display:none
        }
        .main-timeline4 .inner-content{
            padding:10px 0
        }
    }

    .timeline-numeros a{
        text-decoration: none;
    }

    .list-inline {
        padding-left: 0;
        list-style: none;
    }

    .w-100 {
        width: 100% !important;
    }



    .mt-3, .my-3 {
        margin-top: 1rem !important;
    }


    .mb-3, .my-3 {
        margin-bottom: 1rem !important;
    }

    .mt-auto, .my-auto {
        margin-top: auto !important;
    }

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

    .mb-auto, .my-auto {
        margin-bottom: auto !important;
    }

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

    .text-center {
        text-align: center !important;
    }

    @media (max-width: 486px){
        .hidden-down-486{
            display: none !important;
        }
    }
    @media (min-width: 487px) and (max-width: 3000px){
        .hidden-up-487{
            display: none !important;
        }
    }
    .banner-app-white{
        width: 100%;
        height: 100%;
    }
    .banner-page{
        margin-left: 0;
        margin-right: 0;
        margin-top: 100px;
        padding: 9% 0 9% 0;
        background-color: #f1f1f1;
    }
    .conteudo-cursos .titulo{
        text-align: center;
        font-size: 28px;
        font-weight: bold;
        color: #821f00;
        margin-top: 10px;
        text-transform: uppercase;
    }

    .conteudo-cursos .desc{
        text-align: justify;
        font-size: 20px;
        font-weight: 500;
        line-height: 25px;
        color: #222;
        /*padding: 0 18px 0 18px;*/
    }

    .conteudo-cursos ul li{
        font-size: 18px;
        line-height: 29px;
        font-weight: 400;
        border-left: 2px solid green;
        list-style: none;
        margin: 10px 0 10px 0;
        padding: 5px;
    }

    .conteudo-cursos img{
        width: 40%;
        height: 40%;
        border-radius: 4px;
    }

    @media(min-width: 100px) and (max-width: 499px){
        .conteudo-cursos img{
            width: 100%;
            height: 100%;
        }
        .conteudo-cursos .titulo{
            font-size: 18px;
        }
        .conteudo-cursos .desc{
            font-size: 14px;
        }
    }

    @media(min-width: 500px) and (max-width: 992px){
        .conteudo-cursos img{
            width: 70%;
            height: 70%;
        }
        .conteudo-cursos .titulo{
            font-size: 24px;
        }
        .conteudo-cursos .desc{
            font-size: 17px;
        }
    }

    .bg-color-dark,.bg-color-darker,.bg-color-sea,.bg-color-red,.bg-color-aqua,.bg-color-blue,.bg-color-blue1,.bg-color-grey,.bg-color-light,.bg-color-green,.bg-color-green2,.bg-color-brown,.bg-color-orange,.bg-color-green1,.bg-color-purple,.bg-color-dark-blue,.bg-color-light-grey,.bg-color-light-green{
        color:#fff
    }
    .bg-color-white{
        color:#555
    }
    .bg-color-darker{
        background-color:#222!important
    }
    .bg-color-white{
        background-color:#fff!important
    }
    .bg-color-sea{
        background-color:#1abc9c!important
    }
    .bg-color-red{
        background-color:#e74c3c!important
    }
    .bg-color-aqua{
        background-color:#27d7e7!important
    }
    .bg-color-blue{
        background-color:#20799b!important
    }
    .bg-color-green{
        background-color:#72c02c!important
    }
    .bg-color-green2{
        background-color:green!important
    }
    .bg-color-orange{
        background-color:#e67e22!important
    }
    .bg-color-purple{
        background-color:#8b5bcc!important
    }
    .bg-color-dark-blue{
        background-color:#4765a0!important
    }
    .bg-color-light-green{
        background-color:#79d5b3!important
    }
    .bg-color-deep-orange{
        background-color:#ff5722!important
    }
    .bg-color-yellow{
        background-color:#907204!important
    }
    .bg-color-brown2{
        background-color:#5d4037!important
    }
    .bg-color-pink-orage{
        background-color: #a2644e!important;
    }
    .bg-color-light-brown{
        background-color: #d7ccc8!important;
    }

    .bg-color-indigo{
        background-color: #3957fd !important;
    }

    .bg-color-red{
        background-color: #d43a2a !important;
    }

    .bg-color-deep-orange{
        background-color: #af2a00 !important;
    }

    .bg-color-blue3 {
        background-color: #005da7 !important;
    }

    .bg-color-red2 {
        background-color: #d32f2f !important;
    }

    .bg-color-sea {
        background-color: #058067 !important;
    }

    .bg-color-light-green  {
        background-color: #2d8060 !important;
    }

    .bg-color-green {
        background-color: #407510 !important;
    }

    .bg-color-dark-green  {
        background-color: #1a461c !important;
    }

    .bg-color-lime {
        background-color: #5f6900 !important;
    }

    .bg-color-pink  {
        background-color: #c11e5d !important;
    }

    .bg-color-light-blue {
        background-color: #0072b1 !important;
    }

    .bg-color-amber  {
        background-color: #947000 !important;
    }

    .bg-color-aqua  {
        background-color: #107f8a !important;
    }

    .bg-color-light-brown  {
        background-color: #735d55 !important;
    }

    .bg-color-orange {
        background-color: #b1590b !important;
    }
    .color-orange {
        color: #cf4000 !important;
    }
    .illustration-v2 .product-img-brd {
        box-shadow: #000 0 0 4px
    }

    .illustration-v2 .product-img {
        position: relative
    }

    .product-img img{
        width: 100%;
        height: 100%;
    }

    .illustration-v2 a.product-review {
        left: 0;
        bottom: 0;
        color: #fff;
        width: 100%;
        padding: 5px 0;
        font-size: 12px;
        text-align: center;
        position: absolute;
        text-transform: uppercase;
        background: rgba(0,0,0,0.498039)
    }

    .padding-top-10 {
        padding-top: 10px
    }
    .padding-5 {
        padding: 5px
    }
    .rgba-banner {
        top: 6px;
        left: 6px;
        color: #fff;
        font-size: 13px;
        padding: 3px 8px;
        border-radius: 3px;
        font-weight: 500;
        position: absolute;
        text-transform: uppercase
    }

    .event-list {
        list-style: none;
        font-family: 'Lato', sans-serif;
        margin: 0px;
        padding: 0px;
    }
    .event-list > li {
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 0px 5px rgb(51, 51, 51);
        box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
        padding: 0px;
        margin: 0px 0px 20px;
    }
    .event-list > li > time {
        display: inline-block;
        width: 100%;
        color: rgb(255, 255, 255);
        background-color: #b5330b;
        padding: 5px;
        text-align: center;
        text-transform: uppercase;

    }
    /*                .event-list > li:nth-child(even) > time {
                        background-color: rgb(165, 82, 167);
                    }*/
    .event-list > li > time > span {
        display: none;
    }
    .event-list > li > time > .day {
        display: block;
        font-size: 4.0em;
        font-weight: 100;
        line-height: 1;
    }
    .event-list > li time > .month {
        display: block;
        font-size: 1.5em;
        font-weight: 900;
        line-height: 1;
    }
    .event-list > li > img {
        width: 100%;
        height: 100%;
    }
    .event-list > li > .info {
        padding-top: 5px;
        text-align: center;
    }
    .event-list > li > .info > .title {
        font-size: 1.2em;
        font-weight: 700;
        color: #222 !important;
        text-align: center !important;
        padding: 0 5px 0 5px;
    }
    .event-list > li > .info > .desc {
        font-size: 1.0em;
        font-weight: 300;
        margin: 0px;
        text-align: justify;
        padding: 0 5px 0 5px;
    }
    .event-list > li > .info > ul,
    .event-list > li > .social > ul {
        display: table;
        list-style: none;
        margin: 10px 0px 0px;
        padding: 0px;
        width: 100%;
        text-align: center;
    }
    .event-list > li > .social > ul {
        margin: 0px;
    }
    .event-list > li > .info > ul > li,
    .event-list > li > .social > ul > li {
        display: table-cell;
        cursor: pointer;
        color: rgb(30, 30, 30);
        font-size: 11pt;
        font-weight: 300;
        padding: 3px 0px;
    }
    .event-list > li > .info > ul > li > a {
        display: block;
        width: 100%;
        color: rgb(30, 30, 30);
        text-decoration: none;
    }
    .event-list > li > .social > ul > li {
        padding: 0px;
    }
    .event-list > li > .social > ul > li > a {
        padding: 3px 0px;
    }
    .event-list > li > .info > ul > li:hover,
    .event-list > li > .social > ul > li:hover {
        color: rgb(30, 30, 30);
        background-color: rgb(200, 200, 200);
    }
    .facebook a,
    .twitter a,
    .google-plus a {
        display: block;
        width: 100%;
        color: rgb(75, 110, 168) !important;
    }
    .twitter a {
        color: rgb(79, 213, 248) !important;
    }
    .google-plus a {
        color: rgb(221, 75, 57) !important;
    }
    .facebook:hover a {
        color: rgb(255, 255, 255) !important;
        background-color: rgb(75, 110, 168) !important;
    }
    .twitter:hover a {
        color: rgb(255, 255, 255) !important;
        background-color: rgb(79, 213, 248) !important;
    }
    .google-plus:hover a {
        color: rgb(255, 255, 255) !important;
        background-color: rgb(221, 75, 57) !important;
    }
    li .footer {
        position: relative;
        width: 100%;
        margin: 0 !important;
        background-color: #ccc;
        text-align: center;
        padding: 5px;
        text-transform: uppercase;
        bottom: 0;
        margin-top: 10px !important;
        font-weight: bold;
    }
    @media (min-width: 992px) {
        li .footer {
            position: absolute;
            width: 100%;
            margin: 0 !important;
            background-color: #ccc;
            text-align: center;
            padding: 5px;
            text-transform: uppercase;
            bottom: 0;
            font-weight: bold;
        }
        .event-list > li {
            /*                        position: relative;
                                    display: block;
                                    width: 100%;
                                    height: 120px;*/
            padding: 0px;
        }
        .event-list > li > time,
        .event-list > li > img  {
            display: inline-block;
        }
        .event-list > li > time,
        .event-list > li > img {
            width: 10%;
            float: left;
        }

        .event-list > li > time{
            padding: 20px !important;
        }
        .event-list > li > .info {
            background-color: rgb(245, 245, 245);
            overflow: hidden;
        }
        .event-list > li > time,
        .event-list > li > img {
            min-width: 141px;
            min-height: 141px;
            padding: 0px;
            margin: 0px;
        }
        .event-list > li > .info {
            position: relative;
            height: 140px;
            text-align: left;
            padding-right: 40px;
        }
        .event-list > li > .info > .title,
        .event-list > li > .info > .desc {
            padding: 0px 10px;
        }
        .event-list > li > .info > ul {
            position: absolute;
            left: 0px;
            bottom: 0px;
        }
        .event-list > li > .social {
            position: absolute;
            top: 0px;
            right: 0px;
            display: block;
            width: 40px;
        }
        .event-list > li > .social > ul {
            border-left: 1px solid rgb(230, 230, 230);
        }
        .event-list > li > .social > ul > li {
            display: block;
            padding: 0px;
        }
        .event-list > li > .social > ul > li > a {
            display: block;
            width: 40px;
            padding: 10px 0px 9px;
        }
    }
    .glyphicon-briefcase:before {
        content: "\e139";
    }
    .glyphicon-user:before {
        content: "\e008";
    }
    .glyphicon-thumbs-up:before {
        content: "\e125";
    }
    .glyphicon-envelope:before {
        content: "\2709";
    }

    .main-timeline10:after,
    .main-timeline10:before {
        content: "";
        display: block;
        width: 100%;
        clear: both
    }

    .main-timeline10 .timeline {
        /*padding: 0;*/
        display: -webkit-inline-box
    }

    .main-timeline10 .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 24%
    }

    .main-timeline10 .timeline-inner {
        width: 100%;
        text-align: center;
        margin: 20px 0 35px 0;
        position: relative
    }

    .main-timeline10 .timeline-inner:after {
        content: "";
        width: 100%;
        height: 3px;
        background: #555;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .main-timeline10 .timeline:last-child .timeline-inner:after {
        width: 0
    }

    .main-timeline10 .year {
        background: #58b25e;
        padding: 5px 0;
        border-radius: 30px 0;
        font-size: 26px;
        font-weight: 700;
        color: #fff;
        z-index: 1;
        position: relative
    }

    .main-timeline10 .year:after,
    .main-timeline10 .year:before {
        position: absolute;
        top: -19px;
        content: ""
    }

    .main-timeline10 .year:before {
        right: 0;
        border: 10px solid transparent;
        border-bottom: 10px solid #58b25e;
        border-right: 10px solid #58b25e
    }

    .main-timeline10 .year:after {
        width: 25px;
        height: 19px;
        border-radius: 0 0 20px;
        background: #fff;
        right: 1px
    }

    .main-timeline10 .timeline-content {
        padding: 10px 10px 30px;
        border-left: 3px solid #58b25e;
        min-height: 160px;
        position: relative
    }

    .main-timeline10 .timeline-content:before {
        content: "";
        position: absolute;
        top: 0;
        left: -1px;
        border: 10px solid transparent;
        border-top: 10px solid #58b25e;
        border-left: 10px solid #58b25e
    }

    .main-timeline10 .timeline-content:after {
        content: "";
        width: 25px;
        height: 19px;
        border-radius: 20px 0 0;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0
    }

    .main-timeline10 .post {
        font-size: 26px;
        color: #333
    }

    .main-timeline10 .description {
        font-size: 14px;
        color: #333
    }

    .main-timeline10 .timeline-icon {
        width: 70px;
        height: 70px;
        line-height: 65px;
        border-radius: 50%;
        border: 5px solid #58b25e;
        background: #fff;
        font-size: 30px;
        color: #555;
        z-index: 1;
        position: absolute;
        bottom: -35px;
        left: -35px
    }

    .main-timeline10 .timeline:nth-child(2n) .year {
        background: #9f84c4
    }

    .main-timeline10 .timeline:nth-child(2n) .year:before {
        border-bottom-color: #9f84c4;
        border-right-color: #9f84c4
    }

    .main-timeline10 .timeline:nth-child(2n) .timeline-content {
        border-left-color: #9f84c4
    }

    .main-timeline10 .timeline:nth-child(2n) .timeline-content:before {
        border-top-color: #9f84c4;
        border-left-color: #9f84c4
    }

    .main-timeline10 .timeline:nth-child(2n) .timeline-icon {
        border-color: #9f84c4
    }

    .main-timeline10 .timeline:nth-child(3n) .year {
        background: #f35958
    }

    .main-timeline10 .timeline:nth-child(3n) .year:before {
        border-bottom-color: #f35958;
        border-right-color: #f35958
    }

    .main-timeline10 .timeline:nth-child(3n) .timeline-content {
        border-left-color: #f35958
    }

    .main-timeline10 .timeline:nth-child(3n) .timeline-content:before {
        border-top-color: #f35958;
        border-left-color: #f35958
    }

    .main-timeline10 .timeline:nth-child(3n) .timeline-icon {
        border-color: #f35958
    }

    .main-timeline10 .timeline:nth-child(4n) .year {
        background: #e67e49
    }

    .main-timeline10 .timeline:nth-child(4n) .year:before {
        border-bottom-color: #e67e49;
        border-right-color: #e67e49
    }

    .main-timeline10 .timeline:nth-child(4n) .timeline-content {
        border-left-color: #e67e49
    }

    .main-timeline10 .timeline:nth-child(4n) .timeline-content:before {
        border-top-color: #e67e49;
        border-left-color: #e67e49
    }

    .main-timeline10 .timeline:nth-child(4n) .timeline-icon {
        border-color: #e67e49
    }

    @media only screen and (min-width:768px) and (max-width: 991px){
        .main-timeline10 .timeline-inner:after {
            width: 100%
        }
        .main-timeline10 .timeline:nth-child(2n) .timeline-inner:after {
            width: 0
        }
    }

    @media only screen and (max-width:767px) {
        .main-timeline10 .timeline-inner:after,
        .main-timeline10 .timeline:nth-child(2n) .timeline-inner:after {
            width: 100%;
            height: 3px;
            left: 0
        }
    }

    .margin-top-video{
        margin-top: 50px;
    }
    @media(max-width:720px){
        .margin-top-video{
            margin-top: 40px;
        }
    }
    @media screen and (max-width:500px){
        .margin-top-video{
            margin-top: 20px;
        }
    }
    @media(max-width:380px){
        .margin-top-video{
            margin-top: 1px;
        }
    }

    .ctl_action85{
        background-image:url(/img-base/bg6.webp);
        background-size: cover;
        background-position: center;
        width: 100%;
        /*margin-bottom: 20px;*/
    }
    .ctl_action85.img_lazy{
        background-image: none !important;
        background-color: rgba(206, 57, 10, 0.9);
    }
    .ctl_action85 .fundo_transparente{
        /*text-transform: uppercase;*/
        font-weight: bold;
        text-shadow: 1px 1px 0px #444;
        background-color: rgba(0, 0, 0, 0.75);
        font-size: 38px;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        line-height: 47px;
    }

    @media(max-width: 400px){
        .ctl_action85 .fundo_transparente{
            font-size: 21px !important;
            line-height: 24px;
        }
    }
    @media(min-width: 401px) and (max-width: 600px){
        .ctl_action85 .fundo_transparente{
            font-size: 31px !important;
            line-height: 34px;
        }
    }
    @media(min-width: 601) and (max-width: 800px){
        .ctl_action85 .fundo_transparente{
            font-size: 41px !important;
            line-height: 34px;
        }
    }
    .ctl_action85 .action85_h1{
        color: #fff;
        text-shadow: 2px 2px 0px #000;
        text-transform: uppercase;
        font-size: 30px;
        padding: 20px 5px 10px;
        margin-bottom: 0;
        font-weight: bold;
        line-height: 1.1
    }
    .ctl_action85 .action85_h2{
        width: 46%;
        color: #fff;
        text-shadow: 1px 1px 0px #000;
        font-size: 17px;
        padding: 5px;
        margin-bottom: 0
    }
    .ctl_action85 .action85_h3{
        margin: 20px 0;
        color: #fff;
        text-shadow: 1px 1px 0px #000;
        font-size: 19px;
        padding: 5px;
        font-weight: bold;
        line-height: 1.2;
    }
    .ctl_action85 .btnPage {
        margin-bottom: 20px
    }
    @media(max-width: 1024px){
        .ctl_action85 .action85_h2{
            width: 80%;
        }
    }

    @media(max-width: 800px){
        .ctl_action85 .action85_h1{
            font-size: 21px;
            line-height: 28px;
            padding: 20px 5px 10px;
        }
        .ctl_action85 .action85_h2{
            width: 100%;
            font-size: 16px;
            padding: 10px;
        }
        .ctl_action85 .action85_h3{
            font-size: 18px;
            padding: 10px;
        }
    }

    @media(min-width: 801px) and (max-width: 1000px){
        .ctl_action85 .action85_h1{
            font-size: 28px;
            padding: 10px;
        }
        .ctl_action85 .action85_h2{
            font-size: 19px;
            line-height: 28px;
            padding: 10px;
        }
        .ctl_action85 .action85_h3{
            font-size: 20px;
            line-height: 28px;
            padding: 10px;
        }
    }

    .cta_12{
        font-family: 'Open Sans', sans-serif;
        background-size: cover;
        background-position: center;
        margin: 0;
        min-height: calc(100vh - 100px);
        position: relative;
        display: flex;
        -webkit-align-items: center;
    }
    .cta_12 .background_2{
        background: rgba(0,0,0,.8) !important;
        opacity: 0.8;
        min-height: 100vh;
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 0;
        pointer-events: none;
        box-sizing: border-box;
    }
    .cta_12.img_lazy{
        background-image: none !important;
        background-color: #eee;
    }
    .cta_12 h2{
        margin: 10px 0 30px;
        color: #fff;
        font-size: 25px;
        font-family: 'FuturaPT',Arial,sans-serif;
        line-height: 1.6;
        font-weight: 400;
        text-transform: capitalize
    }
    .cta_12 h2 span{
        color: #ffffff;
        font-size: 55px;
        font-family: 'FuturaPT',Arial,sans-serif;
        line-height: 1.2;
        font-weight: 700;
        background-position: center center;
        border-color: transparent;
        border-style: solid;
        display: block
    }

    .cta_12 p{
        color: #fff;
        font-size: 18px;
        font-family: 'FuturaPT',Arial,sans-serif;
        line-height: 1.6;
        font-weight: 400;
        margin-bottom: 30px
    }
    .cta_12 .cta_btn{
        text-transform: uppercase;
        display: inline-block;
        margin: 10px 0;
        color: #fff;
        font-size: 20px;
        font-family: 'FuturaPT',Arial,sans-serif;
        line-height: 1.55;
        font-weight: 500;
        border-width: 1px;
        border-radius: 100px;
        background-color: transparent;
        border: 2px solid #fff;
        padding: 12px 40px;
        border: none !important;
    }
    .cta_12 a{
        text-decoration: none
    }
    .cta_12 .cta_btn:hover, .cta_12 .cta_btn:active{
        background-color: rgba(250, 250, 250, .3);
        text-decoration: none;
        color: #ffffff;
    }
    .cta_12 i{
        padding-right: 5px;
    }
    .cta_12 .container{
        padding: 0 10px
    }
    @media (max-width: 500px){
        .cta_12{
            text-align: left;
            padding: 35px 0 45px;
        }
        .cta_12 h2{
            font-size: 25px;
            line-height: 2
        }
        .cta_12 h2 span{
            font-size: 50px;
            margin: 0
        }
        .cta_12 p{
            margin-bottom: 30px
        }
        .cta_12 .cta_btn{
            padding: 10px 40px;
            margin: 0;
            float:none;
        }
    }
    @media (max-width: 374px){
        .cta_12{
            text-align: left;
            padding: 10px 0 20px;
        }
        .cta_12 p{
            font-size: 16px;
            margin-bottom: 20px
        }
    }

    .carousel {
        position: relative;
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .carousel-item {
        position: relative;
        display: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        transition: -webkit-transform 0.6s ease;
        transition: transform 0.1s ease;
        transition: transform 0.1s ease, -webkit-transform 0.1s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

    .carousel-item.active, .carousel-item-next, .carousel-item-prev {
        display: block;
    }

    .carousel-item-next, .carousel-item-prev {
        position: absolute;
        top: 0;
    }

    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .carousel-item-next, .active.carousel-item-right {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    .carousel-item-prev, .active.carousel-item-left {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .carousel-control-prev, .carousel-control-next {
        position: absolute;
        top: 0;
        bottom: 0;
        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: 13%;
        color: #fff;
        font-size: 20px;
        text-align: center;
        opacity: 0.8;
    }

    .carousel-control-prev {
        left: 0;
    }

    .carousel-control-next {
        right: 0;
    }

    .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9;
    }

    .carousel-control-prev {
        left: 0;
    }
    .carousel-control-next {
        right: 0;
    }

    .carousel-inner .carousel-item.active,
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
        display: flex;
    }

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(100%);
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-100%);
    }
    .carousel-inner .carousel-item-right,
    .carousel-inner .carousel-item-left{
        transform: translateX(0);
    }
    .btnActionCarousel{
        margin-top: 0;
        font-size: 18px;
        border-radius: 50%;
        /*padding: 10px 16px 10px 16px;*/
        background-color: #000 !important;
        color: #fff !important;
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    }

    @media (max-width: 470px) {
        .carousel-inner .carousel-item > div {
            display: none;
        }
        .carousel-inner .carousel-item > div:first-child {
            display: block;
        }
    }

    @media (min-width: 766px) {

        .carousel-inner .carousel-item-right.active,
        .carousel-inner .carousel-item-next {
            transform: translateX(50%);
        }

        .carousel-inner .carousel-item-left.active,
        .carousel-inner .carousel-item-prev {
            transform: translateX(-50%);
        }
    }


    @media (min-width: 766px) {

        .carousel-inner .carousel-item-right.active,
        .carousel-inner .carousel-item-next {
            transform: translateX(50%);
        }

        .carousel-inner .carousel-item-left.active,
        .carousel-inner .carousel-item-prev {
            transform: translateX(-50%);
        }
    }


    @media (min-width: 900px) {

        .carousel-inner .carousel-item-right.active,
        .carousel-inner .carousel-item-next {
            transform: translateX(33%);
        }

        .carousel-inner .carousel-item-left.active,
        .carousel-inner .carousel-item-prev {
            transform: translateX(-33%);
        }
    }

    @media (min-width: 1001px) {

        .carousel-inner .carousel-item-right.active,
        .carousel-inner .carousel-item-next {
            transform: translateX(25%);
        }

        .carousel-inner .carousel-item-left.active,
        .carousel-inner .carousel-item-prev {
            transform: translateX(-25%);
        }
    }

    @media (min-width: 2001px) {

        .carousel-inner .carousel-item-right.active,
        .carousel-inner .carousel-item-next {
            transform: translateX(20%);
        }

        .carousel-inner .carousel-item-left.active,
        .carousel-inner .carousel-item-prev {
            transform: translateX(-20%);
        }
    }

    .carousel-inner .carousel-item-right,
    .carousel-inner .carousel-item-left{
        transform: translateX(0);
    }

    @media (min-width: 100px){
        .carousel-control-prev, .carousel-control-next {
            width: 10%;
        }
        .btnActionCarousel{
            margin-top: -100px;
            font-size: 15px;
            padding: 6px 12px 6px 12px;
        }
    }

    @media (min-width: 374px){
        .btnActionCarousel{
            margin-top: -85px;
        }
    }

    @media (min-width: 425px){
        .carousel-control-prev, .carousel-control-next {
            width: 10%;
        }
        .btnActionCarousel{
            margin-top: -56px;
            font-size: 18px;
            padding: 5px 11px 5px 11px;
        }
    }
    @media (min-width: 800px){
        .carousel-control-prev, .carousel-control-next {
            width: 5%;
        }
        .btnActionCarousel{
            margin-top: -140px;
            font-size: 18px;
        }
    }
    .carousel-inner-person {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .carousel-inner-person .carousel-item {
        position: relative;
        display: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        transition: -webkit-transform 0.01s ease;
        transition: transform 0.01s ease;
        transition: transform 0.01s ease, -webkit-transform 0.01s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }
    .carousel-inner-person .carousel-item > div {
        display: none;
    }
    .carousel-inner-person .carousel-item > div:first-child {
        display: flex;
    }

    .carousel-control-prev, .carousel-control-next {
        position: absolute;
        top: 0;
        bottom: 0;
        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: auto;
        color: #fff;
        font-size: 20px;
        text-align: center;
        opacity: 0.8;
    }

    .carousel-control-prev{
        margin-left: 20px;
    }
    .carousel-control-next{
        margin-right: 20px;
    }

    @media (max-width: 500px){
        .carousel-control-prev{
            margin-left: 5px;
        }
        .carousel-control-next{
            margin-right: 5px;
        }
    }

    .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .4;
    }

    .carousel-control-prev {
        left: 0;
    }

    .carousel-control-next {
        right: 0;
    }

    .btncarouselblack.btnActionCarousel{
        line-height: 1;
        /*margin-top: 0;*/
        margin-top: -72px;
        font-size: 30px;
        border-radius: 50%;
        padding: 10px 11px;
        background-color: #000  !important;
        color: #fff !important;
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    }

    .cta_6.bg_linear_blue{
        background-color: #00367a;
        background: repeating-linear-gradient(45deg, #00367a, #002554 150px);
    }
    .cta_6.bg_image{
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1001%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(247%2c 118%2c 0%2c 1)'%3e%3c/rect%3e%3cpath d='M130.25 81.99L195.21 119.49L195.21 194.49L130.25 231.99L65.3 194.49L65.3 119.49zM65.3 194.49L130.25 231.99L130.25 306.99L65.3 344.49L0.35 306.99L0.35 231.99zM65.3 419.49L130.25 456.99L130.25 531.99L65.3 569.49L0.35 531.99L0.35 456.99zM195.21 -30.51L260.16 6.99L260.16 81.99L195.21 119.49L130.25 81.99L130.25 6.99zM260.16 81.99L325.12 119.49L325.12 194.49L260.16 231.99L195.21 194.49L195.21 119.49zM260.16 306.99L325.12 344.49L325.12 419.49L260.16 456.99L195.21 419.49L195.21 344.49zM195.21 419.49L260.16 456.99L260.16 531.99L195.21 569.49L130.25 531.99L130.25 456.99zM325.12 -30.51L390.07 6.99L390.07 81.99L325.12 119.49L260.16 81.99L260.16 6.99zM455.02 194.49L519.98 231.99L519.98 306.99L455.02 344.49L390.07 306.99L390.07 231.99zM455.02 419.49L519.98 456.99L519.98 531.99L455.02 569.49L390.07 531.99L390.07 456.99zM519.98 531.99L584.93 569.49L584.93 644.49L519.98 681.99L455.02 644.49L455.02 569.49zM649.88 531.99L714.84 569.49L714.84 644.49L649.88 681.99L584.93 644.49L584.93 569.49zM779.79 306.99L844.75 344.49L844.75 419.49L779.79 456.99L714.84 419.49L714.84 344.49zM714.84 419.49L779.79 456.99L779.79 531.99L714.84 569.49L649.88 531.99L649.88 456.99zM909.7 81.99L974.65 119.49L974.65 194.49L909.7 231.99L844.74 194.49L844.74 119.49zM909.7 306.99L974.65 344.49L974.65 419.49L909.7 456.99L844.74 419.49L844.74 344.49zM974.65 -30.51L1039.61 6.99L1039.61 81.99L974.65 119.49L909.7 81.99L909.7 6.99zM974.65 194.49L1039.61 231.99L1039.61 306.99L974.65 344.49L909.7 306.99L909.7 231.99zM1039.61 306.99L1104.56 344.49L1104.56 419.49L1039.61 456.99L974.65 419.49L974.65 344.49zM1169.51 81.99L1234.47 119.49L1234.47 194.49L1169.51 231.99L1104.56 194.49L1104.56 119.49zM1169.51 306.99L1234.47 344.49L1234.47 419.49L1169.51 456.99L1104.56 419.49L1104.56 344.49zM1299.42 81.99L1364.37 119.49L1364.37 194.49L1299.42 231.99L1234.47 194.49L1234.47 119.49zM1299.42 306.99L1364.37 344.49L1364.37 419.49L1299.42 456.99L1234.47 419.49L1234.47 344.49zM1364.38 -30.51L1429.33 6.99L1429.33 81.99L1364.38 119.49L1299.42 81.99L1299.42 6.99zM1429.33 306.99L1494.28 344.49L1494.28 419.49L1429.33 456.99L1364.38 419.49L1364.38 344.49zM1364.38 419.49L1429.33 456.99L1429.33 531.99L1364.38 569.49L1299.42 531.99L1299.42 456.99zM1494.28 -30.51L1559.24 6.99L1559.24 81.99L1494.28 119.49L1429.33 81.99L1429.33 6.99zM1494.28 194.49L1559.24 231.99L1559.24 306.99L1494.28 344.49L1429.33 306.99L1429.33 231.99zM1559.24 306.99L1624.19 344.49L1624.19 419.49L1559.24 456.99L1494.28 419.49L1494.28 344.49zM1494.28 419.49L1559.24 456.99L1559.24 531.99L1494.28 569.49L1429.33 531.99L1429.33 456.99zM1559.24 531.99L1624.19 569.49L1624.19 644.49L1559.24 681.99L1494.28 644.49L1494.28 569.49z' stroke='rgba(162%2c 23%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M122.75 81.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM187.71 119.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM187.71 194.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM122.75 231.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM57.8 194.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM57.8 119.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM122.75 306.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM57.8 344.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM-7.15 306.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM-7.15 231.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM57.8 419.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM122.75 456.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM122.75 531.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM57.8 569.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM-7.15 531.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM-7.15 456.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM187.71 -30.51 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM252.66 6.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM252.66 81.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM122.75 6.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM317.62 119.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM317.62 194.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM252.66 231.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM252.66 306.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM317.62 344.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM317.62 419.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM252.66 456.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM187.71 419.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM187.71 344.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM252.66 531.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM187.71 569.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM317.62 -30.51 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM382.57 6.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM382.57 81.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM447.52 194.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM512.48 231.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM512.48 306.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM447.52 344.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM382.57 306.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM382.57 231.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM447.52 419.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM512.48 456.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM512.48 531.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM447.52 569.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM382.57 531.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM382.57 456.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM577.43 569.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM577.43 644.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM512.48 681.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM447.52 644.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM642.38 531.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM707.34 569.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM707.34 644.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM642.38 681.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM772.29 306.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM837.25 344.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM837.25 419.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM772.29 456.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM707.34 419.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM707.34 344.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM772.29 531.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM642.38 456.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM902.2 81.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM967.15 119.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM967.15 194.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM902.2 231.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM837.24 194.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM837.24 119.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM902.2 306.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM967.15 344.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM967.15 419.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM902.2 456.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM837.24 419.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM837.24 344.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM967.15 -30.51 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1032.11 6.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1032.11 81.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM902.2 6.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1032.11 231.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1032.11 306.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1097.06 344.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1097.06 419.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1032.11 456.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1162.01 81.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1226.97 119.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1226.97 194.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1162.01 231.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1097.06 194.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1097.06 119.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1162.01 306.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1226.97 344.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1226.97 419.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1162.01 456.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1291.92 81.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1356.87 119.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1356.87 194.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1291.92 231.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1291.92 306.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1356.87 344.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1356.87 419.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1291.92 456.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1356.88 -30.51 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1421.83 6.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1421.83 81.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1356.88 119.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1291.92 6.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1421.83 306.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1486.78 344.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1486.78 419.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1421.83 456.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1356.88 419.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1356.88 344.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1421.83 531.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1356.88 569.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1291.92 531.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1486.78 -30.51 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1551.74 6.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1551.74 81.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1486.78 119.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1486.78 194.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1551.74 231.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1551.74 306.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1421.83 231.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1616.69 344.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1616.69 419.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1551.74 456.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1551.74 531.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1486.78 569.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1616.69 569.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1616.69 644.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1551.74 681.99 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1486.78 644.49 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0z' fill='rgba(162%2c 23%2c 0%2c 1)'%3e%3c/path%3e%3cpath d='M26.89 -15.91L70.19 9.09L70.19 59.09L26.89 84.09L-16.41 59.09L-16.41 9.09zM70.19 59.09L113.5 84.09L113.5 134.09L70.19 159.09L26.89 134.09L26.89 84.09zM26.89 134.09L70.19 159.09L70.19 209.09L26.89 234.09L-16.41 209.09L-16.41 159.09zM26.89 434.09L70.19 459.09L70.19 509.09L26.89 534.09L-16.41 509.09L-16.41 459.09zM70.19 509.09L113.5 534.09L113.5 584.09L70.19 609.09L26.89 584.09L26.89 534.09zM113.5 -15.91L156.8 9.09L156.8 59.09L113.5 84.09L70.19 59.09L70.19 9.09zM156.8 359.09L200.1 384.09L200.1 434.09L156.8 459.09L113.5 434.09L113.5 384.09zM243.4 209.09L286.7 234.09L286.7 284.09L243.4 309.09L200.1 284.09L200.1 234.09zM243.4 359.09L286.7 384.09L286.7 434.09L243.4 459.09L200.1 434.09L200.1 384.09zM243.4 509.09L286.7 534.09L286.7 584.09L243.4 609.09L200.1 584.09L200.1 534.09zM286.7 -15.91L330.01 9.09L330.01 59.09L286.7 84.09L243.4 59.09L243.4 9.09zM330.01 59.09L373.31 84.09L373.31 134.09L330.01 159.09L286.7 134.09L286.7 84.09zM286.7 284.09L330.01 309.09L330.01 359.09L286.7 384.09L243.4 359.09L243.4 309.09zM330.01 359.09L373.31 384.09L373.31 434.09L330.01 459.09L286.7 434.09L286.7 384.09zM416.61 59.09L459.92 84.09L459.92 134.09L416.61 159.09L373.31 134.09L373.31 84.09zM373.31 134.09L416.61 159.09L416.61 209.09L373.31 234.09L330.01 209.09L330.01 159.09zM373.31 434.09L416.61 459.09L416.61 509.09L373.31 534.09L330.01 509.09L330.01 459.09zM459.92 134.09L503.22 159.09L503.22 209.09L459.92 234.09L416.61 209.09L416.61 159.09zM503.22 209.09L546.52 234.09L546.52 284.09L503.22 309.09L459.92 284.09L459.92 234.09zM589.82 209.09L633.13 234.09L633.13 284.09L589.82 309.09L546.52 284.09L546.52 234.09zM546.52 284.09L589.82 309.09L589.82 359.09L546.52 384.09L503.22 359.09L503.22 309.09zM546.52 434.09L589.82 459.09L589.82 509.09L546.52 534.09L503.22 509.09L503.22 459.09zM589.82 509.09L633.13 534.09L633.13 584.09L589.82 609.09L546.52 584.09L546.52 534.09zM676.43 59.09L719.73 84.09L719.73 134.09L676.43 159.09L633.13 134.09L633.13 84.09zM676.43 209.09L719.73 234.09L719.73 284.09L676.43 309.09L633.13 284.09L633.13 234.09zM633.13 284.09L676.43 309.09L676.43 359.09L633.13 384.09L589.82 359.09L589.82 309.09zM676.43 359.09L719.73 384.09L719.73 434.09L676.43 459.09L633.13 434.09L633.13 384.09zM633.13 434.09L676.43 459.09L676.43 509.09L633.13 534.09L589.82 509.09L589.82 459.09zM719.73 -15.91L763.03 9.09L763.03 59.09L719.73 84.09L676.43 59.09L676.43 9.09zM719.73 284.09L763.03 309.09L763.03 359.09L719.73 384.09L676.43 359.09L676.43 309.09zM763.03 359.09L806.34 384.09L806.34 434.09L763.03 459.09L719.73 434.09L719.73 384.09zM806.34 -15.91L849.64 9.09L849.64 59.09L806.34 84.09L763.03 59.09L763.03 9.09zM806.34 134.09L849.64 159.09L849.64 209.09L806.34 234.09L763.03 209.09L763.03 159.09zM849.64 209.09L892.94 234.09L892.94 284.09L849.64 309.09L806.34 284.09L806.34 234.09zM806.34 284.09L849.64 309.09L849.64 359.09L806.34 384.09L763.03 359.09L763.03 309.09zM849.64 359.09L892.94 384.09L892.94 434.09L849.64 459.09L806.34 434.09L806.34 384.09zM806.34 434.09L849.64 459.09L849.64 509.09L806.34 534.09L763.03 509.09L763.03 459.09zM892.94 -15.91L936.24 9.09L936.24 59.09L892.94 84.09L849.64 59.09L849.64 9.09zM892.94 134.09L936.24 159.09L936.24 209.09L892.94 234.09L849.64 209.09L849.64 159.09zM936.24 209.09L979.55 234.09L979.55 284.09L936.24 309.09L892.94 284.09L892.94 234.09zM892.94 434.09L936.24 459.09L936.24 509.09L892.94 534.09L849.64 509.09L849.64 459.09zM936.24 509.09L979.55 534.09L979.55 584.09L936.24 609.09L892.94 584.09L892.94 534.09zM1022.85 59.09L1066.15 84.09L1066.15 134.09L1022.85 159.09L979.55 134.09L979.55 84.09zM979.55 134.09L1022.85 159.09L1022.85 209.09L979.55 234.09L936.24 209.09L936.24 159.09zM979.55 284.09L1022.85 309.09L1022.85 359.09L979.55 384.09L936.24 359.09L936.24 309.09zM1109.45 209.09L1152.76 234.09L1152.76 284.09L1109.45 309.09L1066.15 284.09L1066.15 234.09zM1109.45 509.09L1152.76 534.09L1152.76 584.09L1109.45 609.09L1066.15 584.09L1066.15 534.09zM1152.76 134.09L1196.06 159.09L1196.06 209.09L1152.76 234.09L1109.45 209.09L1109.45 159.09zM1152.76 434.09L1196.06 459.09L1196.06 509.09L1152.76 534.09L1109.45 509.09L1109.45 459.09zM1239.36 -15.91L1282.66 9.09L1282.66 59.09L1239.36 84.09L1196.06 59.09L1196.06 9.09zM1282.66 509.09L1325.97 534.09L1325.97 584.09L1282.66 609.09L1239.36 584.09L1239.36 534.09zM1325.97 134.09L1369.27 159.09L1369.27 209.09L1325.97 234.09L1282.66 209.09L1282.66 159.09zM1369.27 209.09L1412.57 234.09L1412.57 284.09L1369.27 309.09L1325.97 284.09L1325.97 234.09zM1325.97 434.09L1369.27 459.09L1369.27 509.09L1325.97 534.09L1282.66 509.09L1282.66 459.09zM1369.27 509.09L1412.57 534.09L1412.57 584.09L1369.27 609.09L1325.97 584.09L1325.97 534.09zM1455.87 209.09L1499.18 234.09L1499.18 284.09L1455.87 309.09L1412.57 284.09L1412.57 234.09zM1455.87 359.09L1499.18 384.09L1499.18 434.09L1455.87 459.09L1412.57 434.09L1412.57 384.09zM1455.87 509.09L1499.18 534.09L1499.18 584.09L1455.87 609.09L1412.57 584.09L1412.57 534.09z' stroke='rgba(208%2c 29%2c 0%2c 1)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1001'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
        background-size: cover;
        background-position: center;
    }
    .cta_6 {
        width: 100%;
        background-size: cover;
        background-position: center;
        /*padding: 40px 0;*/
        margin: 0;
    }
    .cta_6 h3 {
        color: #fff;
        font-size: 26px;
        text-transform: uppercase;
        line-height: 40px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0.1px;
        margin: 0;
        text-shadow: 2px 2px 0px #000;
    }
    .cta_6 p {
        color: #fff;
        font-size: 16px;
        line-height: 24px;
        font-style: normal;
        font-weight: 400;
        margin-top: 15px;
        margin-bottom: 15px;
        text-shadow: 1px 1px 0px #000;
    }

    .cta_6 h2 {
        color: #fff;
        font-size: 26px;
        text-transform: uppercase;
        line-height: 40px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0.1px;
        margin: 0;
        text-shadow: 2px 2px 0px #000;
    }

    .ajuste-display {
        display: flex;
        align-items: center;
    }
    @media (max-width: 991px){
        .ajuste-display{
            display: block;
        }
        .ajuste-display .col-xs-12{
            padding: 0 5px;
        }
    }
    .bg-branco01{
        background-image: url(/img/backgroundsvg-riscado.svg) !important;
        background-size: cover;
        background-position: center;
    }
    .bg-branco01.img_lazy{
        background-image: none;
        background-color: rgb(2 33 66);
    }
    .bg-branco01 .fundo-transparente{
        padding: 50px 5px;
        background-color: rgb(0 31 65 / 86%);
        width: 100%;
        min-height: 35vh;
        text-shadow: 1px 1px 0px #000;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .bg-branco01 .fundo-transparente span, .bg-branco01 .fundo-transparente h2{
        color: #fff;
        font-size: 38px;
        text-shadow: 1px 1px 0px #000;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 50px;
        margin-bottom: 0
    }

    @media(max-width: 500px){
        .bg-branco01 .fundo-transparente span, .bg-branco01 .fundo-transparente h2{
            font-size: 18px;
            line-height: 28px;
        }
    }
    @media(min-width: 501px) and (max-width: 800px){
        .bg-branco01 .fundo-transparente span, .bg-branco01 .fundo-transparente h2{
            font-size: 28px;
            line-height: 28px;
        }
    }
    .btnPage{
        border: 1px solid;
        font-weight: bold;
        display: inline-block;
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        border-radius: 5px;
        padding: 15px 12px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 1.2 !important;
        text-align: center
    }
    .btn-action-green {
        color: #fff;
        border-color:#2f9100;
        background-color: #2f9100;
        text-shadow: 1px 1px 1px #1c5700;
        box-shadow: 0px 2px 0px #1c5700;
    }
    .btn-action-green:hover,.btn-action-green:active,.btn-action-green:focus {
        text-decoration: none;
        background: #5a9800;
        color: #fff;
        border: 1px solid #5a9800;
        box-shadow: 0px 2px 0px #3f6b00;
    }

    .btn-action-blue {
        border-color:#165778;
        background-color: #1478ab;
        text-shadow: 1px 1px 1px #064768;
        color: #fff;
        box-shadow: 0px 2px 0px #165778;
    }
    .btn-action-blue:hover, .btn-action-blue:active, .btn-action-blue:focus {
        background: #165778;
        border-color: #064768;
        color: #fff;
        text-decoration: none;
        box-shadow: 0px 2px 0px #064768;
    }

    .btn-action-orange{
        border-color:#bd2d00;
        background-color: #e23e0a;
        text-shadow: 1px 1px 1px #040100;
        color: #fff;
        box-shadow: 0px 2px 0px #922300;
    }

    .btn-action-orange:hover,.btn-action-orange:active,.btn-action-orange:focus {
        background:#ba2e01;
        border-color:#a32700;
        color: #fff;
        text-decoration: none;
        box-shadow: 0px 2px 0px #781d00;
    }


    .btn-action-marrom{
        border-color: #392e2a;
        background-color: #584943;
        text-shadow: 1px 1px 1px #211a18;
        color: #fff;
        box-shadow: 0px 2px 0px #392e2a;
    }

    .btn-action-marrom:hover,.btn-action-marrom:active,.btn-action-marrom:focus {
        border-color: #1a1513;
        background-color: #392e2a;
        text-shadow: 1px 1px 1px #211a18;
        color: #fff;
        box-shadow: 0px 2px 0px #392e2a;
    }


    .btn-action-grey{
        border-color: #3e3e3e;
        background-color: #585858;
        text-shadow: 1px 1px 1px #064768;
        color: #fff;
        box-shadow: 0px 2px 0px #3e3e3e;
    }
    .btn-action-grey:hover,.btn-action-grey:active,.btn-action-grey:focus {
        border-color: #3e3e3e;
        background-color: #484848;
        text-shadow: 1px 1px 1px #064768;
        color: #fff;
        box-shadow: 0px 2px 0px #3e3e3e;
    }

    @media(max-width: 600px){
        .btnPage{
            font-size: 15px;
            padding: 11px 8px;
        }
    }
    .list-star li{
        padding: 0 !important;
    }
    .list-star .estrela{
        font-size: 13px;
    }
    .list-star .estrela-gold{
        color: #ff8b00;
    }
    .list-star .estrela-cinza{
        color: #a6a6a6;
    }

    .img-selo-garantia{
        width: 100%;
        height: 100%;
    }
    .btn-tema {
        background-color: #e72000;
        color: #fff;
    }
    .btn-tema:hover {
        background-color: #c7412b;
        color: #fff;
    }
    .cta_simples p, .cta_simples h3{
        color:#fff;
        font-size: 24px;
        line-height: 33px;
        text-transform: none;
    }

    @media(max-width: 500px){
        .cta_simples p, .cta_simples h3{
            color:#fff;
            font-size: 16px;
            line-height: 24px;
        }
    }
    .d-flex-ajuste{
        display: flex;
        align-items: center;
    }

    @media(max-width: 991px){
        .d-flex-ajuste{
            display: block !important;
        }
    }
    .ajuste-img-alunos{
        object-fit: cover;
        width: 500px;
        height: 250px;
        border-radius: 5px;
        padding: 4px;
        border: 1px solid #ccc;
        max-width: 100%;
    }

    @media(max-width: 400px){
        .ajuste-img-alunos{
            height: 130px;
        }
    }
    @media(min-width: 401px) and (max-width: 500px){
        .ajuste-img-alunos{
            height: 180px;
        }
    }

    @media(max-width: 767px){
        .hidden-div-min767{
            display: none;

        }
    }
    .img-instituicao-header{
        width: 550px;
        max-width: 100%;
        max-height: 400px;
    }

    @media(min-width: 501px) and (max-width: 767px){
        .img-instituicao-header{
            margin-top: 30px;
        }
    }

    @media(min-width: 768px){
        .hidden-div-max768{
            display: none;
        }
    }
    .number0800{
        margin-top: 15px;
        margin-bottom: 0px;
    }
    .content_cta_6{
        padding: 20px 0px;
        /*background-color: rgba(0, 31, 65, 0.86);*/
        background: linear-gradient(332deg, #90c442d9, #324910d6 85%);
        width: 100%;
        min-height: 35vh;
        display: flex;
        align-items: center;
    }
    .lista-palavras{
        padding: 0 !important;
        border: 1px solid rgb(206, 57, 10);
        border-radius: 20px;
        margin: 0 5px 10px;
        font-size: 1.9rem;
        text-transform: capitalize;
    }
    .blue .lista-palavras{
        /*border: 1px solid rgb(48, 123, 243);*/
        border: 1px solid #77a52d;
    }
    .lista-palavras a{
        text-transform: capitalize;
        /*color: #568;*/
        color: #628b1f;
        padding: 2px 6px !important;
        transition: none;
        font-size: 16px;
    }
    .lista-palavras:hover, .categorias span:hover{
        background-color: rgb(207 80 40);
        color: #fff !important;
        text-decoration: none;
    }
    .blue .lista-palavras:hover, .blue .categorias span:hover{
        /*background-color: rgb(48, 123, 243);*/
        background-color: #68912d;
        color: #fff;
        text-decoration: none;
    }
    .lista-palavras a:hover, .lista-palavras li a:hover, .lista-palavras:hover a{
        color: #fff !important;
        text-decoration: none;
    }
    .categorias ul{
        display: grid;
        grid-gap: 2rem 1rem;
        list-style:none;
        margin:1rem 0 3rem 0;
        padding:0;
        position:relative;
        grid-template-columns:repeat(4, 1fr);
    }
    @media screen and (max-width: 1023px) {
        .categorias ul {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media screen and (max-width: 767px) {
        .categorias ul {
            grid-template-columns: repeat(1, 1fr);
        }
        .lista-palavras{
            padding: 0 2px!important;
            margin: 0 5px 10px;
            font-size:1.5rem;
        }
        .lista-palavras a{
            padding: 0 2px !important;
        }
    }
    .categorias li{
        display: flex;
        align-items: center;
        position:relative;
        padding-left:5px;
        justify-content: left;
        box-shadow: 2px 1px 5px 1px #cdcdcd;
        padding: 15px;
        border-radius: 12px;
        background: #f7f7f7;
        background-position: center center;
        border-color: transparent;
        border-style: solid;
    }

    .categorias li:hover{
        background: #f1f1f1;
        box-shadow: 2px 1px 5px 1px #c1c1c1;
    }

    .categorias .detalhes_cat{
        padding-left: 10px;
        position:relative;
        width:100%;
    }
    .categorias a, .categorias i {
        text-decoration: none;
    }
    .categorias a h3:focus, .categorias a h3:hover{
        color: #162040;
    }
    .categorias i{
        color: #333;
        float:left;
        font-size:40px
    }
    .categorias h3{
        text-transform: uppercase;
        font-size: 1.4rem;
        font-weight: bold;
        margin-bottom:2px;
        margin-top:0
    }
    .categorias p{
        /*color: #333333;*/
        font-size: 1.2rem;
        margin-bottom: 0
    }
    /*    @font-face {
            font-display: swap;
            font-family: FontAwesome;
            src: url(/fonts/fontawesome-webfont.woff2?v=4.7.0) format('truetype');
            font-weight: 400;
            font-style: normal
        }*/
    .fa {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .fa-medkit:before {
        content: "\f0fa"
    }
    .fa-building-o:before {
        content: "\f0f7"
    }
    .fa-desktop:before {
        content: "\f108"
    }
    .fa-cogs:before {
        content: "\f085"
    }
    .fa-female:before {
        content: "\f182"
    }
    .fa-language:before {
        content: "\f1ab"
    }
    .fa-wrench:before {
        content: "\f0ad"
    }
    .fa-home:before {
        content: "\f015"
    }
    .fa-cutlery:before {
        content: "\f0f5"
    }
    .fa-key:before {
        content: "\f11c"
    }
    .fa-gavel:before {
        content: "\f0e3"
    }
    .fa-calculator:before {
        content: "\f1ec"
    }
    .fa-frown-o:before {
        content: "\f119"
    }
    .fa-book:before {
        content: "\f02d"
    }
    .fa-car:before {
        content: "\f1b9"
    }
    .fa-wrench:before {
        content: "\f0ad"
    }
    .fa-magic:before {
        content: "\f0d0"
    }
    .fa-tree:before {
        content: "\f1bb"
    }
    .fa-users:before {
        content: "\f0c0"
    }
    .fa-paw:before {
        content: "\f1b0"
    }
    .fa-leaf:before {
        content: "\f06c"
    }
    .fa-music:before {
        content: "\f001"
    }
    .fa-soccer-ball-o:before {
        content: "\f1e3";
    }
    .fa-cutlery:before {
        content: "\f0f5"
    }
    .fa-bullhorn:before {
        content: "\f0a1"
    }
    .fa-truck:before {
        content: "\f0d1"
    }
    .fa-bus:before {
        content: "\f207"
    }
    .fa-cog:before {
        content: "\f013"
    }
    .fa-video-camera:before {
        content: "\f03d"
    }
    .fa-keyboard-o:before {
        content: "\f11c"
    }
    .fa-desktop:before {
        content: "\f108"
    }
    .fa-graduation-cap:before {
        content: "\f19d"
    }
    .fa-industry:before {
        content: "\f275"
    }
    .fa-street-view:before {
        content: "\f21d"
    }
    .sobre-instituicao p a {
        color: #ce390a;
    }
    .btn-default{
        text-transform: none;
        border-color: #fffdfd;
        padding: 10px !important;
        color: #efefef;
        line-height: 1;
        margin-bottom: 25px;
    }
    .btn-default:hover, .btn-default:hover, .btn-default:active, .btn-default:focus{
        color: #efefef;
        background-color: rgba(255,255,255,.2);
    }
    .d-none{
        display: none
    }
    .d-block{
        display: block !important
    }
    section, span {
        scroll-margin-top: calc(67px + 2.5em);
    }
    .youtube-iframe{
        width: 404px;
        height: 227px;
    }
    @media(max-width: 424px){
        #monitor{
            margin: 0
        }
        .youtube-iframe{
            width: 90vw;
            height: 162px;
        }
    }
    .iframe-youtube-player{
        position: absolute;
        width: 100%;
        height: 100%;
    }





    /*EDITANDO DAQUI PRA BAIXO*/
    .header-title .ctrl-ac-header_titulo{
        margin: 0;
        color: #ce390a !important;
        font-size: 45px;
        line-height: 1.1;
        font-weight: 700;
        margin-bottom: 35px;
        line-height: 55px;
    }

    .ctrl-ac-header_text{
        font-family: Arial;
        margin: 0;
        font-size: 22px;
        line-height: 35px;
        color: #444;
        text-align: justify;
    }

    .ctrl-ac-header_imagem{
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
        max-height: 355px;
    }

    @media(max-width: 500px){
        .ctrl-ac-header_text{
            font-size: 14px;
            text-align: justify;
            line-height: 1.9;
            margin-bottom: 10px;
        }
        .header-title .ctrl-ac-header_titulo{
            margin-top: 12px;
            margin-bottom: 8px;
            font-size: 20px;
            line-height: 1.2;
        }
        .ctrl-ac-header_imagem{
            margin-bottom: 15px;
            max-width: 400px;
        }
    }

    @media (max-width: 767px){
        .ctrl-ac-header_content_img{
            padding: 2px;
        }
        .ctrl-ac-header_content_text{
            padding: 2px;
        }
    }
    @media(min-width: 501px) and (max-width: 900px){
        .ctrl-ac-header_text{
            font-size: 20px;
            text-align: justify;
            line-height: 1.9;
            margin-bottom: 10px;
        }
        .header-title .ctrl-ac-header_titulo{
            margin-top: 15px;
            margin-bottom: 8px;
            font-size: 30px;
            line-height: 1.2;
        }
        .ctrl-ac-header_imagem{
            margin-bottom: 15px;
            max-width: 400px;
        }
    }

    @media(min-width: 901px) and (max-width: 1323px){
        .header-title .ctrl-ac-header_titulo{
            margin-top: 20px;
        }
    }

    @media(max-width: 767px){
        .text-center-sm{
            text-align: center;
        }
    }






    .ctrl02{
        margin: 30px 0 0 0;
        background: linear-gradient(to bottom, #373B44, #337ab7);
        background-size: auto;
        background-repeat: round;
    }
    .back-sub02{
        margin: 0;
        padding-top: 60px;
        padding-bottom: 60px;
        text-align: center
    }
    .back-sub02 h2{
        font-size: 9.0rem;
        color:#fff;
        text-align: center;
        line-height: 90px;
        font-weight: bold
    }
    .back-sub02 p{
        font-size: 5.6rem;
        color:#fff;
        text-align: center;
        line-height: 50px;
        margin: 50px 0;
    }

    .back-sub02 a{
        background-color: #e63b07!important;
        padding:10px;
        font-size: 2.5rem;
        border: none;
        color: white;
        text-align:center;
        text-decoration: none;
        display: inline-block;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 8px;
        font-weight: bold;
    }

    .back-sub02 a:hover{
        text-decoration:none!important;
        background-color:#c93406!important;
    }

    @media(max-width: 768px) {
        .back-sub02 h2{
            font-size: 5.0rem;
            line-height: 70px;
        }
        .back-sub02 p{
            font-size: 3.6rem;
            line-height: 36px;
        }
    }
    @media(max-width:425px){
        .back-sub02 h2{
            font-size: 4.0rem;
            line-height: 50px;
        }
        .back-sub02 p{
            font-size: 2.7rem;
            line-height: 30px;
        }

    }
    @media(max-width: 375px) {
        .back-sub02 h2{
            font-size: 3.0rem;
            line-height: 30px;
        }
        .back-sub02 p{
            font-size: 2.0rem;
            line-height: 25px;
        }
        .back-sub02 a{
            font-size: 2.0rem;
            line-height: 25px;
        }
    }



    .ctrl03{
        margin: 30px 0 0 0;
        background: linear-gradient(to bottom,#e65c00, #F9D423);
        background-size: auto;
        background-repeat: round;
    }
    .back-sub03{
        margin: 0;
        padding-top: 60px;
        padding-bottom: 60px;
        text-align: center
    }
    .back-sub03 h2{
        font-size: 7.0rem;
        color:#fff;
        text-align: center;
        line-height: 90px;
        font-weight: bold
    }
    .back-sub03 p{
        font-size: 5.6rem;
        color:#fff;
        text-align: center;
        line-height: 50px;
        margin: 50px 0;
    }

    .back-sub03 a{
        background-color: #035a91!important;
        padding:20px;
        font-size: 2.5rem;
        border: none;
        color: white;
        padding: 15px 32px;
        text-align:center;
        text-decoration: none;
        display: inline-block;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 8px;
        font-weight: bold;
    }

    .back-sub03 a:hover{
        text-decoration:none!important;
        background-color:#046fb3!important;
    }

    @media(max-width: 768px) {
        .back-sub03 h2{
            font-size: 5.0rem;
            line-height: 70px;
        }
        .back-sub03 p{
            font-size: 3.6rem;
            line-height: 36px;
        }
    }
    @media(max-width:425px){
        .back-sub03 h2{
            font-size: 4.0rem;
            line-height: 50px;
        }
        .back-sub02 p{
            font-size: 2.7rem;
            line-height: 30px;
        }

    }
    @media(max-width: 375px) {
        .back-sub03 h2{
            font-size: 3.0rem;
            line-height: 30px;
        }
        .back-sub03 p{
            font-size: 2.0rem;
            line-height: 25px;
        }
    }



    .padding-footer{
        padding: 8px;
    }

    @media(max-width: 991px){
        .padding-footer{
            padding: 12px !important;
        }
    }
    .footer-v6 .footer {
        padding: 30px 0;
        background: #611802;
    }

    .btnperguntasrespostas {
        font-weight: bold;
        background-color: #337ab7;
        color: #FFF;
        border-color: #2e6da4;
        padding: 15px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 20px 2px;
        cursor: pointer;
        border-radius: 8px;
        font-size: 2.2rem;
        line-height: 18px;
    }


    .number0800{
        color: #ce390a;
        /*text-shadow: 1px 1px 0px #ccc;*/
        font-size: 30px;
    }

    .atend h4{
        font-size: 30px;
        line-height: 1.3;
        margin-top: 5px;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 10px;
        color:#222;
        font-weight: bold
    }
    .horario_atendimento{
        padding-bottom: 5px;
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        margin-top: -20px;
    }

    @media(max-width: 450px){
        .horario_atendimento{
            font-size: 13px;
        }
        .atend h4{
            font-size: 22px;
        }
    }
    @media(min-width: 451px){
        .horario_atendimento{
            font-size: 18px;
        }
        .atend h4{
            font-size: 22px;
        }
    }
    .btn-block {
        display: block;
        width: 100%
    }
    .atend a{
        text-decoration: none !important;
    }

    .display-ajuste-sm{
        display: flex;
        align-items: center;
    }


    .btn-atendimento-blue{
        border-radius: 15px !important;
        text-align: center;
        transition-duration: 0.2s;
        font-weight: bold;
        padding: 15px;
        color: #FFF;
        background-color: #1478ab;
        border-color: #0088cc;
        border-radius: 3px;
        margin-top: 15px;
    }

    .btn-atendimento-blue:hover, .btn-atendimento-blue:active, .btn-atendimento-blue:focus {
        transition-duration: 0.2s;
        color: #fff;
        background-color: #065b87;
        border-color: #003c5a;
    }

    .btn-atendimento-yellow{
        border-radius: 15px !important;
        text-align: center;
        font-weight: bold;
        padding: 15px;
        background-color: orange;
        color: #5f3f01;
        border-radius: 3px;
        margin-top: 15px;
    }
    .btn-atendimento-yellow:hover, .btn-atendimento-yellow:active, .btn-atendimento-yellow:focus {
        transition-duration: 0.2s;
        color: #5f3f01;
        background-color: #e59400;
        border-color: #003c5a;
    }

    .btn-atendimento-orange{
        border-radius: 15px !important;
        text-align: center;
        font-weight: bold;
        padding: 15px;
        background-color: #ce390a;
        color: #FFF;
        border-radius: 3px;
        margin-top: 15px;
    }
    .btn-atendimento-orange:hover, .btn-atendimento-orange:active, .btn-atendimento-orange:focus {
        transition-duration: 0.2s;
        color: #fff;
        background-color: #ab2900;
        border-color: #003c5a;
    }

    .btn-atendimento-green{
        border-radius: 15px !important;
        text-align: center;
        font-weight: bold;
        padding: 15px;
        background-color: #157600;
        border-color: #105a00;
        color: #FFF;
        border-radius: 3px;
        margin-top: 15px;
    }
    .btn-atendimento-green:hover, .btn-atendimento-green:active, .btn-atendimento-green:focus {
        transition-duration: 0.2s;
        color: #fff;
        background-color: #0f5200;
        border-color: #105a00;
    }


    .btn-atendimento-mail{
        border-radius: 15px !important;
        text-align: center;
        font-weight: bold;
        padding: 15px;
        background-color: #003c5a;
        border-color: #002538;
        color: #FFF;
        border-radius: 3px;
        margin-top: 15px;
    }
    .btn-atendimento-mail:hover, .btn-atendimento-mail:active, .btn-atendimento-mail:focus {
        transition-duration: 0.2s;
        color: #fff;
        background-color: #002538;
        border-color: #002538;
    }

    .btn-atendimento-central{
        border-radius: 15px !important;
        text-align: center;
        font-weight: bold;
        padding: 15px;
        background-color: #1a1a1a;
        color: #FFF;
        border-radius: 3px;
        margin-top: 15px;
    }
    .btn-atendimento-central:hover, .btn-atendimento-central:active, .btn-atendimento-central:focus {
        transition-duration: 0.2s;
        color: #fff;
        background-color: #0a0a0a;
    }

    .img-central-atendente{
        width: 100%;
        height: 100%;
    }

    .atendimento-h2{
        font-weight: bold;
        color: #222;
        font-size: 35px;
        line-height: 1.2;
        text-align: left;
    }

    .detalhes-atendimento{
        font-size: 20px;
        color: #333;
        line-height: 1.4;
        font-weight: bold;
    }

    @media(max-width: 991px){
        .display-ajuste-sm{
            display: block;
        }
        .img-central-atendente{
            width: 40%;
        }

        .atendimento-h2{
            font-size: 25px;
            text-align: center;
        }

        .atendimento-h2 span{
            font-size: 20px;
            text-align: center;
        }
        .detalhes-atendimento{
            font-size: 14px;
            text-align: justify;
            margin-bottom: 30px;
        }

        .margin-t15{
            margin-top: 15px;
        }
    }

    @media(min-width: 600px) and (max-width: 991px){
        .atendimento-h2{
            font-size: 35px;
        }

        .atendimento-h2 span{
            font-size: 35px;
        }
    }

    .li-redesocial li{
        margin: 0px 20px;
    }
    @media(max-width: 400px){
        .li-redesocial li{
            padding: 0px;
        }
    }

    @media(max-width: 648px){
        .li-redesocial li{
            margin: 0;
        }
    }

    .li-redesocial li:hover{
        opacity: 0.8;
    }

    .padding-bottom-20{
        padding-bottom: 20px;
    }

    .padding-20{
        padding: 20px;
    }

    .h2{
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }










    @media(min-width: 768px) and (max-width: 999px) {
        .topocurso {
            top: 140px!important;
        }
    }

    @media(max-width: 768px) {
        .topbar-v3 .left-topbar,.topbar-v3 .right-topbar {
            text-align:center;
            float: none!important;
            font-size: 13px
        }
        .margin-topo {
            margin-top: 84px;
        }
    }

    @media(max-width: 891px) {
        .navbar-toggle {
            margin-right:0
        }
    }

    @media(max-width: 998px) {
        .header-v5 .navbar-brand {
            margin-top:0
        }
    }

    @media(min-width: 871px) {
        .header-v5 .navbar-nav {
            float:none;
            margin: 0 auto;
            display: table;
            table-layout: fixed
        }
    }

    @media(max-width: 871px) {
        .header-v5 .navbar-header {
            margin-bottom:7px
        }

        .header-v5 .navbar-brand {
            padding-top: 4px
        }

        .header-v5 .navbar-header {
            float: none
        }

        .header-v5 .navbar-toggle {
            display: block
        }

        .header-v5 .navbar-collapse.collapse {
            display: none!important
        }

        .header-v5 .navbar-nav {
            margin: 0;
            float: none!important
        }

        .header-v5 .navbar-nav>li {
            float: none
        }

        .header-v5 .navbar-nav>li>a {
            padding-top: 30px;
            padding-bottom: 40px
        }
        .header-v5 .navbar-collapse,.header-v5 .navbar-collapse .container {
            padding-left: 0!important;
            padding-right: 0!important
        }

        .header-v5 .navbar-default .navbar-nav>li>a {
            font-size: 13px;
            padding: 9px 3px
        }

        .header-v5 .navbar-default .navbar-nav>li a {
            border-bottom: solid 1px #eee
        }
    }

    @media(min-width: 871px) {
        .header-v5 .navbar-collapse {
            padding:0
        }

        .header-v5 .navbar-default .navbar-nav>li>a {
            line-height: 30px;
            padding: 23px 18px 24px
        }


        .header-v5 .navbar-default .navbar-nav>li>a,.header-v5 .navbar-default .navbar-nav>li>a:focus {
            border-top: solid 2px transparent
        }

        .header-v5 .navbar-default .navbar-nav>li>a:hover,.header-v5 .navbar-default .navbar-nav>.active>a {
            border-top: solid 2px #72c02c
        }

        .header-v5 .navbar-default .navbar-nav>li>a,.header-v5 .navbar-default .navbar-nav>li>a:hover,.header-v5 .navbar-default .navbar-nav>li>a:focus,.header-v5 .navbar-default .navbar-nav>.active>a,.header-v5 .navbar-default .navbar-nav>.active>a:hover,.header-v5 .navbar-default .navbar-nav>.active>a:focus {
            background: 0
        }
        .header-v5 .navbar-default .navbar-nav>li:hover>a {
            color: #72c02c
        }
    }

    @media(min-width: 871px) {
        .header-fixed .header-v5.header-fixed-shrink .navbar-nav>li>a {
            font-size: 15px;
            margin-top: 2px;
            padding: 15px
        }
    }

    @media(max-width: 992px) {
        .md-margin-bottom-40 {
            margin-bottom: 40px
        }
        .interactive-slider-v2 h1 {
            font-size: 35px;
            line-height: 35px;
        }
    }

    @media screen and (min-width: 300px) and (max-width:450px) {
        .interactive-slider-v2 p {
            font-size: 12px;
        }
        .interactive-slider-v2 h1 {
            font-size: 25px;
            line-height: 35px
        }
        .col-xs-6 {
            width:100%
        }
    }
    @media screen and (min-width: 100px) and (max-width:400px) {
        .col-xs-6 {
            width:100%
        }
        .callout h2 {
            font-weight: 400;
            line-height: 1.5
        }

        .callout h1 {
            font-weight: 400;
            line-height: 1.5
        }
    }

    @media(max-width: 767px) {
        h1 {
            font-size: 24px;
            line-height: 35px
        }

        h2 {
            font-size: 22px;
            line-height: 32px
        }
    }

    @media(max-width: 450px) {
        .btnoutroscursos {
            padding: 12px 15px 15px;
            margin: 5px 1px;
            font-size: 2.0rem!important;
            line-height: 2.5rem!important;
        }
        .btnheader1 {
            margin: 5px 1px!important;
            font-size: 2.0rem!important;
            line-height: 2.0rem!important;
        }
        .btnheader2 {
            padding: 12px 15px 15px!important;
            margin: 5px 1px!important;
            font-size: 2.0rem!important;
            line-height: 2.0rem!important;
        }
        h1 {
            font-size:18px;
            line-height: 25px
        }
        input {
            font-size: 14px;
            line-height: 25px
        }

        ul {
            padding: 0;
            margin-left: 0
        }

        h2,.h2 {
            font-size: 1.6rem;
            line-height: 2.0rem;
        }
    }

    @media(max-width: 891px) {
        .header-fixed .header-v5,.header-fixed .header-v5.header-fixed-shrink,.header-fixed .header-v5.no-topbar,.header-fixed .header-v5.no-topbar.header-fixed-shrink {
            height:inherit;
            position: relative
        }
    }

    @media(min-width: 1200px) and (max-width:1500px) {
        .col-md-3 {
            width:25%
        }
    }

    @media(max-width: 500px) {
        .btnperguntasrespostas{
            font-size: 2.0rem !important;
        }
        .hidden-wr-meu {
            display:none!important
        }

        body {
            font-size: 14px
        }
        .callout.st5 header::after {
            border-top: 19px solid #e05b17;
            border-right: 19px solid transparent;
            border-left: 19px solid transparent;
            bottom: -17px;
            left: 50%;
            margin-left: -19px
        }
        .blue header::after{
            /*border-top: 19px solid #337ab7 !important*/
            border-top: 19px solid #ce390a !important
        }
        .callout.st5 header {
            margin: 0 0 26px;
            padding: 10px 0;
        }
    }



    @media(max-width: 767px) {
        .callout h1 {
            font-size: 24px;
            line-height: 35px
        }

        .callout h1 {
            font-size: 22px;
            line-height: 32px
        }
    }



    .cards-steps-site .card {
        position:relative;
        width:100%;
        height: auto;
        min-height:400px;
        background:#fff;
        box-shadow:0 20px 50px rgba(0,0,0,.1);
        border-radius:10px;
        transition:0.5s;
        margin-bottom: 20px;
        border-top: 3px solid #337ab7;
        border-bottom: 3px solid #337ab7;
        border-radius: 16px 16px 16px 16px;
    }
    .cards-steps-site .card:hover {
        box-shadow:0 30px 70px rgba(0,0,0,.4);
    }
    .cards-steps-site .card .box {
        position:absolute;
        top:50%;
        left:0;
        transform:translateY(-50%);
        text-align:center;
        padding:20px;
        box-sizing:border-box;
    }
    .cards-steps-site .card .box .img {
        width:120px;
        height:120px;
        margin:0 auto;
        border-radius:50%;
        overflow:hidden;
    }
    .cards-steps-site .card .box .img img {
        width:100%;
        height:100%;
    }
    .cards-steps-site .card .box h2 {
        font-size:20px;
        color:#262626;
        margin:20px auto;
    }
    .cards-steps-site .card .box h2 span {
        font-size:14px;
        background:#337ab7;
        color:#fff;
        display:inline-block;
        padding:4px 10px;
        border-radius:15px;
    }
    .cards-steps-site .card .box p {
        color:#262626;
    }
    .cards-steps-site .card .box span {
        display:inline-flex;
    }
    .cards-steps-site .card .box ul {
        margin:0;
        padding:0;
    }
    .cards-steps-site .card .box ul li {
        list-style:none;
        float:left;
    }
    .cards-steps-site  .card .box ul li a {
        display:block;
        color:#aaa;
        margin:0 10px;
        font-size:20px;
        transition:0.5s;
        text-align:center;
    }
    .cards-steps-site .card .box ul li:hover a {
        color:#e91e63;
        transform:rotateY(360deg);
    }

    .cards-steps-site .msg_headers h2{
        font-weight: inherit;
        text-align: center;
        font-size: 1.8em;
        padding: 5px 0;
        color: #222;
        line-height: 1.1;
    }
    .cards-steps-site .msg_headers h3{
        text-align: center;
        font-size: 1.4em;
        color: #222;
        font-weight: bold;
    }
    .cards-steps-site .msg_headers h4{
        text-align: center;
        font-size: 1.3em;
        font-weight: inherit;
        color: #222;
        text-transform: uppercase;
        padding: 20px 0;
    }

    .cards-steps-site .msg_final{
        text-align: center;
        /*margin-top: 25px !important;*/
    }
    .cards-steps-site .msg_final p{
        margin-top: 8px;
        text-align: center;
        font-size: 1.4em;
        color: #222;
        line-height: 1.2;
    }


    @media(max-width: 767px){
        .cards-steps-site .msg_headers h2{
            font-weight: inherit;
            text-align: center;
            font-size: 1.5em;
            padding: 5px 0;
            color: #222;
            line-height: 1.1;
        }
        .cards-steps-site .msg_headers h3{
            font-weight: inherit;
            font-size: 1.2em;
        }
        .cards-steps-site .msg_headers h4{
            font-size: 1.1em;
            font-weight: bold;
        }

        .cards-steps-site .msg_final p{
            text-align: center;
            font-size: 1.2em;
            line-height: 1.2;
        }
    }


    .padding-tb-20{
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .cta_11{
        padding: 0 10px;
        margin-bottom: 20px
    }
    .cta_11 .background{
        box-shadow: 2px 1px 5px 1px #aaa;
        padding: 15px;
        border-radius: 12px;
        background: rgba(240,240,240,1);
        background-position: center center;
        border-color: transparent;
        border-style: solid;
        transition-duration: 0.15s;
    }
    .cta_11 .background:hover{
        transform: scale(1.02);
    }

    .cta_11 .background span{
        font-family: Rubik;
        font-weight: 500;
    }

    .cta_11 i{
        color: inherit;
        font-size: 45px;
    }
    .cta_11 h2{
        text-align: left;
        line-height: 1.0 !important;
        margin: 0;
        color: #333;
        font-size: 30px;
        font-family: Arial,sans-serif;
        font-weight: 500;
    }
    .cta_11 p{
        height: 75px;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #000;
        font-size: 18px;
        font-family: 'FuturaPT',Arial,sans-serif;
        line-height: 1.4;
        font-weight: 400;
        text-align: justify;
        margin: 0 0 5px;
    }
    .cta_11 a{
        text-decoration: none
    }
    .cta_11 a h2:hover, .cta_11 a h2:active, .icone_curso a i:hover, .icone_curso a i:active{
        color: #496b1d !important;
    }
    .cta_11 .nome_curso{
        display: inline-block;
        text-align: left
    }
    .cta_11 .icone_curso{
        width: 70px;
        height: 70px;
        margin-right:10px;
        background: rgb(255,255,255);
        text-shadow: 1px 1px 1px #333;
        border-radius: 15px;
        border: 1px dashed;
        align-items: center;
        display: flex;
        text-align: center;
        justify-content: center;
    }
    @media (max-width: 1024px){
        .cta_11 h2{
            font-size: 26px;
        }
    }
    @media (max-width: 500px){
        .cta_11 .nome_curso{
            display: flex
        }
        .cta_11 .nome_curso h2{
            font-size: 22px;
        }
        .cta_11 .icone_curso{
            width: 60px;
            height: 60px;
        }
        .cta_11 i{
            font-size: 40px;
        }
        .cta_11 .background {
            padding: 10px;
        }
    }
    .color-light-brown {
        color: #cd3939!important
    }
    .color-red2 {
        color: #d32f2f!important
    }

    .color-light-blue {
        color: #0072b1!important
    }

    .color-pink {
        color: #ea4c89!important
    }
    .color-darker {
        color: #222!important
    }
    .color-sea {
        color: #1abc9c!important
    }

    .color-red {
        color: #e74c3c!important
    }

    .color-aqua {
        color: #27d7e7!important
    }

    .color-blue {
        color: #3498db!important
    }
    .color-green {
        color: #528200!important
    }

    .color-green2 {
        color: green!important
    }
    .color-orange {
        color: #e67e22!important
    }

    .color-green1 {
        color: #2ecc71!important
    }

    .color-purple {
        color: #9b6bcc!important
    }

    .color-dark-blue {
        color: #4765a0!important
    }

    .color-light-grey {
        color: #585f69!important
    }

    .color-light-green {
        color: #79d5b3!important
    }

    .color-yellow {
        color: #f1c40f!important
    }

    .color-deep-orange {
        color: #c53e14!important
    }

    .color-amber {
        color: #ffc107!important
    }

    .color-blue3 {
        color: #2196f3!important
    }

    .color-indigo {
        color: #536dfe!important
    }

    .color-lime {
        color: #cddc39!important
    }

    .color-brown2 {
        color: #5d4037!important
    }

    .color-pink-orage {
        color: #ffccbc!important
    }

    .color-dark-green {
        color: #388e3c!important
    }

    .background .row{
        flex-wrap: nowrap;
    }

    .cta_12{
        font-family: 'Open Sans', sans-serif;
        /*background-image: url('https://www.wreducacional.com.br/img_cursos/prod/img_1230x644/informatica/informatica-basica.webp');*/
        background-size: cover;
        background-position: center;
        margin: 0;
        min-height: calc(100vh - 100px);
        position: relative;
        display: flex;
        -webkit-align-items: center;
    }
    .cta_12 .background_2{
        /*                    background: linear-gradient(90deg, rgba(0,0,0,.8) 50%, transparent 100%);*/
        background: rgba(0,0,0,.8) !important;
        opacity: 0.8;
        min-height: 100vh;
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 0;
        pointer-events: none;
        box-sizing: border-box;
    }
    .cta_12 h2{
        margin: 10px 0 30px;
        color: #fff;
        font-size: 25px;
        font-family: 'FuturaPT',Arial,sans-serif;
        line-height: 1.6;
        font-weight: 400;
        text-transform: capitalize
    }
    .cta_12 h2 span{
        color: #ffffff;
        font-size: 55px;
        font-family: 'FuturaPT',Arial,sans-serif;
        line-height: 1.2;
        font-weight: 700;
        background-position: center center;
        border-color: transparent;
        border-style: solid;
        display: block
    }

    .cta_12 p{
        color: #fff;
        font-size: 18px;
        font-family: 'FuturaPT',Arial,sans-serif;
        line-height: 1.6;
        font-weight: 400;
        margin-bottom: 30px
    }
    .cta_12 .cta_btn{
        text-transform: uppercase;
        display: inline-block;
        margin: 10px 0;
        color: #fff;
        font-size: 20px;
        font-family: 'FuturaPT',Arial,sans-serif;
        line-height: 1.55;
        font-weight: 500;
        border-width: 1px;
        border-radius: 100px;
        background-color: #ce390a;
        padding: 12px 40px;
    }
    .cta_12 a{
        text-decoration: none
    }
    .cta_12 .cta_btn:hover, .cta_12 .cta_btn:active{
        background-color: #bd2809;
        text-decoration: none;
    }
    .cta_12 i{
        padding-right: 5px;
    }
    @media (max-width: 500px){
        .cta_12{
            text-align: left;
            padding: 35px 0 45px;
        }
        .cta_12 h2{
            font-size: 25px;
            line-height: 2
        }
        .cta_12 h2 span{
            font-size: 50px;
            margin: 0
        }
        .cta_12 p{
            margin-bottom: 40px
        }
        .cta_12 .cta_btn{
            padding: 10px 40px;
            margin: 0;
            float:none;
        }
    }
    @media (max-width: 374px){
        .cta_12{
            text-align: left;
            padding: 10px 0 20px;
        }
        .cta_12 p{
            font-size: 16px;
            margin-bottom: 20px
        }
        .cta_12 h2{
            margin: 10px 0 20px;
            font-size: 20px;
        }
        .cta_12 h2 span {
            font-size: 35px;
            line-height: 1.1;
            margin: 0
        }
        .cta_12 .cta_btn{
            padding: 10px 30px;
            margin: 0;
            float:none;
        }
    }

    .cta_12 .container{
        padding-right:15px;
        padding-left:15px;
        margin-right:auto;
        margin-left:auto
    }
    @media(min-width:768px){
        .cta_12 .container{
            width:750px
        }
    }
    @media(min-width:992px){
        .cta_12 .container{
            width:970px
        }
    }
    @media(min-width:1200px){
        .cta_12 .container{
            width:1170px
        }
    }

    .ctrl_ac_4 {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: calc(100vh - 64px);
    }
    .block-title__title {
        margin: 0;
        color: #ce390a;
        font-size: 57px;
        line-height: 1;
        font-weight: 700;
        margin-bottom: -15px;
        margin-top: -15px;
    }
    .ctrl_ac_4 .block-title {
        margin-bottom: 50px;
    }
    .ctrl_ac_4__text {
        font-family: Arial;
        margin: 0;
        font-size: 18px;
        /*line-height: 35px;*/
        line-height: 1.8;
        color: #444;
    }

    @media(max-width: 500px){
        .ctrl_ac_4__text{
            font-size: 14px;
            text-align: justify;
        }
    }

    @media(max-width: 575px){
        .ctrl_ac_4 .padding-sm-0{
            padding: 0 !important;
        }
    }


    @media(min-width: 501px) and (max-width: 900px){
        .block-title__title{
            font-size: 33px;
            line-height: 1;
            margin-top: 10px;
        }
    }


    .ctrl_ac_4 a{
        margin-top: 15px;
        border-radius: 0;
        padding: 10px 25px
    }
    .ctrl_ac_4__count {
        position: absolute;
        bottom: 0;
        left: 20px;
        z-index: 12;
        -webkit-transform: translateX(-20%);
        transform: translateX(-20%);
        border-radius: 50%;
        width: 175px;
        height: 175px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        background-color: #fff;
        -webkit-box-shadow: 0 0 50px 0 rgb(0 0 0 / 10%);
        box-shadow: 0 0 50px 0 rgb(0 0 0 / 10%);
    }
    .ctrl_ac_4__count-text {
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: .2em;
        font-weight: 600;
        color: #81868a;
    }
    .ctrl_ac_4__count-text {
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: .2em;
        font-weight: 600;
        /*color: #81868a;*/
        color: #6f6f6f;
    }
    .ctrl_ac_4__count span {
        display: block;
        /*color: #f16101;*/
        color: #c34e00;
        letter-spacing: 0;
        /*font-weight: 400;*/
        font-size: 22px;
        font-weight: bold;
        margin: 10px 0;
    }

    .ctrl_ac_4__image {
        display: inline-block;
        border-radius: 50%;
        position: relative;
    }
    .ctrl_ac_4__image>img {
        border-radius: 50%;
        position: relative;
        z-index: 10;
        height: 400px;
        object-fit: cover;
    }
    .ctrl_ac_4__count:before {
        content: '';
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 1px dashed rgba(1,34,55,.15);
        border-radius: 50%;
    }

    .ctrl_ac_4__count{
        left: 14px;
        width: 160px;
        height: 160px;
    }
    @media (max-width: 374px){

        .block-title__title {
            margin: 0;
            color: #ce390a;
            font-size: 44px;
            font-weight: 700;
            margin-bottom: -15px;
            margin-top: -15px;
        }
        .ctrl_ac_4__content{
            text-align: center;
        }
        .ctrl_ac_4 a {
            margin: 0 auto 20px;
            display: inline-block;
        }
        .ctrl_ac_4__image>img{
            height: 200px
        }
        .ctrl_ac_4__count{
            left: 14px;
            width: 160px;
            height: 160px;
        }
        .ctrl_ac_4__count span{
            font-size: 27px;
            margin: 8px 0;
        }
        .ctrl_ac_4 .block-title {
            margin-bottom: 20px;
        }
    }

    @media (max-width: 500px){
        .ctrl_ac_4 {
            padding: 0;
        }
        .block-title__title {
            font-size: 24px !important;
            margin: 0;
            color: #ce390a;
            font-size: 45px;
            font-weight: 700;
            margin-bottom: -15px;
            margin-top: 10px;
            text-align: center;
        }
        .ctrl_ac_4__content{
            text-align: center
        }
        .ctrl_ac_4 a {
            margin: 20px auto 40px;
            display: inline-block;
            font-size: 20px
        }
        .ctrl_ac_4__image>img{
            height: 265px
        }
        .ctrl_ac_4__count{
            left: 14px;
            width: 130px;
            height: 130px;
        }
        .ctrl_ac_4__count span{
            font-size: 14px;
            margin: 8px 0;
        }
        .ctrl_ac_4 .block-title {
            margin-bottom: 30px;
        }
    }

    .d-flex-ajuste{
        display: flex;
        align-items: center;
    }

    @media(max-width: 800px){
        .d-flex-ajuste{
            display: block !important;
        }
    }


    .ctrl_ac_1{
        margin: 0;
        background-image: url("/img/backgroundsvg-blue.svg");
        min-height: calc(100vh - 94px);
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
    }
    .ctrl_ac_1 h3{
        font-size: 80px;
        line-height: 1.1;
        color: #fff;
        font-weight: 700;
        letter-spacing: -.04em;
        margin: 0;
        margin-bottom: 35px;
        text-transform: uppercase;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-backface-visibility: visible!important;
        backface-visibility: visible!important;
    }
    .ctrl_ac_1 h1{
        text-align: left;
        line-height: 1.2;
        font-size: 32px;
        color: #fff;
        margin-bottom: 20px;
        font-weight: inherit;
    }
    .ctrl_ac_1 a{
        border-radius: 0;
        margin-top: 10px;
        font-size: 23px;
        padding: 7px 30px
    }

    @media (max-width: 1024px){
        .ctrl_ac_1{
            padding: 20px 0
        }
        .ctrl_ac_1 h3{
            font-size: 70px;
            margin-bottom: 40px;
        }
        .ctrl_ac_1 h1{
            font-size: 32px;
            line-height: 1.1;
        }
    }

    @media (max-width: 500px){
        .ctrl_ac_1{
            padding: 15px 0;
            min-height: calc(100vh - 160px);
        }
        .ctrl_ac_1 h3{
            font-size: 50px;
            margin-bottom: 45px;
        }
        .ctrl_ac_1 h1{
            font-size: 30px;
            line-height: 1.2;
            margin-bottom:25px;
        }
        .ctrl_ac_1 a{
            font-size: 20px;
            padding: 0 12px;
        }
    }

    @media (max-width: 374px){
        .ctrl_ac_1{
            padding: 10px 0;
            min-height: calc(100vh - 150px);
        }
        .ctrl_ac_1 h3{
            font-size: 38px;
            margin-bottom: 30px;
        }
        .ctrl_ac_1 h1{
            font-size: 22px;
            line-height: 1.2;
            margin-bottom: 10px;
        }
    }

    .btn-participar{
        border-color: #ce390a;
        background: #ce390a;
        color: #fff;
        text-decoration: none!important;
        display: inline-block;
        border-style: solid;
        border-width: 1px;
        text-align: center;
        text-decoration: none;
        text-transform: capitalize;
        font-size: 2.1rem;
        font-weight: bold;
        line-height: 45px;
        padding: 1px 7px;
        border-radius: 5px;
        margin-bottom: 10px;
    }
    .btn-participar.btn-verde{
        border-color: #52c02c;
        background: #328607;
    }
    .btn-participar:hover, .btn-participar:active{
        background-color: #be290a;
        border-color: #ce390a;
        color: #efefef!important;
    }
    .btn-participar.btn-verde:hover, .btn-participar.btn-verde:active {
        border-color: #42b02c;
        background: #62b01c;
    }
    .modelo-certificado img{
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.82);
        border: 2px solid rgb(206, 57, 10, 1);
        border-radius: 5px;
        width: 100%;
        height: 100%;
        min-height: 181px;
    }

    .blue .modelo-certificado img{
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.82);
        border: 2px solid #337ab7;
        border-radius: 5px;
        width: 100%;
        height: 100%;
        min-height: 181px;
    }

    .blue .modelo-certificado img:hover{
        box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.82);
        border: 2px solid #438ac7;
        border-radius: 5px;
    }

    .modelo-certificado img:hover{
        box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.82);
        border: 2px solid rgb(206, 57, 10, 1);
        border-radius: 5px;
    }

    .modelo-certificado h2{
        text-transform: uppercase;
        font-size: 1.5em !important;
        color: #333;
        text-align: center;
        padding: 20px 0 10px 0;
        font-weight: bold;
    }

    .modelo-certificado .desc-certificado{
        font-size: 1.2em;
        line-height: 22px;
        padding-bottom: 40px;
        color: #222;
    }

    .modelo-certificado .texto-final{
        text-align: justify;
        padding-bottom: 30px;
        font-weight: bold;
        font-size: 1.3em;
        line-height: 1.6;
        color: #222;
    }

    @media(max-width: 500px){
        .modelo-certificado .texto-final{
            font-size: 1.1em;
        }

        .modelo-certificado .desc-certificado{
            font-size: 1.1em;
        }
        .modelo-certificado h2{
            padding: 10px 0;
            font-size: 1.4em !important;
        }
    }


    .validade-cert ul li{
        font-size: 1.4em;
        list-style: none;
        line-height: 1.2;
        text-align: justify;
        margin-bottom: 20px;
    }
    .validade-cert ul li::before{
        content: '';
        display: inline-block;
        width: 25px;
        height: 15px;
        background-size: cover;
        background-position: center;
        background-image: url("/img/seta-right-verde.webp");
        margin-right: 20px;
    }

    .validade-cert ul{
        margin-left: 10px;
    }

    @media(max-width: 500px){
        .validade-cert ul li{
            font-size: 1.2em;
            line-height: 1.1;
            text-align: left;
            margin-bottom: 22px;
        }
        .validade-cert ul li::before{
            width: 17px;
            height: 9px;
            margin-right: 8px;
        }
    }


    .cert-email h2{
        font-size: 1.2em !important;
        text-align: center;
        font-weight: bold;
        margin-bottom: 15px;
        color: #222;
    }

    .cert-email p{
        font-size: 1.3em;
        line-height: 25px;
        text-align: justify;
    }
    .img-cert-email{
        max-width: 450px;
    }

    .ctrl_certemail{
        display: flex;
        align-items: center;
    }

    @media(max-width: 767px){
        .cert-email{
            padding: 0 !important;
        }
        .cert-email h2{
            margin-top: 15px;
        }
        .img-cert-email{
            max-width:300px;
        }
        .ctrl_certemail{
            display: block !important;
        }
    }

    @media(max-width: 500px){
        .cert-email h2{
            font-size: 1.4em;
        }
        .cert-email p{
            font-size: 1.1em;
        }
    }


    .ctrl_prazo_liberacao h2{
        text-align: center;
        font-size: 1.4em;
        color: #333;
        font-weight: inherit;
    }

    .ctrl_prazo_liberacao h3{
        font-weight: bold;
        font-size: 1.3em;
        margin: 0;
        padding: 0 0 30px 0;
        text-align: center;
    }

    .ctrl_prazo_liberacao p{
        font-size: 1.3em;
        line-height: 1.6;
        text-align: justify;
    }

    .ctrl_prazo_liberacao hr{
        border: 1px solid #f1f1f1;
        margin: 30px 0 30px 0;
    }

    @media(max-width: 500px){
        .ctrl_prazo_liberacao h2{
            text-align: justify;
            font-size: 1.2em;
        }
        .ctrl_prazo_liberacao h3{
            font-size: 1.2em;
            padding: 0 0 20px 0;
            text-align: justify;
        }
        .ctrl_prazo_liberacao p{
            font-size: 1.1em;
            line-height: 1.4;
            text-align: justify;
        }
        .ctrl_prazo_liberacao hr{
            margin: 20px 0 20px 0;
        }
    }

    .bg-branco01 .fundo-transparente{
        padding: 50px 0px;
        background-color: rgb(0 31 65 / 86%);
        width: 100%;
        min-height: 35vh;
        color: #fff;
        font-size: 38px;
        text-shadow: 1px 1px 0px #000;
        font-weight: bold;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    @media(max-width: 500px){
        .bg-branco01 .fundo-transparente{
            font-size: 23px;
            line-height: 28px;
        }
    }
    @media(min-width: 501px) and (max-width: 800px){
        .bg-branco01 .fundo-transparente{
            font-size: 28px;
            line-height: 28px;
        }
    }

    .bg-branco01 .fundo-transparente p{
        color: #fff;
        line-height: 1.5;
        margin-top: 20px;
    }

    @media(max-width: 872px){
        .vh100-sm{
            min-height: calc(100vh - 165px) !important;
        }
    }


    .btn-fav-curso{
        position: absolute;
        width: 33px;
        height: 33px;
        background: rgba(34, 34, 34, 0.85);
        border-radius: 50%;
        top: 10px;
        right: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-weight: bold;
        cursor: pointer;
        font-weight: bold;
    }

    .btn-fav-curso i{
        line-height: 1;
    }

    .btn-fav-curso:hover{
        background: rgba(34, 34, 34, 1);
    }

    .btn-fav-curso .icone-fav::before{
        font: normal normal normal 17px/1 FontAwesome;
        content: "\f217";
        color: #fff;
    }
    .btn-fav-curso .icone-fav.add::before{
        font: normal normal normal 17px/1 FontAwesome;
        content: "\f217";
        color: #8dc740;
    }

    .btn-fav-curso:hover .icone-fav::before{
        content: "\f217";
        color: #8dc740;
    }
    .breadcrumbs {
        overflow: hidden;
        padding: 6px 0 0 6px;
        border-bottom: solid 1px #eee;
        background-color: #f7f7f7;
    }
    h1 {
        font-size: 28px;
        line-height: 35px;
    }


    .perguntas-respostas .titulo{
        font-size: 1.2em;
        font-weight: bold;
        color: #555;
    }

    .perguntas-respostas p{
        color: #555;
    }

    .perguntas-respostas a{
        color: #ce390a;
        text-decoration: none;
        transition: none;
    }
    .perguntas-respostas a:hover{
        color: #e67e22;
        text-decoration: underline;
        transition: none;
    }
    .img-selo-garantia{
        width: 260px;
        height: 379px;
        max-width: 100%;
    }

    @media(max-width: 991px){
        .img-selo-garantia{
            width: 140px;
            height: 204px;
            max-width: 100%;
            margin-top: 10px;
        }
    }

    .caixa-comentario{
        display: flex;
        border: 1px solid #e7e7e7;
        box-shadow: 0px 5px 6px #e7e7e7;
        margin-bottom: 25px;
        padding: 15px 0px;
    }

    .caixa-comentario:nth-child(odd) .caixa-comentario-imagem .perfil{
        background: #283401 !important;
    }

    .caixa-comentario .comentario-data{
        color: #555;
        font-size: 14px;
        margin-left: 8px;
    }
    .caixa-comentario-imagem{
        width: 7%;
        display: flex;
        justify-content: center;
        user-select: none !important;
    }
    .caixa-comentario-imagem .perfil{
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: #fff;
        font-weight: 500;
        text-shadow: 1px 1px 0px #000;
        border-radius: 50%;
        background: #222;
    }
    .caixa-comentario-content{
        width: 93%;
    }
    .caixa-comentario-content .nome-aluno{
        font-weight: bold;
        font-size: 16px;
        color: #222;
    }

    .caixa-comentario-content .fa.fa-star, .caixa-comentario-content .fa.fa-star-o{
        font-size: 20px;
        color: #f7631b;
        padding: 0 1px;
    }

    .caixa-comentario-content .fa.fa-star.cinza{
        color: #999;
    }

    .caixa-comentario-content p{
        color: #222;
        margin: 0;
        margin-top: 5px;
        font-size: 15px;
        font-weight: 400;
        padding: 4px;
        padding-left: 0;
    }

    @media(max-width: 767px){
        .caixa-comentario{
            padding: 10px;
        }
        .caixa-comentario-imagem{
            display: none;
        }
        .caixa-comentario-content{
            width: 100%;
        }
        .caixa-comentario-content p{
            text-align: justify;
        }
    }

    .banner-bg-amarelo{
        /*background-image: url('/img/background-amarelo.svg');*/
        background-size: cover;
        background-position: center;
    }
    .banner-bg-amarelo .content-banner-amarelo{
        background: rgba(0,0,0,0.7);
        min-height: 35vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 50px 0;
    }
    .content-banner-amarelo h2{
        color: #fff;
        font-size: 30px;
        margin-bottom: 10px;
    }
    .content-banner-amarelo p{
        color: #fff;
        font-size: 20px;
    }

    .banner-promo-atual{
        background-image: url('/img/background-verde.svg');
        background-size: cover;
        background-position: center;
    }

    .banner-promo-atual .content-promo-atual{
        background: rgba(0,0,0,0.8);
        min-height: 35vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 50px 0;
    }

    .content-promo-atual h2{
        color: #fff;
        font-size: 30px;
        margin-bottom: 10px;
    }

    .content-promo-atual p{
        color: #fff;
        font-size: 20px;
    }
    .div_flutuante_curso{
        box-shadow: 0 0 1px 1px rgb(20 23 28 / 10%), 0 3px 1px 0 rgb(20 23 28 / 10%);
        background-color: #fff;
        border-radius: 4px;
        padding: 10px;
    }
    .header-page-curso{
        min-height: calc(100vh - 94px);
        display: flex;
        align-items: center;
    }

    @media (min-width: 768px){
        .course-details-area{
            padding-top: 25px;
        }
    }
    @media(max-width: 991px){
        .course-details-area{
            margin-bottom: 25px;
        }
    }
    .list-dados-curso li span p{
        /*font-family: Roboto;*/
        color: #444;
        font-weight: bold;
        margin: 0;
    }

    @media(min-width: 818px){
        .coluna-img-pagecurso, .coluna-details-pagecurso{
            margin-top: 0 !important;
        }
    }
    .inf-curso-video{
        position: absolute;
        bottom: 0;
        /*border-radius: 4px 0px 4px 0px;*/
        margin: 5px;
        padding: 10px 15px;
        width: calc(100% - 10px);
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-size: 1.3em;
        text-transform: uppercase;
        text-shadow: 1px 1px 0px #000;
        background-color: rgba(0,0,0,0.8);
    }

    @media(max-width: 500px){
        .inf-curso-video{
            font-size: 0.9em;
            padding: 1px 11px;
        }
    }
    @media(min-width: 501px) and (max-width: 991px){
        .inf-curso-video{
            font-size: 1.1em;
            padding: 1px 11px;
        }
    }

    .lipading{
        padding: 0 5px;
    }

    .breadcrumb-page-curso{
        text-align: center;
    }

    .breadcrumb-page-curso li{
        display: inline;
        /*font-family: Roboto;*/
        font-size: 15px;
    }

    .breadcrumb-page-curso li::after{
        font-family: FontAwesome;
        content: "\f105";
        font-weight: bold;
        font-size: 15px;
        color: #ce390a;
        padding: 0px 5px;
    }

    .breadcrumb-page-curso li:nth-child(3):after{
        content: "";
    }

    .breadcrumb-page-curso li:nth-child(5){
        font-weight: bold;
    }

    .breadcrumb-page-curso li:nth-child(5):after{
        content: "";
    }
    .titulo-page-curso{
        margin-top: 0;
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        color: #222;
        font-size: 24px;
    }

    @media(max-width: 767px){
        .bc-ajuste-padding{
            padding: 4px !important;
        }
        .breadcrumb-page-curso{
            line-height: 0.8;
        }
        .breadcrumb-page-curso li::after{
            font-size: 11px;
        }
        .breadcrumb-page-curso li{
            display: inline-flex;
            font-size: 11px;
            line-height: 1.1;
        }
        .titulo-page-curso{
            font-size: 15px;
            font-weight: bold;
        }
    }


    .details-curso-list h2{
        font-size: 2.2em;
        color: #113468;
        text-align: left;
        font-weight: bold;
    }
    .details-curso-list p{
        font-size: 1.5em;
        line-height: 1.4;
        color: #333;
        text-align: justify;
        margin: 15px 0px 35px 0px;
    }

    .detalhes-curso-page h2{
        text-align: left;
        color: #811f00;
    }

    .detalhes-curso-page p{
        text-align: justify;
        font-size: 1.1em;
        line-height: 1.5;
        margin-bottom: 30px;
    }
    .btn-exibir-mais{
        background: #ce390a;
        padding: 4px;
        border-radius: 4px;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
    }

    .btn-exibir-mais:hover{
        background: #b32d03;
    }

    .callout.st5.blue .btn-exibir-mais{
        background: #14558d;
    }
    .callout.st5.blue .btn-exibir-mais:hover{
        background: #0c4270;
    }

    .tab{
        margin-bottom: -3px;
        margin-left: -2px;
    }

    .tabconteudo{
        border: 1px solid #a72b04 !important;
        border-radius: 0px 4px 4px 4px !important;
        box-shadow: 0px 4px 0px #a72b04 !important;
    }

    .tabapostila{
        border: 1px solid #db6c12 !important;
        border-radius: 0px 4px 4px 4px !important;
        box-shadow: 0px 4px 0px #ad2e07 !important;
    }
    .conteudo{
        margin-left: 0;
    }

    .titulohoras{
        margin: 15px 0 !important;
        /*font-size: 1.5em !important;*/
    }

    .callout.st5.blue .tab button{
        border: 1px solid #0c3d66 !important;
    }

    .callout.st5.blue .tab button.active{
        background-color: #18578d !important;
    }
    .callout.st5.blue .listaConteudosCurso h2{
        text-align: left;
        color: #18578d !important;
    }
    .callout.st5.blue .tabconteudo{
        border: 1px solid #0c3d66 !important;
        box-shadow: 0px 4px 0px #0c3d66 !important;
        background: #e3effc;
    }

    .listar-apostilas .listaConteudosCurso{
        text-align: left;
        color: #811f00 !important;
    }

    .listar-apostilas .listaConteudosCurso h2{
        text-align: left;
        color: #a12700;
    }

    .tab button{
        border: 1px solid #a12700;
    }

    .tabapostila{
        border: 1px solid #a12700;
    }
    .detalhes_cat span{
        font-size: 1.2rem;
        margin-bottom: 0;
        display: inline-block;
        line-height: 1.2;
        padding: 2px 4px!important;
        border: 1px solid rgb(138 170 221);
        border-radius: 20px;
    }

    .caixa-onde-usar{
        border: 1px solid #ccc;
        padding: 5px;
        border-radius: 4px;
        box-shadow: 0px 3px 0px #ccc;
        min-height: 130px;
        height: 100%;
        overflow: hidden;

    }

    .caixa-onde-usar h3{
        text-align: center;
        font-size: 1.3em;
        font-weight: bold;
        margin: 10px 0px;
    }

    .caixa-onde-usar p{
        text-align: justify;
        font-size: 0.9em;
    }


    .caixa-onde-usar:hover{
        transform: scale(1.01);
        transition-duration: 0.2s;
    }

    @media(max-width: 767px){
        .caixa-onde-usar{
            min-height: auto !important;
        }
    }

    .comporBlog {
        /*margin-bottom: 20px !important;*/
    }

    .comporBlog i{
        display: none !important;
    }

    .comporBlog p{
        color: #333 !important;
        text-align: justify !important;
        font-size: 1.1em !important;
        line-height: 1.5  !important;
        margin-bottom: 10px  !important;
        padding: 0 !important;
    }

    .comporBlog p:last-child{
        margin-bottom: 30px !important;
    }

    .comporBlog .container{
        width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-right: auto !important;
        margin-left: auto !important;
        max-width: 100% !important;
    }

    .comporBlog .container .col-lg-12{
        padding: 0 !important;
    }

    .comporBlog ul li p:last-child{
        margin: 0 !important;
    }

    .detalhes-curso-page.dt_2 h2{
        margin-top: 20px;
    }
    .comporBlog .btn_bloco{
        border: 1px solid;
        font-weight: bold;
        display: inline-block;
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        border-radius: 5px;
        padding: 15px 12px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 1.2 !important;
        text-align: center;
        border-color: #bd2d00;
        background-color: #e23e0a;
        text-shadow: 1px 1px 1px #040100;
        color: #fff;
        box-shadow: 0px 2px 0px #922300;
    }

    .msg-mantido a{
        color: #a52901;
        transition-duration: none !important;
    }
    .msg-mantido a:hover{
        color: #5e1700;
        text-decoration: underline;
        transition-duration: none !important;
    }


    .detalhes_curso_pacote li{
        margin-bottom: 30px;
    }
    .detalhes_curso_pacote li:last-child{
        margin: 0;
    }

    .detalhes_curso_pacote li h2{
        color: #185c97;
        text-align: left;
        font-weight: bold;
        font-size: 1.5em;
    }



    .detalhes_curso_pacote li p{
        text-align: justify;
        /*font-size: 15px;*/
    }

    .header-pacote .content-pacote{
        background: rgba(255, 255, 255, 1);
        min-height: calc(100vh - 94px);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .header-pacote .content-pacote h1{
        font-size: 40px;
        color: #04091e;
        text-align: center;
    }

    .header-pacote .content-pacote h2{
        text-align: justify;
        font-size: 18px;
        text-align: center;
        line-height: 1.2;
        margin-top: 10px;
        font-weight: 500;
    }

    .cargahoraria_pacote .title{
        font-size: 16px;
        font-weight: bold;
        color: #222;
    }
    .div-matricular .title{
        font-size: 14px;
        font-weight: bold;
        color: #222;
        margin-bottom: 5px;
    }

    @media(max-width: 767px){
        .header-pacote .content-pacote{
            min-height: calc(100vh - 150px)
        }
    }
    @media(max-width: 600px){
        .header-pacote .content-pacote h1{
            padding-top: 15px;
            font-size: 22px;
        }

        .header-pacote .content-pacote h2{
            font-size: 14px;
        }

        .pacote_estrelas ul li{
            font-size: 15px !important;
        }
        .pacote_estrelas p{
            font-size: 12px;
            margin-top: -5px;
        }

        .cargahoraria_pacote .title{
            font-size: 12px;
        }
        .div-matricular .title{
            font-size: 12px;
        }

        .cargahoraria_pacote p{
            font-size: 12px !important;
            margin-top: -5px;
        }
    }

    .conteudo_cursos{
        padding-top: 22px !important;
    }

    .caixa-pacote .caixa-detalhes{
        border-radius: 2px;
        box-shadow: 0 5px 12px rgb(0 0 0 / 18%);
        margin: 20px 4px;
    }
    .caixa-pacote .imagem img{
        width: 100%;
        height: 100%;
    }
    .caixa-pacote .content{
        text-align: center;
        font-size: 12px;
        line-height: 1.1;
        font-weight: 600;
        color: #04091e;
        padding: 5px 2px;
        height: 50px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .caixa-pacote .imagem .cargahoraria{
        background: rgba(0,0,0,0.5);
        position: relative;
        bottom: 0;
        margin-top: -18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1 !important;
    }
    .caixa-pacote{
        width: 100% !important;
        max-width: 400px;
    }
    .pacote_estrelas ul li{
        display: inline;
        color: #df9000;
        font-size: 25px;
    }
    .pacote_estrelas p{
        font-weight: bold;
    }
    .caixa-pacote .caixa-detalhes{
        border-radius: 2px;
        box-shadow: 0 5px 12px rgb(0 0 0 / 18%);
        margin: 20px 4px;
    }
    .caixa-pacote .imagem img{
        width: 100%;
    }
    .caixa-pacote .content{
        text-align: center;
        font-size: 12px;
        line-height: 1.1;
        font-weight: 600;
        color: #04091e;
        padding: 5px 2px;
        height: 50px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .caixa-pacote .imagem .cargahoraria{
        background: rgba(0,0,0,0.5);
        position: relative;
        bottom: 0;
        margin-top: -18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .caixa-pacote{
        width: 100% !important;
        /*max-width: 200px;*/
        /*padding: 0px 4px;*/
    }
    .caixa-vantagem-pacote{
        width: 100%;
        border: 1px solid #e1e1e1;
        border-radius: 4px;
        padding: 5px;
        box-shadow: 0px 3px 0px #e1e1e1;
        margin-bottom: 15px;
    }
    .caixa-vantagem-pacote .icone{
        text-align: center;
    }
    .caixa-vantagem-pacote .icone img{
        width: 55px;
        height: 55px;
        object-fit: cover;
        filter: drop-shadow(1px 1px 0px rgba(0,0,0,0.6));
    }
    .caixa-vantagem-pacote h2{
        color: #091b00;
        margin: 8px 0px;
    }

    .caixa-vantagem-pacote p {
        color: #222;
        text-align: justify;
    }
    .caixa-vantagem-numeros{
        width: 100%;
        border: 1px solid #f7f7f7;
        background: #f7f7f7;
        border-radius: 4px;
        padding: 5px;
    }
    .caixa-vantagem-numeros h2{
        color: #a92900;
        padding: 15px 5px 5px 5px;
        font-size: 16px;
    }
    .caixa-vantagem-numeros .icone{
        text-align: center;
    }
    .caixa-vantagem-numeros .icone img{
        width: 40px;
        height: 40px;
        object-fit: cover;
        filter: drop-shadow(1px 1px 0px rgba(0,0,0,0.6));
    }
    .caixa-vantagem-numeros p{
        text-align: center;
        font-size: 16px;
        color: #000;
    }

    .conteudo_cursos .conteudo_details_curso summary{
        user-select: none;
        display: flex;
        align-items: center;
    }
    .conteudo_cursos .conteudo_details_curso summary:hover{
        color: #a52800;
    }
    .conteudo_cursos details[open]:hover summary::after{
        content: "" !important;
    }
    .conteudo_cursos details:hover summary::after{
        content: "(Clique para Expandir)";
        font-size: 10px;
        margin-left: 15px;
        color: #1c5700;
    }

    @media(max-width: 600px){
        .caixa-vantagens-numeros .icone img{
            width: 35px;
            height: 35px;
        }
        .caixa-vantagem-numeros h2{
            font-size: 14px;
            font-weight: bold;
        }
        .caixa-vantagem-numeros p{
            font-size: 12px;
            line-height: 1.1;
        }
    }
    .cta_pacotes{
        background: rgba(0, 0, 0, 0.9) !important;
        min-height: 50vh;
        display: flex;
        align-items: center;
        padding: 25px 0px
    }
    .cta_pacotes h2{
        color: #8dc740;
        margin-bottom: 10px;
    }
    .cta_pacotes .titulo_pacote{
        font-size: 35px;
        color: #fff;
        font-weight: bold;
        line-height: 1.1;
    }
    .cta_pacotes img{
        width: 80px;
    }
    .cta_pacotes .titulo_pacote span{
        color: #8dc740;
    }

    .cta_pacotes p{
        color: #fff;
        font-size: 19px;
        line-height: 1.3;
        margin-top: 19px;
        text-align: justify;
    }
    .caixa-pacote .caixa-detalhes{
        margin: 4px !important;
    }
    .conteudo_cursos .conteudo_details_curso summary img{
        width: 60px;
        height: 100%;
        padding: 2px;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-right: 8px;
    }
    .conteudo_cursos .conteudo_details_curso summary{
        color: #444;
        font-weight: bold;
        font-size: 15px;
    }

    .conteudo_cursos .conteudo_details_curso > summary {
        list-style: none;
    }
    .conteudo_cursos .conteudo_details_curso{
        background: #fff;
        padding: 6px 9px;
        margin-top: -8px;
        border: 1px solid #f7f7f7;
        border-top: none;
        box-shadow: 0px 4px 10px #ccc;
        margin-bottom: 25px;
        border-radius: 4px;
    }
    .conteudo_cursos .conteudo_details_curso ul li{
        list-style: decimal-leading-zero;
        padding: 3px 0px;
        text-transform: capitalize;
    }
    .conteudo_cursos .conteudo_details_curso ul li::marker{
        font-weight: bold;
        color: #af2a00;
        font-size: 15px;
    }
    .conteudo_cursos .conteudo_details_curso ul{
        padding-left: 25px;
    }

    .slide-cursos-pacote{
        margin-bottom: 35px;
    }
    .cta-pacote-1{
        background-image: url('/img/background-verde.svg');
        background-size: cover;
        background-position: center;
    }

    .cta-pacote-1 .content-cta-pacote-1{
        background: rgba(0,0,0,0.8);
        min-height: 35vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 50px 0;
    }
    .cta-pacote-1 h2{
        color: #fff;
        font-size: 30px;
        margin-bottom: 10px;
    }
    .cta-pacote-1 p{
        color: #fff;
        font-size: 20px;
    }
    @media(max-width: 600px){
        .cta-pacote-1 h2{
            font-size: 25px;
            text-align: center;
        }
        .cta-pacote-1 p{
            font-size: 15px;
        }
    }

    @media(max-width: 991px){
        .cta_pacotes{
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .cta_pacotes .titulo_pacote{
            font-size: 25px;
        }
        .cta_pacotes p{
            font-size: 14px;
        }

        .cta_pacotes .img-cta-pacote{
            margin-bottom: 10px;
        }

        .cta_pacotes .d-hidden-cursos{
            display: none !important;
        }
    }
    .ajuste-caixa-vantagem-numeros{
        width: 20%;
        padding: 10px;
    }

    @media(max-width: 700px){
        .ajuste-caixa-vantagem-numeros{
            width: 50%;
            padding: 5px;
        }
    }

    @media(min-width: 701px) and (max-width: 1000px){
        .ajuste-caixa-vantagem-numeros{
            width: 33.333%;
            padding: 5px;
        }
    }

    @media(max-width: 600px){
        .img-conteudo-curso-pacote{
            display: none;
        }
        .conteudo_cursos .conteudo_details_curso summary{
            text-align: center;
            line-height: 1.1;
        }
    }
    .lista-validade-cursos li{
        font-weight: bold;
        font-size: 2.5rem;
        color: #0e4778;
        margin-bottom: 35px;
        border-bottom: 1px solid #f7f7f7;
    }
    .lista-validade-cursos p{
        font-weight: 400 !important;
        color: #222;
        font-size: 18px !important;
    }
    .lista-validade-cursos li:before{
        font-size: 4.0rem;
        font-weight: bold;
        color: #0e4778;
    }

    .lista-validade-cursos li.item-1:before{
        content: "01. ";
    }
    .lista-validade-cursos li.item-1:before{
        content: "01. ";
    }
    .lista-validade-cursos li.item-2:before{
        content: "02. ";
    }
    .lista-validade-cursos li.item-3:before{
        content: "03. ";
    }
    .lista-validade-cursos li.item-4:before{
        content: "04. ";
    }

    .ajuste-padding-lista{
        padding-top: 50px;
        padding-bottom: 50px;
    }

    @media(max-width: 767px){
        .ajuste-padding-lista{
            padding: 0;
        }

        .lista-validade-cursos li{
            font-size: 1.7rem;
            margin-bottom: 25px;
            text-align: center;
            border-bottom: 1px solid #e7e7e7;
        }
        .lista-validade-cursos p{
            font-size: 15px !important;
        }
        .lista-validade-cursos li:before{
            display: none;
        }
    }

    @media(min-width: 768px) and (max-width: 991px){
        .lista-validade-cursos li{
            font-size: 1.7rem;
            margin-bottom: 25px;
            text-align: center;
            border-bottom: 1px solid #e7e7e7;
        }
        .lista-validade-cursos p{
            font-size: 15px !important;
        }
        .lista-validade-cursos li:before{
            font-size: 2.5rem;
        }
    }



    .pacote-curso{
        padding-top: 50px;
    }

    .pacote-curso .caixa-pacote{
        width: 25%;
        padding: 3px;
    }

    @media(max-width: 450px){
        .pacote-curso .caixa-pacote{
            width: 50%;
        }
    }
    .pacote-curso .caixa-pacote .caixa-detalhes{
        border: 1px solid #ccc;
        border-radius: 2px;
        box-shadow: 0px 1px 1px #707070;
    }

    .caixa-pacote .imagem img{
        width: 100%;
    }

    .caixa-pacote .content{
        text-align: center;
        font-size: 11px;
        line-height: 1.1;
        font-weight: 600;
        color: #04091e;
        padding: 5px 2px;
        height: 50px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .pacote-cursos {
        border: 1px solid #ddd;
        padding: 4px;
        border-radius: 4px;
        margin-bottom: 30px;
        box-shadow: 0 5px 0 #ddd;
        background: #f7f7f7  !important;
        /*max-width: 600px;*/
        max-height: 365px;
    }

    @media(max-width: 767px){
        .pacote-cursos{
            max-height: 100% !important;
        }
    }
    .pacote-cursos h2{
        text-align: center;
        font-size: 1.2em;
        margin: 5px 1px;
        color: #a52800;
        font-weight: bold;
    }

    .pacote-curso a h2{
        color: #222;
        transition-duration: 0.3s;
    }

    .pacote-curso a:hover h2{
        color: #f7631b;
        transition-duration: 0.3s;
    }

    .pacote-cursos .detalhes-pacote{
        margin-top: 10px;
    }

    .pacote-cursos .detalhes-pacote p{
        padding: 0 4px;
        font-size: 14px;
        text-align: justify;
    }

    .pacote-cursos .imagem .cargahoraria{
        background: rgba(0,0,0,0.5);
        position: relative;
        bottom: 0;
        margin-top: -18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pacote-cursos .estrelas ul li{
        display: inline;
        color: #df9000;
        font-size: 16px;
    }
    .botoes-pacote{
        display: flex;
        justify-content: right;
    }

    .pacote-cursos{
        overflow: hidden;
    }
    .slide-pacote-cursos{
        display: flex!important;
        justify-content: center;
        flex-wrap: nowrap;
    }
    .caixa-pacote{
        width: 100% !important;
        min-width: 153px;
        max-width: 200px;
    }

    .desc-pacote{
        height: 72px;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: justify;
    }

    @media(max-width: 340px){
        .ajuste-font-btn{
            font-size: 14px;
        }
    }


    /*CTRL ACTION PACOTE*/
    .cta_pacote_01{
        background-image: url("/img-base/bg6.webp");
        background-size: cover;
    }

    .cta_pacote_01 .cta_content{
        background-color: rgba(0,0,0,0.5);
        padding: 25px 0;
    }

    .cta_pacote_01 .cta_content h2{
        color: #fff;
        font-size: 30px;
        line-height: 1.2;
        margin: 15px 0;
    }
    .cta_pacote_01 .cta_content .area-texto p{
        color: #fff;
        font-size: 19px;
        line-height: 1.2;
    }

    .cta_pacote_01 .cta_content .area-texto{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .cta_pacote_01 .caixa-curso-pacote{
        background: #fff;
        border-radius: 4px;
        transition-duration: 0.2s;
        border: 1px solid #f7f7f7;
        box-shadow: 1px 1px 0px #000;
        max-width: 230px;
        z-index: 2 !important;
    }
    .cta_pacote_01 .caixa-curso-pacote:hover{
        transform: scale(1.015);
        transition-duration: 0.2s;
    }

    .cta_pacote_01 .area-cards .caixa-curso-pacote img{
        width: 100%;
        border-radius: 4px 4px 0 0;
    }
    .cta_pacote_01 .area-cards .caixa-curso-pacote p{
        font-size: 10px;
        font-weight: 800;
        line-height: 1.2;
        letter-spacing: .05rem;
        text-align: center;
        padding: 0 4px;
        margin: 2px 0;
        height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: uppercase;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .cta_pacote_01 .area-cards .caixa-curso-pacote .text-hover{
        display: none;
        z-index: 2;
    }

    .cta_pacote_01 .area-cards{
        display: flex;
        align-items: center;
    }

    .cta_pacote_01 .area-cards .caixa-curso-pacote:hover .text-hover{
        display: block;
        background: rgba(12 12 12 / 56%);
        font-weight: bold;
        font-size: 1.1em;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .cta_pacote_01 .limita-items:nth-child(n + 7){
        display: none;
    }

    .cta_pacote_01 .estrelas li{
        display: inline;
        color: #df9000;
        font-size: 16px;
    }

    .centraliza-flex-horizontal {
        display: flex;
        justify-content: center;
    }
    @media(max-width: 500px){
        .cta_pacote_01 .cta_content .area-texto h2{
            font-size: 20px;
        }
        .cta_pacote_01 .cta_content .area-texto p{
            font-size: 15px !important;
            text-align: justify !important;
        }
    }

    .btn {
        box-shadow: none;
        border-radius: 0
    }
    .btn-u {
        border: 0;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
        font-weight: 400;
        padding: 6px 13px;
        position: relative;
        white-space: nowrap;
        display: inline-block;
        text-decoration: none;
        background: #528200
    }
    .btn-u:hover {
        color: #fff;
        text-decoration: none;
        transition: all .3s ease-in-out
    }
    .btn-u.btn-block {
        text-align: center
    }
    .btn-group>.btn-u,
    .btn-group-vertical>.btn-u {
        float: left;
        position: relative
    }
    .btn-group>.btn-u:first-child {
        margin-left: 0
    }
    .search-v3 {
        font-size: 16px;
    }

    @media(max-width: 888px){
        .hidden-text-buscando{
            display: none;
        }
    }

    .pagination-v2{
        margin: 15px 0;
        justify-content: center;
    }
    .pagination-v2 li.active a{
        background: #72c02c !important;
        color: #fff;
        font-weight: bold;
    }

    .pagination-v2 li a{
        transition-duration: 0s !important;
    }

    .pagination-v2 li a:hover{
        background: #5fa322;
        color: #fff;
    }

    @media(max-width: 400px){
        .pagination-v2 li a{
            padding: 9px 10px !important;
        }
    }
    .illustration-v2{
        display: block;
        margin: 0 !important;
    }

    .text-qntd-cert{
        margin-top: 20px;
        font-weight: bold;
        font-size: 21px;
        color: #b12a00;
        text-align: center;
        line-height: 1.3;
    }

    @media(max-width: 400px){
        .text-qntd-cert{
            font-size: 14px;
        }
    }

    @media(min-width: 401px) and (max-width: 600px){
        .text-qntd-cert{
            font-size: 16px;
        }
    }

    .header-empresa{
        min-height: calc(100vh - 94px);
        display: flex;
        align-items: center;
    }

    .header-empresa .btn-action-green{
        font-size: 14px;
        line-height: 23px;
    }

    .header-empresa h1{
        font-size: 57px;
        line-height: 66px;
        color: #012237;
        font-weight: bold;
    }
    @media(max-width: 767px){
        .header-empresa h1{
            margin-top: 20px;
            font-size: 30px;
            line-height: 32px;
        }
    }
    @media(min-width: 768px) and (max-width: 1199px){
        .header-empresa h1{
            margin-top: 20px;
            font-size: 40px;
            line-height: 40px;
        }
    }

    .caixa-curso-pacote:hover .caixa-detalhes .cargahoraria{
        display: none;
    }
    .caixa-curso-pacote:hover .caixa-detalhes .imagem{
        height: 151px;
    }
    .caixa-curso-pacote:hover .caixa-detalhes .imagem img{
        border-radius: 4px;
    }
    .caixa-curso-pacote:hover .caixa-detalhes .content{
        display: none;
    }


    .item-menu-p{
        margin-left: 0 !important;
        display: inline-flex !important;
        border-bottom: 1px solid #e7e7e7;
        padding-bottom: 5px;
    }

    .item-menu-p .img-p{
        width: 60px;
    }

    .item-menu-p .titulo-p{
        width: calc(100% - 70px);
        margin-left: 3px;
        display: flex;
        align-items: center;
    }

    .item-menu-p .delete-p{
        width: 10px;
        display: flex;
        align-items: center;
    }

    .nav-item.dropdown:hover .dropdown-notif{
        margin-top: 0px !important;
    }

    .nav-item.dropdown.active_carro .dropdown-child {
        display: block !important;
    }

    .list-pacote{
        max-height: 200px;
        overflow-y: scroll;
    }

    .list-pacote::-webkit-scrollbar {
        cursor: pointer;
        width: 6px;
    }

    @media(max-width: 767px){
        .list-pacote{
            max-height: 111px;
        }
    }

    .list-pacote::-webkit-scrollbar-thumb {
        background-color: #ce390a;
        border-radius: 10px;
    }

    .list-pacote li{
        display: flex !important;
        align-items: center;
        margin: 0 0 2px !important;
        width: 100%;
        /*justify-content: space-between !important;*/
        border-radius: 4px;
        padding: 5px 1px;
        background: #f7f7f7;
        border: 1px solid #e7e7e7;
        transition-duration: 0.3s;

    }

    .list-pacote li:hover{
        background: #e2e2e2;
        transition-duration: 0.3s;
    }

    .list-pacote li span{
        margin-right: 5px;
        width: 80%;
        text-align: left;
        margin-left: 4px;
        height: 29px;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 1.0em;
        line-height: 1.3;
        text-overflow: ellipsis;
        text-transform: uppercase;
    }
    .list-pacote li img{
        width: 52px;
        height: 30px;
        margin-right:2px;
        margin-left: 4px;
    }
    .list-pacote li i{
        font-size: 13px;
        float:right;
        cursor: pointer;
        margin-right: 3px;
        color: #990000;
    }

    .list-pacote li i:hover{
        color: red;
    }

    .dropdown-notif{
        z-index: 1;
        padding: 5px 4px 5px 4px;
        /*left: -150px;*/
        left: -137px;
        width: 300px;
        top: 58px;
        color: #222 !important;
        text-align: left;
        border: 1px solid #ccc !important;
        border-radius: 4px;
    }

    .dropdown-child.dropdown-notif:before {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: -33px;
        left: calc(50% + -23px);
        border-left: 24px solid transparent;
        border-right: 24px solid transparent;
        border-top: 18px solid transparent;
        border-bottom: 15px solid #fff;
        filter: drop-shadow(0px -1px 0px #ccc);
    }


    .btn-fechar-cart{
        cursor:pointer;
        float: right;
        color: #222;
    }
    .btn-fechar-cart:hover{
        color: red;
    }



    .tabset > input[type="radio"] {
        position: absolute;
        left: -200vw;
    }

    .tabset .tab-panel {
        display: none;
    }

    .tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
    .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
    .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
    .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
    .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
    .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
        display: block;
    }

    .tabset > label {
        position: relative;
        display: inline-block;
        padding: 5px;
        border: 1px solid transparent;
        cursor: pointer;
        font-weight: 600;
        /*width: calc(50% - 2px);*/
        width: calc(49% + 1.2px);
        text-align: center;
        font-size: 1.1em;
        user-select: none;
        text-transform: uppercase;
        font-weight: bold;
        background: #f5f5f5;
    }

    .tabset > label:hover,
    .tabset > input:focus + label {
        background: #ffe7df;
        color: #ce394a;
    }

    .tabset > input:checked + label {
        border-color: #ce390a;
        color: #fff;
        background: #ce390a;
    }

    .tabset > input:checked + label:after {
        position: absolute;
        bottom: -21px;
        left: calc(50% - 10px);
        content:"";
        width: 0px;
        height: 0px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #ce390a;
        border-bottom: 10px solid transparent;
    }

    .tab-panel {
        padding: 10px 0 0 0;
    }

    .tabset {
        max-width: 65em;
    }

    .carro_vazio{
        background: transparent;
        border: none;
        text-align: center;
    }

    .dropdown-notif .btn-action-green:hover{
        text-decoration: none;
        background: #5a9800;
        color: #fff;
        border: 1px solid #5a9800;
        box-shadow: 0px 2px 0px #3f6b00;
    }

    .tabset{
        border-radius: 4px;
    }

    .tabset label{
        background: #ffefea;
        color: #cd3100;
        border-radius: 4px 4px 0 0 !important;
        border: 1px solid #ce390a
    }

    .tab-panel{
        padding: 12px 7px;
    }
    .carro_vazio{
        border: none !important;
        background: transparent !important;
        justify-content: center;
        text-align: center;
    }
    .tab-panels{
        border: 1px solid #ce3904;
        margin-top: -6px;
    }






    @media(max-width: 500px){
        .dropdown-child.dropdown-notif{
            border: none !important;
            width: 100%;
            position: fixed;
            left: 0;
            top: 88px;
        }

        .dropdown-child.dropdown-notif:before{
            display: none;
        }

        .d-block-car{
            display: initial;
        }

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

        #icon_cart_small{
            font-size: 27px;
            margin-left: 3px;
            color: #6c0000;
        }
    }


    @media(min-width: 500px) and (max-width: 767px){
        .dropdown-child.dropdown-notif{
            position: fixed;
            left: 8px;
            top: 100px;
        }

        .dropdown-child.dropdown-notif:before{
            left: 0;
            border-left: 16px solid transparent;
            border-right: 16px solid transparent;
            border-top: 18px solid transparent;
            border-bottom: 15px solid #fff;
        }

        .d-block-car{
            display: initial;
        }

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

        #icon_cart_small{
            font-size: 27px;
            margin-left: 3px;
            color: #6c0000;
        }
    }


    @media(min-width: 665px) and (max-width: 767px){
        .dropdown-child.dropdown-notif{
            top: 100px;
        }
    }

    .conteudo_details_curso .titulo-apostila{
        color: #444;
        font-weight: bold;
        margin: 10px 0 0 30px;
        text-transform: uppercase;
    }
    .conteudo_details_curso li.conteudo-apostila{
        margin-left: 70px;
    }




    @media(max-width: 600px){
        .conteudo_details_curso .titulo-apostila{
            color: #444;
            font-weight: bold;
            margin: 15px 0 -10px 0;
            text-transform: uppercase;
        }
        .conteudo_details_curso li.conteudo-apostila{
            margin-left: 0px;
        }
    }

    @media(max-width: 1000px){
        .conteudo_cursos details:hover summary::after{
            display: none !important;
        } 
    }

    .imagem-selo-premium {
        position: absolute;
        left: -35px;
        bottom: -75px;
    }

    .imagem-selo-premium img{
        width: 100%; 
        height: auto;  
        max-width: 136px;
        filter: drop-shadow(0px 0px 2px #222);
    }

    @media(max-width: 400px){
        .imagem-selo-premium {
            left: -10px;
            top: -20px;
        }
        .imagem-selo-premium img{
            max-width: 60px;
        }
    }
    @media(min-width: 401px) and (max-width: 600px){
        .imagem-selo-premium {
            left: -10px;
            top: -20px;
        }
        .imagem-selo-premium img{
            max-width: 80px;
        }
    }
    @media(min-width: 601px) and (max-width: 767px){
        .imagem-selo-premium {
            left: -10px;
            top: -20px;
        }
        .imagem-selo-premium img{
            max-width: 80px;
        }
    }
    @media(min-width: 768px) and (max-width: 991px){
        .imagem-selo-premium {
            left: -10px;
            top: -20px;
        }
        .imagem-selo-premium img{
            max-width: 80px;
        }
    }


    @media(min-width: 992px) and (max-width: 1199px){
        .imagem-selo-premium {
            left: -20px;
            bottom: -35px;
        }
        .imagem-selo-premium img{
            max-width: 100px;
        }
    }

    .dropdown {
        position: relative;
        display: inline-block;
    }
    .dropdown-child {
        position: absolute;
        display: none;
        background: rgba(4, 9, 30, 0.93);
        min-width: 150px;
    }
    .dropdown-child a {
        color: #fff;
        padding: 10px;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        display: block;
        text-align: left;
    }
    .dropdown-child a:hover{
        background: rgba(133, 199, 46, 0.33);
    }
    .dropdown:hover .dropdown-child {
        display: flex;
        flex-direction: column;
        margin-top: 1px;
    }
    .main-menu a{
        padding: 10px 8px !important;
    }
    @media(max-width: 767px){
        .main-menu{
            padding: 9px !important;
        }
    }
    .text_cart_empty{
        margin-top: 5px;
        line-height: 1.4;
        text-align: center;
    }
    .btn-aplicativo-header button{
        background: #fff;
        /*padding: 4px;*/
        color: #222 !important;
        font-weight: 500;
        /*margin-right: 5px;*/
        border-radius: 4px;
        font-size: 11px;
        padding: 2px;
        margin-top: -4px;
        margin-right: -1px;
        width: 87px;
        transition-duration: 0.2s;
        border: none;
    }

    .btn-aplicativo-header button:hover{
        background: rgba(255, 255, 255, 0.8);
        transition-duration: 0.2s;
    }

    .btn-aplicativo-header img{
        width: 12px;
    }


    .btn-aplicativo-menu{
        background: #fff;
        /*padding: 4px;*/
        color: #222 !important;
        font-weight: 600;
        /*margin-right: 5px;*/
        border-radius: 4px;
        font-size: 14px;
        padding: 6px 4px;
        /*width: 87px;*/
        transition-duration: 0.2s;
        margin: 5px 22px 10px 15px
    }
    .btn-aplicativo-menu button:hover{
        background: rgba(255, 255, 255, 0.8);
        transition-duration: 0.2s;
    }

    .btn-aplicativo-menu img{
        width: 18px;
    }

    .header-top .section-logo{
        width: 15%;
        padding: 0;
    }
    .header-top .section-app{
        width: 20%;
        padding: 0;
    }
    .header-top .section-atendimento{
        width: 20%;
        padding: 0;
    }


    .header-top .section-atendimento a:hover{
        color: #ccc !important;
    }


    .header-top .section-promo{
        width: 29%;
        padding: 0;
        line-height: 1.4em;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .header-top .section-login{
        width: 16%;
        padding: 0;
    }

    .header-promo-menu{
        width: 100%;
        height: 35px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        justify-content: center;
        /*height: 20px;*/
        background: #1a1a1a;
        text-align: center;
        color: #fff;
        overflow: hidden;
        font-size: 11px;
        /*padding: 5px 0;*/
        font-weight: bold;
        border-bottom: 1px solid #222;
        text-transform: uppercase;
        line-height: 0.6;
    }

    #iMenu{
        font-weight: 400;
        position: absolute;
        top: 40px;
        right: -3px;
    }

    @media(min-width: 665px){
        .header-promo-menu{
            display: none  !important;
        }
        #iMenu{
            top: 6px;
            right: -3px;
        }
    }

    @media(max-width: 500px){
        .dropdown-child.dropdown-notif{
            top: 87px;
        }
    }

    @media(min-width: 399px){
        .header-promo-menu .br_linha{
            display: none;
        }
    }

    @media(max-width: 664px){
        .header-top .section-logo{
            width: 50%;
        }
        .header-top .section-app{
            display: none;
        }
        .header-top .section-atendimento{
            display: none;
        }
        .header-top .section-promo{
            display: none;
        }
        .header-top .section-login{
            width: 50%;
        }
    }

    @media(min-width: 665px) and (max-width: 767px){
        .header-top .section-logo{
            width: 25%;
        }
        .header-top .section-app{
            display: none;
        }
        .header-top .section-atendimento{
            display: none;
        }
        .header-top .section-promo{
            width: 55%;
        }
        .header-top .section-login{
            width: 20%;
        }
    }

    @media(min-width: 768px) and (max-width: 979px){
        .header-top .section-logo{
            width: 25%;
        }
        .header-top .section-app{
            display: none;
        }
        .header-top .section-atendimento{
            display: none;
        }
        .header-top .section-promo{
            width: 50%;
        }
        .header-top .section-login{
            width: 25%;
        }
    }

    @media(min-width: 980px) and (max-width: 1152px){
        .header-top .section-logo{
            width: 20%;
        }
        .header-top .section-app{
            display: none;
        }
        .header-top .section-atendimento{
            width: 25%;
        }
        .header-top .section-promo{
            width: 35%;
        }
        .header-top .section-login{
            width: 20%;
        }
    }


    /*CSS Das caixas*/
    .caixa-valores{
        position: relative;
        margin: 30px;
        width: calc(33.333% - 60px);
        border-radius: 0 50px 7px 7px;
    }
    .caixa-valores.cinza{
        border: 1px solid #464646;
        box-shadow: 0px 3px 0px #323232;
    }
    .caixa-valores.amarelo{
        border: 1px solid #8f6d0f;
        box-shadow: 0px 3px 0px #684f09;
    }
    .caixa-valores.verde{
        border: 1px solid #2f9100;
        box-shadow: 0px 3px 0px #256804
    }

    /*CSS Do Header-Titulo*/
    .caixa-valores .titulo-planos{
        border-radius: 0 50px 0 0;
        width: 100%;
        text-align: center;
        padding: 15px;
    }
    .caixa-valores .titulo-planos h3{
        font-size: 1.5em;
        padding-left: 15px;
    }
    .caixa-valores.cinza .titulo-planos h3, .caixa-valores.cinza .titulo-planos{
        background: #464646;
        color: #fff;
    }
    .caixa-valores.amarelo .titulo-planos h3, .caixa-valores.amarelo .titulo-planos{
        background: #8f6d0f;
        color: #fff;
    }
    .caixa-valores.verde .titulo-planos h3, .caixa-valores.verde .titulo-planos{
        background: #2a8300;
        color: #fff;
    }
    /*CSS DO SELO*/
    .caixa-valores .selo{
        position: absolute;
        width: 80px;
        margin-left: -50px;
        margin-top: -30px;
        color: #fff;
    }
    .caixa-valores .selo img{
        width: 100%;
        height: 100%;
    }

    /*CSS da Lista das caixinhas*/
    .caixa-valores .texto ul li{
        text-align: justify;
        font-size: 1.2em;
        padding: 9px 0px;
        border-bottom: 1px solid #e7e7e7;
        margin: 0 15px;
    }
    .caixa-valores .texto ul li:last-child{
        border-bottom: none !important;
    }
    .caixa-valores .texto ul li.riscado{
        color: #555;
        text-decoration: line-through;
    }

    .caixa-valores .texto ul li::before{
        font-family: FontAwesome;
        font-size: 18px;
        content: "\f00c";
        margin-right: 4px;
    }
    .caixa-valores .texto ul li.riscado::before{
        font-family: FontAwesome;
        font-size: 18px;
        content: "\f00d";
        margin-right: 4px;
        color: #555 !important;
    }
    .caixa-valores.cinza .texto ul li::before{
        color: #555;
    }
    .caixa-valores.amarelo .texto ul li::before{
        color: #8f6d0f;
    }
    .caixa-valores.verde .texto ul li::before{
        color: green;
    }

    /*CSS DO VALOR*/
    .caixa-valores .texto .valores{
        color: #555;
        font-size: 1.1em;
        text-align: center;
        margin: 30px 0;
        font-weight: bold;
    }
    .caixa-valores .texto .valores span{
        font-size: 2.0em;
        font-weight: bold;
    }
    .caixa-valores.cinza .texto .valores span{
        color: #363636;
    }
    .caixa-valores.amarelo .texto .valores span{
        color: #8f6d0f;
    }
    .caixa-valores.verde .texto .valores span{
        color: #006200;
    }

    /*CSS DO FOOTER E DO BOTÃO*/
    .caixa-valores .footer{
        margin-top: 60px;
    }
    .caixa-valores .footer .btn-matricular-footer{
        position: absolute;
        bottom: -1px;
        padding: 15px 5px;
        font-size: 18px;
        font-weight: bold;
        width: 100%;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
    }
    .caixa-valores.cinza .footer .btn-matricular-footer{
        text-shadow: 1px 1px 1px #202020;
        background: #464646;
    }
    /*                .caixa-valores.cinza .footer .btn-matricular-footer:hover{
                        background: #282828;
                    }*/
    .caixa-valores.amarelo .footer .btn-matricular-footer{
        text-shadow: 1px 1px 1px #5a4304;
        background: #8f6d0f;
    }
    /*                .caixa-valores.amarelo .footer .btn-matricular-footer:hover{
                        background: #7a5c06;
                    }*/
    .caixa-valores.verde .footer .btn-matricular-footer{
        text-shadow: 1px 1px 1px #1c5700;
        background: #2f9100;
    }
    /*                .caixa-valores.verde .footer .btn-matricular-footer:hover{
                        background: #257200;
                    }*/


    .caixa-valores .footer .btnPlanos{
        color: #fff;
        padding: 10px 20px;
        border-radius: 4px;
        text-shadow: 1px 1px 0px #000;
    }

    .caixa-valores.cinza .footer .btnPlanos{
        background: #222;
        box-shadow: 0px 2px 0px #111;
    }
    .caixa-valores.cinza .footer .btnPlanos:hover{
        background: #141414;
    }
    .caixa-valores.amarelo .footer .btnPlanos{
        background: #5e4604;
        box-shadow: 0px 2px 0px #3a2b03;
    }
    .caixa-valores.amarelo .footer .btnPlanos:hover{
        background: #503c04;
    }
    .caixa-valores.verde .footer .btnPlanos{
        background: #1f6000;
        box-shadow: 0px 2px 0px #113400;
    }
    .caixa-valores.verde .footer .btnPlanos:hover{
        background: #1a5000;
    }

    @media(max-width: 600px){
        .caixa-valores{
            margin: 15px 0px;
            width: 100%;
            border-radius: 8px 50px 7px 7px;
        }
        .caixa-valores .titulo-planos{
            border-radius: 8px 50px 0 0;
        }
        .caixa-valores .titulo-planos h3{
            font-size: 1.2em;
        }
        .caixa-valores .selo{
            width: 50px;
            margin-left: -25px;
            margin-top: -20px;
        }
        .caixa-valores.amarelo .titulo-planos h3{
            font-size: 1.2em;
        }
        .caixa-valores .texto ul li{
            font-size: 1.2em;
        }
    }

    @media(min-width: 601px) and (max-width: 900px){
        .caixa-valores{
            margin: 5px;
            width: calc(50% - 10px);
            border-radius: 8px 50px 7px 7px;
        }
        .caixa-valores .titulo-planos h3{
            font-size: 1.2em;
        }
        .caixa-valores .selo{
            width: 50px;
            margin-left: -25px;
            margin-top: -20px;
        }
    }

    @media(min-width: 901px) and (max-width: 1300px){
        .caixa-valores{
            margin: 5px;
            width: calc(33.333% - 10px);
            border-radius: 8px 50px 7px 7px;
        }
        .caixa-valores .titulo-planos h3{
            font-size: 1.2em;
        }
        .caixa-valores .selo{
            width: 50px;
            margin-left: -25px;
            margin-top: -20px;
        }
    }


    @media(max-width: 580px){
        /*        .linha-curso{
                    display: flex;
                    flex-direction: column;
                }*/
    }
    .banner-bg-azul{
        /*background-image: url('/img/background-azul.svg');*/
        background-size: cover;
        background-position: center;
    }

    .banner-bg-azul .content-banner-azul{
        /*background: rgba(0,0,0,0.7);*/
        background: linear-gradient(177deg, #3a6100db, #3a6100d6 85%);
        min-height: 35vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 50px 0;
    }
    .content-banner-azul h2{
        color: #fff;
        font-size: 30px;
        margin-bottom: 10px;
    }
    .content-banner-azul p{
        color: #fff;
        font-size: 20px;
    }


    .main-timeline2{
        padding-top:50px;
        position:relative
    }
    .main-timeline2:before{
        content:"";
        width:7px;
        height: 96%;
        background:rgb(11 35 109);
        margin:0 auto;
        position:absolute;
        top:80px;
        left:0;
        right:0
    }
    .main-timeline2 .timeline{
        width:50%;
        float:left;
        padding:20px 60px;
        border-top:7px solid rgb(11 35 109);
        border-right:7px solid rgb(11 35 109);
        border-radius:0 30px 0 0;
        position:relative;
        right:-3.5px
    }
    .main-timeline2 .icon{
        display:block;
        width:50px;
        height:50px;
        line-height:42px;
        border-radius:50%;
        background:#c32e29;
        border:1px solid #fff;
        text-align:center;
        font-size:25px;
        color:#fff;
        box-shadow:0 0 0 2px #c32e29;
        position:absolute;
        top:-30px;
        left:0
    }
    .main-timeline2 .timeline-content{
        display:block;
        padding:30px 10px 10px;
        border-radius:20px;
        background:#c32e29;
        color:#fff;
        position:relative
    }
    .main-timeline2 .timeline-content:hover{
        text-decoration:none;
        color:#fff
    }
    .main-timeline2 .timeline-content:after,.main-timeline2 .timeline-content:before{
        content:"";
        display:block;
        width:10px;
        height:50px;
        border-radius:10px;
        background:#c32e29;
        border:1px solid #fff;
        position:absolute;
        top:-35px;
        left:50px
    }
    .main-timeline2 .timeline-content:after{
        left:auto;
        right:50px
    }
    .main-timeline2 .title{
        font-size:24px;
        margin:0;
        font-weight: bold;
        text-align: center;
        color: #333
    }
    .main-timeline2 .description{
        font-size:15px;
        letter-spacing:1px;
        margin:0 0 5px;
        color: #fff;
        text-align: justify
    }
    .main-timeline2 .timeline:nth-child(2n){
        border-right:none;
        border-left:7px solid rgb(11 35 109);
        border-radius:30px 0 0;
        right:auto;
        left:-3.5px
    }
    .main-timeline2 .timeline:nth-child(2n) .icon{
        left:auto;
        right:0;
        box-shadow:0 0 0 2px #16816d
    }
    .main-timeline2 .timeline:nth-child(2){
        margin-top:130px
    }
    .main-timeline2 .timeline:nth-child(odd){
        margin:-130px 0 30px
    }
    .main-timeline2 .timeline:nth-child(even){
        margin-bottom:80px
    }
    .main-timeline2 .timeline:first-child,.main-timeline2 .timeline:last-child:nth-child(even){
        margin:0 0 30px
    }
    .main-timeline2 .timeline:nth-child(2n) .icon,.main-timeline2 .timeline:nth-child(2n) .timeline-content,.main-timeline2 .timeline:nth-child(2n) .timeline-content:after,.main-timeline2 .timeline:nth-child(2n) .timeline-content:before{
        background:#16816d
    }
    .main-timeline2 .timeline:nth-child(3n) .icon,.main-timeline2 .timeline:nth-child(3n) .timeline-content,.main-timeline2 .timeline:nth-child(3n) .timeline-content:after,.main-timeline2 .timeline:nth-child(3n) .timeline-content:before{
        background:#a76500
    }
    .main-timeline2 .timeline:nth-child(3n) .icon{
        box-shadow:0 0 0 2px #a76500
    }
    .main-timeline2 .timeline:nth-child(4n) .icon,.main-timeline2 .timeline:nth-child(4n) .timeline-content,.main-timeline2 .timeline:nth-child(4n) .timeline-content:after,.main-timeline2 .timeline:nth-child(4n) .timeline-content:before{
        background:#005b7c
    }
    .main-timeline2 .timeline:nth-child(4n) .icon{
        box-shadow:0 0 0 2px #005b7c
    }
    @media (max-width:767px){
        .main-timeline2:before{
            left:0;
            right:auto
        }
        .main-timeline2 .timeline,.main-timeline2 .timeline:nth-child(even),.main-timeline2 .timeline:nth-child(odd){
            width:100%;
            float:none;
            padding:23px 18px;
            margin:0 0 30px;
            border-right:none;
            border-left:7px solid rgb(11 35 109);
            border-radius:30px 0 0;
            right:auto;
            left:0
        }
        .main-timeline2 .icon{
            left:auto;
            right:0
        }
    }
    @media (max-width:480px){
        .main-timeline2 .title{
            font-size:18px
        }
    }

    .main-timeline8{
        overflow:hidden;
        position:relative
    }
    .main-timeline8:after,.main-timeline8:before{
        content:"";
        display:block;
        width:100%;
        clear:both
    }
    .main-timeline8:before{
        content:"";
        width:3px;
        height:100%;
        background:#d6d5d5;
        position:absolute;
        top:30px;
        left:50%
    }
    .main-timeline8 .timeline{
        width:50%;
        float:left;
        padding-right:30px;
        position:relative
    }
    .main-timeline8 .timeline-icon{
        width:32px;
        height:32px;
        border-radius:50%;
        background:#fff;
        border:3px solid #c32e29;
        position:absolute;
        top:5.5%;
        right:-17.5px
    }
    .main-timeline8 .year{
        display:block;
        padding:10px;
        margin:0;
        font-size:25px;
        color:#fff;
        border-radius:0 50px 50px 0;
        background:#c32e29;
        text-align:center;
        position:relative
    }
    .main-timeline8 .year:before{
        content:"";
        border-top:35px solid #f59c8b;
        border-left:35px solid transparent;
        position:absolute;
        bottom:-35px;
        left:0
    }
    .main-timeline8 .timeline-content{
        padding:30px 20px;
        margin:0 45px 0 35px;
        background:#f2f2f2
    }
    .main-timeline8 .title{
        font-size:19px;
        font-weight:700;
        color:#504f54;
        margin:0 0 10px
    }
    .main-timeline8 .description{
        font-size:14px;
        color:#585858;
        margin:0
    }
    .main-timeline8 .timeline:nth-child(2n){
        padding:0 0 0 30px
    }
    .main-timeline8 .timeline:nth-child(2n) .timeline-icon{
        right:auto;
        left:-14.5px
    }
    .main-timeline8 .timeline:nth-child(2n) .year{
        border-radius:50px 0 0 50px;
        background:#16816d
    }
    .main-timeline8 .timeline:nth-child(2n) .year:before{
        border-left:none;
        border-right:35px solid transparent;
        left:auto;
        right:0
    }
    .main-timeline8 .timeline:nth-child(2n) .timeline-content{
        text-align:right;
        margin:0 35px 0 45px
    }
    .main-timeline8 .timeline:nth-child(2){
        margin-top:170px
    }
    .main-timeline8 .timeline:nth-child(odd){
        margin:-175px 0 0
    }
    .main-timeline8 .timeline:nth-child(even){
        margin-bottom:80px
    }
    .main-timeline8 .timeline:first-child,.main-timeline8 .timeline:last-child:nth-child(even){
        margin:0
    }
    .main-timeline8 .timeline:nth-child(2n) .timeline-icon{
        border-color:#16816d
    }
    .main-timeline8 .timeline:nth-child(2n) .year:before{
        border-top-color:#43c5ad
    }
    .main-timeline8 .timeline:nth-child(3n) .timeline-icon{
        border-color:#8a5ec1
    }
    .main-timeline8 .timeline:nth-child(3n) .year{
        background:#8a5ec1
    }
    .main-timeline8 .timeline:nth-child(3n) .year:before{
        border-top-color:#a381cf
    }
    .main-timeline8 .timeline:nth-child(4n) .timeline-icon{
        border-color:#f98d9c
    }
    .main-timeline8 .timeline:nth-child(4n) .year{
        background:#f98d9c
    }
    .main-timeline8 .timeline:nth-child(4n) .year:before{
        border-top-color:#f2aab3
    }
    @media only screen and (max-width:767px){
        .main-timeline8{
            overflow:visible
        }
        .main-timeline8:before{
            top:0;
            left:0;
            display: none;
        }
        .main-timeline8 .timeline:nth-child(2),.main-timeline8 .timeline:nth-child(even),.main-timeline8 .timeline:nth-child(odd){
            margin:0
        }
        .main-timeline8 .timeline, .main-timeline8 .timeline:nth-child(2n){
            width:100%;
            float:none;
            padding:0;
            margin-bottom:20px!important
        }
        .main-timeline8 .timeline:last-child{
            margin:0
        }
        .main-timeline8 .timeline-icon{
            right:auto;
            left:-14.5px;
            display: none;
        }
        .main-timeline8 .year, .main-timeline8 .timeline:nth-child(2n) .year{
            border-radius: 5px 5px 0 0;
            font-size: 14px
        }
        .main-timeline8 .year:before{
            display: none;
        }
        .main-timeline8 .timeline-content, .main-timeline8 .timeline:nth-child(2n) .timeline-content{
            margin: 0
        }
    }

    .conclua-slct-h2{
        font-size: 1.4em !important;
        color: #555 !important;
        font-weight: normal !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    @media (min-width: 501px) and (max-width: 840px){
        .conclua-slct-h2{
            font-size: 1.2em !important;
        }
    }
    @media(max-width: 500px){
        .conclua-slct-h2{
            font-size: 1.0em !important;
        }
    }

    #resultados-pesq-curso .pagination .active>a {
        border-color: #72c02c !important;
    }

    .cta-promo{
        background-image: url('/img/background-colorido.svg');
    }
    .cta-promo .content-cta-promo{
        background: rgba(0,0,0,0.8);
        min-height: 35vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 50px 0;
    }
    .content-cta-promo h2{
        color: #fff;
        font-size: 30px;
        margin-bottom: 10px;
    }
    .content-cta-promo p{
        color: #fff;
        font-size: 20px;
    }
    .content-cta-promo .slide-promo{
        display: none;
        width: 100%;
    }
    .content-cta-promo .slide-promo:first-child{
        display: flex;
    }
    .slide-promo img{
        width: 100%;
        height: 166px;
        /*min-height: 166px;*/
        /*max-height: 166px;*/
        max-width: 300px;
        object-fit: cover;
        border-radius: 4px;
        padding: 2px;
    }

    .content-cta-promo .slide-promo:nth-child(odd) .btn-action-promo{
        color: #fff;
        border-color: #2f9100;
        background-color: #2f9100;
        text-shadow: 1px 1px 1px #1c5700;
        box-shadow: 0px 2px 0px #1c5700;
    }
    .content-cta-promo .slide-promo:nth-child(odd) .btn-action-promo:hover{
        color: #fff;
        border-color: #1c5600;
        background-color: #257200;
    }

    .content-cta-promo .slide-promo:nth-child(even) .btn-action-promo{
        border-color: #165778;
        background-color: #1478ab;
        text-shadow: 1px 1px 1px #064768;
        color: #fff;
        box-shadow: 0px 2px 0px #165778;
    }
    .content-cta-promo .slide-promo:nth-child(even) .btn-action-promo:hover{
        border-color: #043852;
        background-color: #0b5a83;
        box-shadow: 0px 2px 0px #093246;
    }

    .content-cta-promo .slide-promo:nth-child(odd) img{
        border: 2px dashed rgba(47, 145, 0, 0.48);
    }
    .content-cta-promo .slide-promo:nth-child(even) img{
        border: 2px dashed rgba(20, 120, 171, 0.65);
    }

    .cta-promo .content-cta-promo .row{
        margin: 0 !important;
    }

    @media(max-width: 500px){
        .slide-promo img{
            margin-bottom: 10px;
        }
        .content-cta-promo h2{
            font-size: 18px;
        }
        .content-cta-promo p{
            font-size: 14px;
        }
    }
    .header-top ul li {
        line-height: 1.2;
        margin-bottom: 2px
    }

    .list-curso-sm .caixa-curso .imagem-curso{
        position: relative;

    }
    .list-curso-sm .caixa-curso .imagem-curso img{
        width: 100%;
        height: 100%;
        min-height: 160px;
        object-fit: cover;
    }

    .list-curso-sm .caixa-curso .overlay-img-curso{
        display: flex;
        position: relative;
        text-shadow: 1px 1px 0px #000;
        background: rgba(0,0,0,0.7);
        padding: 2px 5px;
        margin-top: -26px;
    }

    .list-curso-sm .caixa-curso .detalhes-curso .titulo{
        width: 100%;
        height: 57px;
        margin: 10px 0px;
    }
    .list-curso-sm .caixa-curso .detalhes-curso .titulo h3{
        font-size: 1.2em;
        color: #222;
        text-align: center;
        text-transform: capitalize;
        word-wrap: break-word;
    }

    .list-curso-sm .caixa-curso .detalhes-curso .valor{
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .list-curso-sm .caixa-curso .detalhes-curso .estrelas{
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .list-curso-sm .caixa-curso .detalhes-curso .btn1{
        width: 55%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        line-height: 1.5;
        margin-top: 5px;
    }
    .list-curso-sm .caixa-curso .detalhes-curso .btn1 p{
        font-size: 11px;
        color: green;
        font-weight: bold;
        margin: 0;
    }

    .list-curso-sm .caixa-curso .detalhes-curso .btn1 .star{
        letter-spacing: -1.4px;
        font-size: 12px
    }

    .list-curso-sm .caixa-curso .detalhes-curso .btn1 a{
        font-weight: bold;
        color: #222;
    }
    .list-curso-sm .caixa-curso .detalhes-curso .btn2{
        width: 45%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 10px 0;
    }
    .list-curso-sm .caixa-curso .titulo-sm{
        display: none;
    }
    .list-curso-sm .caixa-curso .detalhes-curso-sm{
        display: none;
    }

    .list-curso-sm .caixa-curso .exibir-lg{
        display: block;
    }
    .list-curso-sm .caixa-curso .exibir-sm{
        display: none;
    }

    .list-curso-sm .caixa-curso{
        width: 100%;
        margin: 15px 0;
    }

    .list-curso-sm .caixa-curso .titulo a h3{
        color: #222;
    }
    .list-curso-sm .caixa-curso .detalhes-curso .titulo a:hover h3{
        color: #bf3206;
    }

    .caixa-curso .ch_mobile{
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 2px;
        background: rgba(0,0,0,0.65);
        height: 15px;
        width: calc(100% - 4px);
        color: #fff;
        font-weight: bold;
        left: 2px;
        font-size: 11px;
        text-align: center;
        text-shadow: 1px 1px 1px #000;
        border-radius: 0 0 4px 4px;
    }

    @media(min-width: 992px){
        .caixa-curso .ch_mobile{
            display: none;
        }
    }

    @media(max-width: 991px){
        .list-curso-sm .caixa-curso .exibir-lg{
            display: none;
        }
        .list-curso-sm .caixa-curso .exibir-sm{
            display: block;
        }

        .list-curso-sm .caixa-curso{
            margin: 6px 0;
            /*margin-bottom: 1px !important;*/
        }

        .list-curso-sm .caixa-curso .pad5{
            padding: 5px;
        }
        .list-curso-sm .caixa-curso .imagem-curso{
            width: 25%;
        }
        .list-curso-sm .caixa-curso .imagem-curso img{
            border-radius: 4px;
            min-height: 53px;
            border: 1px solid #999;
            padding: 1px;
        }
        .list-curso-sm .caixa-curso .overlay-img-curso{
            display: none !important;
        }
        .list-curso-sm .caixa-curso .detalhes-curso .titulo{
            display: none;
        }
        .list-curso-sm .caixa-curso .detalhes-curso .titulo h3{
            font-size: 1.2em;
            color: #222;
            text-align: center;
        }
        .list-curso-sm .caixa-curso .titulo-sm{
            display: flex;
            align-items: center;
            width: 75%;
            padding-left: 8px;
        }
        .list-curso-sm .caixa-curso .titulo-sm h3{
            font-size: 1.1em;
            height: 35px;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            text-transform: capitalize;
        }

        .list-curso-sm .caixa-curso .detalhes-curso .estrelas{
            display: none;
        }
        .list-curso-sm .caixa-curso .detalhes-curso .valor{
            display: none;
        }
        .list-curso-sm .caixa-curso .detalhes-curso .estrelas{
            display: none;
        }
        .list-curso-sm .caixa-curso .detalhes-curso .estrelas{
            display: none;
        }
        .list-curso-sm .caixa-curso .imagem-curso .btn-fav-curso{
            display: none;
        }
        .list-curso-sm .caixa-curso .detalhes-curso-sm{
            width: 100%;
            margin: 10px 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .list-curso-sm .caixa-curso .detalhes-curso-sm p{
            font-size: 11px;
            font-weight: bold;
            line-height: 1;
            text-align: center;
            margin: 0 5px;
        }
        .list-curso-sm .caixa-curso .detalhes-curso .btn2{
            padding: 0;
        }
    }

    @media(min-width: 992px) and (max-width: 1000px){
        .list-curso-sm .caixa-curso{
            width: 50% !important;
        }
    }

    @media (min-width: 992px){
        .list-curso-sm .caixa-curso .detalhes-curso .btn2{
            justify-content: center;
        }
        .list-curso-sm .caixa-curso .detalhes-curso .btn1{
            width: 50%;
        }
        .list-curso-sm .caixa-curso .detalhes-curso .btn2{
            width: 50%;
        }
    }

    @media(min-width: 641px) and (max-width: 970px){
        .list-curso-sm .caixa-curso{
            width: 50% !important;
        }
    }
    @media(min-width: 971px) and (max-width: 1200px){
        .list-curso-sm .caixa-curso{
            width: 33.333% !important;
        }
    }
    @media(min-width: 1441px) and (max-width: 1600px){
        .list-curso-sm .caixa-curso{
            width: 25% !important;
        }
    }
    @media(min-width: 1601px){
        .list-curso-sm .caixa-curso{
            width: 20% !important;
        }
    }

    @media(max-width: 500px){
        .padding-tb-20, .padding-20{
            padding-top: 8px !important;
            padding-bottom: 8px !important;
        }
    }

    .btnCaixa{
        color: #fff !important;
        line-height: 5px;
        padding: 15px 5px;
        border: none;
        display: block;
        font-weight: 500;
        transition: all 0.3s ease 0s;
        cursor: pointer;
        position: relative;
        border-radius: 2px;
    }

    .btnCaixa.btn-matricular{
        background: linear-gradient(to bottom, #f7631b 5%, #df5917 100%);
    }
    .btnCaixa.btn-matricular:hover{
        background: linear-gradient(to bottom, #df5917 5%, #f7631b 100%);
    }

    .btnCaixa.btn-estudar{
        background: linear-gradient(to bottom, #1478ab 5%, #0b5a83 100%)
    }
    .btnCaixa.btn-estudar:hover{
        background: linear-gradient(to bottom, #0b5a83 5%, #1478ab 100%)
    }

    .btnCaixa.btn-certificado{
        background: linear-gradient(to bottom, #62c029 5%, #428b16 100%)
    }
    .btnCaixa.btn-certificado:hover{
        background: linear-gradient(to bottom, #428b16 5%, #62c029 100%)
    }

    .btnCaixa.btn-solicitar{
        background: linear-gradient(to bottom, #e3c916 5%, #a5910c 100%);
    }
    .btnCaixa.btn-solicitar:hover{
        background: linear-gradient(to bottom, #a5910c 5%, #e3c916 100%);
    }

    .btnCaixa.btn-avaliacao{
        background: linear-gradient(to bottom, #1b55f7 5%, #002ca7 100%);
    }
    .btnCaixa.btn-avaliacao:hover{
        background: linear-gradient(to bottom, #002ca7 5%, #1b55f7 100%);
    }

    #index-wr .illustration-v2 .pagination-v2{
        display: none;
    }
    .link-menu-n{
        color: #fff !important;
        font-size: 0.9em !important;
        font-weight: normal;
    }
    .link-menu-n:hover {
        color: #f7631b !important;
    }

    .caixa-donate{
        width: calc(16.666% - 16px);
        margin: 8px;
        /*border: 1px solid #ededed;*/
        border: 1px solid #ff3d00;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        box-shadow: 0px 0px 3px 0px #ff3d00;
    }
    .caixa-donate:hover{
        background: #f9f9f9;
    }
    .caixa-donate h3{
        font-size: 1.4em;
        text-align: center;
        margin-bottom: 5px;
    }
    .caixa-donate p{
        margin: 0;
        font-size: 1.9em;
        text-align: center;
        font-weight: bold;
        color: #005600;
    }
    .caixa-donate p span{
        font-size: 0.7em;
        text-align: center;
    }
    .btn-donate{
        width: 100%;
        height: 40px;
        background: #ce390a;
        color: #fff;
        border-radius: 0 0 4px 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-weight: bold;
        font-size: 1.3em;
        text-shadow: 0px 0px 1px #000;
    }
    .btn-donate:hover{
        background: #ad2900;
        color: #fff;
    }
    .content-donate{
        padding: 15px 10px;
    }

    @media(max-width: 600px){
        .btn-donate{
            font-size: 1.1em;
        }
        .caixa-donate h3{
            font-size: 1.2em;
        }
    }


    .formasDoacao h2{
        color: #fff;
        text-align: left;
        font-size: 1.9em;
    }
    .formasDoacao p{
        font-family: Arial;
        margin: 0;
        font-size: 18px;
        line-height: 1.8;
        color: #fff;
        text-align: justify;
    }
    @media(max-width: 600px){
        .caixa-donate{
            width: calc(50% - 10px);
            margin: 5px;
        }
    }
    @media(min-width: 601px) and (max-width: 800px){
        .caixa-donate{
            width: calc(33.333% - 10px);
            margin: 5px;
        }
    }
    @media(min-width: 801px) and (max-width: 1200px){
        .caixa-donate{
            width: calc(25% - 10px);
            margin: 5px;
        }
    }

    .inputValorDoacao{
        width: 40% !important;
    }

    @media(max-width: 500px){
        .inputValorDoacao{
            width: 80% !important;
        }
    }

    .caixa-fdonate{
        padding: 0px 10px;
        border: 1px dashed #1478ab;
        border-radius: 5px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .caixa-fdonate .subtitle{
        font-size: 15px;
        font-weight: bold;
        color: #012237;
        text-align: center;
        line-height: 5px;
        margin: 17px;
    }

    .form-fdonate{
        border: 1px solid #ccc;
        padding: 5px 10px;
        width: 100%;
        margin-bottom: 10px;
        border-radius: 4px;
        min-height: 40px;
    }

    .form-fdonate:focus-visible {
        outline: 1px solid #1478ab;
        border-radius: 3px;
    }
    .headerAgradecimentoDoacao{
        display: flex;
        align-items: center;
        min-height: calc(100vh - 259px);
    }

    .btnPage.btn-disabled{
        background: #a3a3a3;
        border-color: #939292;
        box-shadow: 0px 2px 0px #5a5a5a;
        cursor: default;
    }
    #er_msg_doacao{
        /*display: none;*/
        font-size: 13px;
        color: red;
        text-align: center;
        margin: 0;
    }
    .card-don{
        position: relative;
        width: calc(20% - 30px);
        background: #f7f7f7;
        border: 1px solid;
        margin: 0 15px;
        border-radius: 4px 30px;
        transition-duration: 0.2s;
    }

    .card-don:hover .m-icon{
        animation: rotate-icon-card-missao 0.3s linear both;
    }

    @keyframes rotate-icon-card-missao {
        0% {
            transform: scale(1) rotateZ(0);
        }
        50% {
            transform: scale(1.2) rotateZ(180deg);
        }
        100% {
            transform: scale(1) rotateZ(360deg);
        }
    }

    .card-don .m-icon{
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        position: absolute;
        left: calc(50% - 30px);
        top: -25px;
        width: 60px;
        height: 60px;
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
        border-radius: 50%;
        font-size: 1.8em;
    }

    .card-don.m-cor1{
        box-shadow: 0px 3px 0px 0px #266ca9;
        border-color: #266ca9;
    }
    .card-don.m-cor2{
        box-shadow: 0px 3px 0px 0px #1b629f;
        border-color: #1b629f;
    }
    .card-don.m-cor3{
        box-shadow: 0px 3px 0px 0px #0f518b;
        border-color: #0f518b;
    }
    .card-don.m-cor4{
        box-shadow: 0px 3px 0px 0px #084274;
        border-color: #084274;
    }
    .card-don.m-cor5{
        box-shadow: 0px 3px 0px 0px #05355e;
        border-color: #05355e;
    }


    .card-don.m-cor1 .m-icon{
        background-color: #266ca9 !important;
    }
    .card-don.m-cor2 .m-icon{
        background-color: #1b629f !important;
    }
    .card-don.m-cor3 .m-icon{
        background-color: #0f518b
    }
    .card-don.m-cor4 .m-icon{
        background-color: #084274;
    }
    .card-don.m-cor5 .m-icon{
        background-color: #05355e;
    }

    .card-don .m-conteudo p{
        font-size: 1.8em;
        font-weight: bold;
        text-align: center !important;
    }
    .card-don .m-conteudo p span{
        font-size: 0.65em;
    }

    .card-don.m-cor1 .m-conteudo h2{
        color: #266ca9;
    }
    .card-don.m-cor2 .m-conteudo h2{
        color: #1b629f;
    }
    .card-don.m-cor3 .m-conteudo h2{
        color: #0f518b;
    }
    .card-don.m-cor4 .m-conteudo h2{
        color: #084274;
    }
    .card-don.m-cor5 .m-conteudo h2{
        color: #05355e;
    }
    .card-don.m-cor1 .m-footer{
        background: #266ca9;
    }
    .card-don.m-cor2 .m-footer{
        background: #1b629f;
    }
    .card-don.m-cor3 .m-footer{
        background: #0f518b;
    }
    .card-don.m-cor4 .m-footer{
        background: #084274;
    }
    .card-don.m-cor5 .m-footer{
        background: #05355e;
    }

    .card-don .m-conteudo{
        margin-top: 45px;
        padding: 5px;
    }

    .card-don .m-conteudo h2{
        text-align: center;
        font-size: 1.4em;
    }
    .card-don .m-conteudo p{
        text-align: justify;
        margin: 0;
    }

    .card-don:last-child{
        margin-bottom: 0;
    }

    @media(max-width: 500px){
        .card-don{
            width: 100%;
            margin-bottom: 40px;
        }
    }

    @media(min-width: 501px) and (max-width: 1000px){
        .card-don{
            width: calc(50% - 10px);
            margin: 0 5px;
            margin-bottom: 40px;
        }
    }


    .card-don .m-footer{
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px 0 0 0;
        border-radius: 0 0 0 26px;
        height: 33px;
        color: #fff;
        font-weight: bold;
    }
    .card-don .m-footer:hover{
        opacity: 0.9;
    }

    .card-don .m-footer a{
        font-weight: bold;
        color: #fff;
    }
    .cursos_similares .categorias li{
        box-shadow: none;
        background: none;
    }

    .card-motivos{
        display: flex;
        width: 100%;
        padding: 4px;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin: 16px 0;
    }

    .card-motivos .card-m-img {
        width: 187px;
    }

    .card-motivos .card-m-img img{
        width: 100%;
        height: 100%;
        max-width: 187px;
        max-height: 109px;
        border-radius: 4px;
        object-fit: cover;
    }

    .card-motivos .card-m-content{
        width: 100%;
        margin-left: 15px;
    }

    .card-motivos .card-m-content h3{
        font-size: 1.3em;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .card-motivos .card-m-content h3 a{
        color: #555;
        text-transform: uppercase;
    }

    .card-motivos .card-m-content p{
        font-size: 1.2em;
        text-align: justify;
        color: #555;
    }

    @media (max-width: 767px){
        .card-motivos{
            flex-direction: column;
        }

        .card-motivos .card-m-img {
            width: 100%;
            text-align: center;
        }

        .card-motivos .card-m-content{
            width: 100%;
            margin: 0;
        }
        .card-motivos .card-m-content h3{
            font-size: 1.1em;
            text-align: center;
            margin-bottom: 10px;
            margin-top: 10px;
        }

        .card-motivos .card-m-content p{
            font-size: 1.1em;
            text-align: justify;
            color: #555;
        }
    }

    .cert-email h1{
        font-size: 1.5em !important;
        text-align: center;
        font-weight: bold;
        margin-bottom: 15px;
        color: #444;
    }

    .msg-cvalidos p{
        color: #136;
        font-size: 2rem;
        line-height: 1.5;
        padding: 0 5px;
        margin-top: 0
    }

    @media(max-width: 600px){
        .msg-cvalidos p{
            font-size: 1.5rem;
        }
    }

    .p-info-cgratis{
        color: #136;
        font-size: 1.8rem;
        line-height: 1.5;
        padding: 0 5px;
        margin-top: 0;
        margin: 30px 0;
    }

    @media(max-width: 600px){
        .p-info-cgratis{
            font-size: 1.5rem;
        }
    }
    @media(max-width: 767px){
        .link-list a{
            padding: 0;
        }
        .padding-footer{
            padding: 9px !important;
        }
    }


    #suggesstion-box {
        display: none;
    }
    #country-list{
        z-index:1000;
        text-align:left;
        position: absolute;
        padding: 0;
        list-style:none;
        margin: -10px 0 0;
    }
    #country-list li{
        padding: 5px;
        background: #f0f0f0;
        border-bottom: #bbb9b9 1px solid;
    }
    #country-list li:hover{
        background:#ece3d2;
        cursor: pointer;
    }
    .btn-action-orange2{
        font-size: 14px;
        line-height: 23px;
        padding: 6px 9px;
        display: inline-block;
        border: 1px solid #bd2d00;
        background-color: #d8300a;
        text-decoration: none;
        color: #fff;
        border-radius: 5px;
        box-shadow: 0px 2px 0px #922300;
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: bold;
    }

    .header-horas .btnPage{
        font-size: 14px;
        line-height: 23px;
        padding: 6px 9px;
    }

    .btn-action-orange2:hover {
        background: #ba2e01;
        border: 1px solid #a32700;
        color: #fff;
        text-decoration: none;
        box-shadow: 0px 2px 0px #781d00;
    }
    .header-horas{
        padding: 0 5px 25px;
        min-height: calc(100vh - 95px);
        display: flex;
        align-items: center;
    }

    .header-horas .container{
        display: flex;
        align-items: center;
    }

    .header-horas .btn-action-green{
        font-size: 14px;
        line-height: 23px;
    }

    .header-horas h1{
        margin-top: 0;
        font-size: 57px;
        line-height: 66px;
        color: #012237;
        font-weight: bold;
    }
    @media(max-width: 767px){
        .header-horas h1{
            margin-top: 20px;
            font-size: 30px;
            line-height: 32px;
        }
    }
    @media(min-width: 768px) and (max-width: 1199px){
        .header-horas h1{
            margin-top: 20px;
            font-size: 40px;
            line-height: 40px;
        }
    }
    .ctrl_cadastro-right__count {
        left: 14px;
        width: 160px;
        height: 160px;
        position: absolute;
        bottom: 0;
        z-index: 12;
        transform: translateX(-20%);
        border-radius: 50%;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        margin-bottom: -20px;
        -webkit-box-align: center;
        align-items: center;
        text-align: center;
        background-color: #fff;
        box-shadow: 0 0 50px 0 rgb(0 0 0 / 10%);
    }

    .ctrl_cadastro-right__count:before {
        content: '';
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        border: 1px dashed #d8300a;
        border-radius: 50%;
    }
    .ctrl_cadastro-right__count span {
        display: block;
        color: #c34e00;
        letter-spacing: 0;
        font-size: 18px;
        font-weight: bold;
        margin: 8px 0;
        line-height: 1.1;
    }
    .ctrl_cadastro-right__count-text {
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: .2em;
        font-weight: 600;
        color: #6a6a6a;
        line-height: 1.2;
    }
    @media(max-width: 500px){
        .ctrl_cadastro-right__count-text {
            font-size: 12px;
            letter-spacing: .1em;
        }
        .ctrl_cadastro-right__count{
            width: 135px;
            height: 135px;
            left: 25px;
        }
    }

    @media(max-width: 767px){
        .header-horas .container{
            flex-direction: column
        }
        .ajuste-padding-margin{
            padding: 0px;
            margin-bottom: 50px;
        }
    }

    @media(min-width: 768px) and (max-width: 1200px){
        .ajuste-padding-margin{
            padding: 20px;
        }
    }

    .subtitle-horas-complementares{
        text-align: justify;
        font-size: 18px;
        line-height: 35px;
        font-weight: 400;
        font-family: Arial;
        color: #444;
    }

    @media(max-width: 767px){
        .subtitle-horas-complementares{
            font-size: 14px;
            line-height: 28px;
        }
    }
    .form-caixa{
        padding: 0px 10px;
        border: 1px dashed #c12e00;
        border-radius: 5px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .form-input{
        border: 1px solid #ccc;
        padding: 5px 10px;
        width: 100%;
        margin-bottom: 10px;
        border-radius: 4px;
        height: 40px;
    }

    .form-caixa .subtitle{
        font-size: 15px;
        font-weight: bold;
        color: #012237;
        text-align:center;
        line-height: 1;
        margin: 17px;
    }

    .form-caixa .termos{
        font-size: 13px;
        color: #555;
    }

    .form-caixa .termos a{
        color: #3c8300;
    }
    .form-caixa .termos a:hover{
        color: #e67e22;
    }
    .form-caixa form{
        width: 100%
    }
    .form-caixa label{
        display: block
    }
    .ctrl_cadastro-right__image img{
        border-radius: 4px;
        height: 100%;
        width: 100%;
        min-height: 208px;
        max-height: 284px;
        object-fit: cover;
    }
    .header-horas h1{
        font-size: 3.5rem;
        margin-bottom: 30px;
        text-align: center;
    }
    @media(max-width: 450px){
        .header-horas h1{
            font-size: 1.5rem;
            margin-bottom: 15px;
        }
    }
    @media(min-width: 451px) and (max-width: 600px){
        .header-horas h1{
            font-size: 2rem;
            margin-bottom: 15px;
        }
    }
    @media(min-width: 601px) and (max-width: 800px){
        .header-horas h1{
            font-size: 2.5rem;
            margin-bottom: 15px;
        }
    }
    @media(max-width: 767px){
        .p-small-0{
            padding: 0;
        }
    }
    @media(max-width: 768px){
        .footer-v6 .copyright {
            padding: 15px 0 68px !important;
        }
    }
    @media(max-width: 767px){
        .callout header h1.listcurso-h1{
            font-size: 1.3rem !important;
        }
    }
    @media(max-width: 767px){
        .inputBuscaCursos{
            font-size: 1.2rem !important;
        }
    }
    #menu-mobile{
        display: none;
    }
    @media(max-width: 767px){
        .menu_aberto{
            /*overflow: hidden;*/
        }
        #menu-mobile{
            display: block;
            position: fixed;
            left: -140px;
            top: 0;
            width: 110px;
            height: 100vh;
            /*background: rgba(0,0,0,0.93);*/
            background: linear-gradient(248deg, #90c442bd, #324910d1 69%);
            z-index: 99999;
            border-right: 1px solid #222;
            box-shadow: 0px 0px 11px 0px #181818e3;
            transition-duration: 0.1s;
        }

        .menu_aberto #menu-mobile{
            left: 0 !important;
            transition-duration: 0.2s;
        }
        .fechaMenuMobile{
            right: calc(-100% + 85px);
            transition-duration: 0.22s;
        }
        .menu_aberto .fechaMenuMobile{
            position: fixed;
            width: calc(100% - 110px);
            height: 100vh;
            right: 0;
            background: rgba(0,0,0,0.6);
            z-index: 9999;
            transition-duration: 0.22s;
        }

        #menu-mobile .menu-item{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: #222;
            cursor: pointer;
            color: #fff;
            margin: 10px 5px;
            border: 1px solid #ccc;
            border-radius: 4px;
            padding: 10px 2px;
            min-height: 55px;
            /*background: #202020;*/
            background: #fff;
        }

        #menu-mobile .menu-item i{
            font-size: 20px;
            margin-bottom: 2px;
        }
        #menu-mobile .menu-item p{
            line-height: 1;
            /*color: #fff;*/
            color: #000;
            font-size: 13px;
            text-shadow: 1x 1px 0 #000;
            margin: 0;
        }
        #menu-mobile img{
            width: 100%;
            height: 100%;
            /*object-fit: cover;*/
            max-width: 22px;
            max-height: 24px;
            margin-bottom: 3px;
            filter: brightness(0);
        }

        #menu-mobile a:first-of-type{
            background: #fff;
        }

        #menu-mobile .closeMenuMobile{
            position: absolute;
            background: #910000;
            width: 25px;
            height: 25px;
            right: -30px;
            top: 5px;
            z-index: 999999;
            font-family: cursive;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            border-radius: 50%;
            font-size: 14px;
            cursor: pointer;
        }

        .menu_inf_fechado{
            bottom: -56px !important;
            transition-duration: 0.2s !important;
        }


    }

    @media(max-width: 767px){
        .inputBuscaCursos{
            font-size: 1.2rem !important;
        }
    }
    .listacursosh1{
        color: #333 !important;
        font-size: 2.48rem !important;
        font-weight: bold !important;
    }
    @media(max-width: 500px){
        .listacursosh1{
            font-size: 1.3rem !important;
        }
    }
    @media(min-width: 500px) and (max-width: 700px){
        .listacursosh1{
            font-size: 1.6rem !important;
        }
    }
    .headerPrincipal .contentHp{
        min-height: calc(100vh - 95px);
        width: 100%;
        background: #fff;
        display: flex;
        align-items: center;
    }

    .headerPrincipal h1{
        font-size: 5.7rem;
        color: #ce390a;
        margin-bottom: 22px;
    }

    .headerPrincipal .leftHp{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .headerPrincipal .rightHp{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .headerPrincipal p{
        font-family: Arial;
        margin: 0;
        font-size: 18px;
        line-height: 1.5;
        color: #444;
    }

    .headerPrincipal .imagemHp{
        display: inline-block;
        position: relative;
    }

    .headerPrincipal .imagemHp img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
        height: 400px;
    }

    .headerPrincipal .countHp{
        position: absolute;
        bottom: 0;
        left: 20px;
        z-index: 12;
        transform: translateX(-20%);
        border-radius: 50%;
        width: 160px;
        height: 160px;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        text-align: center;
        background-color: #fff;
        box-shadow: 0 0 50px 0 rgb(0 0 0 / 10%);
    }

    .headerPrincipal .countHp:before{
        content: '';
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 1px dashed rgba(1,34,55,.15);
        border-radius: 50%;
    }

    .headerPrincipal .countHp .countHp_text{
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: .2em;
        font-weight: 600;
        color: #6f6f6f;
    }

    .headerPrincipal .countHp .countHp_text .counter{
        display: block;
        color: #c34e00;
        letter-spacing: 0;
        font-size: 22px;
        font-weight: bold;
        margin: 10px 0;
    }

    .href-leiamais{
        color: #ce390a;
        font-weight: bold;
        margin-top: 5px;
    }
    .href-leiamais:hover{
        color:#b33108;
    }

    .headerPrincipal .controla-texto{
        height: 79px;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    @media(max-width: 767px){
        .headerPrincipal .contentHp{
            min-height: calc(100vh - 179px);
        }
    }
    @media(max-width: 500px){
        .headerPrincipal h1{
            font-size: 2.4rem;
            margin-bottom: 10px;
            text-align: center;
        }
        .headerPrincipal p{
            font-size: 1.7rem;
            line-height: 1.5;
            font-size: 1.4rem;
            text-align: justify;
        }
        .headerPrincipal .controla-texto{
            height: 62px;
        }
        .headerPrincipal .imagemHp{
            margin-top: 15px;
        }
        .headerPrincipal .imagemHp img{
            max-width: 350px;
            height: 100%;
        }
        .headerPrincipal .countHp{
            width: 120px;
            height: 120px;
        }
        .headerPrincipal .countHp .countHp_text .counter{
            margin: 0;
        }
    }
    @media(min-width: 501px) and (max-width: 767px){
        .headerPrincipal h1{
            font-size: 3.4rem;
            margin-bottom: 10px;
            text-align: center;
        }
        .headerPrincipal p{
            line-height: 1.5;
            font-size: 1.6rem;
            text-align: justify;
        }
        .headerPrincipal .controla-texto{
            height: 70px;
        }
        .headerPrincipal .imagemHp img{
            max-width: 350px;
            height: 100%;
        }
        .headerPrincipal .countHp{
            width: 120px;
            height: 120px;
        }
        .headerPrincipal .countHp .countHp_text .counter{
            margin: 0;
        }
    }
    @media(min-width: 768px) and (max-width: 1199px){
        .headerPrincipal h1{
            font-size: 3.4rem;
            margin-bottom: 10px;
        }
        .headerPrincipal p{
            line-height: 1.5;
            font-size: 1.4rem;
            text-align: justify;
        }
        .headerPrincipal .controla-texto{
            height: 66px;
        }
    }

    .img-header-pgpromo{
        background-color: #fff;
        background-image: url("/img/wr-certificados.webp");
        background-size: cover;
        background-position: center;
        width: 100%;
        height: calc(100vh - 81px);
        border-radius: 195px 0px 0px 100%;
        box-shadow: -10px -9px 12px 5px rgba(0,0,0,0.3);
        border-left: 3px solid #8dc740;
    }

    .h-promo1{
        background: url(/img/landpage1.jpg) no-repeat;
        background-size: cover;
        background-position: center;
    }
    .h-promo1 .h-content{
        display: flex;
        align-items: center;
        min-height: calc(100vh - 80px);
        background: rgba(0,0,0,0.3);
    }
    .setaAbaixo{
        animation: setaAbaixo 0.7s infinite alternate;
    }
    @keyframes setaAbaixo {
        from {
            transform: translateY(-3px);
        }
        to{
            transform: translateY(3px);
        }
    }

    .h-promo1 .h-content .left-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .img-header-promo .right-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .img-header-pgpromo .balloon-info{
        position: absolute;
        bottom: 50px;
        left: 0;
        width: 160px;
        height: 160px;
        border-radius: 100%;
        background: #fff;
        overflow: hidden;
        border: 3px dashed #8dc740;
        box-shadow: 0px 0px 0px 6px #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        line-height: 1;
        color: #444;
        filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.5))
    }

    .img-header-pgpromo .balloon-info span{
        color: #2f9100;
        font-weight: bold;
        font-size: 2.5rem;
        margin: 8px 0;
        text-shadow: 1px 1px 0 #555;
    }

    .h-promo1 .h-content h1{
        color: #fff;
        font-size: 4.6rem;
        text-shadow: 1px 1px 0 #000;
    }

    .h-promo1 .h-content p{
        color: #fff;
        font-size: 2.0rem;
        margin-top: 10px;
        text-shadow: 1px 1px 0 #000;
    }

    @media(max-width: 600px){
        .h-promo1 .h-content{
            min-height: calc(100vh - 151px);
        }
        .h-promo1 .h-content h1{
            margin-top: 15px;
            font-size: 1.9rem;
            text-align: center;
        }
        .h-promo1 .h-content p{
            font-size: 1.2rem;
            line-height: 1.3;
            text-align: center;
        }
        .h-promo1 .h-content .alinhar-centro{
            text-align: center;
        }
        .img-header-pgpromo{
            margin-top: 20px;
            height: calc(100vh - 297px);
        }
        .img-header-pgpromo .balloon-info{
            font-size: 11px;
            width: 120px;
            height: 120px;
        }
        .img-header-pgpromo .balloon-info span{
            font-size: 2.1rem;
        }
        .card-cursos-recomendados .nomerec{
            width: 69% !important;
        }
    }




    .como-solicitar-promo .list-pr{
        margin-bottom: 20px;
    }
    .como-solicitar-promo .list-pr .titulo-pr{
        font-weight: bold;
        text-transform: uppercase;
        color: #b12a00;
        font-size: 2.0rem;
    }
    .como-solicitar-promo .list-pr .desc-pr{
        font-size: 1.5rem;
        margin-bottom: 0;
        line-height: 1.5;
        text-align: justify;
    }


    @media(min-width: 601px) and (max-width: 767px){
        .h-promo1 .h-content{
            min-height: calc(100vh - 151px);
        }
        .h-promo1 .h-content h1{
            margin-top: 15px;
            font-size: 2.85rem;
            text-align: center;
        }
        .h-promo1 .h-content p{
            font-size: 1.4rem;
            line-height: 1.3;
            text-align: center;
        }
        .h-promo1 .h-content .alinhar-centro{
            text-align: center;
        }
        .img-header-pgpromo{
            margin-top: 20px;
            height: calc(100vh - 297px);
        }
        .img-header-pgpromo .balloon-info{
            font-size: 11px;
            width: 120px;
            height: 120px;
        }
        .img-header-pgpromo .balloon-info span{
            font-size: 2.1rem;
        }
        .card-cursos-recomendados .nomerec{
            width: 69% !important;
        }
    }


    @media(min-width: 768px) and (max-width: 900px){
        .h-promo1 .h-content{
            min-height: calc(100vh - 151px);
        }
        .h-promo1 .h-content h1{
            margin-top: 15px;
            font-size: 2.85rem;
            text-align: left;
        }
        .h-promo1 .h-content p{
            font-size: 1.4rem;
            line-height: 1.3;
            text-align: left;
        }
        .img-header-pgpromo{
            margin-top: 20px;
            height: calc(100vh - 171px);
        }
        .img-header-pgpromo .balloon-info{
            font-size: 11px;
            width: 120px;
            height: 120px;
        }
        .img-header-pgpromo .balloon-info span{
            font-size: 2.1rem;
        }
        .card-cursos-recomendados .nomerec{
            width: 69% !important;
        }
    }

    .card-cursos-recomendados{
        width: 100%;
        background: #f7f7f7;
        height: calc(100vh - 285px);
        border: 1px dashed #ce390a;
        border-radius: 4px;
        padding: 4px;
        overflow-y: scroll;
    }
    .card-cursos-recomendados .lista-cursos-rec{
        display: flex;
        align-items: center;
        width: 100%;
        background: #eee;
        margin: 5px 0;
        padding: 8px;
        border: 1px solid #ccc;
    }
    .card-cursos-recomendados .imgrec{
        width: 10%;
    }
    .card-cursos-recomendados .nomerec{
        width: 75%;
        line-height: 1;
        font-size: 11px;
        font-weight: bold;
        color: #555;
        margin-left: 4px;
        margin-right: 4px;
        text-transform: uppercase;
        height: 20px;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .card-cursos-recomendados .imgrec img{
        width: 100%;
        margin-top: -5px;
    }
    .card-cursos-recomendados .btnrec{
        width: 15%;
    }

    .card-cursos-recomendados .btnrec a{
        background: #ce390a;
        border: 0;
        color: #fff;
        font-size: 11px;
        border-radius: 4px;
        padding: 4px;
    }

    #cursosnaoencontrados{
        font-size: 1.4rem;
        color: #333;
    }
    #cursosnaoencontrados a{
        color: #3c6800 !important;
    }

    #cursosnaoencontrados a:hover{
        color: #61a900 !important;
    }

    #cursosnaoencontrados .btn-primary{
        background: linear-gradient(to bottom, #f7631b 5%, #df5917 100%);
        padding: 10px 15px;
        border: none;
        color: #fff !important;
        display: inline-block;
        font-weight: 500;
        transition: all 0.3s ease 0s;
        cursor: pointer;
        position: relative;
        margin: 10px 0;
    }

    #cursosnaoencontrados .btn-primary:hover{
        color: #fff !important;
        background: linear-gradient(to bottom, #df5917 5%, #f7631b 100%);
    }

    #cursosnaoencontrados .glyphicon.glyphicon-thumbs-up {
        display: none;
    }

    .ctrl_ac_8{
        /*background: url(/img/counter-bg.webp);*/
        background-position: center;
        background-size: cover;
        text-align: center;
        background-attachment: fixed;
    }
    .ctrl_ac_8 .content_ac_8{
        padding: 15px 0;
        width: 100%;
        min-height: 40vh;
        background: rgba(7, 41, 77, 0.87);
        display: flex;
        align-items: center;
    }

    .ctrl_ac_8.ctrl_laranja .content_ac_8{
        background: rgb(206 57 10 / 51%);
    }
    .ctrl_ac_8.ctrl_laranja .card-do-ac{
        border: 1px solid #c52f00;
    }
    .ctrl_ac_8.ctrl_laranja .card-do-ac .m-conteudo h2{
        color: #9c2601;
    }
    .ctrl_ac_8.ctrl_laranja .card-do-ac .m-icon{
        background: #9c2601;
    }
    .ctrl_ac_8.ctrl_laranja .card-do-ac .m-footer{
        background: #9c2601;
    }
    .ctrl_ac_8.ctrl_laranja .card-do-ac .m-footer:hover{
        background: #741c00;
    }


    .ctrl_ac_8.ctrl_verde .content_ac_8{
        background: rgb(34 65 0 / 61%);
    }
    .ctrl_ac_8.ctrl_verde .card-do-ac{
        border: 1px solid #386c00;
    }
    .ctrl_ac_8.ctrl_verde .card-do-ac .m-conteudo h2{
        color: #2c5400;
    }
    .ctrl_ac_8.ctrl_verde .card-do-ac .m-icon{
        background: #386c00
    }
    .ctrl_ac_8.ctrl_verde .card-do-ac .m-footer{
        background: #386c00
    }
    .ctrl_ac_8.ctrl_verde .card-do-ac .m-footer:hover{
        background: #2d5700;
    }


    .ctrl_ac_8 .content_ac_8 .img_ac_8 img{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ctrl_ac_8 .content_ac_8 .img_ac_8 img{
        width: 100%;
        border-radius: 4px;
        border: 1px solid #ccc;
        padding: 4px;
    }

    .ctrl_ac_8 .content_ac_8 h3{
        font-family: Rubik;
        color: #fff;
        font-size: 3.0rem;
        text-transform: uppercase;
        line-height: 40px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0.1px;
        margin: 0;
        text-shadow: 1px 1px 2px #000;
        margin-bottom: 15px;
    }
    .ctrl_ac_8 .content_ac_8 p{
        font-family: Rubik;
        color: #fff;
        font-size: 2.2rem;
    }

    .ctrl_ac_8 .card-do-ac{
        position: relative;
        width: calc(33.333% - 30px);
        background: #f7f7f7;
        border: 1px solid;
        margin: 0 15px;
        border-radius: 4px 30px;
        transition-duration: 0.2s;
    }

    .ctrl_ac_8 .card-do-ac:hover .m-icon{
        animation: rotate-icon-card-missao 0.3s linear both;
    }

    .ctrl_ac_8 .card-do-ac:hover{
        color: initial;
    }

    .ctrl_ac_8 .card-do-ac .m-icon{
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        position: absolute;
        left: calc(50% - 30px);
        top: -25px;
        width: 60px;
        height: 60px;
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
        border-radius: 50%;
        font-size: 1.8em;
        background: #1b629f;
    }
    .ctrl_ac_8 .card-do-ac .m-conteudo {
        margin-top: 45px;
        padding: 5px;
    }
    .ctrl_ac_8 .card-do-ac .m-conteudo h2 {
        text-align: center;
        font-size: 1.2em;
        color: #1b629f;
    }
    .ctrl_ac_8 .card-do-ac .m-conteudo p {
        font-size: 1.8em;
        font-weight: bold;
        text-align: center !important;
        color: #222;
    }
    .ctrl_ac_8 .card-do-ac .m-conteudo p span {
        font-size: 0.65em;
    }
    .ctrl_ac_8 .card-do-ac .m-footer {
        background: #1b629f;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px 0 -3px 0;
        border-radius: 0 0 0 26px;
        height: 33px;
        color: #fff;
        font-weight: bold;
    }

    .ctrl_ac_8 .card-do-ac .m-footer:hover{
        background: #0f4d83;
    }

    @media(max-width: 500px){
        .ctrl_ac_8 .card-do-ac{
            width: calc(50% - 10px);
            margin: 20px 5px;
        }
        .ctrl_ac_8 .card-do-ac:nth-child(2){
            display: none;
        }
        .ctrl_ac_8 .card-do-ac .m-conteudo h2{
            font-size: 1.2em;
        }
        .ctrl_ac_8 .card-do-ac .m-footer{
            margin: 2px 0 -3px 0;
        }
        .ctrl_ac_8 .content_ac_8 h3{
            font-size: 2.0em;
        }
        .ctrl_ac_8 .content_ac_8 p{
            font-size: 1.2em;
        }
    }
    @media(min-width: 501px) and (max-width: 991px){
        .ctrl_ac_8 .card-do-ac{
            margin-top: 20px;
        }
        .ctrl_ac_8 .content_ac_8 h3{
            font-size: 2.0em;
        }
        .ctrl_ac_8 .content_ac_8 p{
            font-size: 1.2em;
        }
    }
    .nav-menu li.ativo{
        background: transparent !important;
    }
    .nav-menu li.ativo a{
        color: #ce390a;
    }

    .caixac-semelhante{
        width: calc(25% - 16px);
        padding: 6px;
        border-radius: 4px;
        box-shadow: #000 0 0 4px;
        border: 1px solid #ddd;
        margin: 0 8px;
        margin-bottom: 16px;
    }
    .caixac-semelhante .imagem-curso{
        width: 25%;
        min-height: 53px;
        padding: 1px;
        margin-right: 5px;
        position: relative;
    }
    .caixac-semelhante .imagem-curso img{
        width: 100%;
        /*        height: fit-content;*/
        max-width: 100%;
        border-radius: 4px;
        min-height: 53px;
        border: 1px solid #999;
        padding: 1px;
        object-fit: cover;
    }
    .caixac-semelhante .ch_mobile{
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 3px;
        background: rgba(0,0,0,0.65);
        height: 15px;
        width: calc(100% - 6px);
        color: #ffffff;
        left: 3px;
        font-size: 11px;
        text-align: center;
        text-shadow: 1px 1px 1px #000;
        border-radius: 0 0 4px 4px;
    }
    .caixac-semelhante .titulo-caixac{
        display: flex;
        align-items: center;
        width: calc(100% - 25% - 5px);
    }
    .caixac-semelhante .titulo-caixac h3{
        font-size: 1.4rem;
        height: 35px;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: capitalize;
    }
    .caixac-semelhante .header-caixac{
        display: flex;
        width: 100%;
    }
    .caixac-semelhante .detalhes-caixa .col-esq{
        width: 55%;
    }
    .caixac-semelhante .detalhes-caixa .col-btn{
        width: 45%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .col-esq .catc{
        font-size: 11px;
        font-weight: bold;
        margin: 3px 0;
        color: #343a40 !important;
        line-height: 1;
    }
    .col-esq .star{
        letter-spacing: -1.4px;
        font-size: 12px;
        color: #e25b18;
    }
    .col-esq .c-gratisc{
        font-size: 13px;
        font-weight: bold;
        color: #222;
        margin: 0;
    }
    .form-caixa .subtitle.person-deslogado{
        font-size: 1.9rem;
        line-height: 1.2;
    }

    @media(max-width: 500px){
        .form-caixa .subtitle.person-deslogado{
            font-size: 1.3rem;
            line-height: 1.2;
        }
    }

    .form-caixa {
        padding: 0px 10px;
        border: 1px solid #969696;
        border-radius: 5px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        box-shadow: #000 0 0 4px;
    }

    .form-input {
        border: 1px solid #ccc;
        padding: 5px 10px;
        width: 100%;
        margin-bottom: 3px;
        border-radius: 4px;
        height: 34px;
    }

    .cargas_horarias .label {
        cursor: pointer;
        width: calc(16.6% - 18px);
        height: 26px;
        display: inline-grid;
        background: white;
        border: 1px solid #ce390a;
        border-radius: 5px;
        padding: 0 !important;
        text-align: center;
        position: relative;
        margin: 0 8px;
        align-items: center;
        justify-content: center;
    }

    .cargas_horarias span.hrs::before {
        font-size: 10px;
        content: "hrs";
        color: #ce390a;
    }

    .form-caixa .termos {
        font-size: 13px;
        color: #555;
        line-height: 1.1;
    }

    .form-caixa.aln-on{
        height: 100%;
    }

    .form-caixa.aln-on .btnPage{
        font-size: 2.4rem;
    }

    .form-caixa.aln-on .cargas_horarias .label{
        height: 33px;
    }

    .form-caixa.aln-on .cargas_horarias span.hrs::before {
        font-size: 13px;
    }

    .form-caixa.aln-on .cargas_horarias{
        margin: 25px 0;
    }

    @media(max-width: 500px){
        .form-caixa .subtitle.person-deslogado{
            font-size: 1.5rem;
        }
    }
    @media(max-width: 576px){
        .caixac-semelhante{
            width: 100%;
            margin: 5px 0;
        }
    }
    @media(min-width: 577px) and (max-width: 971px){
        .caixac-semelhante{
            width: calc(50% - 10px);
            margin: 5px;
        }
    }
    @media(min-width: 972px) and (max-width: 1200px){
        .caixac-semelhante{
            width: calc(33.333% - 10px);
            margin: 5px;
        }
    }

    .ctrl-ac-qualificacao h2{
        font-size: 3.3rem;
    }
    .ajuste-display-f{
        display: flex;
    }
    @media(max-width: 767px){
        .ajuste-display-f{
            display: block;
        }
    }
    @media(max-width: 500px){
        .ctrl-ac-qualificacao h2{
            font-size: 1.6rem;
            text-align: center;
        }
    }
    @media(min-width: 501px) and (max-width: 991px){
        .ctrl-ac-qualificacao h2{
            font-size: 1.9rem;
        }
    }
    @media(min-width: 992px) and (max-width: 1200px){
        .ctrl-ac-qualificacao h2{
            font-size: 2.2rem;
        }
    }
    .titulo-curso{
        display: none;
    }
    @media(max-width: 767px){
        .titulo-curso{
            display: flex;
        }
        .estrelas-lgs{
            display: none;
        }
        .header-horas{
            display: block;
            min-height: inherit;
        }
    }
    .titul-lg-curs{
        position: absolute;
        left: 1px;
        bottom: 1px;
        width: calc(100% - 2px);
        color: #fff !important;
        font-weight: bold;
        background: rgba(0,0,0,0.8);
        border-radius: 0 0 4px 4px;
        min-height: 45px;
        display: flex;
        align-items: center;
    }

    .titul-lg-curs h1{
        color: #fff;
        margin: 0;
        line-height: 1;
        font-size: 2.0rem;
        padding: 5px 20px;
        width: calc(100% - 113px);
        margin-left: 113px;
        text-transform: uppercase;
    }

    .img-selo-curs{
        position: absolute;
        left: -30px;
        bottom: -80px;
        width: 140px;
    }

    .img-selo-curs img{
        width: 100%;
    }

    .estrelassm{
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        font-size: 12px;
        margin-bottom: 5px;
        color: #555;
    }
    .estrelassm span{
        margin-right: 5px;
        margin-top: -5px;
    }
    .estrelassm span i{
        font-size: 15px;
    }
    @media(min-width: 768px){
        .estrelassm{
            display: none;
        }
    }
    #div_form_result label p{
        color: #ce390a;
    }
    .estrelas-lgs{
        color: #885800;
        text-align: center;
        font-weight: bold;
    }
    .estrelas-lgs .product-ratings{
        font-size: 16px !important;
    }
    .sec-01{
        min-height: 340px;
        background: linear-gradient(45deg, #6a1a00, #ce390a);
        position: relative;
        display: flex;
        align-items: center;
        padding: 15px 5px;
    }
    .sec-01:before{
        position: absolute;
        content: "";
        width: 33%;
        min-height: 340px;
        background: #79b031;
        border-radius: 99px 0px 1px 100%;
        right: 0;
        background: url("/img/bg_ctrl02.webp");
        background-size: cover;
        background-position: center;
    }
    .sec-01 img{
        width: 100%;
        max-width: 391px;
        height: 266px;
        object-fit: cover;
        border: 8px solid #ce390a;
        transform: rotate(4deg);
        box-shadow: 0px 0px 3px rgba(0,0,0,0.8);
    }
    .sec-01 h2{
        font-size: 4.0rem;
        color: #fff;
        line-height: 1 !important;
        text-shadow: 1px 1px 0 #222;
    }
    .sec-01 p{
        font-size: 2.0rem;
        color: #fff;
        margin: 20px 0;
        text-shadow: 1px 1px 0 #222;
    }
    .sec-01 .btnAction{
        display: flex;
        font-size: 1.8rem;
        background: #549400;
        color: #fff;
        padding: 10px 15px;
        font-weight: bold;
        text-shadow: 1px 1px 0 #333;
        border-radius: 4px;
        margin: 10px 0;
        text-transform: uppercase;
    }
    .sec-01 .btnAction:hover{
        background: #6aa121;
    }
    .col-content-left{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    @media(max-width: 500px){
        .sec-01{
            min-height: auto;
            text-align: center;
        }
        .sec-01 .col-img-right{
            display: none;
        }
        .sec-01:before{
            display: none;
        }
        .sec-01 h2{
            font-size: 2.4rem;
            text-align: center;
            margin: 0;
        }
        .sec-01 p{
            font-size: 1.5rem;
            text-align: center;
            line-height: 1;
            margin-top: 10px;
        }
        .col-content-left{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .sec-01 .btnAction{
            margin: 0;
        }
    }
    @media(min-width: 501px) and (max-width: 767px){
        .sec-01{
            min-height: auto;
            text-align: center;
        }
        .sec-01 .col-img-right{
            display: none;
        }
        .sec-01:before{
            display: none;
        }
        .sec-01 h2{
            font-size: 2.4rem;
            text-align: center;
            margin: 0;
        }
        .sec-01 p{
            font-size: 1.5rem;
            text-align: center;
            line-height: 1;
            margin-top: 10px;
        }
        .col-content-left{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .sec-01 .btnAction{
            margin: 0;
        }
    }



    @media(min-width: 768px) and (max-width: 991px){
        .sec-01{
            min-height: auto;
            text-align: center;
        }
        .sec-01 .col-img-right{
            display: none;
        }
        .sec-01:before{
            display: none;
        }
        .sec-01 h2{
            font-size: 2.8rem;
            text-align: center;
            margin: 0;
        }
        .sec-01 p{
            font-size: 1.8rem;
            text-align: center;
            line-height: 1;
            margin-top: 10px;
        }
    }

    .caixa-onde-usar-new.caixa-onde-usar{
        min-height: 108px;
    }
    .ctrl-sobre{
        min-height: calc(100vh - 95px);
        display: flex;
        align-items: center;
    }
    .ctrl-sobre h2{
        font-family: "Raleway", sans-serif;
        font-size: 3.4rem;
        color: #04091e;
        font-weight: 800;
    }
    .ctrl-sobre h3{
        font-family: "Raleway", sans-serif;
        font-size: 1.8rem;
        font-weight: 300;
        color: #444;
        margin: 25px 0;
        font-style: italic;
    }
    .ctrl-sobre .about-img{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ctrl-sobre .about-img img{
        width: 100%;
        /*height: fit-content;*/
        max-width: 568px;
        padding: 2px;
        border: 1px solid #cecece;
        border-radius: 4px;
        box-shadow: 0px 0px 5px 1px #222;
    }

    .ctrl-sobre ul li{
        font-family: "Raleway", sans-serif;
        font-size: 1.5rem;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .ctrl-sobre ul li:last-child{
        margin-bottom: 0;
    }
    .ctrl-sobre ul li i{
        font-size: 2rem;
        color: #69ad4a;
    }
    .img-header-pgpromo .selo-inf{
        position: absolute;
        left: 0;
        bottom: 30px;
    }

    .img-header-pgpromo .selo-inf img{
        max-width: 170px;
    }

    @media(max-width: 767px){
        .img-header-pgpromo .selo-inf{
            bottom: 9px;
        }
        .img-header-pgpromo .selo-inf img{
            max-width: 86px;
        }
    }
    .msg_erro_ch{
        display: none;
        color: #f80000;
        font-weight: bold;
        font-size: 0.7rem;
        margin: 0;
    }
    .limita-caixas-curs .caixac-semelhante:nth-child(n+13){
        display: none;
    }
    .ctrl_pesq{
        background-image: url("/img/p_reuniao.webp");
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }
    .ctrl_pesq .content{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 150px;
        background: rgba(0,31,46,0.8);
    }
    .ctrl_pesq .content h2{
        font-size: 5.0rem;
        color: #fff;
        text-align: center;
        margin-bottom: 10px;
        text-shadow: 2px 2px 0 #000;
    }
    .ctrl_pesq .content p{
        margin: 0;
        font-size: 2.0rem;
        color: #fff;
        text-align: center;
        margin-bottom: 20px;
        text-shadow: 1px 1px 0 #000;
    }

    .ctrl_pesq .content input{
        height: 50px;
        border: none;
        outline: none;
        padding: 4px 15px;
        color: #222;
        font-size: 1.8rem;
        border-radius: 4px;
    }
    @media (max-width: 500px){
        .ctrl_pesq .content{
            min-height: 180px;
        }
        .ctrl_pesq .content h2{
            font-size: 3.0rem;
        }
        .ctrl_pesq .content p{
            font-size: 2.2rem;
            line-height: 1;
        }
        .ctrl_pesq .content input{
            font-size: 1.5rem;
        }
    }
    @media(min-width: 501px) and (max-width: 767px){
        .ctrl_pesq .content{
            min-height: 250px;
        }
        .ctrl_pesq .content h2{
            font-size: 3.0rem;
        }
        .ctrl_pesq .content p{
            font-size: 1.3rem;
            line-height: 1;
        }

        .ctrl_pesq .content input{
            font-size: 1.5rem;
        }
    }
    .ct_01{
        background-image: url("/img/p_back.webp");
        background-size: cover;
        background-position: center;
    }
    .ct_01 .content{
        min-height: 290px;
        padding: 0 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ct_01 .content .img-cert img{
        max-width: 500px;
        width: 100%;
    }
    .ct_01 .content h2{
        font-weight: 800;
        font-size: 4rem;
        color: #333;
    }
    .ct_01 .content span{
        font-size: 5.5rem;
        font-weight: 800;
        color: #ce390a;
        text-shadow: 1px 1px 1px #444;
    }
    .ct_01 .content p{
        font-size: 1.8rem;
    }
    .ct_01 .btnct{
        font-size: 1.8rem;
        background: #8cc63e;
        color: #fff;
        padding: 10px 15px;
        border-radius: 2px;
        text-shadow: 0 0 4px #000;
        margin-top: 20px;
    }
    .ct_01 .btnct:hover{
        background: #222;
    }
    .promo_videos{
        background-image: url("/img/counter-bg.webp");
        background-size: cover;
        background-position: center;
    }
    .promo_videos .content{
        background: rgba(0,0,0,0.8);
        min-height: calc(100vh - 95px);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .promo_videos .content *{
        color: #fff !important;
    }

    .promo_videos .col_esq h2{
        font-family: Rubik;
        font-weight: 600;
        line-height: 1.2 !important;
        font-size: 3rem;
        color: #fff;
    }
    .promo_videos .col_esq ul{
        margin-top: 25px;
        margin-bottom: 20px;
    }
    .promo_videos .col_esq li{
        font-size: 1.7rem;
        color: #fff;
        margin-bottom: 10px;
    }
    .promo_videos .col_esq li i{
        color: #8dc740;
    }
    .promo_videos .btnCtrl{
        color: #fff;
        border: 2px solid #8dc740;
        color: #fff;
        padding: 10px 20px;
        margin-top: 15px;
        border-radius: 50px;
        font-weight: bold;
        box-shadow: 0 0 15px #8dc740;
    }
    .promo_videos .btnCtrl:hover{
        box-shadow: 0 0 10px #8dc740;
    }
    .ct_02{
        background-image: url("/img/p_back01.webp");
        background-size: cover;
        background-position: center;
    }
    .ct_02 .content{
        min-height: 290px;
        padding: 0 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ct_02 .content .img-cert{
        display: flex;
        justify-content: center;
    }
    .ct_02 .content .img-cert img{
        max-width: 500px;
        width: 100%;
        /*height: fit-content;*/
    }
    .ct_02 .content h2{
        font-weight: 800;
        font-size: 4rem;
        color: #333;
    }
    .ct_02 .content span{
        font-size: 5.5rem;
        font-weight: 800;
        color: #ce390a;
        text-shadow: 1px 1px 1px #444;
    }
    .ct_02 .content p{
        font-size: 1.8rem;
    }
    .ct_02 .btnct{
        font-size: 1.8rem;
        text-shadow: 1px 1px 0 #222;
        background: #8cc63e;
        color: #fff;
        padding: 10px 15px;
        border-radius: 2px;
        text-shadow: 0 0 4px #000;
        margin-top: 20px;
    }
    .ct_02 .btnct:hover{
        background: #222;
    }
    .dvbg{
        background-image: url("/img/index-meus-certificados.webp");
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }

    .dvbg .content{
        background: rgba(0,0,0,0.9);
        min-height: 280px;
    }
    .dv_uso{
        width: 100%;
        display: flex;
        margin-bottom: 30px;
    }
    .dv_uso .content-img{
        width: 90px;
        margin-right: 10px;
    }
    .dv_uso .content-desc{
        width: calc(100% - 90px);
    }
    .dv_uso .content-img img{
        width: 100%;
        /*height: fit-content;*/
        min-height: 61px;
        object-fit: cover;
        padding: 2px;
        border: 1px solid #222;
        border-radius: 4px;
    }

    .dv_uso .content-desc h3{
        font-family: Rubik;
        color: #ce390a;
        font-weight: 500;
        font-size: 1.6rem;
        letter-spacing: 0px; 
    }
    
    .dv_uso .content-desc h3 a{
        color: inherit;
    }
    .dv_uso .content-desc p{
        text-align: justify;
        line-height: 1.4;
        margin: 0;
    }
    .cert-valido .col-esq{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cert-valido .col-esq img{
        width: 100%;
        /*height: fit-content;*/
        max-width: 365px;
        padding: 6px;
        border: 1px solid #11436e;
        border-radius: 4px;
    }
    .cert-valido .col-dir{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .cert-valido .col-dir h2{
        font-family: Rubik;
        color: #164f81;
        font-weight: 600;
        font-size: 3.6rem;
        line-height: 1 !important;
        text-transform: uppercase;
    }
    .cert-valido .col-dir p{
        margin-top: 15px;
        text-align: justify;
        font-size: 1.8rem;
    }
    @media(max-width: 500px){
        .ctrl-sobre h2{
            font-size: 1.8rem;
            margin-top: 10px;
        }
        .ctrl-sobre h3{
            font-size: 1.4rem;
            text-align: center;
            margin: 15px 0;
        }
        .ctrl-sobre ul li{
            text-align: justify;
            font-size: 1.2rem;
            line-height: 1.5;
        }
        .ctrl-sobre ul li i{
            font-size: 1.4rem;
        }
        .promo_videos .col_esq h2{
            font-size: 2.5rem;
            text-align: center;
        }
        .promo_videos .col_esq li{
            font-size: 1.4rem;
            line-height: 1.3;
        }
        .promo_videos .contentBtn{
            display: flex;
            justify-content: center;
            margin-bottom: 15px;
        }
        .promo_videos .col_esq ul{
            margin-bottom: 0;
        }
        .ct_02 .content h2{
            font-size: 2rem;
        }
        .ct_02 .content span{
            font-size: 2.5rem;
        }
        .dv_uso{
            flex-direction: column;
            margin-bottom: 15px;
        }
        .dv_uso .content-img{
            width: 100%;
            text-align: center;
        }
        .dv_uso .content-desc{
            width: 100%;
            text-align: center;
        }
        .dv_uso .content-desc p{
            text-align: center;
        }
        .dv_uso .content-img img{
            max-width: 121px;
        }
        .dv_uso .content-desc h3{
            margin: 5px 0;
        }
        .cert-valido .col-dir h2{
            font-size: 1.8rem;
            margin-top: 10px;
            line-height: 1.5;
        }
        .cert-valido .col-dir p {
            font-size: 1.4rem;
            line-height: 1.5;
        }
    }
    .promotitle{
        background-color: #2f910078;
        color: #fff !important;
        font-weight: bold;
        padding: 5px;
        border-radius: 4px;
    }
    .promotitle:hover{
        background-color: #2f9100a6;
    }
    @media(max-width: 400px){
        .promotitle{
            font-size: 16px !important;
        }
    }
    @media(max-width: 500px){
        .cta_carousel_promo .avaliacoes{
            font-size: 12px;
            line-height: 1;
        }
        .cta_12 h2 span{
            font-size: 2.7rem;
        }
        .cta_12 .resumo-curs-promo{
            height: 135px;
            -webkit-line-clamp: 5;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }
    .cta_12 h2 span{
        text-shadow: 2px 2px 0 #000;
    }
    .col_left_content{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .cta_carouselpromo_content{
        width: 100%;
        /*min-height: calc(100vh - 95px);*/
        background: #fff;
    }
    .cta_carouselpromo_content .dvbg{
        background-image: url("/img/index-meus-certificados.webp");
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        width: 100%;
    }
    .dvbg .content{
        background: rgba(0,0,0,0.9);
        height: 100%;
        padding: 11px 0;
        min-height: calc(100vh - 95px);
    }

    @media(max-width: 664px){
        .dvbg .content{
            min-height: calc(100vh - 175px);
        }
        .dvbg .content .coluna_img img{
            max-width: 100% !important;
        }
    }

    .dvbg .content .coluna_img{
        text-align: center;
    }
    .dvbg .content .coluna_img img{
        /*width: fit-content;*/
        width: 100%;
        /*height: fit-content;*/
        max-width: 448px;
        object-fit: cover;
        max-height: 380px;
    }
    .dvbg .content h2{
        font-size: 2rem;
        color: #fff;
    }
    .dvbg .content h3{
        font-family: Rubik;
        font-weight: 500;
        line-height: 1.2 !important;
        font-size: 3.4rem;
        color: #ce390a;
    }
    .dvbg .content p{
        font-size: 1.6rem;
        color: #fff;
        text-align: justify;
        margin: 15px 0 30px 0;
    }
    .dvbg .content .btn_car_out{
        border: 2px solid #ce390a;
        color: #ce390a;
        font-weight: bold;
        padding: 10px 25px;
        margin: 2px;
        box-shadow: 0 0 20px 0px #ce390a;
        font-size: 2rem;
        text-shadow: 1px 1px 0 #000;
        border-radius: 25px;
        display: block;
    }
    .dvbg .content .btn_car_out:hover{
        box-shadow: 0 0 10px 0px #ce390a;
    }
    .dvbg .content ul li i{
        color: #8dc740;
    }
    .dvbg .content ul li{
        font-size: 1.85rem;
        color: #53ff00;
        margin-bottom: 5px;
    }
    .btncarouselblack.btnActionCarousel{
        background-color: transparent !important;
        box-shadow: none;
        background-color: transparent !important
    }
    .dvbg .content .content_btn{
        display: flex;
    }
    .cert_gratis_promo{
        /*color: #f3501c;*/
        color: #53ff00;
        animation: shadow-promo 0.8s infinite alternate;
    }
    @media(max-width: 992px){
        .dvbg .content h3{
            font-size: 2.5rem;
            text-align: center;
        }
        .dvbg .content h2{
            font-size: 1.5rem;
            text-align: center;
        }
        .dvbg .content p{
            font-size: 1.3rem;
            line-height: 1.4;
            text-align: center;
        }
        .dvbg .content ul li{
            text-align: center;
            font-size: 1.2rem;
            margin: 0;
        }
        .dvbg .content .coluna_img{
            margin-bottom: 15px;
        }
        .dvbg .content .coluna_img img{
            /*max-height: 50px;*/
            /*max-height: 115px;*/
            max-height: 150px;
        }
        .carousel-control-prev, .carousel-control-next{
            margin-top: -270px;
        }
        .dvbg .content .content_btn{
            justify-content: center;
        }
    }
    @media(max-width: 500px){
        .dvbg .content .btn_car_out{
            font-size: 1.5rem;
        }

        .promo_videos .iframe_yout{
            width: 100%;
            height: 190px;
        }
    }

    @media(min-width: 501px) and (max-width: 767px){
        .promo_videos .iframe_yout{
            margin-top: 15px;
            width: 100%;
            height: 280px;
        }
    }
    @media(min-width: 768px) and (max-width: 991px){
        .promo_videos .iframe_yout{
            margin-top: 30px;
            width: 100%;
            height: 350px;
        }
    }
    @media(min-width: 992px) and (max-width: 1800px){
        .promo_videos .iframe_yout{
            margin-top: 30px;
            width: 100%;
            height: 340px;
        }
    }
    @media(min-width: 1801px) and (max-width: 3000px){
        .promo_videos .iframe_yout{
            margin-top: 30px;
            width: 100%;
            height: 340px;
        }
    }
    @media(max-width: 1129px){
        .cert_gratis_promo{
            display: none;
        }
    }

    .circloader {
        display: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border-top: 4px solid #ce390a;
        animation: rotate-loader 0.4s linear infinite;
    }

    @keyframes rotate-loader {
        0% {
            transform: rotate(0);
        }
        100% {
            transform: rotate(360deg);
        }
    }


    .cursos_checked{
        width: 100%;
    }
    .cursos_checked input{
        display: none;
    }

    .btnEscolhido{
        display: none;
    }

    .cursos_checked input[type="checkbox"]:checked + .caixa_curso_checked{
        box-shadow: 0 0 5px #517010;
        border: 1px solid #517010;
        /*transform: scale(1.02);*/
        background: #fafff1;
    }

    .cursos_checked input[type="checkbox"]:checked + .caixa_curso_checked .btnEscolhido{
        display: block;
    }

    .cursos_checked input[type="checkbox"]:checked + .caixa_curso_checked .btnEscolher{
        display: none;
    }
    .cursos_checked input[type="checkbox"]:checked + .caixa_curso_checked h3{
        color: #2f4600 !important;
    }

    .checkedicon{
        display: none;
    }

    .cursos_checked input[type="checkbox"]:checked + .caixa_curso_checked .checkedicon {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 3px;
        background: rgba(0,0,0,0.65);
        height: 15px;
        width: calc(100% - 6px);
        color: #ffffff;
        left: 3px;
        font-size: 11px;
        text-align: center;
        text-shadow: 1px 1px 1px #000;
        border-radius: 3px;
        height: calc(100% - 6px);
        font-size: 2.8rem;
        color: green;
    }

    .cursos_checked input[type="checkbox"]:checked + .caixa_curso_checked .ch_mobile {
        display: none;
    }

    .caixa_curso_checked{
        cursor: pointer;
        width: calc(25% - 19px);
        padding: 6px;
        border-radius: 4px;
        box-shadow: #000 0 0 4px;
        border: 1px solid #ddd;
        margin: 0 8px;
        /*margin-bottom: 16px;*/
        background: #fff;
    }

    .caixa_curso_checked .imagem-curso{
        width: 25%;
        min-height: 53px;
        padding: 1px;
        margin-right: 5px;
        position: relative;
    }
    .caixa_curso_checked .imagem-curso img{
        max-width: 100%;
        width: 100%;
        /*height: fit-content;*/
        border-radius: 4px;
        min-height: 53px;
        border: 1px solid #999;
        padding: 1px;
        object-fit: cover;
    }
    .caixa_curso_checked .ch_mobile{
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 3px;
        background: rgba(0,0,0,0.65);
        height: 15px;
        width: calc(100% - 6px);
        color: #ffffff;
        left: 3px;
        font-size: 11px;
        text-align: center;
        text-shadow: 1px 1px 1px #000;
        border-radius: 0 0 4px 4px;
    }
    .caixa_curso_checked .titulo-caixac{
        display: flex;
        align-items: center;
        width: calc(100% - 25% - 5px);
    }
    .caixa_curso_checked .titulo-caixac h3{
        font-size: 1.4rem;
        height: 35px;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: capitalize;
        text-align: left;
    }
    .caixa_curso_checked .header-caixac{
        display: flex;
        width: 100%;
    }
    .caixa_curso_checked .detalhes-caixa .col-esq{
        width: 55%;
    }
    .caixa_curso_checked .detalhes-caixa .col-btn{
        width: 45%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    @media(max-width: 629px){
        .caixa_curso_checked{
            width: 100%;
            margin: 5px 0;
        }
    }
    @media(min-width: 630px) and (max-width: 971px){
        .caixa_curso_checked{
            width: calc(50% - 12px);
            margin: 5px;
        }
    }
    @media(min-width: 972px) and (max-width: 1200px){
        .caixa_curso_checked{
            width: calc(33.333% - 13px);
            margin: 5px;
        }
    }

    .expand-curs details summary img{
        width: 60px;
        padding: 2px;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-right: 8px;
    }
    .expand-curs details summary{
        font-weight: bold;
        /*font-size: 15px;*/
        font-size: 1.3rem;
        padding: 5px 10px;
        margin: 5px 0px;
        border-radius: 4px 4px 0 0;
        border: 1px solid #d6e9c6;
        box-shadow: 0px 0px 10px #c3c3c3;
        color: #133a14;
        background-color: #dff0d8;
    }
    .expand-curs details summary span{
        color: #b93107;
    }

    .expand-curs details > summary {
        list-style: none;
    }


    .expand-curs details .conteudo_details_curso{
        background: #fff;
        padding: 6px 13px;
        /*margin-top: -8px;*/
        margin-top: 0;
        border: 1px solid #dff0d8;
        border-top: none;
        box-shadow: 0px 4px 10px #ccc;
        margin-bottom: 25px;
        position: relative;
        height: 128px;
        /*height: auto;*/
        overflow: hidden;
        margin-top: -6px;
        padding: 8px 0 !important;
    }

    .expand-curs details .conteudo_details_curso ul li{
        list-style: decimal-leading-zero;
        padding: 3px 0px;
    }
    .expand-curs details .conteudo_details_curso ul li::marker{
        font-weight: bold;
        color: #af2a00;
        font-size: 15px;
    }
    .expand-curs details .conteudo_details_curso ul{
        padding-left: 25px;
    }
    .header_mat_promo{
        background-image: url("/img/index-meus-certificados.webp");
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }
    .header_mat_promo .content{
        display: flex;
        align-items: center;
        background: rgba(0,0,0,0.9);
        min-height: calc(100vh - 95px);
    }

    .header_mat_promo .left_content h1{
        font-size: 2rem;
        color: #fff;
    }
    .header_mat_promo .left_content h2{
        font-family: Rubik;
        font-weight: 600;
        line-height: 1.2 !important;
        font-size: 3rem;
        color: #ce390a;
    }
    .header_mat_promo .left_content p{
        font-size: 1.6rem;
        color: #fff;
        text-align: justify;
        margin: 15px 0 30px 0;
    }
    .header_mat_promo .right_content img{
        width: 100%;
        max-width: 500px;
    }

    .header_mat_promo .left_content .content_btn {
        display: flex;
    }

    .header_mat_promo .left_content .content_btn .btn_car_out{
        border: 2px solid #ce390a;
        color: #ce390a;
        font-weight: bold;
        padding: 10px 25px;
        margin: 2px;
        box-shadow: 0 0 20px 0px #ce390a;
        font-size: 2rem;
        text-shadow: 1px 1px 0 #000;
        border-radius: 25px;
        display: block;
    }

    .cursos_checked .owl-nav button.owl-prev, .cursos_checked .owl-nav button.owl-next, .cursos_checked button.owl-dot{
        margin-top: 20px;
    }

    .cursos_checked .item{
        width: 100%;
    }

    .cursos_checked .owl-stage{
        transition: all 0.4s ease 0s !important;
    }
    .cursos_checked .owl-item{
        text-align: center;
    }

    .cursos_selected{
        overflow-y: scroll;
        height: 50vh;
        max-height: 420px;
    }
    .cursos_selected .linha-curso-sec{
        width: 100%;
        height: 65px;
        border: 1px solid #cecece;
        margin-bottom: 5px!important;
        padding: 4px;
    }
    .cursos_selected .linha-curso-sec:last-child{
        margin-bottom: 0!important;
    }

    .cursos_selected .linha-curso-sec .scol-img{
        width: 98px;
        height: 100%;
    }
    .cursos_selected .linha-curso-sec .scol-right{
        width: 150px;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .cursos_selected .linha-curso-sec .scol-content{
        width: calc(100% - 258px);
        height: 100%;
        margin-left: 10px;
    }
    .cursos_selected .linha-curso-sec .scol-img img{
        width: 100%;
        border: 1px solid #ccc;
        padding: 2px;
        border-radius: 4px;
    }
    .cursos_selected .linha-curso-sec .scol-content h2{
        color: #222;
        font-size: 1.5rem;
        text-transform: capitalize;
        text-align: left;
        height: 18px;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cursos_selected .linha-curso-sec .scol-right .valor-curs{
        font-size: 1.2rem;
        font-weight: bold;
        width: 80%;
        text-align: center;
    }
    .cursos_selected .linha-curso-sec .scol-right .btn-exc{
        width: 20%;
        text-align: right;
    }
    .cursos_selected .linha-curso-sec .scol-right .btn-exc i{
        cursor: pointer;
        color: #c10000;
    }
    .cursos_selected .linha-curso-sec .scol-content .cargas_horarias_inp label{
        width: 40px;
        height: 30px;
        border: 1px solid #ce390a;
        text-align: center;
        cursor: pointer;
        border-radius: 4px;
        margin-top: 3px;
        line-height: 1;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #ce390a;
        font-weight: bold;
        margin: 0 5px;
    }
    .cursos_selected .linha-curso-sec .scol-content .cargas_horarias_inp label:nth-child(2){
        margin-left: 0;
    }
    .cursos_selected .linha-curso-sec .scol-content .cargas_horarias_inp label:last-child{
        margin-right: 0;
    }
    .cursos_selected .linha-curso-sec .scol-content .cargas_horarias_inp label span{
        font-size: 11px;
        font-weight: 400;
    }
    .cursos_selected .linha-curso-sec .scol-content .cargas_horarias_inp label:hover{
        background: #fff5f2;
        transform: scale(1.15);
    }
    .cursos_selected .linha-curso-sec .scol-content .cargas_horarias_inp input{
        display: none;
    }
    .cursos_selected .linha-curso-sec .scol-content .cargas_horarias_inp input[type = "radio"]:checked + label{
        background: #ce390a;
        color: #fff;
        font-weight: bold;
    }

    .btnaddcart{
        position: absolute;
        right: 3px;
        top: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 35px;
        height: 35px;
        background: rgba(0,0,0,0.7);
        border-radius: 100%;
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        transition-duration: 0.1s;
    }

    .btnaddcart:hover{
        background: rgba(0,0,0,0.8);
        transition-duration: 0.2s;
    }

    .btnaddcart.btnchecked{
        color: #91ff00;
    }

    @media(max-width: 991px){
        .btnaddcart{
            font-size: 12px;
            width: 25px;
            height: 25px;
            left: -5px;
            top: -5px;
        }
    }

    .ajusteMargini{
        margin-left: 3px;
    }

    .backTopBtn{
        position: fixed;
        width: 45px;
        height: 40px;
        /*border-radius: 50%;*/
        background: rgba(0,0,0,0.8);
        color: #fff;
        z-index: 99;
        right: 6px;
        bottom: 6px;
        display: none;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 4px;
        /*animation: icone-pulando 0.5s infinite alternate;*/
        transition-duration: 0.2s;
    }
    .backTopBtn i{
        color: #fff;
        margin-bottom: -5px;
        font-size: 1.1rem;
        font-weight: bold;
    }
    .backTopBtn p{
        color: #fff;
        margin: 0;
        font-size: 1.1rem;
        font-weight: bold;
    }

    @keyframes icone-pulando{
        0% {
            transform: translateY(0px);
        }
        100% {
            transform: translateY(3px);
        }
    }

    @media (max-width: 768px){
        .backTopBtn{
            right: 6px;
            bottom: 60px;
            width: 37px;
            height: 33px;
        }

        .backTopBtn p{
            font-size: 0.9rem;
        }
    }
    .header-exibe-conc{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: calc(100vh - 95px);
    }
    .header-exibe-conc .colc-text{
        width: 50%;
    }
    .header-exibe-conc .colc-img img{
        width: 100%;
        max-width: 568px;
        object-fit: cover;
        padding: 2px;
        border: 1px solid #cecece;
        border-radius: 4px;
        box-shadow: 0px 0px 5px 1px #222;
    }
    @media(max-width: 1000px){
        .header-exibe-conc{
            flex-direction: column;
        }
    }
    .header-exibe-conc .text-desc{
        font-size: 1.8rem;
        text-align: justify;
        height: 100px;
        -webkit-line-clamp: 4;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.4;
        font-family: Rubik;
    }
    .header-exibe-conc .titulo-desc{
        font-size: 2.8rem !important;
        color: #ce390a;
        font-family: Rubik;
    }
    @media(max-width: 664px){
        .header-exibe-conc{
            min-height: calc(100vh - 179px);
        }
        .header-exibe-conc .titulo-desc{
            font-size: 1.8rem !important;
            text-align: center;
            margin-top: 15px;
        }
        .header-exibe-conc .text-desc{
            font-size: 1.3rem;
            text-align: center;
            height: 76px;
        }
        .header-exibe-conc .colc-img{
            text-align: center;
        }
        .header-exibe-conc .colc-img img{
            max-width: 320px
        }
        .col-btn-conc{
            text-align: center;
        }
    }
    @media(min-width: 665px) and (max-width: 991px){
        .header-exibe-conc{
            min-height: calc(100vh - 139px);
        }
        .header-exibe-conc .titulo-desc{
            font-size: 2rem !important;
            text-align: center;
            margin-top: 15px;
        }
        .header-exibe-conc .text-desc{
            font-size: 1.5rem;
            text-align: center;
            height: 82px;
        }
        .header-exibe-conc .colc-img{
            text-align: center;
        }
        .header-exibe-conc .colc-img img{
            max-width: 320px;
        }
        .col-btn-conc{
            text-align: center;
        }
    }
    @media(min-width: 769px) and (max-width: 991px){
        .header-exibe-conc{
            min-height: calc(100vh - 91px);
        }
    }

    .personconcurs{
        width: 25% !important;
        margin-bottom: 10px;
        /*margin: 5px;*/
    }
    .caixa_person_checked{
        width: calc(100% - 16px) !important;
        margin-top: 4px;
    }

    @media(max-width: 590px){
        .personconcurs{
            width: 100% !important;
            margin: 5px;
            margin-bottom: 0;
        }
        .caixa_person_checked{
            width: 100% !important;
        }
    }

    @media(min-width: 591px) and (max-width: 971px){
        .personconcurs{
            width: calc(50% - 10px) !important;
            margin: 5px;
            margin-bottom: 0;
        }

        .caixa_person_checked{
            width: 100% !important;
        }
    }
    @media(min-width: 972px) and (max-width: 1200px){
        .personconcurs{
            width: calc(33.333% - 10px) !important;
            margin: 5px;
            margin-bottom: 0;
        }
        .caixa_person_checked{
            width: 100% !important;
        }
    }

    .barrinha_concurs_progress {
        width: calc(100% - 3px);
        position: absolute;
        top: 3px;
        overflow: hidden;
        height: 2px;
        left: 3px;
        border-radius: 4px 4px 0 0;
    }

    .preenchimento_concurs_progress {
        height: 100%;
        width: 0;
        background-color: #ce390a;
    }
    #modelocertificado .cert-lado{
        background-image: linear-gradient(to bottom, #337ab7, #0b3559, #337ab7);
        background-size: cover;
        font-weight: 800;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: black;
    }
    .img-cert-mail{
        width: 100%;
        height: 100%;
        max-width: 568px;
        object-fit: cover;
        padding: 2px;
        border: 1px solid #cecece;
        border-radius: 4px;
        box-shadow: 0px 0px 5px 1px #222;
    }
    .sect_certmail h2{
        color: #04091e;
        font-size: 2rem;
        font-weight: 600;
    }
    .list_btns_solicitacao{
        display: flex;
    }
    .list_btns_solicitacao .btnSoli{
        font-size: 1.6rem;
        background: #ccc;
        margin: 2px;
        border-radius: 4px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        margin: 10px;
        width: 50%;
        max-width: 236px;
    }
    .list_btns_solicitacao .btnSoli:first-child{
        margin-left: 0;
        background: #4f7a15;
    }
    .list_btns_solicitacao .btnSoli:last-child{
        margin-right: 0;
        background: #ce390a;
    }
    .list_btns_solicitacao .btnSoli:hover{
        opacity: 0.8;
    }
    @media(max-width: 323px){
        .list_btns_solicitacao .btnSoli{
            font-size: 1.2rem;
            line-height: 1.2;
            padding: 11px 2px;
            margin: 10px 2px;
        }
    }
    @media(min-width: 324px) and (max-width: 1199px){
        .list_btns_solicitacao .btnSoli{
            font-size: 1.2rem;
            line-height: 1.2;
            padding: 15px 3px;
            margin: 10px 2px;
        }
    }

    .sect_certmail{
        display: flex;
        align-items: center;
    }
    @media(max-width: 991px){
        .sect_certmail{
            display: block;
        }
    }
    .cert-mail-pers{

    }
    .cert-mail-pers ul li i{
        color: #6d9f2e;
        font-size: 1.7rem;
    }
    .title-cert-mail{
        font-size: 1.8rem;
        text-transform: uppercase;
        font-weight: 800;
        text-align: center;
        margin-bottom: 15px;
    }
    .cert-mail-pers p{
        line-height: 1.3;
        font-size: 1.6rem;
    }

    .title-cert-mail span{
        font-size: 2.6rem;
    }

    @media(max-width: 991px){
        .title-cert-mail{
            font-size: 1.3rem;
            margin-top: 15px;
            font-weight: 800;
        }
        .title-cert-mail span{
            font-size: 1.6rem;
        }
        .cert-mail-pers p{
            line-height: 1.3;
            font-size: 1.4rem;
        }
    }

    @media(min-width: 992px) and (max-width: 1322px){
        .title-cert-mail{
            margin-top: 15px;
        }
    }

    .cards_assin_digital{
        align-items: center;
        justify-content: center;
    }
    .card_assin{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: calc(25% - 10px);
        margin: 5px;
        height: 95px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: 0px 2px 0 #ccc;
    }
    .card_assin:hover{
        background: #f7f7f7;
    }
    .card_assin p{
        font-weight: bold;
        margin: 0;
        margin-top: 10px;
    }
    .card_assin i{
        font-size: 2.8rem;
    }
    .card_assin img{
        width: 100%;
        max-width: 35px;
        object-fit: cover;
        transition-duration: 0.3s;
    }
    .card_assin:hover img{
        transform: scale(1.2);
        transition-duration: 0.3s;
    }
    @media(max-width: 500px){
        .card_assin{
            width: calc(50% - 10px);
            margin: 4px;
            min-width: 140px;
        }
    }
    .cards-soli-ganhe{
        width: calc(25% - 20px);
        margin: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        position: relative;
        background: #fff;
        box-shadow: 2px 2px 14px -4px rgb(0,0,0,0.5)
    }

    .cards-soli-ganhe:hover .ctc_img{
        transform: translateX(-50%) scale(1.1);
        top: -12%;
        transition-duration: 0.3s;
    }

    .cards-soli-ganhe .ctc_img{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -10%;
        width: 70%;
        height: 130px;
        border-radius: 20px;
        background: #fff;
        transition-duration: 0.3s;
        /*background: linear-gradient(to bottom, #8fc7f7, #43759f, #3073ad);*/
        background: linear-gradient(to bottom, #564941, #3f342e, #27201c);
        background-size: cover;
    }
    .cards-soli-ganhe .ctc_img img{
        width: 100%;
        border-radius: 4px 4px 0 0;
        border-radius: 20px;
        border: 1px solid #ccc;
        padding: 4px;
        min-height: 130px;
        max-height: 130px;
        object-fit: cover;
    }
    .cards-soli-ganhe .ctc_content{
        margin-top: 100px;
        padding: 10px;
    }
    .cards-soli-ganhe .ctc_content h2{
        color: #444;
        margin: 0;
        /* Primeiro passo: definir um degradê como fundo */
        background-image: linear-gradient(to bottom, #337ab7, #0b3559, #337ab7);
        /* Segundo passo: apagar do fundo tudo que não estiver imediatamente atrás de texto */
        background-clip: text;
        -webkit-background-clip: text; /* Alguns navegadores precisam do prefixo */

        /* Terceiro passo: apagar o texto, deixando apenas o fundo atrás dele */
        -webkit-text-fill-color: transparent;

        /* Cor que contraste com o degradê, caso o navegador não suporte `background-clip: text` */
        color: black;

        font-weight: 800;
    }
    .cards-soli-ganhe .ctc_content p{
        text-align: justify;
        margin: 0;
    }

    @media(max-width: 600px){
        .cards-soli-ganhe{
            width: 100%;
            margin-top: 30px;
        }
        .cards-soli-ganhe .ctc_img{
            width: 45%;
            max-width: 150px;
            height: auto;
        }
        .cards-soli-ganhe .ctc_img img{
            height: 80px !important;
            min-height: auto;
            max-height: auto;
        }
        .cards-soli-ganhe .ctc_content{
            margin-top: 55px;
        }
    }


    @media(min-width: 600px) AND (max-width: 1180px){
        .cards-soli-ganhe{
            width: calc(50% - 10px);
            margin: 5px;
            margin-top: 30px;
        }
        .cards-soli-ganhe .ctc_img{
            width: 45%;
            max-width: 150px;
            height: auto;
        }
        .cards-soli-ganhe .ctc_img img{
            height: 80px !important;
            min-height: auto;
            max-height: auto;
        }
        .cards-soli-ganhe .ctc_content{
            margin-top: 55px;
        }
    }

    .header-pconcurs{
        min-height: calc(100vh - 95px);
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    .flut_imgh_concurs{
        position: absolute;
        width: 110px;
        height: 110px;
        right: -41px;
        bottom: -32px;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 0 0 7px #fff;
        border: 1px dashed #ce390a;
        drop-shadow: drop-shadow(0px 0px 2px #ce390a);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.8rem;
        flex-direction: column;
        filter: drop-shadow(0px 2px 1px #aaa);
        text-align: center;
        z-index: 1;
    }

    .flut_imgh_concurs{
        line-height: 1;
    }
    .flut_imgh_concurs span.number{
        font-size: 3rem;
        font-weight: bold;
        color: #ce390a;
        font-family: Rubik;
    }
    .flut_imgh_concurs p{
        font-weight: 600;
        margin: 0;
    }
    #img-concurs-header{
        height: 317px;
        object-fit: cover;
    }

    .flut_legend_concurs{
        position: absolute;
        bottom: 3px;
        left: 3px;
        height: 36px;
        width: calc(100% - 6px);
        background: rgba(0,0,0,0.8);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 0 0 4px 4px;
        border: 1px solid #222;
    }

    .flut_legend_concurs p{
        color: #fff;
        font-weight: bold;
        margin: 0;
    }

    .img-curss-item {
        display: none;
        /*height: 321px;*/
    }

    .img-curss-item.mostrar{
        display: flex;
        justify-content: center;
    }

    @media(max-width: 990px){
        .order_slide{
            display: none;
        }
        .flut_imgh_concurs{
            display: none;
        }
        .flut_legend_concurs{
            height: 25px;
        }
    }

    @media(min-width: 991px){
        .msg_resume{
            display: none;
        }
    }
    .lista-concurso .col-lc-esquerdo{
        width: calc(70% - 15px);
    }
    .lista-concurso .col-lc-direito{
        width: 30%;
        margin-left: 15px;
    }

    .input-pesq-concurs{
        width: calc(100% - 128px);
        border: 1px solid #ccc;
        height: 33px;
        border-radius: 4px 0 0 4px;
        outline: none;
    }
    .input-btn-concurs{
        width: 124px;
        background: #ce390a;
        border: none;
        padding: 5px 10px;
        font-weight: bold;
        border-radius: 0 4px 4px 0;
        color: #fff;
        margin-left: -4px;
    }

    .caixa-list-concurso{
        display: flex;
        width: 100%;
        height: 110px;
        overflow: hidden;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-bottom: 8px;
        box-shadow: 1px 0 2px #ccc;
    }
    .caixa-list-concurso:last-child{
        margin-bottom: 0;
    }
    .caixa-list-concurso .imgl-concurso{
        width: 210px;
    }
    .caixa-list-concurso .imgl-concurso img{
        width: 100%;
    }
    .caixa-list-concurso .contentl-concurso{
        width: calc(100% - 210px);
        position: relative;
        padding: 3px 3px 3px 16px;
    }

    .contentl-concurso:before{
        transform: skewX(-8deg);
        content: "";
        background: #fff;
        width: 18px;
        position: absolute;
        left: -10px;
        top: 0;
        bottom: 0;
        z-index: 0;
    }

    .caixa-list-concurso .contentl-concurso h2{
        font-family: Rubik;
        color: #444;
        text-align: left;
        font-size: 1.9rem;
        height: 22px;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .caixa-list-concurso .contentl-concurso p{
        color: #444;
        line-height: 1.4;
        height: 40px;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: justify;
    }

    .caixa-list-concurso .contentl-concurso .btnVerConcurso{
        background: #ce390a;
        color: #fff;
        padding: 3px 5px;
        border-radius: 4px;
        font-weight: 600;
    }
    .caixa-list-concurso .contentl-concurso .footer-concurso{
        display: flex;
    }
    .caixa-list-concurso .contentl-concurso .footer-concurso .colf-data{
        width: calc(100% - 100px);
    }
    .caixa-list-concurso .contentl-concurso .footer-concurso .colf-btn{
        width: 100px;
        text-align: right;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }


    @media(max-width: 991px){
        .lista-concurso .col-lc-esquerdo, .lista-concurso .col-lc-direito{
            width: 100%;
        }
        .caixa-list-concurso{
            flex-direction: column;
            height: auto;
        }
        .caixa-list-concurso .imgl-concurso{
            width: 100%;
        }
        .caixa-list-concurso .contentl-concurso{
            width: 100%;
            padding: 3px;
        }
        .contentl-concurso:before{
            display: none;
        }
        .caixa-list-concurso .contentl-concurso h2{
            text-align: center;
            font-size: 1.5rem;
            font-weight: 500;
            text-align: center;
            height: 36px;
            margin-bottom: 5px;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .caixa-list-concurso .contentl-concurso p{
            text-align: center;
            font-size: 1.2rem;
            text-align: justify;
            height: 50px;
            -webkit-line-clamp: 3;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .list-ult-concurso .content-ult-concurso{
            width: 100%;
        }
        .lista-concurso .col-lc-direito{
            margin-left: 0;
        }

    }

    @media(min-width: 610px) and (max-width: 850px){
        .caixa-list-concurso{
            width: calc(50% - 10px);
            margin: 5px;
        }
    }

    @media(min-width: 851px) and (max-width: 991px){
        .caixa-list-concurso{
            width: calc(33.333% - 10px);
            margin: 5px;
        }
    }

    .list-ult-concurso{
        display: flex;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc
    }
    .list-ult-concurso .content-ult-concurso{
        width: calc(100% - 78px);
    }
    .list-ult-concurso .content-ult-concurso h3{
        font-size: 1.4rem;
        text-align: left;
        height: 16px;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .list-ult-concurso .content-ult-concurso p{
        font-size: 1.1rem;
        margin: 0;
    }
    .list-ult-concurso .img-ult-concurso{
        width: 78px;
        text-align: right;
    }
    .list-ult-concurso .img-ult-concurso img{
        width: 100%;
        max-width: 54px;
    }

    .header-index{
        min-height: calc(100vh - 93px);
        display: flex;
        align-items: center;
        background-image: url("/img/bghome_cert4.webp");
        background-size: cover;
        background-position: center;
        position: relative;
        padding: 20px 0;
    }
    .header-index .coluna_text{
        display: flex;
        justify-content: center;
        flex-direction: column;
        color: #333;
    }
    .coluna_text h1{
        font-family: Rubik;
        font-size: 4.3rem;
        text-transform: uppercase;
        line-height: 1 !important;
        margin-bottom: 15px;
    }
    .coluna_text h1{
        color: #ce390a;
        text-shadow: 1px 1px 1px #222;
    }
    .coluna_text p{
        font-family: Rubik;
        font-size: 1.5rem;
        font-weight: 500;
    }
    .btnAcHeader{
        background: #ce390a;
        color: #fff;
        padding: 10px;
        margin: 5px;
        min-width: 200px;
        text-align: center;
        font-size: 1.6rem;
        font-weight: 500;
        border: 2px solid #ce390a;
        text-transform: uppercase;
        font-family: Rubik;
        border-radius: 4px;
    }
    .btnAcHeader:hover{
        background: transparent;
        border: 2px solid #ce390a;
    }
    .header-index .coluna_img img{
        width: 100%;
        max-width: 500px;
    }

    @media(max-width: 368px){
        .coluna_text h1{
            font-size: 2rem;
        }
    }

    @media(max-width: 600px){
        .header-index{
            min-height: calc(100vh - 182px) !important;
        }
        .coluna_text h1{
            font-size: 2.5rem;
            text-align: center;
        }
        .coluna_text p{
            font-size: 1.3rem;
            text-align: justify;
        }
        .header-index .coluna_img img{
            max-width: 250px;
        }

        .header-index .coluna_btn_curs{
            text-align: center;
        }
    }
    @media(min-width: 601px) and (max-width: 767px){
        .header-index{
            min-height: calc(100vh - 182px) !important;
        }
        .coluna_text h1{
            font-size: 2.5rem;
            text-align: center;
        }
        .coluna_text p{
            font-size: 1.3rem;
        }
        .header-index .coluna_img img{
            max-width: 250px;
        }
        .header-index .coluna_btn_curs{
            text-align: center;
        }
    }
    @media(min-width: 767px) and (max-width: 991px){
        .header-index{
            min-height: calc(100vh - 182px) !important;
        }
        .coluna_text h1{
            font-size: 3.5rem;
            text-align: center;
        }
        .coluna_text p{
            font-size: 1.6rem;
        }
        .header-index .coluna_img img{
            max-width: 250px;
        }
        .header-index .coluna_btn_curs{
            text-align: center;
        }
    }

    .ctrl_atend *{
        font-family: Rubik;
    }
    .ctrl_atend{
        background-image: url("/img-base/bg-branco-premium.webp");
        background-size: cover;
        background-position: center;
    }
    .ctrl_atend .content_at{
        width: 100%;
        display: flex;
        padding: 20px 10px;
    }
    .ctrl_atend .content_at .col-left-at{
        width: 50%;
    }
    .ctrl_atend .content_at .col-right-at{
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ctrl_atend .content_at .col-left-at h2{
        color: #444;
        font-size: 1.5rem;
        text-align: center;
    }
    .ctrl_atend .content_at .col-left-at h3{
        line-height: 1 !important;
        color: #444;
        font-size: 2.5rem;
        text-align: center;
        background-image: linear-gradient(to bottom, #ce390a, #9c2904, #571500);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: black;
        animation: icone-pulando 0.5s infinite alternate;
    }

    @keyframes icone-pulando{
        0% {
            transform:  scale(1.0);
        }
        100% {
            transform:  scale(1.03);
        }
    }

    .ctrl_atend .content_at .col-right-at h4{
        color: #444;
        font-size: 2.5rem;
        text-align: center;
    }
    .ctrl_atend .content_at .col-right-at h5{
        color: #444;
        font-size: 4.5rem;
        text-align: center;
        background-image: linear-gradient(to bottom, #ce390a, #9c2904, #571500);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: black;
    }

    .ctrl_atend .btnPadraoAt{
        width: calc(50% - 10px);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        border-radius: 4px;
        padding: 10px;
        margin: 5px;
        line-height: 1.3;
        font-size: 1.6rem;
    }

    .ctrl_atend .btnPadraoAt span{
        font-size: 1.2rem;
        opacity: 0.8;
    }

    .ctrl_atend .btnWhatsApp-at{
        background: #157600;
        border: 1px solid #105a00;
        color: #fff;
        box-shadow: 0px 3px 0px 0px #105a00;
    }
    .ctrl_atend .btnWhatsApp-at:hover{
        filter: contrast(0.8);
    }
    .ctrl_atend .btnTelegram-at{
        border: 1px solid #055077;
        color: #fff;
        background: #1478ab;
        box-shadow: 0px 3px 0px 0px #055077;
    }
    .ctrl_atend .btnTelegram-at:hover{
        background: #055077;
    }
    .ctrl_atend .btnChat-at{
        border: 1px solid #9a6300;
        color: #fff;
        background: #c17c00;
        box-shadow: 0px 3px 0px 0px #9a6300;
    }
    .ctrl_atend .btnChat-at:hover{
        background: #9a6300;
    }
    .ctrl_atend .btnLigacao-at{
        border: 1px solid #000000;
        color: #fff;
        background: #1a1a1a;
        box-shadow: 0px 3px 0px 0px #000000;
    }
    .ctrl_atend .btnLigacao-at:hover{
        background: #000000;
    }


    @media(max-width: 734px){
        .ctrl_atend .content_at{
            flex-direction: column;
        }
        .ctrl_atend .content_at .col-left-at{
            width: 100%;
        }
        .ctrl_atend .content_at .col-right-at{
            width: 100%;
        }
        .ctrl_atend .content_at .col-left-at h3{
            font-size: 2.4rem;
        }
        .ctrl_atend .content_at .col-right-at h4{
            font-size: 1.5rem;
            margin-top: 15px;
        }
        .ctrl_atend .content_at .col-right-at h5{
            font-size: 2.5rem;
        }
        .col-img-atend img{
            max-width: 59px !important;
            margin-top: 10px;
        }
    }

    @media(min-width: 701px) and (max-width: 940px){
        er
        .ctrl_atend .content_at .col-right-at h4{
            font-size: 1.5rem;
            margin-top: 15px;
        }
        .ctrl_atend .content_at .col-right-at h5{
            font-size: 3.5rem;
        }
    }

    .card_form_pag{
        width: calc(33.333% - 40px);
        margin: 20px;
        border: 1px solid #f7f7f7;
        box-shadow: 0px 1px 22px 4px rgba(0, 0, 0, 0.07);
        transition-duration: 0.2s;
    }

    .card_form_pag:hover{
        box-shadow: 0px 1px 22px 4px rgba(0, 0, 0, 0.18);
        transition-duration: 0.2s;
        transform: scale(1.03);
    }

    .card_form_pag .cf_pag_title{
        display: flex;
        align-items: center;
        width: 100%;
        height: 80px;
        padding: 10px;
    }

    .card_form_pag.orange .cf_pag_title{
        background: #ce390a;
    }
    .card_form_pag.orange .cf_pag_footer h4{
        color: #ce390a;
    }
    .card_form_pag.green .cf_pag_title{
        background: #227000;
    }
    .card_form_pag.green .cf_pag_footer h4{
        color: #227000;
    }
    .card_form_pag.blue .cf_pag_title{
        background: #004b7c;
    }
    .card_form_pag.blue .cf_pag_footer h4{
        color: #004b7c;
    }



    .card_form_pag .cf_pag_title .cf_title_icon{
        width: 60px;
        height: 60px;
        background: rgba(0,0,0,0.3);
        padding: 10px;
    }

    .card_form_pag .cf_pag_title .cf_title_icon img{
        width: 100%;
        height: 100%;
        filter: drop-shadow: 0 0 2px #fff;
    }
    .card_form_pag .cf_pag_title .cf_title_text{
        width: calc(100% - 70px);
        margin-left: 10px;
    }
    .card_form_pag .cf_pag_title .cf_title_text h2{
        font-size: 1.2rem;
        color: #fff;
        text-align: left;
    }
    .card_form_pag .cf_pag_title .cf_title_text h3{
        font-size: 2.2rem;
        color: #fff;
        text-align: left;
    }

    .card_form_pag .cf_pag_body{
        padding: 5px 15px;
        padding-bottom: 0;
    }
    .card_form_pag .cf_pag_body{
        font-size: 1.4rem;
        line-height: 1.4;
        text-align: justify;
    }
    .card_form_pag .cf_pag_body img{
        width: 100%;
        height: 167px;
        margin-top: 15px;
        object-fit: cover;
        filter: brightness(0.8)
    }

    .card_form_pag .cf_pag_footer{

    }
    .card_form_pag .cf_pag_footer h4{
        font-size: 2rem;
    }

    .hcusto-top h2{
        font-size: 2rem;
        color: #333;
        text-align: center;
        font-weight: 500;
    }
    .hcusto-top h3{
        font-size: 1.5rem;
        font-weight: bold;
        color: #444;
        text-align: center;
        margin: 10px 5px;
    }

    .hcusto-bottom h2{
        font-size: 1.9rem;
        color: #333;
        text-align: center;
        font-weight: 500;
        margin: 20px 0;
    }
    .card_form_pag:hover .cf_pag_title .cf_title_icon img{
        animation: jello-horizontal 0.6s both;
    }



    @-webkit-keyframes jello-horizontal {
        0% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
        30% {
            -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
        }
        40% {
            -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
        }
        50% {
            -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
        }
        65% {
            -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
        }
        75% {
            -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
        }
        100% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
    }
    @keyframes jello-horizontal {
        0% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
        30% {
            -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
        }
        40% {
            -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
        }
        50% {
            -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
        }
        65% {
            -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
        }
        75% {
            -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
        }
        100% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
    }



    @media(max-width: 991px){
        .hcusto-top h2, .hcusto-bottom h2{
            font-size: 1.5rem;
            text-align: justify;
        }
        .hcusto-top h3{
            font-size: 1.2rem;
        }
        .card_form_pag{
            width: 100%;
            margin: 0;
            margin-bottom: 20px;
            padding-bottom: 10px;
        }
        .card_form_pag .cf_pag_body img{
            display: none;
        }
        .card_form_pag .cf_pag_footer h4{
            font-size: 1.6rem;
        }
    }

    .ctrl_app{
        /*background: linear-gradient(90deg, rgb(0 0 7) 0%, rgb(2 10 30) 35%, rgb(0 24 28) 100%);*/
        background: linear-gradient(to top, #584941, #92c73e, #fca115);
        width: 100%;
        min-height: 38vh;
        position: relative;
        display: flex;
        justify-content: flex-end;
        padding: 10px 0;
    }
    .ctrl_app .mao-app{
        position: absolute;
        bottom: -6px;
        left: 0;
        /*width: 220px;*/
        width: auto;
        height: 115%;
    }
    .ctrl_app .content-ctrl-app{
        width: calc(100% - 245px);
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .ctrl_app .content-ctrl-app h2{
        font-family: Rubik;
        font-size: 3rem;
        color: #222;
        /*color: #fff;*/
    }
    .ctrl_app .content-ctrl-app h3{
        font-family: Rubik;
        font-size: 1.5rem;
        color: #222;
        /*color: #fff;*/
        margin: 10px 0;
    }
    .ctrl_app .content-ctrl-app .btns_store_app{
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        margin: 5px;
        border: 1px solid #fff;
        border-radius: 4px;
    }
    .ctrl_app .content-ctrl-app .btn_saibamais_app{
        font-weight: bold;
    }
    .ctrl_app .content-ctrl-app .btn_saibamais_app:hover{
        /*background: linear-gradient(to bottom, #135893 5%, #337ab7 100%);*/
        background: #b93207;
        color: #fff;
        border: 1px solid #812002;
    }
    @media(max-width: 991px){
        .ctrl_app{
            flex-direction: column;
            align-items: center;
            justify-content: center !important;
        }
        .ctrl_app .content-ctrl-app{
            width: 100%;
        }
        .ctrl_app .mao-app{
            display: none;
            position: relative;
        }
        .ctrl_app .content-ctrl-app h2{
            font-size: 2.5rem;
        }
        .ctrl_app .content-ctrl-app h3{
            font-size: 1.2rem;
        }
        .ctrl_app .content-ctrl-app .btns_store_app{
            width: calc(50% - 10px);
        }
    }

    @media(min-width: 992px1) and (max-width: 1300px){
        .ctrl_app .mao-app{
            width: 180px;
        }
    }

    .list-cert-dec{
        margin-bottom: 15px;
    }

    .list-cert-dec li{
        font-size: 1.8rem;
    }

    @media(max-width: 600px){
        .list-cert-dec li{
            font-size: 1.4rem;
            line-height: 1.2;
            margin-top: 5px;
            text-align: justify;
        }
    }


    .title-cert-mail.cert-dec-autent{
        font-size: 2.8rem;
    }

    @media(max-width: 450px){
        .title-cert-mail.cert-dec-autent{
            font-size: 1.4rem !important;
        }
    }
    @media(min-width: 451px) and (max-width: 700px){
        .title-cert-mail.cert-dec-autent{
            font-size: 1.8rem !important;
        }
    }
    @media(min-width: 701px) and (max-width: 991px){
        .title-cert-mail.cert-dec-autent{
            font-size: 2rem !important;
        }
    }

    @media(max-width: 590px){
        .item.personconcurs:nth-child(n+11) {
            display: none;
        }
    }

    @media(min-width: 591px) and (max-width: 971px){
        .item.personconcurs:nth-child(n+11) {
            display: none;
        }
    }
    .header-index {
        padding-bottom: 0;
        background-image: url("/img-base/bg-branco-premium.webp");
        padding: 10px 0 0 0;
    }

    .coluna_text p {
        font-size: 2rem;
        line-height: 1;
        text-align: justify;
    }
    .coluna_img{
        position: relative;
        /*min-height: calc(100vh - 118px);*/
    }
    .header-index .coluna_img img{
        position: absolute;
        bottom: -7px;
        max-width: 350px;
    }
    @media(max-width: 991px){
        .coluna_img{
            min-height: auto !important;
            margin-top: 20px;
        }
        .header-index .coluna_img img{
            position: relative;
            max-width: 150px;
            height: auto !important;
        }
        .coluna_text h1 {
            font-size: 3rem !important;
        }
        .coluna_text p {
            font-size: 1.4rem;
            line-height: 1;
            text-align: center;
        }
    }
    @media(min-width: 664px) and (max-width: 768px){
        .header-index {
            min-height: calc(100vh - 146px) !important;
        }
    }
    @media(min-width: 769px) and (max-width: 991px){
        .header-index {
            min-height: calc(100vh - 95px) !important;
        }
    }
    @media(min-width: 992px) and (max-width: 1328px){
        .coluna_text h1 {
            font-size: 5rem !important;
        }
        .coluna_text p {
            font-size: 2.2rem;
            line-height: 1;
            text-align: left;
        }
        .header-index .coluna_img img {
            position: absolute;
            bottom: -7px;
            max-width: 280px;
        }
    }
    .btn-pers-whatsapp{
        position: relative;
        background: #15890b;
        padding: 5px;
        border-radius: 45px 28px 28px 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 52px;
    }

    .btn-pers-whatsapp p{
        font-family: Rubik;
        color: #fff;
        font-size: 2rem;
        font-weight: bold;
        line-height: 0.8;
        margin: 0;
        text-align: center;
        text-shadow: 1px 1px 0 #0d6a18;
    }
    .btn-pers-whatsapp p span{
        font-size: 1.4rem;
        font-weight: 400;
    }

    .btn-pers-whatsapp img{
        position: absolute;
        width: 60px;
        height: 60px;
        top: -3px;
        left: -5px;
    }

    .btn-pers-whatsapp .text-btn{
        margin-left: 66px;
        padding: 0 10px 0 0;
    }
    .btn-pers-telegram{
        position: relative;
        background: #1578a1;
        padding: 5px;
        border-radius: 45px 28px 28px 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 52px;
        margin-left: 20px
    }
    .btn-pers-telegram p{
        font-family: Rubik;
        color: #fff;
        font-size: 2rem;
        font-weight: bold;
        line-height: 0.8;
        margin: 0;
        text-align: center;
        text-shadow: 1px 1px 0 #0d6a18;
    }
    .btn-pers-telegram p span{
        font-size: 1.4rem;
        font-weight: 400;
    }

    .btn-pers-telegram img{
        position: absolute;
        width: 54px;
        height: 54px;
        top: -1px;
        left: -3px;
    }

    .btn-pers-telegram .text-btn{
        margin-left: 66px;
        padding: 0 10px 0 0;
    }

    .btn-pers-telegram:hover, .btn-pers-whatsapp:hover{
        filter: brightness(0.9);
    }


    .link-ligacao h5:hover{
        background-image: linear-gradient(to bottom, #571500, #9c2904, #ce390a) !important;
    }


    @media(max-width: 462px){
        .btn-pers-telegram{
            display: none;
        }
    }
    .stylerowsoli{
        margin-top: 50px !important;
    }
    @media(max-width: 600px){
        .stylerowsoli{
            margin-top: 0 !important;
        }
        .msg_final.msgfinaltop{
            margin-top: 0;
        }
        .msg_final.msgfinaltop p{
            margin-top: 0;
        }
    }

    .card-our-numbers{
        width: calc(25% - 20px);
        margin: 10px;
        border: 1px solid;
        padding: 5px;
        border-radius: 4px;
    }
    .card-our-numbers .icone-cn{
        width: 60px;
        height: 60px;
        border-radius: 4px;
        border: 1px solid;
        padding: 7px;
    }
    .card-our-numbers .icone-cn img{
        width: 100%;
        height: 100%;
    }
    .card-our-numbers h2{
        width: calc(100% - 60px);
        font-size: 1.7rem !important;
    }
    .card-our-numbers p{
        text-align: justify;
        margin: 0;
        margin-top: 5px;
    }

    /*INICIO PRIMEIRO CARD*/
    .card-our-numbers:nth-child(1), .card-our-numbers:nth-child(1) .icone-cn{
        border-color: #ce390a;
    }
    .card-our-numbers:nth-child(1) .icone-cn{
        background: #ce390a;
    }
    .card-our-numbers:nth-child(1) h2{
        color: #ce390a;
    }
    .card-our-numbers:nth-child(1){
        box-shadow: 0 3px 2px #ce390a;
    }

    /*FIM PRIMEIRO CARD*/


    /*INICIO SEGUNDO CARD*/
    .card-our-numbers:nth-child(2), .card-our-numbers:nth-child(2) .icone-cn{
        border-color: #135893;
    }
    .card-our-numbers:nth-child(2) .icone-cn{
        background: #135893;
    }
    .card-our-numbers:nth-child(2) h2{
        color: #135893;
    }
    .card-our-numbers:nth-child(2){
        box-shadow: 0 3px 2px #135893;
    }
    /*FIM SEGUNDO CARD*/


    /*INICIO TERCEIRO CARD*/
    .card-our-numbers:nth-child(3), .card-our-numbers:nth-child(3) .icone-cn{
        border-color: #557e03;
    }
    .card-our-numbers:nth-child(3) .icone-cn{
        background: #557e03;
    }
    .card-our-numbers:nth-child(3) h2{
        color: #557e03;
    }
    .card-our-numbers:nth-child(3){
        box-shadow: 0 3px 2px #557e03;
    }
    /*FIM TERCEIRO CARD*/


    /*INICIO QUARTO CARD*/
    .card-our-numbers:nth-child(4), .card-our-numbers:nth-child(4) .icone-cn{
        border-color: #c35203;
    }
    .card-our-numbers:nth-child(4) .icone-cn{
        background: #c35203;
    }
    .card-our-numbers:nth-child(4) h2{
        color: #c35203;
    }
    .card-our-numbers:nth-child(4){
        box-shadow: 0 3px 2px #c35203;
    }
    /*FIM QUARTO CARD*/


    @media(max-width: 600px){
        .card-our-numbers{
            width: 100%;
            margin: 10px 2px;
        }
    }
    @media(min-width: 601px) and (max-width: 910px){
        .card-our-numbers{
            width: calc(50% - 10px);
            margin: 5px;
        }
    }


    .solganhe-person .ctc_content h2{
        margin: 6px 0;
    }
    .solganhe-person .ctc_content p{
        font-size: 1.8rem;
        text-align: center;
    }



    .coluna_text.new-index h1 {
        font-size: 9.3rem;
    }

    @media(max-width: 368px){
        .coluna_text.new-index h1{
            font-size: 3rem !important;
        }
    }

    @media(min-width: 368px) and (max-width: 600px){
        .coluna_text.new-index h1{
            font-size: 5rem !important;
            text-align: center;
        }
    }

    @media(min-width: 601px) and (max-width: 767px){
        .coluna_text.new-index h1{
            font-size: 8rem !important;
            text-align: center;
        }
    }

    @media(min-width: 767px) and (max-width: 991px){
        .coluna_text.new-index h1{
            font-size: 8rem !important;
            text-align: center;
        }
    }
    @media(min-width: 992px) and (max-width: 1328px){
        .coluna_text.new-index h1 {
            font-size: 8rem !important;
        }
    }

    .oculta-btn-js{
        display: none;
    }

    @media (min-width: 768px){
        .course-area-details {
            padding-top: 9px !important;
        }
    }
    .cargas_horarias input[type="radio"] {
        display: none;
        &:not(:disabled) ~ .label {
            cursor: pointer;
        }
        &:disabled ~ .label {
            color: hsla(150, 5%, 75%, 1);
            border-color: hsla(150, 5%, 75%, 1);
            box-shadow: none;
            cursor: not-allowed;
            background: #ccc !important;
        }
    }

    .cargas_horarias .label {
        cursor: pointer;
        width: calc(16.6% - 18px);
        height: 36px;
        display: inline-grid;
        background: white;
        border: 1px solid #ce390a;
        border-radius: 5px;
        padding: 0 !important;
        text-align: center;
        position: relative;
        margin: 0 8px;
        align-items: center;
        justify-content: center;
    }

    .cargas_horarias .label:nth-child(2){
        margin-left: 0 !important;
    }


    .cargas_horarias input[type="radio"] + .label p{
        display: block;
        color: #ce390a;
        font-size: 15px;
        font-weight: bold;
        margin-top: -3px;
    }
    .cargas_horarias input[type="radio"] + .label:hover{
        transform: scale(1.15);
    }
    .cargas_horarias input[type="radio"]:checked + .label {
        background: #ce390a;
        color: #fff !important;
    }
    .cargas_horarias input[type="radio"]:checked + .label p{
        color: #fff !important;
    }
    .cargas_horarias span.hrs{
        margin-top: -10px;
    }
    .cargas_horarias span.hrs::before{
        font-size: 12px;
        content: "hrs";
        color: #ce390a;
    }
    .cargas_horarias input[type="radio"]:checked + .label span.hrs::before{
        color: #fff;
    }

    @media(max-width: 580px){
        .cargas_horarias{
            margin: 0 !important;
            padding: 0 !important;
        }
        .cargas_horarias .label{
            margin: 0 2px !important;
            width: calc(16.6% - 7px) !important
        }

        .cargas_horarias .label:last-child{
            margin-right: 0 !important;
        }
        .cargas_horarias span.hrs::before{
            content: "hrs";
        }
    }
    .form-caixa .btnPage {
        padding: 6px 9px;
    }
    h1.titleh-premium{
        font-size: 3.5rem;
        color: #110029;
        text-align: center;
        margin-bottom: 0;
    }

    .inf-curso-video h2{
        font-size: 1.3em;
        color: #fff;
        width: calc(100% - 80px);
        text-align: center;
        float: right;
        text-shadow: 1px 1px 0 #000;
        animation: icone-pulando 0.5s infinite alternate;
    }

    .imagem-selo-premium{
        bottom: -20px;
    }

    @media (max-width: 400px){
        .imagem-selo-premium {
            left: 0px !important;
        }
    }

    @media(max-width: 500px){
        .inf-curso-video h2{
            font-size: 1.0em;
            width: 100%;
        }
        h1.titleh-premium{
            font-size: 1.8rem;
            margin: 5px 0 2px 0;
        }
    }

    @media(min-width: 501px) and (max-width: 991px){
        .inf-curso-video h2{
            font-size: 1.2em;
            width: 100%;
        }
        h1.titleh-premium{
            font-size: 2rem;
            margin: 5px 0 2px 0;
        }
    }
    .text-qualidade-p{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'Rubik';
        font-weight: bold;
        line-height: 1;
        text-align: center;
        font-size: 2rem;
        color: #2d2703;
        text-shadow: 1px 1px 0 #cdb51c;
        margin-top: 11px;
    }
    @media(max-width: 400px){
        .text-qualidade-p{
            font-size: 0.9rem;
            top: calc(-50% + 27px);
        }
    }
    @media(min-width: 401px) and (max-width: 991px){
        .text-qualidade-p{
            font-size: 1.2rem;
            top: calc(-50% + 38px);
        }
    }
    @media(min-width: 992px) and (max-width: 1199px){
        .text-qualidade-p{
            font-size: 1.5rem;
        }
    }

    .termos-uso-premium a{
        color: #507e14;
    }
    .termos-uso-premium a:hover{
        text-decoration: underline;
    }
    .breadcrumb-page-curso.breadcrumb-premium li::after{
        font-family: FontAwesome;
        content: "\f105";
        font-weight: bold;
        font-size: 15px;
        color: #ce390a;
        padding: 0px 5px;
    }
    .breadcrumb-page-curso.breadcrumb-premium li:nth-child(4){
        font-weight: bold;
    }
    .breadcrumb-page-curso.breadcrumb-premium li:nth-child(4):after{
        content: "";
    }
    #modelocertificado .cert-lado{
        background-image: linear-gradient(to bottom, #337ab7, #0b3559, #337ab7);
        background-size: cover;
        font-weight: 800;

        background-clip: text;
        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent;

        color: black;
    }
    .img-cert-mail{
        max-width: 568px;
        padding: 2px;
        border: 1px solid #cecece;
        border-radius: 4px;
        box-shadow: 0px 0px 5px 1px #222;
    }
    .sect_certmail h2{
        color: #04091e;
        font-size: 2rem;
        font-weight: 600;
    }
    .list_btns_solicitacao{
        display: flex;
    }
    .list_btns_solicitacao .btnSoli{
        font-size: 1.6rem;
        background: #ccc;
        margin: 2px;
        border-radius: 4px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        margin: 10px;
        width: 50%;
        max-width: 236px;
    }
    .list_btns_solicitacao .btnSoli:first-child{
        margin-left: 0;
        background: #4f7a15;
    }
    .list_btns_solicitacao .btnSoli:last-child{
        margin-right: 0;
        background: #ce390a;
    }
    .list_btns_solicitacao .btnSoli:hover{
        opacity: 0.8;
    }
    @media(max-width: 323px){
        .list_btns_solicitacao .btnSoli{
            font-size: 1.2rem;
            line-height: 1.2;
            padding: 11px 2px;
            margin: 10px 2px;
        }
    }
    @media(min-width: 324px) and (max-width: 1199px){
        .list_btns_solicitacao .btnSoli{
            font-size: 1.2rem;
            line-height: 1.2;
            padding: 15px 3px;
            margin: 10px 2px;
        }
    }

    .sect_certmail{
        display: flex;
        align-items: center;
    }
    @media(max-width: 991px){
        .sect_certmail{
            display: block;
        }
    }
    .cert-mail-pers{

    }
    .cert-mail-pers ul li i{
        color: #6d9f2e;
        font-size: 1.7rem;
    }
    .title-cert-mail{
        font-size: 1.8rem;
        text-transform: uppercase;
        font-weight: 800;
        text-align: center;
        margin-bottom: 15px;
    }
    .cert-mail-pers p{
        line-height: 1.3;
        font-size: 1.6rem;
    }

    @media(max-width: 991px){
        .title-cert-mail{
            font-size: 1.3rem;
            margin-top: 15px;
            font-weight: 800;
        }
        .cert-mail-pers p{
            line-height: 1.3;
            font-size: 1.4rem;
        }
    }
    .cards_assin_digital{
        align-items: center;
        justify-content: center;
    }
    .card_assin{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: calc(25% - 10px);
        margin: 5px;
        height: 95px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: 0px 2px 0 #ccc;
    }
    .card_assin:hover{
        background: #f7f7f7;
    }
    .card_assin p{
        font-weight: bold;
        margin: 0;
        margin-top: 10px;
    }
    .card_assin i{
        font-size: 2.8rem;
    }
    .card_assin img{
        width: 100%;
        max-width: 35px;
        object-fit: cover;
        transition-duration: 0.3s;
    }
    .card_assin:hover img{
        transform: scale(1.2);
        transition-duration: 0.3s;
    }
    @media(max-width: 500px){
        .card_assin{
            width: calc(50% - 10px);
            margin: 4px;
            min-width: 140px;
        }
    }
    .cards-soli-ganhe{
        width: calc(25% - 20px);
        margin: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        position: relative;
        background: #fff;
        box-shadow: 2px 2px 14px -4px rgb(0,0,0,0.5)
    }

    .cards-soli-ganhe:hover .ctc_img{
        transform: translateX(-50%) scale(1.1);
        top: -12%;
        transition-duration: 0.3s;
    }

    .cards-soli-ganhe .ctc_img{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -10%;
        width: 70%;
        height: 130px;
        border-radius: 20px;
        background: #fff;
        transition-duration: 0.3s;
        /*background: linear-gradient(to bottom, #8fc7f7, #43759f, #3073ad);*/
        background: linear-gradient(to bottom, #564941, #3f342e, #27201c) !important;
        ;
        background-size: cover;
    }
    .cards-soli-ganhe .ctc_img img{
        width: 100%;
        height: 100%;
        border-radius: 4px 4px 0 0;
        border-radius: 20px;
        border: 1px solid #ccc;
        padding: 4px;
        min-height: 130px;
        max-height: 130px;
    }
    .cards-soli-ganhe .ctc_content{
        margin-top: 100px;
        padding: 10px;
    }
    .cards-soli-ganhe .ctc_content h2{
        color: #444;
        margin: 0;
        /*background-image: linear-gradient(to bottom, #337ab7, #0b3559, #337ab7);*/
        background-image: linear-gradient(to bottom, #564941, #352c27, #1e1916) !important;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: black;
        font-weight: 800;
    }
    .cards-soli-ganhe .ctc_content p{
        text-align: justify;
        margin: 0;
    }

    @media(max-width: 600px){
        .cards-soli-ganhe{
            width: 100%;
            margin-top: 30px;
        }
        .cards-soli-ganhe .ctc_img{
            width: 45%;
            max-width: 150px;
            height: auto;
        }
        .cards-soli-ganhe .ctc_img img{
            height: 80px !important;
            min-height: auto;
            max-height: auto;
        }
        .cards-soli-ganhe .ctc_content{
            margin-top: 55px;
        }
    }


    @media(min-width: 600px) AND (max-width: 1180px){
        .cards-soli-ganhe{
            width: calc(50% - 10px);
            margin: 5px;
            margin-top: 30px;
        }
        .cards-soli-ganhe .ctc_img{
            width: 45%;
            max-width: 150px;
            height: auto;
        }
        .cards-soli-ganhe .ctc_img img{
            height: 80px !important;
            min-height: auto;
            max-height: auto;
        }
        .cards-soli-ganhe .ctc_content{
            margin-top: 55px;
        }
    }
    .cards-steps-site.cards-steps-person{

    }
    .cards-steps-site.cards-steps-person .cards-soli-ganhe .ctc_img{
        background: linear-gradient(to bottom, #ffd7ca, #ffb39b, #ff8d69);
    }
    .cards-steps-site.cards-steps-person .cards-soli-ganhe .ctc_content h2{
        background-image: linear-gradient(to bottom, #ce390a, #9a2805, #5a1500);
    }
    .stylerowsoli{
        margin-top: 50px !important;
    }
    @media(max-width: 600px){
        .stylerowsoli{
            margin-top: 0 !important;
        }
        .msg_final.msgfinaltop{
            margin-top: 0;
        }
        .msg_final.msgfinaltop p{
            margin-top: 0;
        }
    }
    .ctrl_ac_modelocert{
        background-image: url('/img-base/bg-branco-premium.webp');
        background-size: cover;
        background-position: center;
        padding: 10px;
    }

    .ctrl_ac_modelocert .coluna-imagem{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 540px;
    }
    .ctrl_ac_modelocert .coluna-details{
        width: calc(100% - 540px);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .ctrl_ac_modelocert .coluna-imagem .img_ctrl_cert{
        width: calc(50% - 20px);
        max-width: 250px;
        height: auto;
        margin: 0 10px;
        min-height: auto !important;
        border: 2px solid #438ac7;
        box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.82);
    }

    .ctrl_ac_modelocert .coluna-imagem .img_ctrl_cert:first-child{
        margin-left: 0;
    }

    .ctrl_ac_modelocert .coluna-details h2{
        font-family: Rubik;
        color: #0a5b84;
        font-size: 2.5rem;
        text-align: center;
        background-image: linear-gradient(to bottom, #0a5b84, #054363, #012e46);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: black;
        margin-bottom: 10px;
    }

    .ctrl_ac_modelocert .coluna-details p{
        font-family: Rubik;
        font-weight: 400;
        text-align: justify;
    }
    .ctrl_ac_modelocert .coluna-details p b{
        color: #0a5b84;
    }


    @media(max-width: 1200px){
        .ctrl_ac_modelocert .coluna-imagem{
            width: 100%;
        }
        .ctrl_ac_modelocert .coluna-details{
            width: 100%;
        }
        .ctrl_ac_modelocert .coluna-imagem .img_ctrl_cert{
            width: calc(50% - 10px);
            margin: 5px;
        }
        .ctrl_ac_modelocert .coluna-details h2{
            font-size: 2rem;
            margin: 5px 0;
        }
    }
    .dv_uso.dv_uso_person .content-desc h3{
        color: #23639a;
    }
    .ctrl_app{
        background: linear-gradient(to top, #584941, #92c73e, #fca115);
        /*background: linear-gradient(90deg, rgb(0 0 7) 0%, rgb(2 10 30) 35%, rgb(0 24 28) 100%);*/
        width: 100%;
        min-height: 38vh;
        position: relative;
        display: flex;
        justify-content: center;
        padding: 10px 0;
    }
    .ctrl_app .mao-app{
        position: absolute;
        bottom: -6px;
        left: 0;
        /*width: 220px;*/
        width: auto;
        height: 115%;
    }
    .ctrl_app .content-ctrl-app{
        width: calc(100% - 245px);
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .ctrl_app .content-ctrl-app h2{
        font-family: Rubik;
        font-size: 3rem;
        color: #222;
        /*color: #fff;*/
    }
    .ctrl_app .content-ctrl-app h3{
        font-family: Rubik;
        font-size: 1.5rem;
        color: #222;
        /*color: #fff;*/
        margin: 10px 0;
    }
    .ctrl_app .content-ctrl-app .btns_store_app{
        margin: 5px;
        border: none;
        border-radius: 4px;
    }
    /*    .ctrl_app .content-ctrl-app .btn_saibamais_app{
            background: #337ab7;
            padding: 5px;
            border-radius: 4px;
            color: #fff;
            margin: 10px;
        }*/
    .ctrl_app .content-ctrl-app .btn_saibamais_app{
        background: #ce390a;
        padding: 5px;
        border-radius: 4px;
        color: #fff;
        margin: 10px;
        border: 1px solid #912503;
        text-shadow: none;
    }
    @media(max-width: 991px){
        .ctrl_app{
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        .ctrl_app .content-ctrl-app{
            width: 100%;
        }
        .ctrl_app .mao-app{
            display: none;
            position: relative;
        }
        .ctrl_app .content-ctrl-app h2{
            font-size: 2.5rem;
        }
        .ctrl_app .content-ctrl-app h3{
            font-size: 1.2rem;
        }
        .ctrl_app .content-ctrl-app .btns_store_app{
            width: calc(100% - 10px);
        }
    }

    @media(min-width: 992px) and (max-width: 1300px){
        .ctrl_app .mao-app{
            width: 180px;
        }
    }
    .comentarios_section{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-bottom: 30px;
    }
    .caixa-comments{
        width: calc(25% - 20px);
        margin: 10px;
        border: 1px solid #e9e9e9;
        border-radius: 4px;
        padding: 5px;
        background: #fff;
        box-shadow: 0px 2px 2px #d6d6d6;
    }

    .caixa-comments h3{
        font-family: Rubik;
        font-size: 1.4rem;
        text-transform: uppercase;
        color: #555;
        text-align: left;
    }

    .caixa-comments p{
        font-family: Rubik;
        font-size: 1.4rem;
        text-align: justify;
        line-height: 1.5;
        padding: 0;
        margin: 0;
        margin-top: 5px;
        height: 41px;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 400;
        text-align: justify;
    }

    .caixa-comments .img-perf{
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: #fff;
        font-weight: 500;
        text-shadow: 1px 1px 0px #000;
        border-radius: 50%;
        background: #283401;
        margin-right: 5px;
        text-transform: uppercase;
    }
    .caixa-comments:nth-child(odd) .img-perf{
        background: #222 !important;
    }
    .caixa-comments .dados{
        line-height: 1;
    }
    .caixa-comments .dados i{
        color: #f7631b;
    }
    .caixa-comments .dados span{
        font-size: 1.2rem;
        color: #222;
    }
    .caixa-comments:nth-child(9), .caixa-comments:nth-child(10){
        display: none;
    }

    @media(max-width: 600px){
        .caixa-comments{
            width: 100%;
            margin: 2px;
        }
    }
    @media(min-width: 601px) and (max-width: 1100px){
        .caixa-comments{
            width: calc(50% - 10px);
            margin: 5px;
        }
    }

    .sect_certmail.sect_mp{
        display: flex;
    }

    .title-cert-mail.cert-dec-mp{
        font-size: 2.3rem;
        font-weight: bold;
    }


    .list-cert-dec.cf-mp li span{
        display: none;
    }

    .list-cert-dec.cf-mp li{
        margin-bottom: 5px;
        font-weight: bold;
    }

    .list-cert-dec.cf-mp li:last-child{
        margin-bottom: 0;
    }

    @media(max-width: 991px){
        .sect_certmail.sect_mp{
            display: block;
        }
        .list-cert-dec.cf-mp li i{
            display: none;
        }
        .list-cert-dec.cf-mp li span{
            display: inline;
        }
        .img-cert-mail.img-mp{
            max-width: 200px;
        }
    }

    @media(max-width: 600px){
        .title-cert-mail.cert-dec-mp{
            font-size: 1.1rem !important;
        }
        .list-cert-dec.cf-mp li{
            font-size: 1.1rem;
            margin-bottom: 10px;
        }
    }
    @media(min-width: 601px) and (max-width: 991px){
        .title-cert-mail.cert-dec-mp{
            font-size: 1.3rem !important;
        }
        .list-cert-dec.cf-mp li{
            font-size: 1.3rem;
            margin-bottom: 5px;
        }
    }

    @media(max-width: 600px){
        .content-banner-azul.new-index h2{
            font-size: 2rem;
        }
        .content-banner-azul.new-index p{
            font-size: 1.8rem;
        }
    }
    @media(max-width: 991px){
        .cta_6.new-index h3{
            font-size: 2rem;
            text-align: center;
        }
        .cta_6.new-index p{
            text-align: justify;
        }
    }

    .pesq-curso-header{
        display: inline-block;
    }
    .pesq-curso-header .text-pesq-curso-header{
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px 0 0 5px;
        width: calc(100% - 47px);
        border: 2px solid #ce390a;
        font-weight: bold;
    }

    .pesq-curso-header .text-pesq-curso-header::placeholder{
        font-size: 1.5rem;
        color: #ce390a;
    }

    .pesq-curso-header .text-pesq-curso-header:focus{
        box-shadow: 0 0 0 0;
        outline: 0;
    }

    .pesq-curso-header .btn-pesq-curso-header{
        padding: 10px 15px;
        background: #ce390a;
        height: 46px;
        border: none;
        border-radius: 0 5px 5px 0;
        color: white;
        cursor: pointer;
        margin-left: -5px;
        border: none;
        outline: none;
    }

    @media(max-width: 991px){
        .pesq-curso-header .btn-pesq-curso-header{
            height: 47px;
        }
    }

    .pesq-curso-header .btn-pesq-curso-header:hover{
        background: #ce390b;
    }
    .ctrl_imgva{
        background-image: url(/img/background-colorido.svg);
    }
    .ctrl_imgva .content-imgva{
        position: relative;
        /*background: rgba(0,0,0,0.8);*/
        background: linear-gradient(180deg, #b72c00c4, #5d1600e0);
        min-height: 35vh;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .ctrl_imgva .content-imgva .col-imagem{
        /*width: 450px;*/
        width: 300px;
    }
    .ctrl_imgva .content-imgva .col-imagem img{
        position: absolute;
        left: 30px;
        bottom: 0;
        width: 240px;
        height: fit-content;
    }
    .ctrl_imgva .col-text .col-text{
        width: calc(100% - 450px);
    }
    .ctrl_imgva .col-text h2{
        font-size: 3rem;
        color: #fff;
        text-transform: uppercase;
    }
    .ctrl_imgva .col-text p{
        font-size: 2rem;
        color: #fff;
        margin: 10px 0;
    }
    .ctrl_imgva .ajusta-texto-ctrlimgva{
        width: calc(100% - 300px);
        text-align: left;
    }
    @media(max-width: 991px){
        .ctrl_imgva .ajusta-texto-ctrlimgva{
            text-align: center;
        }
        .ctrl_imgva .content-imgva{
            flex-direction: column;
        }
        .ctrl_imgva .content-imgva .col-imagem{
            text-align: center;
            width: 100%;
        }
        .ctrl_imgva .content-imgva .col-text{
            width: 100%;
            padding: 10px 4px;
        }
        .ctrl_imgva .content-imgva .col-imagem img{
            position: relative;
            left: 0;
        }
        .ctrl_imgva .col-text h2{
            font-size: 2rem;
        }
        .ctrl_imgva .col-text p{
            font-size: 1.5rem;
        }
    }
    .pgta_resp_ctrl{
        margin-bottom: 20px;
    }

    .pgta_resp_ctrl h3{
        font-size: 1.8rem;
        font-weight: bold;
    }

    .pgta_resp_ctrl p{
        font-size: 1.5rem;
        line-height: 1.3;
        text-align: justify;
    }

    @media(max-width: 600px){
        .pgta_resp_ctrl h3{
            font-size: 1.5rem;
        }
        .pgta_resp_ctrl p{
            font-size: 1.2rem;
            text-align: justify;
        }
    }

    .pgta_resp_ctrl a:hover{
        text-decoration: underline !important;
        color: #222;
    }
    .msg_asterisco_header{
        text-align: center;
        margin: 0;
        font-size: 1.5rem;
        line-height: 1.3;
        font-weight: 500;
    }
    .header-index .coluna_img.new-index{
        min-height: calc(100vh - 108px)
    }
    @media(max-width: 600px){
        .msg_asterisco_header{
            font-size: 1.3rem;
            text-align: justify;
            padding: 2px 5px;
            font-weight: 400;
        }
    }
    @media(max-width: 991px){
        .header-index .coluna_img.new-index{
            min-height: auto;
        }
    }

    .ctrl_list_curso{
        background-color: #fff;
        background: url('/img/counter-bg.webp');
        background-position: center;
        background-size: cover;
    }

    .ctrl_list_curso .content-lcurso{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        min-height: 180px;
        background: rgba(206, 57, 10, 0.28);
    }

    .ctrl_list_curso .input-group-pesquisa {
        width: 70%;
    }
    .ctrl_list_curso .input-pesquisa {
        padding: 10px;
        font-size: 15px;
        height: 50px;
    }

    .ctrl_list_curso .btnPesquisar {
        color: #ffffff;
        background: -webkit-linear-gradient(top, #FF7700, #d46300);
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        border-radius: 4px;
        border: 1px solid #FF7700;
        box-shadow: 0 0 15px rgb(255 119 0 / 10%);
        padding: 0px 5px;
        transition: all 0.2s ease-in-out;
    }
    .ctrl_list_curso .btnPesquisar:hover {
        color: #fff;
        border: 1px solid #de6800;
        background: -webkit-linear-gradient(top, #d46300, #FF7700);
    }

    .ctrl_list_curso h1{
        font-family: Rubik;
        color: #fff;
        font-size: 4rem;
        padding: 10px 0;
        text-shadow: 2px 2px 0 #000;
    }

    @media(max-width: 991px){
        .ctrl_list_curso h1{
            font-family: Rubik;
            color: #fff;
            font-size: 2rem;
            font-weight: bold;
        }

        .ctrl_list_curso .input-group-pesquisa {
            width: 90%;
        }

        .ctrl_list_curso .content-lcurso{
            min-height: 130px;
        }
    }

    .content-video-iframe{
        padding:56.25% 0 0 0;
        position:relative;
    }

    .content-video-iframe .iframe-video{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 5px;
        box-shadow: #000 0 0 4px;
    }
 
    /*AJUSTE DE TELAS GRANDE*/
    @media(min-width: 1500px){ 
        .header-index, .ctrl_ac_4 {
            min-height: auto !important;
            padding: 70px max(20px, calc((100% - 1400px) / 2)) !important;
        }
        .header-index .coluna_img.new-index {
            min-height: calc(100vh - 315px);
        }
    }

    .ctrl_ac_4__image .ctrl_ac_4_img{
        width: 100%;
        border-radius: 5px !important;
        object-fit: none;
        height: auto;
    }

    @media(max-width: 1200px){
        .ctrl_ac_4__image .ctrl_ac_4_img{
            object-fit: cover !important;
        }
    }

    .ctrl_cert_gratis{
        background-image: url('/img-base/bg-branco-premium.webp');
        background-size: cover;
        background-position: center;
    }
    .ctrl_cert_gratis .cert_gratis_content{
        background: rgba(0,0,0,0);
        padding: 10px 10px 0 10px;
        ;
    }
    .ctrl_cert_gratis .cert_gratis_content .text-cert-gratis{
        display: flex;
        flex-direction: column;
        align-itens: center;
        justify-content: center;
    }
    .ctrl_cert_gratis .cert_gratis_content .text-cert-gratis h2{
        font-family: Rubik;
        font-size: 6rem;
        color: #ce390a;
        text-shadow: 1px 1px 1px #222;
    }
    .ctrl_cert_gratis .cert_gratis_content .text-cert-gratis p{
        font-size: 2rem;
        line-height: 1;
        text-align: justify;
        font-weight: 600;
    }

    .ctrl_cert_gratis .cert_gratis_content .text-cert-gratis p a{
        color: #ce390a;
    }

    .ctrl_cert_gratis .cert_gratis_content .text-cert-gratis p a:hover{
        text-decoration: underline;
    }

    .ctrl_cert_gratis .cert_gratis_content img{
        max-height: 300px;
    }

    .ctrl_cert_gratis .cert_gratis_content .text-cert-gratis .coluna_btn_curs .pesq-curso-header .btn-pesq-curso-header{
        height: 47px;
    }

    @media(max-width: 367px){
        .ctrl_cert_gratis .cert_gratis_content .text-cert-gratis h2{
            font-size: 2.8rem;
            line-height: 1 !important;
            margin-bottom: 15px;
            text-align: center;
        }
        .ctrl_cert_gratis .cert_gratis_content .text-cert-gratis p{
            font-size: 1.4rem;
        }
        .ctrl_cert_gratis .cert_gratis_content img{
            margin-top: 10px;
        }
    }

    @media(min-width: 368px) and (max-width: 601px){
        .ctrl_cert_gratis .cert_gratis_content .text-cert-gratis h2{
            font-size: 3rem !important;
            line-height: 1 !important;
            margin-bottom: 15px;
            text-align: center;
        }
        .ctrl_cert_gratis .cert_gratis_content .text-cert-gratis p{
            font-size: 1.4rem;
        }
        .ctrl_cert_gratis .cert_gratis_content img{
            margin-top: 15px;
        }
    }

    @media(min-width: 601px) and (max-width: 991px){
        .ctrl_cert_gratis .cert_gratis_content .text-cert-gratis h2{
            font-size: 3rem !important;
            line-height: 1 !important;
            margin-bottom: 15px;
            text-align: center;
        }
        .ctrl_cert_gratis .cert_gratis_content .text-cert-gratis p{
            font-size: 1.4rem;
        }
        .ctrl_cert_gratis .cert_gratis_content img{
            margin-top: 15px;
        }
    }





    .vimeo-container {
        overflow: hidden;
        pointer-events: none;
        z-index:-2;
    }

    .vimeo-sizer {
        border: none;
        width: 100%;
        height: 100%;
        display: inline-block;
        vertical-align: top;
    }

    .vimeo-video {
        position: absolute;
        top: calc(-100% + 151px);
        left: 0;
        width: 100%;
        min-height: 100vw;
        background-size: cover;
        z-index: -2;
    }


    .header-video {
        position: relative;
        width: 100%;
        min-height: calc(100vh - 45px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        /*align-items: center;*/
        padding: 0;
        color: white;
        overflow: hidden;
    }

    .header-video::before{
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: -1;
    }

    button.btnbtn {
        padding: 15px 36px;
        border: 2px solid white;
        background: transparent;
        font-size: 1.05em;
        color: inherit;
        cursor: pointer;
        transition: background 0.3s ease-in-out;
    }

    button:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .ctrl_video_vimeo{
        margin-top: -61px;
    }

    .ctrl_video_vimeo h1{
        color: #fff;
        font-size: 5rem;
        text-shadow: 1px 1px 2px #000;
    }

    .ctrl_video_vimeo h1 p{
        font-size: 2rem;
        color: inherit;
        margin: 0;
        margin-bottom: -20px;
    }

    .ctrl_video_vimeo h2{
        color: #fff;
        text-shadow: 1px 1px 2px #000;
    }

    .ctrl_video_vimeo .estrelas_curs{
        display: inline-flex;
    }
    .ctrl_video_vimeo .estrelas_curs i{
        color: #ffd700;
        font-size: 30px;
        margin: 5px;
        margin-top: 20px;
        text-shadow: 1px 1px 2px #2c2500;
    }

    .ctrl_video_vimeo p{
        color: #fff;
        margin-top: 40px;
        margin-bottom: 0;
        font-size: 2.5rem;
        text-align: justify;
        text-shadow: 1px 1px 0 #222;
    }

    .bg_resumo_curso p {
        background: rgba(0, 0, 0, 0.5);
        line-height: 1.3;
        padding: 2px 10px;
    }

    .ctrl_ac_p{
        background-image: url(/img/backgroundsvg-riscado.svg) !important;
        background-size: cover;
        background-position: center;
    }
    .ctrl_ac_p .content-p{
        padding: 10px 0;
        min-height: 110px;
        display: flex;
        align-items: center;
    }

    .ctrl_ac_p .content-p .col-img{
        width: 200px;
        text-align: center;
    }
    .ctrl_ac_p .content-p .col-text{
        width: calc(100% - 500px);
    }
    .ctrl_ac_p .content-p .col-btn{
        width: 300px;
        text-align: center;
    }

    .ctrl_ac_p .content-p .col-img img{
        width: 100%;
        max-width: 110px;
    }

    .ctrl_ac_p .content-p .col-text p{
        font-family: Rubik;
        font-size: 3rem;
        color: #fff;
        text-align: center;
        font-weight: bold;
        margin: 0;
        text-shadow: 2px 2px 0 #000;
    }

    @media(max-width: 991px){
        .ctrl_ac_p .content-p{
            flex-direction: column;
        }
        .ctrl_ac_p .content-p .col-img{
            width: 100%;
        }
        .ctrl_ac_p .content-p .col-text{
            width: 100%;
        }
        .ctrl_ac_p .content-p .col-btn{
            width: 100%;
        }
        .ctrl_ac_p .content-p .col-text p{
            margin: 10px 0 0 0;
        }
        .ctrl_video_vimeo h1 p{
            margin-bottom: -5px;
        }
        .ctrl_video_vimeo .estrelas_curs{
            width: 100%;
            justify-content: center;
        }
        .ctrl_video_vimeo .estrelas_curs i {
            margin: 1px;
        }
        .ctrl_video_vimeo h2{
            color: #222;
            text-shadow: none;
            text-align: center;
        }
        .ctrl_video_vimeo p{
            margin-top: 15px;
            line-height: 1.3;
            text-shadow: none;
            color: #444;
        }
        .vimeo-video{
            position: relative;
            width: 100%;
            min-height: auto;
            height: auto;
        }
        .header-video {
            min-height: calc(100vh - 125px);
        }
        .header-video::before{
            content: "";
            position: relative;
            background: transparent;
            z-index: -1;
        }
        .ctrl_video_vimeo{
            margin-top: 5px;
        }
        .vimeo-container {
            height: auto;
        }
        .ctrl_video_vimeo h1{
            color: #222;
            text-shadow: none;
            text-align: center;
        }
        .ctrl_video_vimeo h1 p{
            text-shadow: inherit;
            text-align: inherit;
            margin-bottom: 0px;
        }

        .ctrl_video_vimeo .content-btn-mat{
            text-align: center;
        }
    }

    @media(max-width: 500px){
        .ctrl_video_vimeo h1 {
            font-size: 2rem;
        }
        .ctrl_video_vimeo h1 p{
            font-size: 1.4rem;
        }

        .ctrl_video_vimeo h2{
            font-size: 1.0rem;
        }
        .ctrl_video_vimeo p{
            font-size: 1.3rem;
        }
        .ctrl_video_vimeo .estrelas_curs i {
            font-size: 20px;
        }
        .ctrl_ac_p .content-p .col-text p{
            font-size: 2rem;
            margin: 10px 0 0 0;
        }
    }

    @media (min-width: 501px) and (max-width: 768px){
        .ctrl_video_vimeo h1 {
            font-size: 2.4rem;
        }
        .ctrl_video_vimeo h1 p{
            font-size: 1.4rem;
        }
        .ctrl_video_vimeo h2{
            font-size: 1.0rem;
        }
        .ctrl_video_vimeo p{
            font-size: 1.3rem;
        }
        .ctrl_video_vimeo .estrelas_curs i {
            font-size: 20px;
        }
        .ctrl_ac_p .content-p .col-text p{
            font-size: 2rem;
            margin: 10px 0 0 0;
        }
    }

    @media (min-width: 769px) and (max-width: 991px){
        .ctrl_video_vimeo h1 {
            font-size: 2.8rem;
        }
        .ctrl_video_vimeo h1 p{
            font-size: 1.4rem;
        }
        .ctrl_video_vimeo h2{
            font-size: 1.0rem;
        }
        .ctrl_video_vimeo p{
            font-size: 1.3rem;
        }
        .ctrl_video_vimeo .estrelas_curs i {
            font-size: 20px;
        }
        .ctrl_ac_p .content-p .col-text p{
            font-size: 2rem;
            margin: 10px 0 0 0;
        }
    }

    @media(min-width: 1500px){
        .header-pconcurs{
            min-height: 50vh;
        }
    }

    h2.textodapromocao{
        color: #53ff00;
        font-family: Oswald;
        font-size: 3rem;
        letter-spacing: 0px;
        text-shadow: 0px 0px 6px #1c5700;
    }
    h2.textodapromocao:hover{
        /*color: #ff3d00;*/
        color: #fff;
        text-shadow: 0px 0px 6px #9f2600;
    }
    .borda{
        position: relative;
    }
    .img-selo-lista-premium{
        background-image: url("/img/selo-curso-premium.webp");
        position: absolute;
        top: -7px;
        left: -8px;
        width: 50px;
        height: 73px;
        z-index: 1;
        background-size: cover;
    }

    .ctrl_ds_03{
        position: relative;
    }
    .ctrl_ds_03 .btn-absolute-matricula{
        position: absolute;
        bottom: 25px;
        left: calc(13% - 10px);
    }

    @media(max-width: 400px){
        .ctrl_ds_03 .btn-absolute-matricula{
            bottom: 35px;
            left: calc(10% - 20px);
        }
    }
    @media(min-width: 401px) and (max-width: 650px){
        .ctrl_ds_03 .btn-absolute-matricula{
            bottom: calc(10% + 28px);
            left: calc(16% - 10px);
        }
    }

    @media(min-width: 651px) and (max-width: 700px){
        .ctrl_ds_03 .btn-absolute-matricula{
            bottom: 4%;
            left: calc(10% - 32px);
            padding: 5px;
        }
    }

    @media(min-width: 701px) and (max-width: 991px){
        .ctrl_ds_03 .btn-absolute-matricula{
            bottom: 4%;
            left: calc(12% - 32px);
            padding: 5px;
        }
    }

    @media(min-width: 992px) and (max-width: 1200px){
        .ctrl_ds_03 .btn-absolute-matricula{
            bottom: 4%;
            left: calc(12% - 32px);
        }
    }

    #divcookies{
        z-index: 9999;
    }



    .ctrl_atend_pesquisa h2{
        font-size: 2.5rem !important;
        color: #ce390a !important;
        margin-bottom: 10px;
    }
    .ctrl_atend_pesquisa P{
        font-size: 1.6rem;
        font-weight: 400;
    }

    @media(max-width: 600px){
        .ctrl_atend_pesquisa .padding-ajustavel{
            padding: 2px !important;
        }

        .ctrl_atend_pesquisa h2{
            font-size: 2.2rem !important;
            margin-bottom: 10px;
        }
        .ctrl_atend_pesquisa P{
            font-size: 1.3rem;
            line-height: 1.3;
            text-align: center;
        }
    }

    .banner-header-index{
        padding-top: 10px;
        min-height: calc(100vh - 227px);
        background: #f7f7f7;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .banner-header-index .coluna01{
        width: 33.333%;
        height: 100px;
        height: calc(100vh - 227px);
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .banner-header-index .coluna02{
        width: 33.333%;
        height: 100px;
        height: calc(100vh - 227px);
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .banner-header-index .coluna03{
        width: 33.333%;
        height: 100px;
        height: calc(100vh - 227px);
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }


    .caixa_msg_header{
        width: 100%;
        border: 1px solid #15890b;
    }

    .caixa_msg_header .topo_caixa_msg_header{
        padding: 5px 3px;
        background: #15890b;
    }

    .caixa_msg_header .topo_caixa_msg_header h1{
        font-family: Rubik;
        font-size: 1.6rem;
        text-shadow: 1px 1px 0 #3b5f0b;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        color: #fff;
    }

    .caixa_msg_header .corpo_caixa_msg_header{
        padding: 30px 10px;
    }
    .caixa_msg_header .corpo_caixa_msg_header p{
        font-family: Rubik;
        text-align: center;
        font-size: 3.5rem;
        color: #4d7b10;
        font-weight: bold;
        line-height: 1 !important;
        margin: 0;
    }

    .banner-header-index .coluna02 img{
        width: 100%;
        height: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .banner-header-index .coluna02 picture{
        width: 100%;
        height: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .text-header-index{
        line-height: 1 !important;
        color: #444;
        font-size: 2.5rem;
        text-align: center;
        background-image: linear-gradient(to bottom, #73ad25, #518112, #345704);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: black;
        animation: icone-pulando 0.5s infinite alternate;
        margin-bottom: 10px;
    }

    .text-ligue-gratis-index{
        line-height: 1 !important;
        color: #444;
        font-size: 2.5rem;
        text-align: center;
        background-image: linear-gradient(to bottom, #73ad25, #518112, #345704);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: black;
        margin-bottom: 10px;
    }

    .text-ligue-gratis-index span{
        font-size: 4rem;
        color: #436d0c;
        line-height: 1.1;
    }

    .content-app-index{
        justify-content: center;
    }
    .content-app-index .text-app-index{
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        justify-content: center;
    }
    .content-app-index .text-app-index p{
        font-weight: bold;
        font-size: 2rem;
        text-align: center;
        margin: 0;
    }

    @media(max-width: 600px){
        .banner-header-index .coluna01{
            width: 100%;
            margin-top: 10px;
            height: auto;
            align-content: flex-start;
        }
        .banner-header-index .coluna02{
            width: 100%;
            height: auto;
        }
        .banner-header-index .coluna03{
            width: 100%;
            height: auto;
        }

        .caixa_msg_header .corpo_caixa_msg_header p{
            font-size: 2rem;
        }
        .caixa_msg_header .corpo_caixa_msg_header{
            padding: 10px;
        }

        .text-header-index{
            font-size: 2rem;
        }
        .text-ligue-gratis-index{
            font-size: 2rem;
        }
        .content-app-index .text-app-index p{
            font-size: 1.5rem;
        }
    }

    @media(min-width: 601px) and (max-width: 1199px){
        .banner-header-index .coluna01{
            width: 49%;
            margin-top: 10px;
            height: auto;
            align-content: center;
            min-height: 50vh;
        }
        .banner-header-index .coluna02{
            width: 49%;
            height: auto;
        }
        .banner-header-index .coluna03{
            width: 100%;
            height: auto;
        }

        .caixa_msg_header .corpo_caixa_msg_header p{
            font-size: 2rem;
        }
        .caixa_msg_header .corpo_caixa_msg_header{
            padding: 10px;
        }

        .text-header-index{
            font-size: 2rem;
        }
    }

    @media(min-width: 1600px){
        .banner-header-index .container{
            width: 100% !important;
            max-width: 100% !important;
        }
    }

    @media(max-width: 991px){
        .order-div-promo-last-sm{
            order: 1 !important
        }
    }

    @media(max-width: 576px){
        .single-popular-carusel.caixa-curso .details h3, .details h4{
            height: auto !important;
            margin-bottom: 0 !important;
        }
    }


    .header-carteira *{
        font-family: Rubik;
    }
    .header-carteira{
        min-height: calc(100vh - 95px);
        display: flex;
        align-items: center;
    }
    .header-carteira.bg-carteira-estudantil{
        background-image: url("/img/bghome_cert.webp");
        background-size: cover;
        background-position: center;
    }

    .header-carteira .text-carteira{
        display: flex;
        justify-content: center;
        width: 60%;
        flex-direction: column;
    }
    .header-carteira .img-carteira{
        display: flex;
        align-items: center;
        width: 40%;
    }
    .header-carteira .img-carteira img{
        width: 100%;
        border: 1px solid #81b935;
        border-radius: 4px;
        padding: 2px;
    }
    .header-carteira .btns-header{
        display: flex;
    }
    .header-carteira .btns-header .btnSolicitarCarteirinha{
        font-size: 1.4rem;
        font-weight: 400;
        background: #5a8521;
        text-align: center;
        padding: 10px 20px;
        border-radius: 4px;
        color: #fff;
        margin-top: 15px;
    }
    .header-carteira .btns-header .btnSolicitarCarteirinha:hover{
        opacity: 0.9;
    }
    .flut_imgh_carteira{
        position: absolute;
        top: -30px;
        right: -30px;
        width: 110px;
        height: 110px;
        background: #fff;
        border-radius: 50%;
        border: 1px dashed #ce390a;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        box-shadow: 0 0 0 5px #fff;
        filter: drop-shadow(0px 2px 1px #aaa);
        line-height: 1;
    }
    .flut_imgh_carteira .number{
        font-family: Rubik;
        font-size: 3rem;
        font-weight: bold;
        color: #ce390a;
        margin-bottom: 5px;
    }
    .flut_imgh_carteira p{
        margin: 0;
    }
    .header-carteira .text-carteira h1{
        color: #ce390a;
        margin-bottom: 35px;
    }
    .header-carteira .text-carteira h1 p{
        margin: 0;
        margin-bottom: -12px;
        font-weight: bold;
        font-size: 2rem;
        text-transform: uppercase;
    }
    .text-carteira .titulo_cart_details{
        font-weight: 500;
        font-size: 1.8rem;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .text-carteira .list_cart_details{
        line-height: 1.3;
        font-weight: 400;
        font-size: 1.5rem;
    }
    .text-carteira .list_cart_details i{
        font: normal normal normal 14px/1 FontAwesome !important;
    }
    .text-carteira .list_cart_details span{
        font-weight: bold;
        color: #5a8521;
    }

    @media(max-width: 991px){
        .header-carteira .text-carteira{
            width: 100%;
        }

        .header-carteira .img-carteira{
            width: 100%;
            align-items: center;
            justify-content: center;
            margin-top: 25px;
            margin-bottom: 25px;
        }
        .flut_imgh_carteira {
            top: -25px;
            right: -10px;
            left: inherit;
            width: 70px;
            height: 70px;
            background: #fff;
            border-radius: 50%;
            border: 1px dashed #ce390a;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            box-shadow: 0 0 0 5px #fff;
            filter: drop-shadow(0px 2px 1px #aaa);
            line-height: 1;
            margin-left: 0;
            margin-right: 0;
        }

        .flut_imgh_carteira .number{
            font-size: 2rem;
        }
        .flut_imgh_carteira p{
            font-size: 1.1rem;
            font-weight: bold;
        }
        .header-carteira .text-carteira h1{
            font-size: 2.5rem;
            text-align: center;
            line-height: 1.3;
            margin-bottom: 5px;
        }
        .header-carteira .text-carteira h1 p{
            margin-bottom: 0;
        }
        .text-carteira p{
            text-align: center;
        }
        .header-carteira .btns-header{
            justify-content: center;
        }

    }


    #conf-wr p{
        font-size: 1.8rem;
    }

    #conf-wr i{
        color: #6d9f2e;
        font-size: 1.7rem;
    }

    #conf-wr span{
        display: none;
    }

    @media(max-width: 600px){
        #conf-wr p{
            font-size: 1.1rem;
            margin-bottom: 10px;
        }
        #conf-wr i{
            font-size: 1.5rem;
        }
    }

    @media (min-width: 601px) and (max-width: 991px) {
        #conf-wr p {
            font-size: 1.3rem;
            margin-bottom: 5px;
        }
    }

    .linha_envio_cert{
        display: flex;
    }

    .linha_envio_cert .coluna_img_envio{
        width: 270px;
    }

    .linha_envio_cert .coluna_img_envio img{
        width: 100%;
        border: 1px dashed #ce390a;
        padding: 4px;
        box-shadow: 0px 0px 4px #ce390a;
    }

    .linha_envio_cert .coluna_text_envio{
        width: calc(100% - 270px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px;
    }

    .linha_envio_cert .coluna_text_envio a{
        color: #608926;
        font-weight: bold;
    }

    .linha_envio_cert .coluna_text_envio a:hover{
        color: #3e5b16;
    }

    .linha_envio_cert .coluna_text_envio h2{
        font-size: 3rem;
        font-weight: 800;
        color: #ce390a;
        text-align: left;
        text-transform: uppercase;
        /*margin-bottom: 15px;*/
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-image: linear-gradient(to bottom, #ce390a, #9d2a06, #6d1d04);
    }

    .linha_envio_cert .coluna_text_envio a.text-promo{
        font-size: 1.7rem;
        color: #444;
        margin-bottom: 15px;
    }
    .linha_envio_cert .coluna_text_envio a.text-promo:hover{
        color: #ce390a;
    }

    .linha_envio_cert .coluna_text_envio p{
        font-size: 1.8rem;
        line-height: 1.4;
    }

    .texto_confirm_pag{
        text-align: center;
        font-weight: bold;
        margin-top: 20px;
    }

    @media(max-width: 767px){
        .linha_envio_cert{
            flex-direction: column;
            margin-top: 15px;
        }

        .linha_envio_cert .coluna_img_envio{
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            order: 1;
        }
        .linha_envio_cert .coluna_img_envio img{
            max-width: 320px;
            order: 1;
        }

        .linha_envio_cert .coluna_text_envio{
            width: 100%;
            padding: 2px;
            order: 2;
        }

        .linha_envio_cert .coluna_text_envio a.text-promo{
            font-size: 1.5rem;
            text-align: center;
        }

        .linha_envio_cert .coluna_text_envio h2{
            font-size: 1.8rem;
            text-align: center;
            margin-top: 5px;
        }

        .linha_envio_cert .coluna_text_envio p{
            font-size: 1.4rem;
            text-align: justify;
            /*margin-top: 5px;*/
            line-height: 1.5;
        }

        .texto_confirm_pag{
            text-align: justify;
        }
    }

    @media(min-width: 768px) and (max-width: 991px){
        .linha_envio_cert .coluna_text_envio h2{
            font-size: 1.9rem;
            margin-top: 5px;
        }
        .linha_envio_cert .coluna_text_envio p{
            font-size: 1.3rem;
        }
        .linha_envio_cert .coluna_text_envio a.text-promo{
            font-size: 1.3rem;
        }
    }

    @media(min-width: 992px) and (max-width: 1010px){
        .linha_envio_cert .coluna_text_envio h2{
            font-size: 2.9rem;
            margin-top: 5px;
        }
    }

    @media(min-width: 1680px){
        .linha_envio_cert .coluna_text_envio h2{
            font-size: 4rem;
        }
    }


















    .header-canais-atendimento{
        width: 100%;
        min-height: calc(100vh - 95px);
        display: flex;
        align-items: center;
        padding: 0 35px;
        /*background: url('/img/bghome-cert-slide.webp');*/
        background-size: cover;
        background-position: center;
    }

    .header-canais-atendimento .coluna_info{
        width: 50%;
    }

    .header-canais-atendimento .titulo_canais_atendimento{
        font-family: Rubik;
        font-size: 4rem;
        /*text-transform: uppercase;*/
        color: #ce390a;
    }

    .header-canais-atendimento h2, .header-canais-atendimento h3{
        font-family: Rubik;
        font-size: 1.8rem;
        color: #222;
        text-align: left;
    }

    .header-canais-atendimento .coluna_img{
        width: 50%;
    }
    .header-canais-atendimento .coluna_img img{
        width: 100%;
        max-width: 600px;
        border: 1px solid #ce390a;
        padding: 4px;
        border-radius: 4px;
        box-shadow: 5px 5px 11px 1px #858585;
    }


    .header-canais-atendimento .coluna_redes_sociais{
        display: flex;

    }

    .header-canais-atendimento .coluna_redes_sociais p{
        font-size: 11px;
        font-weight: bold;
    }

    .header-canais-atendimento .coluna_redes_sociais img{
        width: 30px;
        height: 30px;
        text-align: center;
    }

    .header-canais-atendimento .coluna_redes_sociais a{
        margin: 0 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .header-canais-atendimento .coluna_redes_sociais a:hover img{
        opacity: 0.8;
    }

    .header-canais-atendimento ul{
        list-style: none;
    }

    .header-canais-atendimento ul li:before{
        content: '';
        display: inline-block;
        height: 10px;
        width: 10px;
        background-size: contain;
        background-position: center;
        /*background-image: url('/img/seta.webp');*/
        margin-right: 5px;
        filter: hue-rotate(335deg) brightness(0.8);
    }
    .header-canais-atendimento li {
        font-size:  2.5rem;
        margin-top: 15px;
        font-weight: bold;
    }
    .header-canais-atendimento li:first-child {
        margin-top: 25px;
    }

    .header-canais-atendimento h3{
        font-size: 1.8rem;
        margin-top: 15px;
    }

    .header-canais-atendimento .redes-sociais-text{
        margin: 20px 0;
        font-weight: bold;
        color: #ce390a;
        font-size: 1.8rem;
    }

    .header-canais-atendimento .titulo_canais_atendimento.esconder_sm{
        display: inherit;
    }

    .header-canais-atendimento .titulo_canais_atendimento.esconder_lg{
        display: none;
    }

    .header-canais-atendimento .coluna_info ul li a i{
        color: #ce390a;
    }


    @media(max-width: 991px){
        .header-canais-atendimento{
            flex-direction: column;
            padding: 15px 2px;
        }
        .header-canais-atendimento .coluna_info{
            width: 100%;
            order: 2;
        }
        .header-canais-atendimento .coluna_img{
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            order: 1;
            margin: 0;
        }
        .header-canais-atendimento .coluna_img img{
            max-width: 400px;
            margin: 10px 0 15px 0;
        }
        .header-canais-atendimento .titulo_canais_atendimento{
            font-size: 2rem;
            text-align: center;
        }
        .header-canais-atendimento h2, .header-canais-atendimento h3{
            font-size: 1.5rem;
            text-align: center;
        }


        .header-canais-atendimento .titulo_canais_atendimento.esconder_sm{
            display: none;
        }

        .header-canais-atendimento .titulo_canais_atendimento.esconder_lg{
            display: inherit;
        }

        .header-canais-atendimento h2, .header-canais-atendimento h3{
            font-size: 1.5rem;
            text-align: center;
        }

        .header-canais-atendimento h3{
            text-align: center;
        }
        .header-canais-atendimento li {
            text-align: center;
        }
        .header-canais-atendimento .redes-sociais-text{
            text-align: center;
        }
        .header-canais-atendimento .coluna_redes_sociais{
            width: 100%;
            justify-content: center;
        }
        .header-canais-atendimento li {
            font-size: 1.7rem;
        }

        .header-canais-atendimento li a span{
            display: none;
        }
    }

    @media(min-width: 1680px){
        .header-canais-atendimento .titulo_canais_atendimento{
            font-size: 6rem;
        }
        .header-canais-atendimento h2, .header-canais-atendimento h3{
            font-size: 3rem;
        }
        .header-canais-atendimento h3{
            font-size: 2.5rem;
        }
        .header-canais-atendimento .coluna_img img{
            max-width: none;
        }
        .header-canais-atendimento .coluna_redes_sociais img{
            width: 40px;
            height: 40px;
            text-align: center;
        }
        .header-canais-atendimento li {
            font-size: 2rem;
        }
        .header-canais-atendimento .redes-sociais-text{
            font-size: 2rem;
        }
        .header-canais-atendimento ul li:before{
            height: 15px;
            width: 20px;
        }
    }
    .btn-page-new{
        display: flex;
        align-items: center;
        background: linear-gradient(270deg, rgb(177 137 0) 6%, rgb(122 94 0) 100%, rgb(124 96 0) 100%);
        padding: 12px;
        border-radius: 4px;
        color: #fff;
        text-shadow: 1px 1px 1px #000000de;
        min-width: 141px;
        color: #fff !important;
        font-family: 'Rubik';
        font-weight: 500;
        margin-top: 15px;
    }

    .btn-page-new:hover{
        background: linear-gradient(90deg, rgb(177 137 0) 6%, rgb(122 94 0) 100%, rgb(124 96 0) 100%);
    }

    .callout.green header {
        background: linear-gradient(90deg, rgb(177 137 0) 3%, rgb(89 125 43) 41%, rgb(71 105 28) 100%) !important;
    }

    .callout.green header::after {
        border-top-color: #567928 !important;
    }

    .callout.green2 header {
        background: linear-gradient(270deg, rgb(177 137 0) 3%, rgb(89 125 43) 41%, rgb(71 105 28) 100%) !important;
    }

    .callout.green2 header::after {
        border-top-color: #567928 !important;
    }

    .content-header-inform{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .content-header-inform h2{
        font-family: Rubik;
        font-size: 3rem;
        font-weight: 500;
        max-width: 50%;
        color: #555;
    }

    .special-underline {
        background: url('/img/img-sublinhado.webp');
        background-repeat: no-repeat;
        background-position: 0px 29px;
        background-size: 100%;
        padding-bottom: 20px;
        filter: hue-rotate(295deg);
    }


    .btnPage.btn-page-green{
        background: linear-gradient(270deg, rgb(177 137 0) 6%, rgb(89 125 43) 100%, rgb(71 105 28) 100%);
        color: #fff !important
    }

    .btnPage.btn-page-green:hover{
        background: linear-gradient(90deg, rgb(177 137 0) 6%, rgb(89 125 43) 100%, rgb(71 105 28) 100%);
    }

    .margin-ajustavel-underline{
        margin: 40px 0;
    }
    .margin-ajustavel-underline .content-header-inform h2{
        margin-bottom: 40px;
    }

    @media(max-width: 767px){
        .margin-ajustavel-underline{
            margin: 20px 0;
        }
        .margin-ajustavel-underline .content-header-inform h2{
            margin-bottom: 20px;
            font-size: 2rem;
        }
        .margin-ajustavel-underline .content-header-inform .special-underline{
            background-position: 0px 20px;
        }
    }

    .primary-btn{
        background: linear-gradient(to bottom, #ff901b 5%, #df5917 100%) !important;
    }
    .primary-btn:hover{
        background: linear-gradient(to bottom, #e05a17 5%, #ff901b 100%) !important;
    }
    .btnCaixa.btn-matricular{
        background: linear-gradient(to bottom, #ff901b 5%, #df5917 100%) !important;
    }
    .btnCaixa.btn-matricular:hover{
        background: linear-gradient(to bottom, #e05a17 5%, #ff901b 100%) !important;
    }

    .curso-card {
        max-width: 100%;
        width: 257px;
        background: white;
        border-radius: 8px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.15);
        overflow: hidden;
        margin-bottom: 7px;
    }

    .curso-card img {
        width: 100%;
        height: auto;
        display: block;
    }

    .curso-card .categoria {
        background-color: #c74117;
        color: white;
        font-size: 12px;
        padding: 4px 8px;
        position: absolute;
        top: 8px;
        left: 8px;
        border-radius: 4px;
    }

    .curso-card .conteudo {
        padding: 10px 16px 16px 16px;
    }

    .curso-card h3 {
        font-size: 14px;
        margin: 0 0 8px 0;
        height: 33px;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .curso-card .estrelas {
        color: #e25b18;
        font-size: 14px;
        margin-bottom: 8px;
    }

    .curso-card .detalhes {
        font-size: 13px;
        color: #666;
        margin-bottom: 12px;
    }

    .curso-card .status {
        font-weight: bold;
        color: green;
        margin-bottom: 12px;
        font-size: 12px;
    }

    .curso-card .botoes {
        display: flex;
        justify-content: space-between;
    }

    .curso-card .botoes .btn-matricular-card{
        border: none;
        border-radius: 4px;
        padding: 8px 10px;
        cursor: pointer;
        font-size: 13px;
    }

    .curso-card .horas {
        font-size: 12px;
        color: #555;
        display: flex;
        align-items: center;
    }

    .curso-card .horas span {
        margin-right: 5px;
    }

    .curso-card .btns-cards{
        font-size: 12px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 15px !important;
        border-radius: 4px;
        font-weight: 500;
    }

    .curso-card .btns-cards.btn-saiba-card {
        background: #e0e0e0;
        color: #333;
    }
    .curso-card .btns-cards.btn-saiba-card:hover{
        background: #dbdbdb;
    }
    .curso-card .btns-cards.btn-matricular-card {
        /*background: #557922;*/
        background: #093077;
        color: white;
        text-transform: uppercase;
    }
    .curso-card .btns-cards.btn-matricular-card:hover{
        /*background: #b1340c;*/
        background: #051e4b;
    }
</style>  <link rel="stylesheet" href="/css/font-awesome-swap.css" media="print" onload="this.media = 'all'"/>
<style>

    /*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
    :root {
        --blue: #007bff;
        --indigo: #6610f2;
        --purple: #6f42c1;
        --pink: #e83e8c;
        --red: #dc3545;
        --orange: #fd7e14;
        --yellow: #ffc107;
        --green: #28a745;
        --teal: #20c997;
        --cyan: #17a2b8;
        --white: #fff;
        --gray: #6c757d;
        --gray-dark: #343a40;
        --primary: #007bff;
        --secondary: #6c757d;
        --success: #28a745;
        --info: #17a2b8;
        --warning: #ffc107;
        --danger: #dc3545;
        --light: #f8f9fa;
        --dark: #343a40;
        --breakpoint-xs: 0;
        --breakpoint-sm: 576px;
        --breakpoint-md: 768px;
        --breakpoint-lg: 992px;
        --breakpoint-xl: 1200px;
        --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    html {
        font-family: sans-serif;
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
        display: block;
    }

    body {
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        text-align: left;
        background-color: #fff;
    }

    [tabindex="-1"]:focus:not(:focus-visible) {
        outline: 0 !important;
    }

    hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible;
    }

    h1, h2, h3, h4, h5, h6 {
        margin-top: 0;
        margin-bottom: 0.5rem;
    }

    p {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    abbr[title],
    abbr[data-original-title] {
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
        cursor: help;
        border-bottom: 0;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
    }

    address {
        margin-bottom: 1rem;
        font-style: normal;
        line-height: inherit;
    }

    ol,
    ul,
    dl {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    ol ol,
    ul ul,
    ol ul,
    ul ol {
        margin-bottom: 0;
    }

    dt {
        font-weight: 700;
    }

    dd {
        margin-bottom: .5rem;
        margin-left: 0;
    }

    blockquote {
        margin: 0 0 1rem;
    }

    b,
    strong {
        font-weight: bolder;
    }

    small {
        font-size: 80%;
    }

    sub,
    sup {
        position: relative;
        font-size: 75%;
        line-height: 0;
        vertical-align: baseline;
    }

    sub {
        bottom: -.25em;
    }

    sup {
        top: -.5em;
    }

    a {
        text-decoration: none;
        background-color: transparent;
    }

    a:hover { 
        color: #bf3206;
        text-decoration: underline;
    }

    a:not([href]):not([class]) {
        color: inherit;
        text-decoration: none;
    }

    a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none;
    }

    pre,
    code,
    kbd,
    samp {
        font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        font-size: 1em;
    }

    pre {
        margin-top: 0;
        margin-bottom: 1rem;
        overflow: auto;
        -ms-overflow-style: scrollbar;
    }

    figure {
        margin: 0 0 1rem;
    }

    img {
        vertical-align: middle;
        border-style: none;
    }

    svg {
        overflow: hidden;
        vertical-align: middle;
    }

    table {
        border-collapse: collapse;
    }

    caption {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        color: #6c757d;
        text-align: left;
        caption-side: bottom;
    }

    th {
        text-align: inherit;
        text-align: -webkit-match-parent;
    }

    label {
        display: inline-block;
        margin-bottom: 0.5rem;
    }

    button {
        border-radius: 0;
    }

    button:focus:not(:focus-visible) {
        outline: 0;
    }

    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
    }

    button,
    input {
        overflow: visible;
    }

    button,
    select {
        text-transform: none;
    }

    [role="button"] {
        cursor: pointer;
    }

    select {
        word-wrap: normal;
    }

    button,
    [type="button"],
    [type="reset"],
    [type="submit"] {
        -webkit-appearance: button;
    }

    button:not(:disabled),
    [type="button"]:not(:disabled),
    [type="reset"]:not(:disabled),
    [type="submit"]:not(:disabled) {
        cursor: pointer;
    }

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }

    input[type="radio"],
    input[type="checkbox"] {
        box-sizing: border-box;
        padding: 0;
    }

    textarea {
        overflow: auto;
        resize: vertical;
    }

    fieldset {
        min-width: 0;
        padding: 0;
        margin: 0;
        border: 0;
    }

    legend {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-bottom: .5rem;
        font-size: 1.5rem;
        line-height: inherit;
        color: inherit;
        white-space: normal;
    }

    progress {
        vertical-align: baseline;
    }

    [type="number"]::-webkit-inner-spin-button,
    [type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    [type="search"] {
        outline-offset: -2px;
        -webkit-appearance: none;
    }

    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

    ::-webkit-file-upload-button {
        font: inherit;
        -webkit-appearance: button;
    }

    output {
        display: inline-block;
    }

    summary {
        display: list-item;
        cursor: pointer;
    }

    template {
        display: none;
    }

    [hidden] {
        display: none !important;
    }

    h1, h2, h3, h4, h5, h6,
    .h1, .h2, .h3, .h4, .h5, .h6 {
        margin-bottom: 0.5rem;
        font-weight: 500;
        line-height: 1.2;
    }

    h1, .h1 {
        font-size: 2.5rem;
    }

    h2, .h2 {
        font-size: 2rem;
    }

    h3, .h3 {
        font-size: 1.75rem;
    }

    h4, .h4 {
        font-size: 1.5rem;
    }

    h5, .h5 {
        font-size: 1.25rem;
    }

    h6, .h6 {
        font-size: 1rem;
    }

    .lead {
        font-size: 1.25rem;
        font-weight: 300;
    }

    .display-1 {
        font-size: 6rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-2 {
        font-size: 5.5rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-3 {
        font-size: 4.5rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .display-4 {
        font-size: 3.5rem;
        font-weight: 300;
        line-height: 1.2;
    }

    hr {
        margin-top: 1rem;
        margin-bottom: 1rem;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    small,
    .small {
        font-size: 0.875em;
        font-weight: 400;
    }

    mark,
    .mark {
        padding: 0.2em;
        background-color: #fcf8e3;
    }

    .list-unstyled {
        padding-left: 0;
        list-style: none;
    }

    .list-inline {
        padding-left: 0;
        list-style: none;
    }

    .list-inline-item {
        display: inline-block;
    }

    .list-inline-item:not(:last-child) {
        margin-right: 0.5rem;
    }

    .initialism {
        font-size: 90%;
        text-transform: uppercase;
    }

    .blockquote {
        margin-bottom: 1rem;
        font-size: 1.25rem;
    }

    .blockquote-footer {
        display: block;
        font-size: 0.875em;
        color: #6c757d;
    }

    .blockquote-footer::before {
        content: "\2014\00A0";
    }

    .img-fluid {
        max-width: 100%;
        height: auto;
    }

    .img-thumbnail {
        padding: 0.25rem;
        background-color: #fff;
        border: 1px solid #dee2e6;
        border-radius: 0.25rem;
        max-width: 100%;
        height: auto;
    }

    .figure {
        display: inline-block;
    }

    .figure-img {
        margin-bottom: 0.5rem;
        line-height: 1;
    }

    .figure-caption {
        font-size: 90%;
        color: #6c757d;
    }

    code {
        font-size: 87.5%;
        color: #e83e8c;
        word-wrap: break-word;
    }

    a > code {
        color: inherit;
    }

    kbd {
        padding: 0.2rem 0.4rem;
        font-size: 87.5%;
        color: #fff;
        background-color: #212529;
        border-radius: 0.2rem;
    }

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
    }

    pre {
        display: block;
        font-size: 87.5%;
        color: #212529;
    }

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal;
    }

    .pre-scrollable {
        max-height: 340px;
        overflow-y: scroll;
    }

    .container,
    .container-fluid,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        width: 100%;
        padding-right: 15px; 
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    @media (min-width: 576px) {
        .container, .container-sm {
            max-width: 540px;
        }
    }

    @media (min-width: 768px) {
        .container, .container-sm, .container-md {
            max-width: 720px;
        }
    }

    @media (min-width: 992px) {
        .container, .container-sm, .container-md, .container-lg {
            max-width: 960px;
        }
    }

    @media (min-width: 1200px) {
        .container, .container-sm, .container-md, .container-lg, .container-xl {
            max-width: 1195px;
        }
    }

    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .no-gutters {
        margin-right: 0;
        margin-left: 0;
    }

    .no-gutters > .col,
    .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
    .col-auto, .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, .col-sm,
    .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
    .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
    .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
    .col-xl-auto {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .row-cols-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-1 {
        margin-left: 8.333333%;
    }

    .offset-2 {
        margin-left: 16.666667%;
    }

    .offset-3 {
        margin-left: 25%;
    }

    .offset-4 {
        margin-left: 33.333333%;
    }

    .offset-5 {
        margin-left: 41.666667%;
    }

    .offset-6 {
        margin-left: 50%;
    }

    .offset-7 {
        margin-left: 58.333333%;
    }

    .offset-8 {
        margin-left: 66.666667%;
    }

    .offset-9 {
        margin-left: 75%;
    }

    .offset-10 {
        margin-left: 83.333333%;
    }

    .offset-11 {
        margin-left: 91.666667%;
    }

    @media (min-width: 576px) {
        .col-sm {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%;
        }
        .row-cols-sm-1 > * {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
        .row-cols-sm-2 > * {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
        .row-cols-sm-3 > * {
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }
        .row-cols-sm-4 > * {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }
        .row-cols-sm-5 > * {
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
        .row-cols-sm-6 > * {
            -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
        }
        .col-sm-auto {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
            max-width: 100%;
        }
        .col-sm-1 {
            -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
            max-width: 8.333333%;
        }
        .col-sm-2 {
            -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
        }
        .col-sm-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }
        .col-sm-4 {
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }
        .col-sm-5 {
            -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
        }
        .col-sm-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
        .col-sm-7 {
            -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
        }
        .col-sm-8 {
            -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
        }
        .col-sm-9 {
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%;
        }
        .col-sm-10 {
            -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
            max-width: 83.333333%;
        }
        .col-sm-11 {
            -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
            max-width: 91.666667%;
        }
        .col-sm-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
        .order-sm-first {
            -ms-flex-order: -1;
            order: -1;
        }
        .order-sm-last {
            -ms-flex-order: 13;
            order: 13;
        }
        .order-sm-0 {
            -ms-flex-order: 0;
            order: 0;
        }
        .order-sm-1 {
            -ms-flex-order: 1;
            order: 1;
        }
        .order-sm-2 {
            -ms-flex-order: 2;
            order: 2;
        }
        .order-sm-3 {
            -ms-flex-order: 3;
            order: 3;
        }
        .order-sm-4 {
            -ms-flex-order: 4;
            order: 4;
        }
        .order-sm-5 {
            -ms-flex-order: 5;
            order: 5;
        }
        .order-sm-6 {
            -ms-flex-order: 6;
            order: 6;
        }
        .order-sm-7 {
            -ms-flex-order: 7;
            order: 7;
        }
        .order-sm-8 {
            -ms-flex-order: 8;
            order: 8;
        }
        .order-sm-9 {
            -ms-flex-order: 9;
            order: 9;
        }
        .order-sm-10 {
            -ms-flex-order: 10;
            order: 10;
        }
        .order-sm-11 {
            -ms-flex-order: 11;
            order: 11;
        }
        .order-sm-12 {
            -ms-flex-order: 12;
            order: 12;
        }
        .offset-sm-0 {
            margin-left: 0;
        }
        .offset-sm-1 {
            margin-left: 8.333333%;
        }
        .offset-sm-2 {
            margin-left: 16.666667%;
        }
        .offset-sm-3 {
            margin-left: 25%;
        }
        .offset-sm-4 {
            margin-left: 33.333333%;
        }
        .offset-sm-5 {
            margin-left: 41.666667%;
        }
        .offset-sm-6 {
            margin-left: 50%;
        }
        .offset-sm-7 {
            margin-left: 58.333333%;
        }
        .offset-sm-8 {
            margin-left: 66.666667%;
        }
        .offset-sm-9 {
            margin-left: 75%;
        }
        .offset-sm-10 {
            margin-left: 83.333333%;
        }
        .offset-sm-11 {
            margin-left: 91.666667%;
        }
    }

    @media (min-width: 768px) {
        .col-md {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%;
        }
        .row-cols-md-1 > * {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
        .row-cols-md-2 > * {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
        .row-cols-md-3 > * {
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }
        .row-cols-md-4 > * {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }
        .row-cols-md-5 > * {
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
        .row-cols-md-6 > * {
            -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
        }
        .col-md-auto {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
            max-width: 100%;
        }
        .col-md-1 {
            -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
            max-width: 8.333333%;
        }
        .col-md-2 {
            -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
        }
        .col-md-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }
        .col-md-4 {
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }
        .col-md-5 {
            -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
        }
        .col-md-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
        .col-md-7 {
            -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
        }
        .col-md-8 {
            -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
        }
        .col-md-9 {
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%;
        }
        .col-md-10 {
            -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
            max-width: 83.333333%;
        }
        .col-md-11 {
            -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
            max-width: 91.666667%;
        }
        .col-md-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
        .order-md-first {
            -ms-flex-order: -1;
            order: -1;
        }
        .order-md-last {
            -ms-flex-order: 13;
            order: 13;
        }
        .order-md-0 {
            -ms-flex-order: 0;
            order: 0;
        }
        .order-md-1 {
            -ms-flex-order: 1;
            order: 1;
        }
        .order-md-2 {
            -ms-flex-order: 2;
            order: 2;
        }
        .order-md-3 {
            -ms-flex-order: 3;
            order: 3;
        }
        .order-md-4 {
            -ms-flex-order: 4;
            order: 4;
        }
        .order-md-5 {
            -ms-flex-order: 5;
            order: 5;
        }
        .order-md-6 {
            -ms-flex-order: 6;
            order: 6;
        }
        .order-md-7 {
            -ms-flex-order: 7;
            order: 7;
        }
        .order-md-8 {
            -ms-flex-order: 8;
            order: 8;
        }
        .order-md-9 {
            -ms-flex-order: 9;
            order: 9;
        }
        .order-md-10 {
            -ms-flex-order: 10;
            order: 10;
        }
        .order-md-11 {
            -ms-flex-order: 11;
            order: 11;
        }
        .order-md-12 {
            -ms-flex-order: 12;
            order: 12;
        }
        .offset-md-0 {
            margin-left: 0;
        }
        .offset-md-1 {
            margin-left: 8.333333%;
        }
        .offset-md-2 {
            margin-left: 16.666667%;
        }
        .offset-md-3 {
            margin-left: 25%;
        }
        .offset-md-4 {
            margin-left: 33.333333%;
        }
        .offset-md-5 {
            margin-left: 41.666667%;
        }
        .offset-md-6 {
            margin-left: 50%;
        }
        .offset-md-7 {
            margin-left: 58.333333%;
        }
        .offset-md-8 {
            margin-left: 66.666667%;
        }
        .offset-md-9 {
            margin-left: 75%;
        }
        .offset-md-10 {
            margin-left: 83.333333%;
        }
        .offset-md-11 {
            margin-left: 91.666667%;
        }
    }

    @media (min-width: 992px) {
        .col-lg {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%;
        }
        .row-cols-lg-1 > * {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
        .row-cols-lg-2 > * {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
        .row-cols-lg-3 > * {
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }
        .row-cols-lg-4 > * {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }
        .row-cols-lg-5 > * {
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
        .row-cols-lg-6 > * {
            -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
        }
        .col-lg-auto {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
            max-width: 100%;
        }
        .col-lg-1 {
            -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
            max-width: 8.333333%;
        }
        .col-lg-2 {
            -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
        }
        .col-lg-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }
        .col-lg-4 {
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }
        .col-lg-5 {
            -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
        }
        .col-lg-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
        .col-lg-7 {
            -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
        }
        .col-lg-8 {
            -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
        }
        .col-lg-9 {
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%;
        }
        .col-lg-10 {
            -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
            max-width: 83.333333%;
        }
        .col-lg-11 {
            -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
            max-width: 91.666667%;
        }
        .col-lg-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
        .order-lg-first {
            -ms-flex-order: -1;
            order: -1;
        }
        .order-lg-last {
            -ms-flex-order: 13;
            order: 13;
        }
        .order-lg-0 {
            -ms-flex-order: 0;
            order: 0;
        }
        .order-lg-1 {
            -ms-flex-order: 1;
            order: 1;
        }
        .order-lg-2 {
            -ms-flex-order: 2;
            order: 2;
        }
        .order-lg-3 {
            -ms-flex-order: 3;
            order: 3;
        }
        .order-lg-4 {
            -ms-flex-order: 4;
            order: 4;
        }
        .order-lg-5 {
            -ms-flex-order: 5;
            order: 5;
        }
        .order-lg-6 {
            -ms-flex-order: 6;
            order: 6;
        }
        .order-lg-7 {
            -ms-flex-order: 7;
            order: 7;
        }
        .order-lg-8 {
            -ms-flex-order: 8;
            order: 8;
        }
        .order-lg-9 {
            -ms-flex-order: 9;
            order: 9;
        }
        .order-lg-10 {
            -ms-flex-order: 10;
            order: 10;
        }
        .order-lg-11 {
            -ms-flex-order: 11;
            order: 11;
        }
        .order-lg-12 {
            -ms-flex-order: 12;
            order: 12;
        }
        .offset-lg-0 {
            margin-left: 0;
        }
        .offset-lg-1 {
            margin-left: 8.333333%;
        }
        .offset-lg-2 {
            margin-left: 16.666667%;
        }
        .offset-lg-3 {
            margin-left: 25%;
        }
        .offset-lg-4 {
            margin-left: 33.333333%;
        }
        .offset-lg-5 {
            margin-left: 41.666667%;
        }
        .offset-lg-6 {
            margin-left: 50%;
        }
        .offset-lg-7 {
            margin-left: 58.333333%;
        }
        .offset-lg-8 {
            margin-left: 66.666667%;
        }
        .offset-lg-9 {
            margin-left: 75%;
        }
        .offset-lg-10 {
            margin-left: 83.333333%;
        }
        .offset-lg-11 {
            margin-left: 91.666667%;
        }
    }

    @media (min-width: 1200px) {
        .col-xl {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%;
        }
        .row-cols-xl-1 > * {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
        .row-cols-xl-2 > * {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
        .row-cols-xl-3 > * {
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }
        .row-cols-xl-4 > * {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }
        .row-cols-xl-5 > * {
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
        .row-cols-xl-6 > * {
            -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
        }
        .col-xl-auto {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
            max-width: 100%;
        }
        .col-xl-1 {
            -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
            max-width: 8.333333%;
        }
        .col-xl-2 {
            -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
        }
        .col-xl-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }
        .col-xl-4 {
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }
        .col-xl-5 {
            -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
        }
        .col-xl-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
        .col-xl-7 {
            -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
        }
        .col-xl-8 {
            -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
        }
        .col-xl-9 {
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%;
        }
        .col-xl-10 {
            -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
            max-width: 83.333333%;
        }
        .col-xl-11 {
            -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
            max-width: 91.666667%;
        }
        .col-xl-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
        .order-xl-first {
            -ms-flex-order: -1;
            order: -1;
        }
        .order-xl-last {
            -ms-flex-order: 13;
            order: 13;
        }
        .order-xl-0 {
            -ms-flex-order: 0;
            order: 0;
        }
        .order-xl-1 {
            -ms-flex-order: 1;
            order: 1;
        }
        .order-xl-2 {
            -ms-flex-order: 2;
            order: 2;
        }
        .order-xl-3 {
            -ms-flex-order: 3;
            order: 3;
        }
        .order-xl-4 {
            -ms-flex-order: 4;
            order: 4;
        }
        .order-xl-5 {
            -ms-flex-order: 5;
            order: 5;
        }
        .order-xl-6 {
            -ms-flex-order: 6;
            order: 6;
        }
        .order-xl-7 {
            -ms-flex-order: 7;
            order: 7;
        }
        .order-xl-8 {
            -ms-flex-order: 8;
            order: 8;
        }
        .order-xl-9 {
            -ms-flex-order: 9;
            order: 9;
        }
        .order-xl-10 {
            -ms-flex-order: 10;
            order: 10;
        }
        .order-xl-11 {
            -ms-flex-order: 11;
            order: 11;
        }
        .order-xl-12 {
            -ms-flex-order: 12;
            order: 12;
        }
        .offset-xl-0 {
            margin-left: 0;
        }
        .offset-xl-1 {
            margin-left: 8.333333%;
        }
        .offset-xl-2 {
            margin-left: 16.666667%;
        }
        .offset-xl-3 {
            margin-left: 25%;
        }
        .offset-xl-4 {
            margin-left: 33.333333%;
        }
        .offset-xl-5 {
            margin-left: 41.666667%;
        }
        .offset-xl-6 {
            margin-left: 50%;
        }
        .offset-xl-7 {
            margin-left: 58.333333%;
        }
        .offset-xl-8 {
            margin-left: 66.666667%;
        }
        .offset-xl-9 {
            margin-left: 75%;
        }
        .offset-xl-10 {
            margin-left: 83.333333%;
        }
        .offset-xl-11 {
            margin-left: 91.666667%;
        }
    }

    .table {
        width: 100%;
        margin-bottom: 1rem;
        color: #212529;
    }

    .table th,
    .table td {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6;
    }

    .table tbody + tbody {
        border-top: 2px solid #dee2e6;
    }

    .table-sm th,
    .table-sm td {
        padding: 0.3rem;
    }

    .table-bordered {
        border: 1px solid #dee2e6;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6;
    }

    .table-bordered thead th,
    .table-bordered thead td {
        border-bottom-width: 2px;
    }

    .table-borderless th,
    .table-borderless td,
    .table-borderless thead th,
    .table-borderless tbody + tbody {
        border: 0;
    }

    .table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(0, 0, 0, 0.05);
    }

    .table-hover tbody tr:hover {
        color: #212529;
        background-color: rgba(0, 0, 0, 0.075);
    }

    .table-primary,
    .table-primary > th,
    .table-primary > td {
        background-color: #b8daff;
    }

    .table-primary th,
    .table-primary td,
    .table-primary thead th,
    .table-primary tbody + tbody {
        border-color: #7abaff;
    }

    .table-hover .table-primary:hover {
        background-color: #9fcdff;
    }

    .table-hover .table-primary:hover > td,
    .table-hover .table-primary:hover > th {
        background-color: #9fcdff;
    }

    .table-secondary,
    .table-secondary > th,
    .table-secondary > td {
        background-color: #d6d8db;
    }

    .table-secondary th,
    .table-secondary td,
    .table-secondary thead th,
    .table-secondary tbody + tbody {
        border-color: #b3b7bb;
    }

    .table-hover .table-secondary:hover {
        background-color: #c8cbcf;
    }

    .table-hover .table-secondary:hover > td,
    .table-hover .table-secondary:hover > th {
        background-color: #c8cbcf;
    }

    .table-success,
    .table-success > th,
    .table-success > td {
        background-color: #c3e6cb;
    }

    .table-success th,
    .table-success td,
    .table-success thead th,
    .table-success tbody + tbody {
        border-color: #8fd19e;
    }

    .table-hover .table-success:hover {
        background-color: #b1dfbb;
    }

    .table-hover .table-success:hover > td,
    .table-hover .table-success:hover > th {
        background-color: #b1dfbb;
    }

    .table-info,
    .table-info > th,
    .table-info > td {
        background-color: #bee5eb;
    }

    .table-info th,
    .table-info td,
    .table-info thead th,
    .table-info tbody + tbody {
        border-color: #86cfda;
    }

    .table-hover .table-info:hover {
        background-color: #abdde5;
    }

    .table-hover .table-info:hover > td,
    .table-hover .table-info:hover > th {
        background-color: #abdde5;
    }

    .table-warning,
    .table-warning > th,
    .table-warning > td {
        background-color: #ffeeba;
    }

    .table-warning th,
    .table-warning td,
    .table-warning thead th,
    .table-warning tbody + tbody {
        border-color: #ffdf7e;
    }

    .table-hover .table-warning:hover {
        background-color: #ffe8a1;
    }

    .table-hover .table-warning:hover > td,
    .table-hover .table-warning:hover > th {
        background-color: #ffe8a1;
    }

    .table-danger,
    .table-danger > th,
    .table-danger > td {
        background-color: #f5c6cb;
    }

    .table-danger th,
    .table-danger td,
    .table-danger thead th,
    .table-danger tbody + tbody {
        border-color: #ed969e;
    }

    .table-hover .table-danger:hover {
        background-color: #f1b0b7;
    }

    .table-hover .table-danger:hover > td,
    .table-hover .table-danger:hover > th {
        background-color: #f1b0b7;
    }

    .table-light,
    .table-light > th,
    .table-light > td {
        background-color: #fdfdfe;
    }

    .table-light th,
    .table-light td,
    .table-light thead th,
    .table-light tbody + tbody {
        border-color: #fbfcfc;
    }

    .table-hover .table-light:hover {
        background-color: #ececf6;
    }

    .table-hover .table-light:hover > td,
    .table-hover .table-light:hover > th {
        background-color: #ececf6;
    }

    .table-dark,
    .table-dark > th,
    .table-dark > td {
        background-color: #c6c8ca;
    }

    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
        border-color: #95999c;
    }

    .table-hover .table-dark:hover {
        background-color: #b9bbbe;
    }

    .table-hover .table-dark:hover > td,
    .table-hover .table-dark:hover > th {
        background-color: #b9bbbe;
    }

    .table-active,
    .table-active > th,
    .table-active > td {
        background-color: rgba(0, 0, 0, 0.075);
    }

    .table-hover .table-active:hover {
        background-color: rgba(0, 0, 0, 0.075);
    }

    .table-hover .table-active:hover > td,
    .table-hover .table-active:hover > th {
        background-color: rgba(0, 0, 0, 0.075);
    }

    .table .thead-dark th {
        color: #fff;
        background-color: #343a40;
        border-color: #454d55;
    }

    .table .thead-light th {
        color: #495057;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .table-dark {
        color: #fff;
        background-color: #343a40;
    }

    .table-dark th,
    .table-dark td,
    .table-dark thead th {
        border-color: #454d55;
    }

    .table-dark.table-bordered {
        border: 0;
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255, 255, 255, 0.05);
    }

    .table-dark.table-hover tbody tr:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.075);
    }

    @media (max-width: 575.98px) {
        .table-responsive-sm {
            display: block;
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
        .table-responsive-sm > .table-bordered {
            border: 0;
        }
    }

    @media (max-width: 767.98px) {
        .table-responsive-md {
            display: block;
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
        .table-responsive-md > .table-bordered {
            border: 0;
        }
    }

    @media (max-width: 991.98px) {
        .table-responsive-lg {
            display: block;
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
        .table-responsive-lg > .table-bordered {
            border: 0;
        }
    }

    @media (max-width: 1199.98px) {
        .table-responsive-xl {
            display: block;
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
        .table-responsive-xl > .table-bordered {
            border: 0;
        }
    }

    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive > .table-bordered {
        border: 0;
    }

    .form-control {
        display: block;
        width: 100%;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .form-control {
            transition: none;
        }
    }

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0;
    }

    .form-control:focus {
        color: #495057;
        background-color: #fff;
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .form-control::-webkit-input-placeholder {
        color: #6c757d;
        opacity: 1;
    }

    .form-control::-moz-placeholder {
        color: #6c757d;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #6c757d;
        opacity: 1;
    }

    .form-control::-ms-input-placeholder {
        color: #6c757d;
        opacity: 1;
    }

    .form-control::placeholder {
        color: #6c757d;
        opacity: 1;
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #e9ecef;
        opacity: 1;
    }

    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    select.form-control:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #495057;
    }

    select.form-control:focus::-ms-value {
        color: #495057;
        background-color: #fff;
    }

    .form-control-file,
    .form-control-range {
        display: block;
        width: 100%;
    }

    .col-form-label {
        padding-top: calc(0.375rem + 1px);
        padding-bottom: calc(0.375rem + 1px);
        margin-bottom: 0;
        font-size: inherit;
        line-height: 1.5;
    }

    .col-form-label-lg {
        padding-top: calc(0.5rem + 1px);
        padding-bottom: calc(0.5rem + 1px);
        font-size: 1.25rem;
        line-height: 1.5;
    }

    .col-form-label-sm {
        padding-top: calc(0.25rem + 1px);
        padding-bottom: calc(0.25rem + 1px);
        font-size: 0.875rem;
        line-height: 1.5;
    }

    .form-control-plaintext {
        display: block;
        width: 100%;
        padding: 0.375rem 0;
        margin-bottom: 0;
        font-size: 1rem;
        line-height: 1.5;
        color: #212529;
        background-color: transparent;
        border: solid transparent;
        border-width: 1px 0;
    }

    .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
        padding-right: 0;
        padding-left: 0;
    }

    .form-control-sm {
        height: calc(1.5em + 0.5rem + 2px);
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-radius: 0.2rem;
    }

    .form-control-lg {
        height: calc(1.5em + 1rem + 2px);
        padding: 0.5rem 1rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: 0.3rem;
    }

    select.form-control[size], select.form-control[multiple] {
        height: auto;
    }

    textarea.form-control {
        height: auto;
    }

    .form-group {
        margin-bottom: 1rem;
    }

    .form-text {
        display: block;
        margin-top: 0.25rem;
    }

    .form-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -5px;
        margin-left: -5px;
    }

    .form-row > .col,
    .form-row > [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px;
    }

    .form-check {
        position: relative;
        display: block;
        padding-left: 1.25rem;
    }

    .form-check-input {
        position: absolute;
        margin-top: 0.3rem;
        margin-left: -1.25rem;
    }

    .form-check-input[disabled] ~ .form-check-label,
    .form-check-input:disabled ~ .form-check-label {
        color: #6c757d;
    }

    .form-check-label {
        margin-bottom: 0;
    }

    .form-check-inline {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0;
        margin-right: 0.75rem;
    }

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: 0.3125rem;
        margin-left: 0;
    }

    .valid-feedback {
        display: none;
        width: 100%;
        margin-top: 0.25rem;
        font-size: 0.875em;
        color: #28a745;
    }

    .valid-tooltip {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: 0.25rem 0.5rem;
        margin-top: .1rem;
        font-size: 0.875rem;
        line-height: 1.5;
        color: #fff;
        background-color: rgba(40, 167, 69, 0.9);
        border-radius: 0.25rem;
    }

    .form-row > .col > .valid-tooltip,
    .form-row > [class*="col-"] > .valid-tooltip {
        left: 5px;
    }

    .was-validated :valid ~ .valid-feedback,
    .was-validated :valid ~ .valid-tooltip,
    .is-valid ~ .valid-feedback,
    .is-valid ~ .valid-tooltip {
        display: block;
    }

    .was-validated .form-control:valid, .form-control.is-valid {
        border-color: #28a745;
        padding-right: calc(1.5em + 0.75rem) !important;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right calc(0.375em + 0.1875rem) center;
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    }

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    }

    .was-validated select.form-control:valid, select.form-control.is-valid {
        padding-right: 3rem !important;
        background-position: right 1.5rem center;
    }

    .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
        padding-right: calc(1.5em + 0.75rem);
        background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
    }

    .was-validated .custom-select:valid, .custom-select.is-valid {
        border-color: #28a745;
        padding-right: calc(0.75em + 2.3125rem) !important;
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
    }

    .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    }

    .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
        color: #28a745;
    }

    .was-validated .form-check-input:valid ~ .valid-feedback,
    .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
    .form-check-input.is-valid ~ .valid-tooltip {
        display: block;
    }

    .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
        color: #28a745;
    }

    .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
        border-color: #28a745;
    }

    .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
        border-color: #34ce57;
        background-color: #34ce57;
    }

    .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    }

    .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #28a745;
    }

    .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
        border-color: #28a745;
    }

    .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    }

    .invalid-feedback {
        display: none;
        width: 100%;
        margin-top: 0.25rem;
        font-size: 0.875em;
        color: #dc3545;
    }

    .invalid-tooltip {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: 0.25rem 0.5rem;
        margin-top: .1rem;
        font-size: 0.875rem;
        line-height: 1.5;
        color: #fff;
        background-color: rgba(220, 53, 69, 0.9);
        border-radius: 0.25rem;
    }

    .form-row > .col > .invalid-tooltip,
    .form-row > [class*="col-"] > .invalid-tooltip {
        left: 5px;
    }

    .was-validated :invalid ~ .invalid-feedback,
    .was-validated :invalid ~ .invalid-tooltip,
    .is-invalid ~ .invalid-feedback,
    .is-invalid ~ .invalid-tooltip {
        display: block;
    }

    .was-validated .form-control:invalid, .form-control.is-invalid {
        border-color: #dc3545;
        padding-right: calc(1.5em + 0.75rem) !important;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right calc(0.375em + 0.1875rem) center;
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    }

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

    .was-validated select.form-control:invalid, select.form-control.is-invalid {
        padding-right: 3rem !important;
        background-position: right 1.5rem center;
    }

    .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
        padding-right: calc(1.5em + 0.75rem);
        background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
    }

    .was-validated .custom-select:invalid, .custom-select.is-invalid {
        border-color: #dc3545;
        padding-right: calc(0.75em + 2.3125rem) !important;
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
    }

    .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

    .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
        color: #dc3545;
    }

    .was-validated .form-check-input:invalid ~ .invalid-feedback,
    .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
    .form-check-input.is-invalid ~ .invalid-tooltip {
        display: block;
    }

    .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
        color: #dc3545;
    }

    .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
        border-color: #dc3545;
    }

    .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
        border-color: #e4606d;
        background-color: #e4606d;
    }

    .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

    .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #dc3545;
    }

    .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
        border-color: #dc3545;
    }

    .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

    .form-inline {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
    }

    .form-inline .form-check {
        width: 100%;
    }

    @media (min-width: 576px) {
        .form-inline label {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-bottom: 0;
        }
        .form-inline .form-group {
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 0;
        }
        .form-inline .form-control {
            display: inline-block;
            width: auto;
            vertical-align: middle;
        }
        .form-inline .form-control-plaintext {
            display: inline-block;
        }
        .form-inline .input-group,
        .form-inline .custom-select {
            width: auto;
        }
        .form-inline .form-check {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: auto;
            padding-left: 0;
        }
        .form-inline .form-check-input {
            position: relative;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            margin-top: 0;
            margin-right: 0.25rem;
            margin-left: 0;
        }
        .form-inline .custom-control {
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        .form-inline .custom-control-label {
            margin-bottom: 0;
        }
    }

    .btn {
        display: inline-block;
        font-weight: 400;
        color: #212529;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 0.25rem;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .btn {
            transition: none;
        }
    }

    .btn:hover {
        color: #212529;
        text-decoration: none;
    }

    .btn:focus, .btn.focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .btn.disabled, .btn:disabled {
        opacity: 0.65;
    }

    .btn:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

    a.btn.disabled,
    fieldset:disabled a.btn {
        pointer-events: none;
    }

    .btn-primary {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
    }

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }

    .btn-secondary {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
        box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b;
    }

    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
    }

    .btn-success {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
    }

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
        box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
    .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430;
    }

    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
    }

    .btn-info {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
    }

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
        box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
    .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f;
    }

    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
    }

    .btn-warning {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
    }

    .btn-warning:focus, .btn-warning.focus {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
        box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
    .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500;
    }

    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
    }

    .btn-danger {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
    }

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
        box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
    .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d;
    }

    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
    }

    .btn-light {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }

    .btn-light:focus, .btn-light.focus {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
        box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
    .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df;
    }

    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-light.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
    }

    .btn-dark {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
    }

    .btn-dark:focus, .btn-dark.focus {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
        box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
    .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d;
    }

    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-dark.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
    }

    .btn-outline-primary {
        color: #007bff;
        border-color: #007bff;
    }

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #007bff;
        background-color: transparent;
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-outline-secondary {
        color: #6c757d;
        border-color: #6c757d;
    }

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent;
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    }

    .btn-outline-success {
        color: #28a745;
        border-color: #28a745;
    }

    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #28a745;
        background-color: transparent;
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
    .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    }

    .btn-outline-info {
        color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent;
    }

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    }

    .btn-outline-warning {
        color: #ffc107;
        border-color: #ffc107;
    }

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent;
    }

    .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
    .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    }

    .btn-outline-danger {
        color: #dc3545;
        border-color: #dc3545;
    }

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent;
    }

    .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
    .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    }

    .btn-outline-light {
        color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-outline-light:focus, .btn-outline-light.focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent;
    }

    .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
    .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-light.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    }

    .btn-outline-dark {
        color: #343a40;
        border-color: #343a40;
    }

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-outline-dark:focus, .btn-outline-dark.focus {
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent;
    }

    .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
    .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-dark.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    }

    .btn-link {
        font-weight: 400;
        color: #007bff;
        text-decoration: none;
    }

    .btn-link:hover {
        color: #0056b3;
        text-decoration: underline;
    }

    .btn-link:focus, .btn-link.focus {
        text-decoration: underline;
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #6c757d;
        pointer-events: none;
    }

    .btn-lg, .btn-group-lg > .btn {
        padding: 0.5rem 1rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: 0.3rem;
    }

    .btn-sm, .btn-group-sm > .btn {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-radius: 0.2rem;
    }

    .btn-block {
        display: block;
        width: 100%;
    }

    .btn-block + .btn-block {
        margin-top: 0.5rem;
    }

    input[type="submit"].btn-block,
    input[type="reset"].btn-block,
    input[type="button"].btn-block {
        width: 100%;
    }

    .fade {
        transition: opacity 0.15s linear;
    }

    @media (prefers-reduced-motion: reduce) {
        .fade {
            transition: none;
        }
    }

    .fade:not(.show) {
        opacity: 0;
    }

    .collapse:not(.show) {
        display: none;
    }

    .collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        transition: height 0.35s ease;
    }

    @media (prefers-reduced-motion: reduce) {
        .collapsing {
            transition: none;
        }
    }

    .collapsing.width {
        width: 0;
        height: auto;
        transition: width 0.35s ease;
    }

    @media (prefers-reduced-motion: reduce) {
        .collapsing.width {
            transition: none;
        }
    }

    .dropup,
    .dropright,
    .dropdown,
    .dropleft {
        position: relative;
    }

    .dropdown-toggle {
        white-space: nowrap;
    }

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

    .dropdown-toggle:empty::after {
        margin-left: 0;
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0.125rem 0 0;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.25rem;
    }

    .dropdown-menu-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-right {
        right: 0;
        left: auto;
    }

    @media (min-width: 576px) {
        .dropdown-menu-sm-left {
            right: auto;
            left: 0;
        }
        .dropdown-menu-sm-right {
            right: 0;
            left: auto;
        }
    }

    @media (min-width: 768px) {
        .dropdown-menu-md-left {
            right: auto;
            left: 0;
        }
        .dropdown-menu-md-right {
            right: 0;
            left: auto;
        }
    }

    @media (min-width: 992px) {
        .dropdown-menu-lg-left {
            right: auto;
            left: 0;
        }
        .dropdown-menu-lg-right {
            right: 0;
            left: auto;
        }
    }

    @media (min-width: 1200px) {
        .dropdown-menu-xl-left {
            right: auto;
            left: 0;
        }
        .dropdown-menu-xl-right {
            right: 0;
            left: auto;
        }
    }

    .dropup .dropdown-menu {
        top: auto;
        bottom: 100%;
        margin-top: 0;
        margin-bottom: 0.125rem;
    }

    .dropup .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0;
        border-right: 0.3em solid transparent;
        border-bottom: 0.3em solid;
        border-left: 0.3em solid transparent;
    }

    .dropup .dropdown-toggle:empty::after {
        margin-left: 0;
    }

    .dropright .dropdown-menu {
        top: 0;
        right: auto;
        left: 100%;
        margin-top: 0;
        margin-left: 0.125rem;
    }

    .dropright .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid transparent;
        border-right: 0;
        border-bottom: 0.3em solid transparent;
        border-left: 0.3em solid;
    }

    .dropright .dropdown-toggle:empty::after {
        margin-left: 0;
    }

    .dropright .dropdown-toggle::after {
        vertical-align: 0;
    }

    .dropleft .dropdown-menu {
        top: 0;
        right: 100%;
        left: auto;
        margin-top: 0;
        margin-right: 0.125rem;
    }

    .dropleft .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
    }

    .dropleft .dropdown-toggle::after {
        display: none;
    }

    .dropleft .dropdown-toggle::before {
        display: inline-block;
        margin-right: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid transparent;
        border-right: 0.3em solid;
        border-bottom: 0.3em solid transparent;
    }

    .dropleft .dropdown-toggle:empty::after {
        margin-left: 0;
    }

    .dropleft .dropdown-toggle::before {
        vertical-align: 0;
    }

    .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
        right: auto;
        bottom: auto;
    }

    .dropdown-divider {
        height: 0;
        margin: 0.5rem 0;
        overflow: hidden;
        border-top: 1px solid #e9ecef;
    }

    .dropdown-item {
        display: block;
        width: 100%;
        padding: 0.25rem 1.5rem;
        clear: both;
        font-weight: 400;
        color: #212529;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
    }

    .dropdown-item:hover, .dropdown-item:focus {
        color: #16181b;
        text-decoration: none;
        background-color: #e9ecef;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #007bff;
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #adb5bd;
        pointer-events: none;
        background-color: transparent;
    }

    .dropdown-menu.show {
        display: block;
    }

    .dropdown-header {
        display: block;
        padding: 0.5rem 1.5rem;
        margin-bottom: 0;
        font-size: 0.875rem;
        color: #6c757d;
        white-space: nowrap;
    }

    .dropdown-item-text {
        display: block;
        padding: 0.25rem 1.5rem;
        color: #212529;
    }

    .btn-group,
    .btn-group-vertical {
        position: relative;
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: middle;
    }

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .btn-group > .btn:hover,
    .btn-group-vertical > .btn:hover {
        z-index: 1;
    }

    .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
        z-index: 1;
    }

    .btn-toolbar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .btn-toolbar .input-group {
        width: auto;
    }

    .btn-group > .btn:not(:first-child),
    .btn-group > .btn-group:not(:first-child) {
        margin-left: -1px;
    }

    .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
    .btn-group > .btn-group:not(:last-child) > .btn {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .btn-group > .btn:not(:first-child),
    .btn-group > .btn-group:not(:first-child) > .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .dropdown-toggle-split {
        padding-right: 0.5625rem;
        padding-left: 0.5625rem;
    }

    .dropdown-toggle-split::after,
    .dropup .dropdown-toggle-split::after,
    .dropright .dropdown-toggle-split::after {
        margin-left: 0;
    }

    .dropleft .dropdown-toggle-split::before {
        margin-right: 0;
    }

    .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
        padding-right: 0.375rem;
        padding-left: 0.375rem;
    }

    .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    .btn-group-vertical {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .btn-group-vertical > .btn,
    .btn-group-vertical > .btn-group {
        width: 100%;
    }

    .btn-group-vertical > .btn:not(:first-child),
    .btn-group-vertical > .btn-group:not(:first-child) {
        margin-top: -1px;
    }

    .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
    .btn-group-vertical > .btn-group:not(:last-child) > .btn {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:not(:first-child),
    .btn-group-vertical > .btn-group:not(:first-child) > .btn {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .btn-group-toggle > .btn,
    .btn-group-toggle > .btn-group > .btn {
        margin-bottom: 0;
    }

    .btn-group-toggle > .btn input[type="radio"],
    .btn-group-toggle > .btn input[type="checkbox"],
    .btn-group-toggle > .btn-group > .btn input[type="radio"],
    .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
    }

    .input-group {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100%;
    }

    .input-group > .form-control,
    .input-group > .form-control-plaintext,
    .input-group > .custom-select,
    .input-group > .custom-file {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        margin-bottom: 0;
    }

    .input-group > .form-control + .form-control,
    .input-group > .form-control + .custom-select,
    .input-group > .form-control + .custom-file,
    .input-group > .form-control-plaintext + .form-control,
    .input-group > .form-control-plaintext + .custom-select,
    .input-group > .form-control-plaintext + .custom-file,
    .input-group > .custom-select + .form-control,
    .input-group > .custom-select + .custom-select,
    .input-group > .custom-select + .custom-file,
    .input-group > .custom-file + .form-control,
    .input-group > .custom-file + .custom-select,
    .input-group > .custom-file + .custom-file {
        margin-left: -1px;
    }

    .input-group > .form-control:focus,
    .input-group > .custom-select:focus,
    .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
        z-index: 3;
    }

    .input-group > .custom-file .custom-file-input:focus {
        z-index: 4;
    }

    .input-group > .form-control:not(:first-child),
    .input-group > .custom-select:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .input-group > .custom-file {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

    .input-group > .custom-file:not(:last-child) .custom-file-label,
    .input-group > .custom-file:not(:last-child) .custom-file-label::after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group > .custom-file:not(:first-child) .custom-file-label {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .input-group:not(.has-validation) > .form-control:not(:last-child),
    .input-group:not(.has-validation) > .custom-select:not(:last-child),
    .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
    .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group.has-validation > .form-control:nth-last-child(n + 3),
    .input-group.has-validation > .custom-select:nth-last-child(n + 3),
    .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label,
    .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group-prepend,
    .input-group-append {
        display: -ms-flexbox;
        display: flex;
    }

    .input-group-prepend .btn,
    .input-group-append .btn {
        position: relative;
        z-index: 2;
    }

    .input-group-prepend .btn:focus,
    .input-group-append .btn:focus {
        z-index: 3;
    }

    .input-group-prepend .btn + .btn,
    .input-group-prepend .btn + .input-group-text,
    .input-group-prepend .input-group-text + .input-group-text,
    .input-group-prepend .input-group-text + .btn,
    .input-group-append .btn + .btn,
    .input-group-append .btn + .input-group-text,
    .input-group-append .input-group-text + .input-group-text,
    .input-group-append .input-group-text + .btn {
        margin-left: -1px;
    }

    .input-group-prepend {
        margin-right: -1px;
    }

    .input-group-append {
        margin-left: -1px;
    }

    .input-group-text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 0.375rem 0.75rem;
        margin-bottom: 0;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        text-align: center;
        white-space: nowrap;
        background-color: #e9ecef;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
    }

    .input-group-text input[type="radio"],
    .input-group-text input[type="checkbox"] {
        margin-top: 0;
    }

    .input-group-lg > .form-control:not(textarea),
    .input-group-lg > .custom-select {
        height: calc(1.5em + 1rem + 2px);
    }

    .input-group-lg > .form-control,
    .input-group-lg > .custom-select,
    .input-group-lg > .input-group-prepend > .input-group-text,
    .input-group-lg > .input-group-append > .input-group-text,
    .input-group-lg > .input-group-prepend > .btn,
    .input-group-lg > .input-group-append > .btn {
        padding: 0.5rem 1rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: 0.3rem;
    }

    .input-group-sm > .form-control:not(textarea),
    .input-group-sm > .custom-select {
        height: calc(1.5em + 0.5rem + 2px);
    }

    .input-group-sm > .form-control,
    .input-group-sm > .custom-select,
    .input-group-sm > .input-group-prepend > .input-group-text,
    .input-group-sm > .input-group-append > .input-group-text,
    .input-group-sm > .input-group-prepend > .btn,
    .input-group-sm > .input-group-append > .btn {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-radius: 0.2rem;
    }

    .input-group-lg > .custom-select,
    .input-group-sm > .custom-select {
        padding-right: 1.75rem;
    }

    .input-group > .input-group-prepend > .btn,
    .input-group > .input-group-prepend > .input-group-text,
    .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
    .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
    .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,
    .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,
    .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
    .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group > .input-group-append > .btn,
    .input-group > .input-group-append > .input-group-text,
    .input-group > .input-group-prepend:not(:first-child) > .btn,
    .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
    .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
    .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .custom-control {
        position: relative;
        z-index: 1;
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5rem;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
        print-color-adjust: exact;
    }

    .custom-control-inline {
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: 1rem;
    }

    .custom-control-input {
        position: absolute;
        left: 0;
        z-index: -1;
        width: 1rem;
        height: 1.25rem;
        opacity: 0;
    }

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        border-color: #007bff;
        background-color: #007bff;
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #80bdff;
    }

    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        color: #fff;
        background-color: #b3d7ff;
        border-color: #b3d7ff;
    }

    .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
        color: #6c757d;
    }

    .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
        background-color: #e9ecef;
    }

    .custom-control-label {
        position: relative;
        margin-bottom: 0;
        vertical-align: top;
    }

    .custom-control-label::before {
        position: absolute;
        top: 0.25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: 1px solid #adb5bd;
    }

    .custom-control-label::after {
        position: absolute;
        top: 0.25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background: 50% / 50% 50% no-repeat;
    }

    .custom-checkbox .custom-control-label::before {
        border-radius: 0.25rem;
    }

    .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
    }

    .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
        border-color: #007bff;
        background-color: #007bff;
    }

    .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
    }

    .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: rgba(0, 123, 255, 0.5);
    }

    .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
        background-color: rgba(0, 123, 255, 0.5);
    }

    .custom-radio .custom-control-label::before {
        border-radius: 50%;
    }

    .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    }

    .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: rgba(0, 123, 255, 0.5);
    }

    .custom-switch {
        padding-left: 2.25rem;
    }

    .custom-switch .custom-control-label::before {
        left: -2.25rem;
        width: 1.75rem;
        pointer-events: all;
        border-radius: 0.5rem;
    }

    .custom-switch .custom-control-label::after {
        top: calc(0.25rem + 2px);
        left: calc(-2.25rem + 2px);
        width: calc(1rem - 4px);
        height: calc(1rem - 4px);
        background-color: #adb5bd;
        border-radius: 0.5rem;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
        transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .custom-switch .custom-control-label::after {
            transition: none;
        }
    }

    .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
        background-color: #fff;
        -webkit-transform: translateX(0.75rem);
        transform: translateX(0.75rem);
    }

    .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: rgba(0, 123, 255, 0.5);
    }

    .custom-select {
        display: inline-block;
        width: 100%;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 0.375rem 1.75rem 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        vertical-align: middle;
        background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .custom-select:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .custom-select:focus::-ms-value {
        color: #495057;
        background-color: #fff;
    }

    .custom-select[multiple], .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: 0.75rem;
        background-image: none;
    }

    .custom-select:disabled {
        color: #6c757d;
        background-color: #e9ecef;
    }

    .custom-select::-ms-expand {
        display: none;
    }

    .custom-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #495057;
    }

    .custom-select-sm {
        height: calc(1.5em + 0.5rem + 2px);
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        padding-left: 0.5rem;
        font-size: 0.875rem;
    }

    .custom-select-lg {
        height: calc(1.5em + 1rem + 2px);
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 1rem;
        font-size: 1.25rem;
    }

    .custom-file {
        position: relative;
        display: inline-block;
        width: 100%;
        height: calc(1.5em + 0.75rem + 2px);
        margin-bottom: 0;
    }

    .custom-file-input {
        position: relative;
        z-index: 2;
        width: 100%;
        height: calc(1.5em + 0.75rem + 2px);
        margin: 0;
        overflow: hidden;
        opacity: 0;
    }

    .custom-file-input:focus ~ .custom-file-label {
        border-color: #80bdff;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .custom-file-input[disabled] ~ .custom-file-label,
    .custom-file-input:disabled ~ .custom-file-label {
        background-color: #e9ecef;
    }

    .custom-file-input:lang(en) ~ .custom-file-label::after {
        content: "Browse";
    }

    .custom-file-input ~ .custom-file-label[data-browse]::after {
        content: attr(data-browse);
    }

    .custom-file-label {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 0.375rem 0.75rem;
        overflow: hidden;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
    }

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.5em + 0.75rem);
        padding: 0.375rem 0.75rem;
        line-height: 1.5;
        color: #495057;
        content: "Browse";
        background-color: #e9ecef;
        border-left: inherit;
        border-radius: 0 0.25rem 0.25rem 0;
    }

    .custom-range {
        width: 100%;
        height: 1.4rem;
        padding: 0;
        background-color: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .custom-range:focus {
        outline: 0;
    }

    .custom-range:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .custom-range:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .custom-range:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .custom-range::-moz-focus-outer {
        border: 0;
    }

    .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        -webkit-appearance: none;
        appearance: none;
    }

    @media (prefers-reduced-motion: reduce) {
        .custom-range::-webkit-slider-thumb {
            -webkit-transition: none;
            transition: none;
        }
    }

    .custom-range::-webkit-slider-thumb:active {
        background-color: #b3d7ff;
    }

    .custom-range::-webkit-slider-runnable-track {
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: #dee2e6;
        border-color: transparent;
        border-radius: 1rem;
    }

    .custom-range::-moz-range-thumb {
        width: 1rem;
        height: 1rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        -moz-appearance: none;
        appearance: none;
    }

    @media (prefers-reduced-motion: reduce) {
        .custom-range::-moz-range-thumb {
            -moz-transition: none;
            transition: none;
        }
    }

    .custom-range::-moz-range-thumb:active {
        background-color: #b3d7ff;
    }

    .custom-range::-moz-range-track {
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: #dee2e6;
        border-color: transparent;
        border-radius: 1rem;
    }

    .custom-range::-ms-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: 0;
        margin-right: 0.2rem;
        margin-left: 0.2rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        appearance: none;
    }

    @media (prefers-reduced-motion: reduce) {
        .custom-range::-ms-thumb {
            -ms-transition: none;
            transition: none;
        }
    }

    .custom-range::-ms-thumb:active {
        background-color: #b3d7ff;
    }

    .custom-range::-ms-track {
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: transparent;
        border-color: transparent;
        border-width: 0.5rem;
    }

    .custom-range::-ms-fill-lower {
        background-color: #dee2e6;
        border-radius: 1rem;
    }

    .custom-range::-ms-fill-upper {
        margin-right: 15px;
        background-color: #dee2e6;
        border-radius: 1rem;
    }

    .custom-range:disabled::-webkit-slider-thumb {
        background-color: #adb5bd;
    }

    .custom-range:disabled::-webkit-slider-runnable-track {
        cursor: default;
    }

    .custom-range:disabled::-moz-range-thumb {
        background-color: #adb5bd;
    }

    .custom-range:disabled::-moz-range-track {
        cursor: default;
    }

    .custom-range:disabled::-ms-thumb {
        background-color: #adb5bd;
    }

    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .custom-control-label::before,
        .custom-file-label,
        .custom-select {
            transition: none;
        }
    }

    .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .nav-link {
        display: block;
        padding: 0.5rem 1rem;
    }

    .nav-link:hover, .nav-link:focus {
        text-decoration: none;
    }

    .nav-link.disabled {
        color: #6c757d;
        pointer-events: none;
        cursor: default;
    }

    .nav-tabs {
        border-bottom: 1px solid #dee2e6;
    }

    .nav-tabs .nav-link {
        margin-bottom: -1px;
        background-color: transparent;
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
        isolation: isolate;
        border-color: #e9ecef #e9ecef #dee2e6;
    }

    .nav-tabs .nav-link.disabled {
        color: #6c757d;
        background-color: transparent;
        border-color: transparent;
    }

    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.show .nav-link {
        color: #495057;
        background-color: #fff;
        border-color: #dee2e6 #dee2e6 #fff;
    }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .nav-pills .nav-link {
        background: none;
        border: 0;
        border-radius: 0.25rem;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff;
    }

    .nav-fill > .nav-link,
    .nav-fill .nav-item {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        text-align: center;
    }

    .nav-justified > .nav-link,
    .nav-justified .nav-item {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center;
    }

    .tab-content > .tab-pane {
        display: none;
    }

    .tab-content > .active {
        display: block;
    }

    .navbar {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0.5rem 1rem;
    }

    .navbar .container,
    .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .navbar-brand {
        display: inline-block;
        padding-top: 0.3125rem;
        padding-bottom: 0.3125rem;
        margin-right: 1rem;
        font-size: 1.25rem;
        line-height: inherit;
        white-space: nowrap;
    }

    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none;
    }

    .navbar-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

    .navbar-text {
        display: inline-block;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .navbar-collapse {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center;
    }

    .navbar-toggler {
        padding: 0.25rem 0.75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 0.25rem;
    }

    .navbar-toggler:hover, .navbar-toggler:focus {
        text-decoration: none;
    }

    .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        content: "";
        background: 50% / 100% 100% no-repeat;
    }

    .navbar-nav-scroll {
        max-height: 75vh;
        overflow-y: auto;
    }

    @media (max-width: 575.98px) {
        .navbar-expand-sm > .container,
        .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
            padding-right: 0;
            padding-left: 0;
        }
    }

    @media (min-width: 576px) {
        .navbar-expand-sm {
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }
        .navbar-expand-sm .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row;
        }
        .navbar-expand-sm .navbar-nav .dropdown-menu {
            position: absolute;
        }
        .navbar-expand-sm .navbar-nav .nav-link {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }
        .navbar-expand-sm > .container,
        .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }
        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible;
        }
        .navbar-expand-sm .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }
        .navbar-expand-sm .navbar-toggler {
            display: none;
        }
    }

    @media (max-width: 767.98px) {
        .navbar-expand-md > .container,
        .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
            padding-right: 0;
            padding-left: 0;
        }
    }

    @media (min-width: 768px) {
        .navbar-expand-md {
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }
        .navbar-expand-md .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row;
        }
        .navbar-expand-md .navbar-nav .dropdown-menu {
            position: absolute;
        }
        .navbar-expand-md .navbar-nav .nav-link {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }
        .navbar-expand-md > .container,
        .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }
        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible;
        }
        .navbar-expand-md .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }
        .navbar-expand-md .navbar-toggler {
            display: none;
        }
    }

    @media (max-width: 991.98px) {
        .navbar-expand-lg > .container,
        .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
            padding-right: 0;
            padding-left: 0;
        }
    }

    @media (min-width: 992px) {
        .navbar-expand-lg {
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }
        .navbar-expand-lg .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row;
        }
        .navbar-expand-lg .navbar-nav .dropdown-menu {
            position: absolute;
        }
        .navbar-expand-lg .navbar-nav .nav-link {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }
        .navbar-expand-lg > .container,
        .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }
        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible;
        }
        .navbar-expand-lg .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }
        .navbar-expand-lg .navbar-toggler {
            display: none;
        }
    }

    @media (max-width: 1199.98px) {
        .navbar-expand-xl > .container,
        .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
            padding-right: 0;
            padding-left: 0;
        }
    }

    @media (min-width: 1200px) {
        .navbar-expand-xl {
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }
        .navbar-expand-xl .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row;
        }
        .navbar-expand-xl .navbar-nav .dropdown-menu {
            position: absolute;
        }
        .navbar-expand-xl .navbar-nav .nav-link {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }
        .navbar-expand-xl > .container,
        .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }
        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible;
        }
        .navbar-expand-xl .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }
        .navbar-expand-xl .navbar-toggler {
            display: none;
        }
    }

    .navbar-expand {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand > .container,
    .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-expand .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand > .container,
    .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand .navbar-toggler {
        display: none;
    }

    .navbar-light .navbar-brand {
        color: rgba(0, 0, 0, 0.9);
    }

    .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
        color: rgba(0, 0, 0, 0.9);
    }

    .navbar-light .navbar-nav .nav-link {
        color: rgba(0, 0, 0, 0.5);
    }

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: rgba(0, 0, 0, 0.7);
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, 0.3);
    }

    .navbar-light .navbar-nav .show > .nav-link,
    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .nav-link.active {
        color: rgba(0, 0, 0, 0.9);
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, 0.5);
        border-color: rgba(0, 0, 0, 0.1);
    }

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

    .navbar-light .navbar-text {
        color: rgba(0, 0, 0, 0.5);
    }

    .navbar-light .navbar-text a {
        color: rgba(0, 0, 0, 0.9);
    }

    .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
        color: rgba(0, 0, 0, 0.9);
    }

    .navbar-dark .navbar-brand {
        color: #fff;
    }

    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
        color: #fff;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 0.5);
    }

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: rgba(255, 255, 255, 0.75);
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.25);
    }

    .navbar-dark .navbar-nav .show > .nav-link,
    .navbar-dark .navbar-nav .active > .nav-link,
    .navbar-dark .navbar-nav .nav-link.show,
    .navbar-dark .navbar-nav .nav-link.active {
        color: #fff;
    }

    .navbar-dark .navbar-toggler {
        color: rgba(255, 255, 255, 0.5);
        border-color: rgba(255, 255, 255, 0.1);
    }

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

    .navbar-dark .navbar-text {
        color: rgba(255, 255, 255, 0.5);
    }

    .navbar-dark .navbar-text a {
        color: #fff;
    }

    .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
        color: #fff;
    }

    .card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0, 0, 0, 0.125);
        border-radius: 0.25rem;
    }

    .card > hr {
        margin-right: 0;
        margin-left: 0;
    }

    .card > .list-group {
        border-top: inherit;
        border-bottom: inherit;
    }

    .card > .list-group:first-child {
        border-top-width: 0;
        border-top-left-radius: calc(0.25rem - 1px);
        border-top-right-radius: calc(0.25rem - 1px);
    }

    .card > .list-group:last-child {
        border-bottom-width: 0;
        border-bottom-right-radius: calc(0.25rem - 1px);
        border-bottom-left-radius: calc(0.25rem - 1px);
    }

    .card > .card-header + .list-group,
    .card > .list-group + .card-footer {
        border-top: 0;
    }

    .card-body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-height: 1px;
        padding: 1.25rem;
    }

    .card-title {
        margin-bottom: 0.75rem;
    }

    .card-subtitle {
        margin-top: -0.375rem;
        margin-bottom: 0;
    }

    .card-text:last-child {
        margin-bottom: 0;
    }

    .card-link:hover {
        text-decoration: none;
    }

    .card-link + .card-link {
        margin-left: 1.25rem;
    }

    .card-header {
        padding: 0.75rem 1.25rem;
        margin-bottom: 0;
        background-color: rgba(0, 0, 0, 0.03);
        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    }

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

    .card-footer {
        padding: 0.75rem 1.25rem;
        background-color: rgba(0, 0, 0, 0.03);
        border-top: 1px solid rgba(0, 0, 0, 0.125);
    }

    .card-footer:last-child {
        border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
    }

    .card-header-tabs {
        margin-right: -0.625rem;
        margin-bottom: -0.75rem;
        margin-left: -0.625rem;
        border-bottom: 0;
    }

    .card-header-pills {
        margin-right: -0.625rem;
        margin-left: -0.625rem;
    }

    .card-img-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1.25rem;
        border-radius: calc(0.25rem - 1px);
    }

    .card-img,
    .card-img-top,
    .card-img-bottom {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
    }

    .card-img,
    .card-img-top {
        border-top-left-radius: calc(0.25rem - 1px);
        border-top-right-radius: calc(0.25rem - 1px);
    }

    .card-img,
    .card-img-bottom {
        border-bottom-right-radius: calc(0.25rem - 1px);
        border-bottom-left-radius: calc(0.25rem - 1px);
    }

    .card-deck .card {
        margin-bottom: 15px;
    }

    @media (min-width: 576px) {
        .card-deck {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            margin-right: -15px;
            margin-left: -15px;
        }
        .card-deck .card {
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px;
        }
    }

    .card-group > .card {
        margin-bottom: 15px;
    }

    @media (min-width: 576px) {
        .card-group {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        }
        .card-group > .card {
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-bottom: 0;
        }
        .card-group > .card + .card {
            margin-left: 0;
            border-left: 0;
        }
        .card-group > .card:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
        .card-group > .card:not(:last-child) .card-img-top,
        .card-group > .card:not(:last-child) .card-header {
            border-top-right-radius: 0;
        }
        .card-group > .card:not(:last-child) .card-img-bottom,
        .card-group > .card:not(:last-child) .card-footer {
            border-bottom-right-radius: 0;
        }
        .card-group > .card:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
        .card-group > .card:not(:first-child) .card-img-top,
        .card-group > .card:not(:first-child) .card-header {
            border-top-left-radius: 0;
        }
        .card-group > .card:not(:first-child) .card-img-bottom,
        .card-group > .card:not(:first-child) .card-footer {
            border-bottom-left-radius: 0;
        }
    }

    .card-columns .card {
        margin-bottom: 0.75rem;
    }

    @media (min-width: 576px) {
        .card-columns {
            -webkit-column-count: 3;
            -moz-column-count: 3;
            column-count: 3;
            -webkit-column-gap: 1.25rem;
            -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
            orphans: 1;
            widows: 1;
        }
        .card-columns .card {
            display: inline-block;
            width: 100%;
        }
    }

    .accordion {
        overflow-anchor: none;
    }

    .accordion > .card {
        overflow: hidden;
    }

    .accordion > .card:not(:last-of-type) {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .accordion > .card:not(:first-of-type) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .accordion > .card > .card-header {
        border-radius: 0;
        margin-bottom: -1px;
    }

    .breadcrumb {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0.75rem 1rem;
        margin-bottom: 1rem;
        list-style: none;
        background-color: #e9ecef;
        border-radius: 0.25rem;
    }

    .breadcrumb-item + .breadcrumb-item {
        padding-left: 0.5rem;
    }

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: 0.5rem;
        color: #6c757d;
        content: "/";
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: underline;
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: none;
    }

    .breadcrumb-item.active {
        color: #6c757d;
    }

    .pagination {
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        list-style: none;
        border-radius: 0.25rem;
    }

    .page-link {
        position: relative;
        display: block;
        padding: 0.5rem 0.75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #007bff;
        background-color: #fff;
        border: 1px solid #dee2e6;
    }

    .page-link:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .page-link:focus {
        z-index: 3;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .page-item:first-child .page-link {
        margin-left: 0;
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

    .page-item:last-child .page-link {
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }

    .page-item.active .page-link {
        z-index: 3;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .page-item.disabled .page-link {
        color: #6c757d;
        pointer-events: none;
        cursor: auto;
        background-color: #fff;
        border-color: #dee2e6;
    }

    .pagination-lg .page-link {
        padding: 0.75rem 1.5rem;
        font-size: 1.25rem;
        line-height: 1.5;
    }

    .pagination-lg .page-item:first-child .page-link {
        border-top-left-radius: 0.3rem;
        border-bottom-left-radius: 0.3rem;
    }

    .pagination-lg .page-item:last-child .page-link {
        border-top-right-radius: 0.3rem;
        border-bottom-right-radius: 0.3rem;
    }

    .pagination-sm .page-link {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
    }

    .pagination-sm .page-item:first-child .page-link {
        border-top-left-radius: 0.2rem;
        border-bottom-left-radius: 0.2rem;
    }

    .pagination-sm .page-item:last-child .page-link {
        border-top-right-radius: 0.2rem;
        border-bottom-right-radius: 0.2rem;
    }

    .badge {
        display: inline-block;
        padding: 0.25em 0.4em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 0.25rem;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .badge {
            transition: none;
        }
    }

    a.badge:hover, a.badge:focus {
        text-decoration: none;
    }

    .badge:empty {
        display: none;
    }

    .btn .badge {
        position: relative;
        top: -1px;
    }

    .badge-pill {
        padding-right: 0.6em;
        padding-left: 0.6em;
        border-radius: 10rem;
    }

    .badge-primary {
        color: #fff;
        background-color: #007bff;
    }

    a.badge-primary:hover, a.badge-primary:focus {
        color: #fff;
        background-color: #0062cc;
    }

    a.badge-primary:focus, a.badge-primary.focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .badge-secondary {
        color: #fff;
        background-color: #6c757d;
    }

    a.badge-secondary:hover, a.badge-secondary:focus {
        color: #fff;
        background-color: #545b62;
    }

    a.badge-secondary:focus, a.badge-secondary.focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    }

    .badge-success {
        color: #fff;
        background-color: #28a745;
    }

    a.badge-success:hover, a.badge-success:focus {
        color: #fff;
        background-color: #1e7e34;
    }

    a.badge-success:focus, a.badge-success.focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    }

    .badge-info {
        color: #fff;
        background-color: #17a2b8;
    }

    a.badge-info:hover, a.badge-info:focus {
        color: #fff;
        background-color: #117a8b;
    }

    a.badge-info:focus, a.badge-info.focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    }

    .badge-warning {
        color: #212529;
        background-color: #ffc107;
    }

    a.badge-warning:hover, a.badge-warning:focus {
        color: #212529;
        background-color: #d39e00;
    }

    a.badge-warning:focus, a.badge-warning.focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    }

    .badge-danger {
        color: #fff;
        background-color: #dc3545;
    }

    a.badge-danger:hover, a.badge-danger:focus {
        color: #fff;
        background-color: #bd2130;
    }

    a.badge-danger:focus, a.badge-danger.focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    }

    .badge-light {
        color: #212529;
        background-color: #f8f9fa;
    }

    a.badge-light:hover, a.badge-light:focus {
        color: #212529;
        background-color: #dae0e5;
    }

    a.badge-light:focus, a.badge-light.focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    }

    .badge-dark {
        color: #fff;
        background-color: #343a40;
    }

    a.badge-dark:hover, a.badge-dark:focus {
        color: #fff;
        background-color: #1d2124;
    }

    a.badge-dark:focus, a.badge-dark.focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    }

    .jumbotron {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
        background-color: #e9ecef;
        border-radius: 0.3rem;
    }

    @media (min-width: 576px) {
        .jumbotron {
            padding: 4rem 2rem;
        }
    }

    .jumbotron-fluid {
        padding-right: 0;
        padding-left: 0;
        border-radius: 0;
    }

    .alert {
        position: relative;
        padding: 0.75rem 1.25rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: 0.25rem;
    }

    .alert-heading {
        color: inherit;
    }

    .alert-link {
        font-weight: 700;
    }

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

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 0.75rem 1.25rem;
        color: inherit;
    }

    .alert-primary {
        color: #004085;
        background-color: #cce5ff;
        border-color: #b8daff;
    }

    .alert-primary hr {
        border-top-color: #9fcdff;
    }

    .alert-primary .alert-link {
        color: #002752;
    }

    .alert-secondary {
        color: #383d41;
        background-color: #e2e3e5;
        border-color: #d6d8db;
    }

    .alert-secondary hr {
        border-top-color: #c8cbcf;
    }

    .alert-secondary .alert-link {
        color: #202326;
    }

    .alert-success {
        color: #155724;
        background-color: #d4edda;
        border-color: #c3e6cb;
    }

    .alert-success hr {
        border-top-color: #b1dfbb;
    }

    .alert-success .alert-link {
        color: #0b2e13;
    }

    .alert-info {
        color: #0c5460;
        background-color: #d1ecf1;
        border-color: #bee5eb;
    }

    .alert-info hr {
        border-top-color: #abdde5;
    }

    .alert-info .alert-link {
        color: #062c33;
    }

    .alert-warning {
        color: #856404;
        background-color: #fff3cd;
        border-color: #ffeeba;
    }

    .alert-warning hr {
        border-top-color: #ffe8a1;
    }

    .alert-warning .alert-link {
        color: #533f03;
    }

    .alert-danger {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb;
    }

    .alert-danger hr {
        border-top-color: #f1b0b7;
    }

    .alert-danger .alert-link {
        color: #491217;
    }

    .alert-light {
        color: #818182;
        background-color: #fefefe;
        border-color: #fdfdfe;
    }

    .alert-light hr {
        border-top-color: #ececf6;
    }

    .alert-light .alert-link {
        color: #686868;
    }

    .alert-dark {
        color: #1b1e21;
        background-color: #d6d8d9;
        border-color: #c6c8ca;
    }

    .alert-dark hr {
        border-top-color: #b9bbbe;
    }

    .alert-dark .alert-link {
        color: #040505;
    }

    @-webkit-keyframes progress-bar-stripes {
        from {
            background-position: 1rem 0;
        }
        to {
            background-position: 0 0;
        }
    }

    @keyframes progress-bar-stripes {
        from {
            background-position: 1rem 0;
        }
        to {
            background-position: 0 0;
        }
    }

    .progress {
        display: -ms-flexbox;
        display: flex;
        height: 1rem;
        overflow: hidden;
        line-height: 0;
        font-size: 0.75rem;
        background-color: #e9ecef;
        border-radius: 0.25rem;
    }

    .progress-bar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        background-color: #007bff;
        transition: width 0.6s ease;
    }

    @media (prefers-reduced-motion: reduce) {
        .progress-bar {
            transition: none;
        }
    }

    .progress-bar-striped {
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-size: 1rem 1rem;
    }

    .progress-bar-animated {
        -webkit-animation: 1s linear infinite progress-bar-stripes;
        animation: 1s linear infinite progress-bar-stripes;
    }

    @media (prefers-reduced-motion: reduce) {
        .progress-bar-animated {
            -webkit-animation: none;
            animation: none;
        }
    }

    .media {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .media-body {
        -ms-flex: 1;
        flex: 1;
    }

    .list-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        border-radius: 0.25rem;
    }

    .list-group-item-action {
        width: 100%;
        color: #495057;
        text-align: inherit;
    }

    .list-group-item-action:hover, .list-group-item-action:focus {
        z-index: 1;
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa;
    }

    .list-group-item-action:active {
        color: #212529;
        background-color: #e9ecef;
    }

    .list-group-item {
        position: relative;
        display: block;
        padding: 0.75rem 1.25rem;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.125);
    }

    .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }

    .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit;
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: #fff;
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .list-group-item + .list-group-item {
        border-top-width: 0;
    }

    .list-group-item + .list-group-item.active {
        margin-top: -1px;
        border-top-width: 1px;
    }

    .list-group-horizontal {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .list-group-horizontal > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }

    .list-group-horizontal > .list-group-item.active {
        margin-top: 0;
    }

    .list-group-horizontal > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }

    .list-group-horizontal > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }

    @media (min-width: 576px) {
        .list-group-horizontal-sm {
            -ms-flex-direction: row;
            flex-direction: row;
        }
        .list-group-horizontal-sm > .list-group-item:first-child {
            border-bottom-left-radius: 0.25rem;
            border-top-right-radius: 0;
        }
        .list-group-horizontal-sm > .list-group-item:last-child {
            border-top-right-radius: 0.25rem;
            border-bottom-left-radius: 0;
        }
        .list-group-horizontal-sm > .list-group-item.active {
            margin-top: 0;
        }
        .list-group-horizontal-sm > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0;
        }
        .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
            margin-left: -1px;
            border-left-width: 1px;
        }
    }

    @media (min-width: 768px) {
        .list-group-horizontal-md {
            -ms-flex-direction: row;
            flex-direction: row;
        }
        .list-group-horizontal-md > .list-group-item:first-child {
            border-bottom-left-radius: 0.25rem;
            border-top-right-radius: 0;
        }
        .list-group-horizontal-md > .list-group-item:last-child {
            border-top-right-radius: 0.25rem;
            border-bottom-left-radius: 0;
        }
        .list-group-horizontal-md > .list-group-item.active {
            margin-top: 0;
        }
        .list-group-horizontal-md > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0;
        }
        .list-group-horizontal-md > .list-group-item + .list-group-item.active {
            margin-left: -1px;
            border-left-width: 1px;
        }
    }

    @media (min-width: 992px) {
        .list-group-horizontal-lg {
            -ms-flex-direction: row;
            flex-direction: row;
        }
        .list-group-horizontal-lg > .list-group-item:first-child {
            border-bottom-left-radius: 0.25rem;
            border-top-right-radius: 0;
        }
        .list-group-horizontal-lg > .list-group-item:last-child {
            border-top-right-radius: 0.25rem;
            border-bottom-left-radius: 0;
        }
        .list-group-horizontal-lg > .list-group-item.active {
            margin-top: 0;
        }
        .list-group-horizontal-lg > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0;
        }
        .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
            margin-left: -1px;
            border-left-width: 1px;
        }
    }

    @media (min-width: 1200px) {
        .list-group-horizontal-xl {
            -ms-flex-direction: row;
            flex-direction: row;
        }
        .list-group-horizontal-xl > .list-group-item:first-child {
            border-bottom-left-radius: 0.25rem;
            border-top-right-radius: 0;
        }
        .list-group-horizontal-xl > .list-group-item:last-child {
            border-top-right-radius: 0.25rem;
            border-bottom-left-radius: 0;
        }
        .list-group-horizontal-xl > .list-group-item.active {
            margin-top: 0;
        }
        .list-group-horizontal-xl > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0;
        }
        .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
            margin-left: -1px;
            border-left-width: 1px;
        }
    }

    .list-group-flush {
        border-radius: 0;
    }

    .list-group-flush > .list-group-item {
        border-width: 0 0 1px;
    }

    .list-group-flush > .list-group-item:last-child {
        border-bottom-width: 0;
    }

    .list-group-item-primary {
        color: #004085;
        background-color: #b8daff;
    }

    .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
        color: #004085;
        background-color: #9fcdff;
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #004085;
        border-color: #004085;
    }

    .list-group-item-secondary {
        color: #383d41;
        background-color: #d6d8db;
    }

    .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
        color: #383d41;
        background-color: #c8cbcf;
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #383d41;
        border-color: #383d41;
    }

    .list-group-item-success {
        color: #155724;
        background-color: #c3e6cb;
    }

    .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
        color: #155724;
        background-color: #b1dfbb;
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #155724;
        border-color: #155724;
    }

    .list-group-item-info {
        color: #0c5460;
        background-color: #bee5eb;
    }

    .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
        color: #0c5460;
        background-color: #abdde5;
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #0c5460;
        border-color: #0c5460;
    }

    .list-group-item-warning {
        color: #856404;
        background-color: #ffeeba;
    }

    .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
        color: #856404;
        background-color: #ffe8a1;
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #856404;
        border-color: #856404;
    }

    .list-group-item-danger {
        color: #721c24;
        background-color: #f5c6cb;
    }

    .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
        color: #721c24;
        background-color: #f1b0b7;
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #721c24;
        border-color: #721c24;
    }

    .list-group-item-light {
        color: #818182;
        background-color: #fdfdfe;
    }

    .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
        color: #818182;
        background-color: #ececf6;
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #818182;
        border-color: #818182;
    }

    .list-group-item-dark {
        color: #1b1e21;
        background-color: #c6c8ca;
    }

    .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
        color: #1b1e21;
        background-color: #b9bbbe;
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1b1e21;
        border-color: #1b1e21;
    }

    .close {
        float: right;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: .5;
    }

    .close:hover {
        color: #000;
        text-decoration: none;
    }

    .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
        opacity: .75;
    }

    button.close {
        padding: 0;
        background-color: transparent;
        border: 0;
    }

    a.close.disabled {
        pointer-events: none;
    }

    .toast {
        -ms-flex-preferred-size: 350px;
        flex-basis: 350px;
        max-width: 350px;
        font-size: 0.875rem;
        background-color: rgba(255, 255, 255, 0.85);
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
        opacity: 0;
        border-radius: 0.25rem;
    }

    .toast:not(:last-child) {
        margin-bottom: 0.75rem;
    }

    .toast.showing {
        opacity: 1;
    }

    .toast.show {
        display: block;
        opacity: 1;
    }

    .toast.hide {
        display: none;
    }

    .toast-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 0.25rem 0.75rem;
        color: #6c757d;
        background-color: rgba(255, 255, 255, 0.85);
        background-clip: padding-box;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        border-top-left-radius: calc(0.25rem - 1px);
        border-top-right-radius: calc(0.25rem - 1px);
    }

    .toast-body {
        padding: 0.75rem;
    }

    .modal-open {
        overflow: hidden;
    }

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .modal {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1050;
        display: none;
        width: 100%;
        height: 100%;
        overflow: hidden;
        outline: 0;
    }

    .modal-dialog {
        position: relative;
        width: auto;
        margin: 0.5rem;
        pointer-events: none;
    }

    .modal.fade .modal-dialog {
        transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
        -webkit-transform: translate(0, -50px);
        transform: translate(0, -50px);
    }

    @media (prefers-reduced-motion: reduce) {
        .modal.fade .modal-dialog {
            transition: none;
        }
    }

    .modal.show .modal-dialog {
        -webkit-transform: none;
        transform: none;
    }

    .modal.modal-static .modal-dialog {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }

    .modal-dialog-scrollable {
        display: -ms-flexbox;
        display: flex;
        max-height: calc(100% - 1rem);
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden;
    }

    .modal-dialog-scrollable .modal-header,
    .modal-dialog-scrollable .modal-footer {
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto;
    }

    .modal-dialog-centered {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        min-height: calc(100% - 1rem);
    }

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - 1rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
        content: "";
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
    }

    .modal-dialog-centered.modal-dialog-scrollable .modal-content {
        max-height: none;
    }

    .modal-dialog-centered.modal-dialog-scrollable::before {
        content: none;
    }

    .modal-content {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0.3rem;
        outline: 0;
    }

    .modal-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
        background-color: #000;
    }

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: 0.5;
    }

    .modal-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1rem 1rem;
        border-bottom: 1px solid #dee2e6;
        border-top-left-radius: calc(0.3rem - 1px);
        border-top-right-radius: calc(0.3rem - 1px);
    }

    .modal-header .close {
        padding: 1rem 1rem;
        margin: -1rem -1rem -1rem auto;
    }

    .modal-title {
        margin-bottom: 0;
        line-height: 1.5;
    }

    .modal-body {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 1rem;
    }

    .modal-footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0.75rem;
        border-top: 1px solid #dee2e6;
        border-bottom-right-radius: calc(0.3rem - 1px);
        border-bottom-left-radius: calc(0.3rem - 1px);
    }

    .modal-footer > * {
        margin: 0.25rem;
    }

    .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll;
    }

    @media (min-width: 576px) {
        .modal-dialog {
            max-width: 500px;
            margin: 1.75rem auto;
        }
        .modal-dialog-scrollable {
            max-height: calc(100% - 3.5rem);
        }
        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 3.5rem);
        }
        .modal-dialog-centered {
            min-height: calc(100% - 3.5rem);
        }
        .modal-dialog-centered::before {
            height: calc(100vh - 3.5rem);
            height: -webkit-min-content;
            height: -moz-min-content;
            height: min-content;
        }
        .modal-sm {
            max-width: 300px;
        }
    }

    @media (min-width: 992px) {
        .modal-lg,
        .modal-xl {
            max-width: 800px;
        }
    }

    @media (min-width: 1200px) {
        .modal-xl {
            max-width: 1140px;
        }
    }

    .tooltip {
        position: absolute;
        z-index: 1070;
        display: block;
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        white-space: normal;
        word-spacing: normal;
        line-break: auto;
        font-size: 0.875rem;
        word-wrap: break-word;
        opacity: 0;
    }

    .tooltip.show {
        opacity: 0.9;
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: 0.8rem;
        height: 0.4rem;
    }

    .tooltip .arrow::before {
        position: absolute;
        content: "";
        border-color: transparent;
        border-style: solid;
    }

    .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
        padding: 0.4rem 0;
    }

    .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
        bottom: 0;
    }

    .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
        top: 0;
        border-width: 0.4rem 0.4rem 0;
        border-top-color: #000;
    }

    .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
        padding: 0 0.4rem;
    }

    .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
        left: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

    .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
        right: 0;
        border-width: 0.4rem 0.4rem 0.4rem 0;
        border-right-color: #000;
    }

    .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
        padding: 0.4rem 0;
    }

    .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
        top: 0;
    }

    .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
        bottom: 0;
        border-width: 0 0.4rem 0.4rem;
        border-bottom-color: #000;
    }

    .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
        padding: 0 0.4rem;
    }

    .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
        right: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

    .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
        left: 0;
        border-width: 0.4rem 0 0.4rem 0.4rem;
        border-left-color: #000;
    }

    .tooltip-inner {
        max-width: 200px;
        padding: 0.25rem 0.5rem;
        color: #fff;
        text-align: center;
        background-color: #000;
        border-radius: 0.25rem;
    }

    .popover {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1060;
        display: block;
        max-width: 276px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        white-space: normal;
        word-spacing: normal;
        line-break: auto;
        font-size: 0.875rem;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0.3rem;
    }

    .popover .arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: 0.5rem;
        margin: 0 0.3rem;
    }

    .popover .arrow::before, .popover .arrow::after {
        position: absolute;
        display: block;
        content: "";
        border-color: transparent;
        border-style: solid;
    }

    .bs-popover-top, .bs-popover-auto[x-placement^="top"] {
        margin-bottom: 0.5rem;
    }

    .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
        bottom: calc(-0.5rem - 1px);
    }

    .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
        bottom: 0;
        border-width: 0.5rem 0.5rem 0;
        border-top-color: rgba(0, 0, 0, 0.25);
    }

    .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
        bottom: 1px;
        border-width: 0.5rem 0.5rem 0;
        border-top-color: #fff;
    }

    .bs-popover-right, .bs-popover-auto[x-placement^="right"] {
        margin-left: 0.5rem;
    }

    .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
        left: calc(-0.5rem - 1px);
        width: 0.5rem;
        height: 1rem;
        margin: 0.3rem 0;
    }

    .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
        left: 0;
        border-width: 0.5rem 0.5rem 0.5rem 0;
        border-right-color: rgba(0, 0, 0, 0.25);
    }

    .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
        left: 1px;
        border-width: 0.5rem 0.5rem 0.5rem 0;
        border-right-color: #fff;
    }

    .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
        margin-top: 0.5rem;
    }

    .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
        top: calc(-0.5rem - 1px);
    }

    .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
        top: 0;
        border-width: 0 0.5rem 0.5rem 0.5rem;
        border-bottom-color: rgba(0, 0, 0, 0.25);
    }

    .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
        top: 1px;
        border-width: 0 0.5rem 0.5rem 0.5rem;
        border-bottom-color: #fff;
    }

    .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -0.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7;
    }

    .bs-popover-left, .bs-popover-auto[x-placement^="left"] {
        margin-right: 0.5rem;
    }

    .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
        right: calc(-0.5rem - 1px);
        width: 0.5rem;
        height: 1rem;
        margin: 0.3rem 0;
    }

    .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
        right: 0;
        border-width: 0.5rem 0 0.5rem 0.5rem;
        border-left-color: rgba(0, 0, 0, 0.25);
    }

    .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
        right: 1px;
        border-width: 0.5rem 0 0.5rem 0.5rem;
        border-left-color: #fff;
    }

    .popover-header {
        padding: 0.5rem 0.75rem;
        margin-bottom: 0;
        font-size: 1rem;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-top-left-radius: calc(0.3rem - 1px);
        border-top-right-radius: calc(0.3rem - 1px);
    }

    .popover-header:empty {
        display: none;
    }

    .popover-body {
        padding: 0.5rem 0.75rem;
        color: #212529;
    }

    .carousel {
        position: relative;
    }

    .carousel.pointer-event {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .carousel-inner::after {
        display: block;
        clear: both;
        content: "";
    }

    .carousel-item {
        position: relative;
        display: none;
        float: left;
        width: 100%;
        margin-right: -100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: -webkit-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .carousel-item {
            transition: none;
        }
    }

    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
        display: block;
    }

    .carousel-item-next:not(.carousel-item-left),
    .active.carousel-item-right {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    .carousel-item-prev:not(.carousel-item-right),
    .active.carousel-item-left {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .carousel-fade .carousel-item {
        opacity: 0;
        transition-property: opacity;
        -webkit-transform: none;
        transform: none;
    }

    .carousel-fade .carousel-item.active,
    .carousel-fade .carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-item-prev.carousel-item-right {
        z-index: 1;
        opacity: 1;
    }

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        z-index: 0;
        opacity: 0;
        transition: opacity 0s 0.6s;
    }

    @media (prefers-reduced-motion: reduce) {
        .carousel-fade .active.carousel-item-left,
        .carousel-fade .active.carousel-item-right {
            transition: none;
        }
    }

    .carousel-control-prev,
    .carousel-control-next {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 15%;
        padding: 0;
        color: #fff;
        text-align: center;
        background: none;
        border: 0;
        opacity: 0.5;
        transition: opacity 0.15s ease;
    }

    @media (prefers-reduced-motion: reduce) {
        .carousel-control-prev,
        .carousel-control-next {
            transition: none;
        }
    }

    .carousel-control-prev:hover, .carousel-control-prev:focus,
    .carousel-control-next:hover,
    .carousel-control-next:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: 0.9;
    }

    .carousel-control-prev {
        left: 0;
    }

    .carousel-control-next {
        right: 0;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: 50% / 100% 100% no-repeat;
    }

    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
    }

    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
    }

    .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        margin-right: 15%;
        margin-left: 15%;
        list-style: none;
    }

    .carousel-indicators li {
        box-sizing: content-box;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity 0.6s ease;
    }

    @media (prefers-reduced-motion: reduce) {
        .carousel-indicators li {
            transition: none;
        }
    }

    .carousel-indicators .active {
        opacity: 1;
    }

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
    }

    @-webkit-keyframes spinner-border {
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes spinner-border {
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    .spinner-border {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: -0.125em;
        border: 0.25em solid currentcolor;
        border-right-color: transparent;
        border-radius: 50%;
        -webkit-animation: .75s linear infinite spinner-border;
        animation: .75s linear infinite spinner-border;
    }

    .spinner-border-sm {
        width: 1rem;
        height: 1rem;
        border-width: 0.2em;
    }

    @-webkit-keyframes spinner-grow {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0);
        }
        50% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes spinner-grow {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0);
        }
        50% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    .spinner-grow {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: -0.125em;
        background-color: currentcolor;
        border-radius: 50%;
        opacity: 0;
        -webkit-animation: .75s linear infinite spinner-grow;
        animation: .75s linear infinite spinner-grow;
    }

    .spinner-grow-sm {
        width: 1rem;
        height: 1rem;
    }

    @media (prefers-reduced-motion: reduce) {
        .spinner-border,
        .spinner-grow {
            -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
        }
    }

    .align-baseline {
        vertical-align: baseline !important;
    }

    .align-top {
        vertical-align: top !important;
    }

    .align-middle {
        vertical-align: middle !important;
    }

    .align-bottom {
        vertical-align: bottom !important;
    }

    .align-text-bottom {
        vertical-align: text-bottom !important;
    }

    .align-text-top {
        vertical-align: text-top !important;
    }

    .bg-primary {
        background-color: #007bff !important;
    }

    a.bg-primary:hover, a.bg-primary:focus,
    button.bg-primary:hover,
    button.bg-primary:focus {
        background-color: #0062cc !important;
    }

    .bg-secondary {
        background-color: #6c757d !important;
    }

    a.bg-secondary:hover, a.bg-secondary:focus,
    button.bg-secondary:hover,
    button.bg-secondary:focus {
        background-color: #545b62 !important;
    }

    .bg-success {
        background-color: #28a745 !important;
    }

    a.bg-success:hover, a.bg-success:focus,
    button.bg-success:hover,
    button.bg-success:focus {
        background-color: #1e7e34 !important;
    }

    .bg-info {
        background-color: #17a2b8 !important;
    }

    a.bg-info:hover, a.bg-info:focus,
    button.bg-info:hover,
    button.bg-info:focus {
        background-color: #117a8b !important;
    }

    .bg-warning {
        background-color: #ffc107 !important;
    }

    a.bg-warning:hover, a.bg-warning:focus,
    button.bg-warning:hover,
    button.bg-warning:focus {
        background-color: #d39e00 !important;
    }

    .bg-danger {
        background-color: #dc3545 !important;
    }

    a.bg-danger:hover, a.bg-danger:focus,
    button.bg-danger:hover,
    button.bg-danger:focus {
        background-color: #bd2130 !important;
    }

    .bg-light {
        background-color: #f8f9fa !important;
    }

    a.bg-light:hover, a.bg-light:focus,
    button.bg-light:hover,
    button.bg-light:focus {
        background-color: #dae0e5 !important;
    }

    .bg-dark {
        background-color: #343a40 !important;
    }

    a.bg-dark:hover, a.bg-dark:focus,
    button.bg-dark:hover,
    button.bg-dark:focus {
        background-color: #1d2124 !important;
    }

    .bg-white {
        background-color: #fff !important;
    }

    .bg-transparent {
        background-color: transparent !important;
    }

    .border {
        border: 1px solid #dee2e6 !important;
    }

    .border-top {
        border-top: 1px solid #dee2e6 !important;
    }

    .border-right {
        border-right: 1px solid #dee2e6 !important;
    }

    .border-bottom {
        border-bottom: 1px solid #dee2e6 !important;
    }

    .border-left {
        border-left: 1px solid #dee2e6 !important;
    }

    .border-0 {
        border: 0 !important;
    }

    .border-top-0 {
        border-top: 0 !important;
    }

    .border-right-0 {
        border-right: 0 !important;
    }

    .border-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-left-0 {
        border-left: 0 !important;
    }

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

    .border-secondary {
        border-color: #6c757d !important;
    }

    .border-success {
        border-color: #28a745 !important;
    }

    .border-info {
        border-color: #17a2b8 !important;
    }

    .border-warning {
        border-color: #ffc107 !important;
    }

    .border-danger {
        border-color: #dc3545 !important;
    }

    .border-light {
        border-color: #f8f9fa !important;
    }

    .border-dark {
        border-color: #343a40 !important;
    }

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

    .rounded-sm {
        border-radius: 0.2rem !important;
    }

    .rounded {
        border-radius: 0.25rem !important;
    }

    .rounded-top {
        border-top-left-radius: 0.25rem !important;
        border-top-right-radius: 0.25rem !important;
    }

    .rounded-right {
        border-top-right-radius: 0.25rem !important;
        border-bottom-right-radius: 0.25rem !important;
    }

    .rounded-bottom {
        border-bottom-right-radius: 0.25rem !important;
        border-bottom-left-radius: 0.25rem !important;
    }

    .rounded-left {
        border-top-left-radius: 0.25rem !important;
        border-bottom-left-radius: 0.25rem !important;
    }

    .rounded-lg {
        border-radius: 0.3rem !important;
    }

    .rounded-circle {
        border-radius: 50% !important;
    }

    .rounded-pill {
        border-radius: 50rem !important;
    }

    .rounded-0 {
        border-radius: 0 !important;
    }

    .clearfix::after {
        display: block;
        clear: both;
        content: "";
    }

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

    .d-inline {
        display: inline !important;
    }

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

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

    .d-table {
        display: table !important;
    }

    .d-table-row {
        display: table-row !important;
    }

    .d-table-cell {
        display: table-cell !important;
    }

    .d-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }

    @media (min-width: 576px) {
        .d-sm-none {
            display: none !important;
        }
        .d-sm-inline {
            display: inline !important;
        }
        .d-sm-inline-block {
            display: inline-block !important;
        }
        .d-sm-block {
            display: block !important;
        }
        .d-sm-table {
            display: table !important;
        }
        .d-sm-table-row {
            display: table-row !important;
        }
        .d-sm-table-cell {
            display: table-cell !important;
        }
        .d-sm-flex {
            display: -ms-flexbox !important;
            display: flex !important;
        }
        .d-sm-inline-flex {
            display: -ms-inline-flexbox !important;
            display: inline-flex !important;
        }
    }

    @media (min-width: 768px) {
        .d-md-none {
            display: none !important;
        }
        .d-md-inline {
            display: inline !important;
        }
        .d-md-inline-block {
            display: inline-block !important;
        }
        .d-md-block {
            display: block !important;
        }
        .d-md-table {
            display: table !important;
        }
        .d-md-table-row {
            display: table-row !important;
        }
        .d-md-table-cell {
            display: table-cell !important;
        }
        .d-md-flex {
            display: -ms-flexbox !important;
            display: flex !important;
        }
        .d-md-inline-flex {
            display: -ms-inline-flexbox !important;
            display: inline-flex !important;
        }
    }

    @media (min-width: 992px) {
        .d-lg-none {
            display: none !important;
        }
        .d-lg-inline {
            display: inline !important;
        }
        .d-lg-inline-block {
            display: inline-block !important;
        }
        .d-lg-block {
            display: block !important;
        }
        .d-lg-table {
            display: table !important;
        }
        .d-lg-table-row {
            display: table-row !important;
        }
        .d-lg-table-cell {
            display: table-cell !important;
        }
        .d-lg-flex {
            display: -ms-flexbox !important;
            display: flex !important;
        }
        .d-lg-inline-flex {
            display: -ms-inline-flexbox !important;
            display: inline-flex !important;
        }
    }

    @media (min-width: 1200px) {
        .d-xl-none {
            display: none !important;
        }
        .d-xl-inline {
            display: inline !important;
        }
        .d-xl-inline-block {
            display: inline-block !important;
        }
        .d-xl-block {
            display: block !important;
        }
        .d-xl-table {
            display: table !important;
        }
        .d-xl-table-row {
            display: table-row !important;
        }
        .d-xl-table-cell {
            display: table-cell !important;
        }
        .d-xl-flex {
            display: -ms-flexbox !important;
            display: flex !important;
        }
        .d-xl-inline-flex {
            display: -ms-inline-flexbox !important;
            display: inline-flex !important;
        }
    }

    @media print {
        .d-print-none {
            display: none !important;
        }
        .d-print-inline {
            display: inline !important;
        }
        .d-print-inline-block {
            display: inline-block !important;
        }
        .d-print-block {
            display: block !important;
        }
        .d-print-table {
            display: table !important;
        }
        .d-print-table-row {
            display: table-row !important;
        }
        .d-print-table-cell {
            display: table-cell !important;
        }
        .d-print-flex {
            display: -ms-flexbox !important;
            display: flex !important;
        }
        .d-print-inline-flex {
            display: -ms-inline-flexbox !important;
            display: inline-flex !important;
        }
    }

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

    .embed-responsive::before {
        display: block;
        content: "";
    }

    .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: 100%;
        border: 0;
    }

    .embed-responsive-21by9::before {
        padding-top: 42.857143%;
    }

    .embed-responsive-16by9::before {
        padding-top: 56.25%;
    }

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

    .embed-responsive-1by1::before {
        padding-top: 100%;
    }

    .flex-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }

    @media (min-width: 576px) {
        .flex-sm-row {
            -ms-flex-direction: row !important;
            flex-direction: row !important;
        }
        .flex-sm-column {
            -ms-flex-direction: column !important;
            flex-direction: column !important;
        }
        .flex-sm-row-reverse {
            -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
        }
        .flex-sm-column-reverse {
            -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
        }
        .flex-sm-wrap {
            -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
        }
        .flex-sm-nowrap {
            -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
        }
        .flex-sm-wrap-reverse {
            -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
        }
        .flex-sm-fill {
            -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
        }
        .flex-sm-grow-0 {
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
        }
        .flex-sm-grow-1 {
            -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
        }
        .flex-sm-shrink-0 {
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
        }
        .flex-sm-shrink-1 {
            -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
        }
        .justify-content-sm-start {
            -ms-flex-pack: start !important;
            justify-content: flex-start !important;
        }
        .justify-content-sm-end {
            -ms-flex-pack: end !important;
            justify-content: flex-end !important;
        }
        .justify-content-sm-center {
            -ms-flex-pack: center !important;
            justify-content: center !important;
        }
        .justify-content-sm-between {
            -ms-flex-pack: justify !important;
            justify-content: space-between !important;
        }
        .justify-content-sm-around {
            -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
        }
        .align-items-sm-start {
            -ms-flex-align: start !important;
            align-items: flex-start !important;
        }
        .align-items-sm-end {
            -ms-flex-align: end !important;
            align-items: flex-end !important;
        }
        .align-items-sm-center {
            -ms-flex-align: center !important;
            align-items: center !important;
        }
        .align-items-sm-baseline {
            -ms-flex-align: baseline !important;
            align-items: baseline !important;
        }
        .align-items-sm-stretch {
            -ms-flex-align: stretch !important;
            align-items: stretch !important;
        }
        .align-content-sm-start {
            -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
        }
        .align-content-sm-end {
            -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
        }
        .align-content-sm-center {
            -ms-flex-line-pack: center !important;
            align-content: center !important;
        }
        .align-content-sm-between {
            -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
        }
        .align-content-sm-around {
            -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
        }
        .align-content-sm-stretch {
            -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
        }
        .align-self-sm-auto {
            -ms-flex-item-align: auto !important;
            align-self: auto !important;
        }
        .align-self-sm-start {
            -ms-flex-item-align: start !important;
            align-self: flex-start !important;
        }
        .align-self-sm-end {
            -ms-flex-item-align: end !important;
            align-self: flex-end !important;
        }
        .align-self-sm-center {
            -ms-flex-item-align: center !important;
            align-self: center !important;
        }
        .align-self-sm-baseline {
            -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
        }
        .align-self-sm-stretch {
            -ms-flex-item-align: stretch !important;
            align-self: stretch !important;
        }
    }

    @media (min-width: 768px) {
        .flex-md-row {
            -ms-flex-direction: row !important;
            flex-direction: row !important;
        }
        .flex-md-column {
            -ms-flex-direction: column !important;
            flex-direction: column !important;
        }
        .flex-md-row-reverse {
            -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
        }
        .flex-md-column-reverse {
            -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
        }
        .flex-md-wrap {
            -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
        }
        .flex-md-nowrap {
            -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
        }
        .flex-md-wrap-reverse {
            -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
        }
        .flex-md-fill {
            -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
        }
        .flex-md-grow-0 {
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
        }
        .flex-md-grow-1 {
            -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
        }
        .flex-md-shrink-0 {
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
        }
        .flex-md-shrink-1 {
            -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
        }
        .justify-content-md-start {
            -ms-flex-pack: start !important;
            justify-content: flex-start !important;
        }
        .justify-content-md-end {
            -ms-flex-pack: end !important;
            justify-content: flex-end !important;
        }
        .justify-content-md-center {
            -ms-flex-pack: center !important;
            justify-content: center !important;
        }
        .justify-content-md-between {
            -ms-flex-pack: justify !important;
            justify-content: space-between !important;
        }
        .justify-content-md-around {
            -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
        }
        .align-items-md-start {
            -ms-flex-align: start !important;
            align-items: flex-start !important;
        }
        .align-items-md-end {
            -ms-flex-align: end !important;
            align-items: flex-end !important;
        }
        .align-items-md-center {
            -ms-flex-align: center !important;
            align-items: center !important;
        }
        .align-items-md-baseline {
            -ms-flex-align: baseline !important;
            align-items: baseline !important;
        }
        .align-items-md-stretch {
            -ms-flex-align: stretch !important;
            align-items: stretch !important;
        }
        .align-content-md-start {
            -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
        }
        .align-content-md-end {
            -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
        }
        .align-content-md-center {
            -ms-flex-line-pack: center !important;
            align-content: center !important;
        }
        .align-content-md-between {
            -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
        }
        .align-content-md-around {
            -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
        }
        .align-content-md-stretch {
            -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
        }
        .align-self-md-auto {
            -ms-flex-item-align: auto !important;
            align-self: auto !important;
        }
        .align-self-md-start {
            -ms-flex-item-align: start !important;
            align-self: flex-start !important;
        }
        .align-self-md-end {
            -ms-flex-item-align: end !important;
            align-self: flex-end !important;
        }
        .align-self-md-center {
            -ms-flex-item-align: center !important;
            align-self: center !important;
        }
        .align-self-md-baseline {
            -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
        }
        .align-self-md-stretch {
            -ms-flex-item-align: stretch !important;
            align-self: stretch !important;
        }
    }

    @media (min-width: 992px) {
        .flex-lg-row {
            -ms-flex-direction: row !important;
            flex-direction: row !important;
        }
        .flex-lg-column {
            -ms-flex-direction: column !important;
            flex-direction: column !important;
        }
        .flex-lg-row-reverse {
            -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
        }
        .flex-lg-column-reverse {
            -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
        }
        .flex-lg-wrap {
            -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
        }
        .flex-lg-nowrap {
            -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
        }
        .flex-lg-wrap-reverse {
            -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
        }
        .flex-lg-fill {
            -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
        }
        .flex-lg-grow-0 {
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
        }
        .flex-lg-grow-1 {
            -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
        }
        .flex-lg-shrink-0 {
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
        }
        .flex-lg-shrink-1 {
            -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
        }
        .justify-content-lg-start {
            -ms-flex-pack: start !important;
            justify-content: flex-start !important;
        }
        .justify-content-lg-end {
            -ms-flex-pack: end !important;
            justify-content: flex-end !important;
        }
        .justify-content-lg-center {
            -ms-flex-pack: center !important;
            justify-content: center !important;
        }
        .justify-content-lg-between {
            -ms-flex-pack: justify !important;
            justify-content: space-between !important;
        }
        .justify-content-lg-around {
            -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
        }
        .align-items-lg-start {
            -ms-flex-align: start !important;
            align-items: flex-start !important;
        }
        .align-items-lg-end {
            -ms-flex-align: end !important;
            align-items: flex-end !important;
        }
        .align-items-lg-center {
            -ms-flex-align: center !important;
            align-items: center !important;
        }
        .align-items-lg-baseline {
            -ms-flex-align: baseline !important;
            align-items: baseline !important;
        }
        .align-items-lg-stretch {
            -ms-flex-align: stretch !important;
            align-items: stretch !important;
        }
        .align-content-lg-start {
            -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
        }
        .align-content-lg-end {
            -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
        }
        .align-content-lg-center {
            -ms-flex-line-pack: center !important;
            align-content: center !important;
        }
        .align-content-lg-between {
            -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
        }
        .align-content-lg-around {
            -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
        }
        .align-content-lg-stretch {
            -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
        }
        .align-self-lg-auto {
            -ms-flex-item-align: auto !important;
            align-self: auto !important;
        }
        .align-self-lg-start {
            -ms-flex-item-align: start !important;
            align-self: flex-start !important;
        }
        .align-self-lg-end {
            -ms-flex-item-align: end !important;
            align-self: flex-end !important;
        }
        .align-self-lg-center {
            -ms-flex-item-align: center !important;
            align-self: center !important;
        }
        .align-self-lg-baseline {
            -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
        }
        .align-self-lg-stretch {
            -ms-flex-item-align: stretch !important;
            align-self: stretch !important;
        }
    }

    @media (min-width: 1200px) {
        .flex-xl-row {
            -ms-flex-direction: row !important;
            flex-direction: row !important;
        }
        .flex-xl-column {
            -ms-flex-direction: column !important;
            flex-direction: column !important;
        }
        .flex-xl-row-reverse {
            -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
        }
        .flex-xl-column-reverse {
            -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
        }
        .flex-xl-wrap {
            -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
        }
        .flex-xl-nowrap {
            -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
        }
        .flex-xl-wrap-reverse {
            -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
        }
        .flex-xl-fill {
            -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
        }
        .flex-xl-grow-0 {
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
        }
        .flex-xl-grow-1 {
            -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
        }
        .flex-xl-shrink-0 {
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
        }
        .flex-xl-shrink-1 {
            -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
        }
        .justify-content-xl-start {
            -ms-flex-pack: start !important;
            justify-content: flex-start !important;
        }
        .justify-content-xl-end {
            -ms-flex-pack: end !important;
            justify-content: flex-end !important;
        }
        .justify-content-xl-center {
            -ms-flex-pack: center !important;
            justify-content: center !important;
        }
        .justify-content-xl-between {
            -ms-flex-pack: justify !important;
            justify-content: space-between !important;
        }
        .justify-content-xl-around {
            -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
        }
        .align-items-xl-start {
            -ms-flex-align: start !important;
            align-items: flex-start !important;
        }
        .align-items-xl-end {
            -ms-flex-align: end !important;
            align-items: flex-end !important;
        }
        .align-items-xl-center {
            -ms-flex-align: center !important;
            align-items: center !important;
        }
        .align-items-xl-baseline {
            -ms-flex-align: baseline !important;
            align-items: baseline !important;
        }
        .align-items-xl-stretch {
            -ms-flex-align: stretch !important;
            align-items: stretch !important;
        }
        .align-content-xl-start {
            -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
        }
        .align-content-xl-end {
            -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
        }
        .align-content-xl-center {
            -ms-flex-line-pack: center !important;
            align-content: center !important;
        }
        .align-content-xl-between {
            -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
        }
        .align-content-xl-around {
            -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
        }
        .align-content-xl-stretch {
            -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
        }
        .align-self-xl-auto {
            -ms-flex-item-align: auto !important;
            align-self: auto !important;
        }
        .align-self-xl-start {
            -ms-flex-item-align: start !important;
            align-self: flex-start !important;
        }
        .align-self-xl-end {
            -ms-flex-item-align: end !important;
            align-self: flex-end !important;
        }
        .align-self-xl-center {
            -ms-flex-item-align: center !important;
            align-self: center !important;
        }
        .align-self-xl-baseline {
            -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
        }
        .align-self-xl-stretch {
            -ms-flex-item-align: stretch !important;
            align-self: stretch !important;
        }
    }

    .float-left {
        float: left !important;
    }

    .float-right {
        float: right !important;
    }

    .float-none {
        float: none !important;
    }

    @media (min-width: 576px) {
        .float-sm-left {
            float: left !important;
        }
        .float-sm-right {
            float: right !important;
        }
        .float-sm-none {
            float: none !important;
        }
    }

    @media (min-width: 768px) {
        .float-md-left {
            float: left !important;
        }
        .float-md-right {
            float: right !important;
        }
        .float-md-none {
            float: none !important;
        }
    }

    @media (min-width: 992px) {
        .float-lg-left {
            float: left !important;
        }
        .float-lg-right {
            float: right !important;
        }
        .float-lg-none {
            float: none !important;
        }
    }

    @media (min-width: 1200px) {
        .float-xl-left {
            float: left !important;
        }
        .float-xl-right {
            float: right !important;
        }
        .float-xl-none {
            float: none !important;
        }
    }

    .user-select-all {
        -webkit-user-select: all !important;
        -moz-user-select: all !important;
        user-select: all !important;
    }

    .user-select-auto {
        -webkit-user-select: auto !important;
        -moz-user-select: auto !important;
        -ms-user-select: auto !important;
        user-select: auto !important;
    }

    .user-select-none {
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        user-select: none !important;
    }

    .overflow-auto {
        overflow: auto !important;
    }

    .overflow-hidden {
        overflow: hidden !important;
    }

    .position-static {
        position: static !important;
    }

    .position-relative {
        position: relative !important;
    }

    .position-absolute {
        position: absolute !important;
    }

    .position-fixed {
        position: fixed !important;
    }

    .position-sticky {
        position: -webkit-sticky !important;
        position: sticky !important;
    }

    .fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }

    .fixed-bottom {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1030;
    }

    @supports ((position: -webkit-sticky) or (position: sticky)) {
        .sticky-top {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 1020;
        }
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .sr-only-focusable:active, .sr-only-focusable:focus {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        white-space: normal;
    }

    .shadow-sm {
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    }

    .shadow {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    }

    .shadow-lg {
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
    }

    .shadow-none {
        box-shadow: none !important;
    }

    .w-25 {
        width: 25% !important;
    }

    .w-50 {
        width: 50% !important;
    }

    .w-75 {
        width: 75% !important;
    }

    .w-100 {
        width: 100% !important;
    }

    .w-auto {
        width: auto !important;
    }

    .h-25 {
        height: 25% !important;
    }

    .h-50 {
        height: 50% !important;
    }

    .h-75 {
        height: 75% !important;
    }

    .h-100 {
        height: 100% !important;
    }

    .h-auto {
        height: auto !important;
    }

    .mw-100 {
        max-width: 100% !important;
    }

    .mh-100 {
        max-height: 100% !important;
    }

    .min-vw-100 {
        min-width: 100vw !important;
    }

    .min-vh-100 {
        min-height: 100vh !important;
    }

    .vw-100 {
        width: 100vw !important;
    }

    .vh-100 {
        height: 100vh !important;
    }

    .m-0 {
        margin: 0 !important;
    }

    .mt-0,
    .my-0 {
        margin-top: 0 !important;
    }

    .mr-0,
    .mx-0 {
        margin-right: 0 !important;
    }

    .mb-0,
    .my-0 {
        margin-bottom: 0 !important;
    }

    .ml-0,
    .mx-0 {
        margin-left: 0 !important;
    }

    .m-1 {
        margin: 0.25rem !important;
    }

    .mt-1,
    .my-1 {
        margin-top: 0.25rem !important;
    }

    .mr-1,
    .mx-1 {
        margin-right: 0.25rem !important;
    }

    .mb-1,
    .my-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-1,
    .mx-1 {
        margin-left: 0.25rem !important;
    }

    .m-2 {
        margin: 0.5rem !important;
    }

    .mt-2,
    .my-2 {
        margin-top: 0.5rem !important;
    }

    .mr-2,
    .mx-2 {
        margin-right: 0.5rem !important;
    }

    .mb-2,
    .my-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-2,
    .mx-2 {
        margin-left: 0.5rem !important;
    }

    .m-3 {
        margin: 1rem !important;
    }

    .mt-3,
    .my-3 {
        margin-top: 1rem !important;
    }

    .mr-3,
    .mx-3 {
        margin-right: 1rem !important;
    }

    .mb-3,
    .my-3 {
        margin-bottom: 1rem !important;
    }

    .ml-3,
    .mx-3 {
        margin-left: 1rem !important;
    }

    .m-4 {
        margin: 1.5rem !important;
    }

    .mt-4,
    .my-4 {
        margin-top: 1.5rem !important;
    }

    .mr-4,
    .mx-4 {
        margin-right: 1.5rem !important;
    }

    .mb-4,
    .my-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-4,
    .mx-4 {
        margin-left: 1.5rem !important;
    }

    .m-5 {
        margin: 3rem !important;
    }

    .mt-5,
    .my-5 {
        margin-top: 3rem !important;
    }

    .mr-5,
    .mx-5 {
        margin-right: 3rem !important;
    }

    .mb-5,
    .my-5 {
        margin-bottom: 3rem !important;
    }

    .ml-5,
    .mx-5 {
        margin-left: 3rem !important;
    }

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

    .pt-0,
    .py-0 {
        padding-top: 0 !important;
    }

    .pr-0,
    .px-0 {
        padding-right: 0 !important;
    }

    .pb-0,
    .py-0 {
        padding-bottom: 0 !important;
    }

    .pl-0,
    .px-0 {
        padding-left: 0 !important;
    }

    .p-1 {
        padding: 0.25rem !important;
    }

    .pt-1,
    .py-1 {
        padding-top: 0.25rem !important;
    }

    .pr-1,
    .px-1 {
        padding-right: 0.25rem !important;
    }

    .pb-1,
    .py-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-1,
    .px-1 {
        padding-left: 0.25rem !important;
    }

    .p-2 {
        padding: 0.5rem !important;
    }

    .pt-2,
    .py-2 {
        padding-top: 0.5rem !important;
    }

    .pr-2,
    .px-2 {
        padding-right: 0.5rem !important;
    }

    .pb-2,
    .py-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-2,
    .px-2 {
        padding-left: 0.5rem !important;
    }

    .p-3 {
        padding: 1rem !important;
    }

    .pt-3,
    .py-3 {
        padding-top: 1rem !important;
    }

    .pr-3,
    .px-3 {
        padding-right: 1rem !important;
    }

    .pb-3,
    .py-3 {
        padding-bottom: 1rem !important;
    }

    .pl-3,
    .px-3 {
        padding-left: 1rem !important;
    }

    .p-4 {
        padding: 1.5rem !important;
    }

    .pt-4,
    .py-4 {
        padding-top: 1.5rem !important;
    }

    .pr-4,
    .px-4 {
        padding-right: 1.5rem !important;
    }

    .pb-4,
    .py-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-4,
    .px-4 {
        padding-left: 1.5rem !important;
    }

    .p-5 {
        padding: 3rem !important;
    }

    .pt-5,
    .py-5 {
        padding-top: 3rem !important;
    }

    .pr-5,
    .px-5 {
        padding-right: 3rem !important;
    }

    .pb-5,
    .py-5 {
        padding-bottom: 3rem !important;
    }

    .pl-5,
    .px-5 {
        padding-left: 3rem !important;
    }

    .m-n1 {
        margin: -0.25rem !important;
    }

    .mt-n1,
    .my-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-n1,
    .mx-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-n1,
    .my-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-n1,
    .mx-n1 {
        margin-left: -0.25rem !important;
    }

    .m-n2 {
        margin: -0.5rem !important;
    }

    .mt-n2,
    .my-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-n2,
    .mx-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-n2,
    .my-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-n2,
    .mx-n2 {
        margin-left: -0.5rem !important;
    }

    .m-n3 {
        margin: -1rem !important;
    }

    .mt-n3,
    .my-n3 {
        margin-top: -1rem !important;
    }

    .mr-n3,
    .mx-n3 {
        margin-right: -1rem !important;
    }

    .mb-n3,
    .my-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-n3,
    .mx-n3 {
        margin-left: -1rem !important;
    }

    .m-n4 {
        margin: -1.5rem !important;
    }

    .mt-n4,
    .my-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-n4,
    .mx-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-n4,
    .my-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-n4,
    .mx-n4 {
        margin-left: -1.5rem !important;
    }

    .m-n5 {
        margin: -3rem !important;
    }

    .mt-n5,
    .my-n5 {
        margin-top: -3rem !important;
    }

    .mr-n5,
    .mx-n5 {
        margin-right: -3rem !important;
    }

    .mb-n5,
    .my-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-n5,
    .mx-n5 {
        margin-left: -3rem !important;
    }

    .m-auto {
        margin: auto !important;
    }

    .mt-auto,
    .my-auto {
        margin-top: auto !important;
    }

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

    .mb-auto,
    .my-auto {
        margin-bottom: auto !important;
    }

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

    @media (min-width: 576px) {
        .m-sm-0 {
            margin: 0 !important;
        }
        .mt-sm-0,
        .my-sm-0 {
            margin-top: 0 !important;
        }
        .mr-sm-0,
        .mx-sm-0 {
            margin-right: 0 !important;
        }
        .mb-sm-0,
        .my-sm-0 {
            margin-bottom: 0 !important;
        }
        .ml-sm-0,
        .mx-sm-0 {
            margin-left: 0 !important;
        }
        .m-sm-1 {
            margin: 0.25rem !important;
        }
        .mt-sm-1,
        .my-sm-1 {
            margin-top: 0.25rem !important;
        }
        .mr-sm-1,
        .mx-sm-1 {
            margin-right: 0.25rem !important;
        }
        .mb-sm-1,
        .my-sm-1 {
            margin-bottom: 0.25rem !important;
        }
        .ml-sm-1,
        .mx-sm-1 {
            margin-left: 0.25rem !important;
        }
        .m-sm-2 {
            margin: 0.5rem !important;
        }
        .mt-sm-2,
        .my-sm-2 {
            margin-top: 0.5rem !important;
        }
        .mr-sm-2,
        .mx-sm-2 {
            margin-right: 0.5rem !important;
        }
        .mb-sm-2,
        .my-sm-2 {
            margin-bottom: 0.5rem !important;
        }
        .ml-sm-2,
        .mx-sm-2 {
            margin-left: 0.5rem !important;
        }
        .m-sm-3 {
            margin: 1rem !important;
        }
        .mt-sm-3,
        .my-sm-3 {
            margin-top: 1rem !important;
        }
        .mr-sm-3,
        .mx-sm-3 {
            margin-right: 1rem !important;
        }
        .mb-sm-3,
        .my-sm-3 {
            margin-bottom: 1rem !important;
        }
        .ml-sm-3,
        .mx-sm-3 {
            margin-left: 1rem !important;
        }
        .m-sm-4 {
            margin: 1.5rem !important;
        }
        .mt-sm-4,
        .my-sm-4 {
            margin-top: 1.5rem !important;
        }
        .mr-sm-4,
        .mx-sm-4 {
            margin-right: 1.5rem !important;
        }
        .mb-sm-4,
        .my-sm-4 {
            margin-bottom: 1.5rem !important;
        }
        .ml-sm-4,
        .mx-sm-4 {
            margin-left: 1.5rem !important;
        }
        .m-sm-5 {
            margin: 3rem !important;
        }
        .mt-sm-5,
        .my-sm-5 {
            margin-top: 3rem !important;
        }
        .mr-sm-5,
        .mx-sm-5 {
            margin-right: 3rem !important;
        }
        .mb-sm-5,
        .my-sm-5 {
            margin-bottom: 3rem !important;
        }
        .ml-sm-5,
        .mx-sm-5 {
            margin-left: 3rem !important;
        }
        .p-sm-0 {
            padding: 0 !important;
        }
        .pt-sm-0,
        .py-sm-0 {
            padding-top: 0 !important;
        }
        .pr-sm-0,
        .px-sm-0 {
            padding-right: 0 !important;
        }
        .pb-sm-0,
        .py-sm-0 {
            padding-bottom: 0 !important;
        }
        .pl-sm-0,
        .px-sm-0 {
            padding-left: 0 !important;
        }
        .p-sm-1 {
            padding: 0.25rem !important;
        }
        .pt-sm-1,
        .py-sm-1 {
            padding-top: 0.25rem !important;
        }
        .pr-sm-1,
        .px-sm-1 {
            padding-right: 0.25rem !important;
        }
        .pb-sm-1,
        .py-sm-1 {
            padding-bottom: 0.25rem !important;
        }
        .pl-sm-1,
        .px-sm-1 {
            padding-left: 0.25rem !important;
        }
        .p-sm-2 {
            padding: 0.5rem !important;
        }
        .pt-sm-2,
        .py-sm-2 {
            padding-top: 0.5rem !important;
        }
        .pr-sm-2,
        .px-sm-2 {
            padding-right: 0.5rem !important;
        }
        .pb-sm-2,
        .py-sm-2 {
            padding-bottom: 0.5rem !important;
        }
        .pl-sm-2,
        .px-sm-2 {
            padding-left: 0.5rem !important;
        }
        .p-sm-3 {
            padding: 1rem !important;
        }
        .pt-sm-3,
        .py-sm-3 {
            padding-top: 1rem !important;
        }
        .pr-sm-3,
        .px-sm-3 {
            padding-right: 1rem !important;
        }
        .pb-sm-3,
        .py-sm-3 {
            padding-bottom: 1rem !important;
        }
        .pl-sm-3,
        .px-sm-3 {
            padding-left: 1rem !important;
        }
        .p-sm-4 {
            padding: 1.5rem !important;
        }
        .pt-sm-4,
        .py-sm-4 {
            padding-top: 1.5rem !important;
        }
        .pr-sm-4,
        .px-sm-4 {
            padding-right: 1.5rem !important;
        }
        .pb-sm-4,
        .py-sm-4 {
            padding-bottom: 1.5rem !important;
        }
        .pl-sm-4,
        .px-sm-4 {
            padding-left: 1.5rem !important;
        }
        .p-sm-5 {
            padding: 3rem !important;
        }
        .pt-sm-5,
        .py-sm-5 {
            padding-top: 3rem !important;
        }
        .pr-sm-5,
        .px-sm-5 {
            padding-right: 3rem !important;
        }
        .pb-sm-5,
        .py-sm-5 {
            padding-bottom: 3rem !important;
        }
        .pl-sm-5,
        .px-sm-5 {
            padding-left: 3rem !important;
        }
        .m-sm-n1 {
            margin: -0.25rem !important;
        }
        .mt-sm-n1,
        .my-sm-n1 {
            margin-top: -0.25rem !important;
        }
        .mr-sm-n1,
        .mx-sm-n1 {
            margin-right: -0.25rem !important;
        }
        .mb-sm-n1,
        .my-sm-n1 {
            margin-bottom: -0.25rem !important;
        }
        .ml-sm-n1,
        .mx-sm-n1 {
            margin-left: -0.25rem !important;
        }
        .m-sm-n2 {
            margin: -0.5rem !important;
        }
        .mt-sm-n2,
        .my-sm-n2 {
            margin-top: -0.5rem !important;
        }
        .mr-sm-n2,
        .mx-sm-n2 {
            margin-right: -0.5rem !important;
        }
        .mb-sm-n2,
        .my-sm-n2 {
            margin-bottom: -0.5rem !important;
        }
        .ml-sm-n2,
        .mx-sm-n2 {
            margin-left: -0.5rem !important;
        }
        .m-sm-n3 {
            margin: -1rem !important;
        }
        .mt-sm-n3,
        .my-sm-n3 {
            margin-top: -1rem !important;
        }
        .mr-sm-n3,
        .mx-sm-n3 {
            margin-right: -1rem !important;
        }
        .mb-sm-n3,
        .my-sm-n3 {
            margin-bottom: -1rem !important;
        }
        .ml-sm-n3,
        .mx-sm-n3 {
            margin-left: -1rem !important;
        }
        .m-sm-n4 {
            margin: -1.5rem !important;
        }
        .mt-sm-n4,
        .my-sm-n4 {
            margin-top: -1.5rem !important;
        }
        .mr-sm-n4,
        .mx-sm-n4 {
            margin-right: -1.5rem !important;
        }
        .mb-sm-n4,
        .my-sm-n4 {
            margin-bottom: -1.5rem !important;
        }
        .ml-sm-n4,
        .mx-sm-n4 {
            margin-left: -1.5rem !important;
        }
        .m-sm-n5 {
            margin: -3rem !important;
        }
        .mt-sm-n5,
        .my-sm-n5 {
            margin-top: -3rem !important;
        }
        .mr-sm-n5,
        .mx-sm-n5 {
            margin-right: -3rem !important;
        }
        .mb-sm-n5,
        .my-sm-n5 {
            margin-bottom: -3rem !important;
        }
        .ml-sm-n5,
        .mx-sm-n5 {
            margin-left: -3rem !important;
        }
        .m-sm-auto {
            margin: auto !important;
        }
        .mt-sm-auto,
        .my-sm-auto {
            margin-top: auto !important;
        }
        .mr-sm-auto,
        .mx-sm-auto {
            margin-right: auto !important;
        }
        .mb-sm-auto,
        .my-sm-auto {
            margin-bottom: auto !important;
        }
        .ml-sm-auto,
        .mx-sm-auto {
            margin-left: auto !important;
        }
    }

    @media (min-width: 768px) {
        .m-md-0 {
            margin: 0 !important;
        }
        .mt-md-0,
        .my-md-0 {
            margin-top: 0 !important;
        }
        .mr-md-0,
        .mx-md-0 {
            margin-right: 0 !important;
        }
        .mb-md-0,
        .my-md-0 {
            margin-bottom: 0 !important;
        }
        .ml-md-0,
        .mx-md-0 {
            margin-left: 0 !important;
        }
        .m-md-1 {
            margin: 0.25rem !important;
        }
        .mt-md-1,
        .my-md-1 {
            margin-top: 0.25rem !important;
        }
        .mr-md-1,
        .mx-md-1 {
            margin-right: 0.25rem !important;
        }
        .mb-md-1,
        .my-md-1 {
            margin-bottom: 0.25rem !important;
        }
        .ml-md-1,
        .mx-md-1 {
            margin-left: 0.25rem !important;
        }
        .m-md-2 {
            margin: 0.5rem !important;
        }
        .mt-md-2,
        .my-md-2 {
            margin-top: 0.5rem !important;
        }
        .mr-md-2,
        .mx-md-2 {
            margin-right: 0.5rem !important;
        }
        .mb-md-2,
        .my-md-2 {
            margin-bottom: 0.5rem !important;
        }
        .ml-md-2,
        .mx-md-2 {
            margin-left: 0.5rem !important;
        }
        .m-md-3 {
            margin: 1rem !important;
        }
        .mt-md-3,
        .my-md-3 {
            margin-top: 1rem !important;
        }
        .mr-md-3,
        .mx-md-3 {
            margin-right: 1rem !important;
        }
        .mb-md-3,
        .my-md-3 {
            margin-bottom: 1rem !important;
        }
        .ml-md-3,
        .mx-md-3 {
            margin-left: 1rem !important;
        }
        .m-md-4 {
            margin: 1.5rem !important;
        }
        .mt-md-4,
        .my-md-4 {
            margin-top: 1.5rem !important;
        }
        .mr-md-4,
        .mx-md-4 {
            margin-right: 1.5rem !important;
        }
        .mb-md-4,
        .my-md-4 {
            margin-bottom: 1.5rem !important;
        }
        .ml-md-4,
        .mx-md-4 {
            margin-left: 1.5rem !important;
        }
        .m-md-5 {
            margin: 3rem !important;
        }
        .mt-md-5,
        .my-md-5 {
            margin-top: 3rem !important;
        }
        .mr-md-5,
        .mx-md-5 {
            margin-right: 3rem !important;
        }
        .mb-md-5,
        .my-md-5 {
            margin-bottom: 3rem !important;
        }
        .ml-md-5,
        .mx-md-5 {
            margin-left: 3rem !important;
        }
        .p-md-0 {
            padding: 0 !important;
        }
        .pt-md-0,
        .py-md-0 {
            padding-top: 0 !important;
        }
        .pr-md-0,
        .px-md-0 {
            padding-right: 0 !important;
        }
        .pb-md-0,
        .py-md-0 {
            padding-bottom: 0 !important;
        }
        .pl-md-0,
        .px-md-0 {
            padding-left: 0 !important;
        }
        .p-md-1 {
            padding: 0.25rem !important;
        }
        .pt-md-1,
        .py-md-1 {
            padding-top: 0.25rem !important;
        }
        .pr-md-1,
        .px-md-1 {
            padding-right: 0.25rem !important;
        }
        .pb-md-1,
        .py-md-1 {
            padding-bottom: 0.25rem !important;
        }
        .pl-md-1,
        .px-md-1 {
            padding-left: 0.25rem !important;
        }
        .p-md-2 {
            padding: 0.5rem !important;
        }
        .pt-md-2,
        .py-md-2 {
            padding-top: 0.5rem !important;
        }
        .pr-md-2,
        .px-md-2 {
            padding-right: 0.5rem !important;
        }
        .pb-md-2,
        .py-md-2 {
            padding-bottom: 0.5rem !important;
        }
        .pl-md-2,
        .px-md-2 {
            padding-left: 0.5rem !important;
        }
        .p-md-3 {
            padding: 1rem !important;
        }
        .pt-md-3,
        .py-md-3 {
            padding-top: 1rem !important;
        }
        .pr-md-3,
        .px-md-3 {
            padding-right: 1rem !important;
        }
        .pb-md-3,
        .py-md-3 {
            padding-bottom: 1rem !important;
        }
        .pl-md-3,
        .px-md-3 {
            padding-left: 1rem !important;
        }
        .p-md-4 {
            padding: 1.5rem !important;
        }
        .pt-md-4,
        .py-md-4 {
            padding-top: 1.5rem !important;
        }
        .pr-md-4,
        .px-md-4 {
            padding-right: 1.5rem !important;
        }
        .pb-md-4,
        .py-md-4 {
            padding-bottom: 1.5rem !important;
        }
        .pl-md-4,
        .px-md-4 {
            padding-left: 1.5rem !important;
        }
        .p-md-5 {
            padding: 3rem !important;
        }
        .pt-md-5,
        .py-md-5 {
            padding-top: 3rem !important;
        }
        .pr-md-5,
        .px-md-5 {
            padding-right: 3rem !important;
        }
        .pb-md-5,
        .py-md-5 {
            padding-bottom: 3rem !important;
        }
        .pl-md-5,
        .px-md-5 {
            padding-left: 3rem !important;
        }
        .m-md-n1 {
            margin: -0.25rem !important;
        }
        .mt-md-n1,
        .my-md-n1 {
            margin-top: -0.25rem !important;
        }
        .mr-md-n1,
        .mx-md-n1 {
            margin-right: -0.25rem !important;
        }
        .mb-md-n1,
        .my-md-n1 {
            margin-bottom: -0.25rem !important;
        }
        .ml-md-n1,
        .mx-md-n1 {
            margin-left: -0.25rem !important;
        }
        .m-md-n2 {
            margin: -0.5rem !important;
        }
        .mt-md-n2,
        .my-md-n2 {
            margin-top: -0.5rem !important;
        }
        .mr-md-n2,
        .mx-md-n2 {
            margin-right: -0.5rem !important;
        }
        .mb-md-n2,
        .my-md-n2 {
            margin-bottom: -0.5rem !important;
        }
        .ml-md-n2,
        .mx-md-n2 {
            margin-left: -0.5rem !important;
        }
        .m-md-n3 {
            margin: -1rem !important;
        }
        .mt-md-n3,
        .my-md-n3 {
            margin-top: -1rem !important;
        }
        .mr-md-n3,
        .mx-md-n3 {
            margin-right: -1rem !important;
        }
        .mb-md-n3,
        .my-md-n3 {
            margin-bottom: -1rem !important;
        }
        .ml-md-n3,
        .mx-md-n3 {
            margin-left: -1rem !important;
        }
        .m-md-n4 {
            margin: -1.5rem !important;
        }
        .mt-md-n4,
        .my-md-n4 {
            margin-top: -1.5rem !important;
        }
        .mr-md-n4,
        .mx-md-n4 {
            margin-right: -1.5rem !important;
        }
        .mb-md-n4,
        .my-md-n4 {
            margin-bottom: -1.5rem !important;
        }
        .ml-md-n4,
        .mx-md-n4 {
            margin-left: -1.5rem !important;
        }
        .m-md-n5 {
            margin: -3rem !important;
        }
        .mt-md-n5,
        .my-md-n5 {
            margin-top: -3rem !important;
        }
        .mr-md-n5,
        .mx-md-n5 {
            margin-right: -3rem !important;
        }
        .mb-md-n5,
        .my-md-n5 {
            margin-bottom: -3rem !important;
        }
        .ml-md-n5,
        .mx-md-n5 {
            margin-left: -3rem !important;
        }
        .m-md-auto {
            margin: auto !important;
        }
        .mt-md-auto,
        .my-md-auto {
            margin-top: auto !important;
        }
        .mr-md-auto,
        .mx-md-auto {
            margin-right: auto !important;
        }
        .mb-md-auto,
        .my-md-auto {
            margin-bottom: auto !important;
        }
        .ml-md-auto,
        .mx-md-auto {
            margin-left: auto !important;
        }
    }

    @media (min-width: 992px) {
        .m-lg-0 {
            margin: 0 !important;
        }
        .mt-lg-0,
        .my-lg-0 {
            margin-top: 0 !important;
        }
        .mr-lg-0,
        .mx-lg-0 {
            margin-right: 0 !important;
        }
        .mb-lg-0,
        .my-lg-0 {
            margin-bottom: 0 !important;
        }
        .ml-lg-0,
        .mx-lg-0 {
            margin-left: 0 !important;
        }
        .m-lg-1 {
            margin: 0.25rem !important;
        }
        .mt-lg-1,
        .my-lg-1 {
            margin-top: 0.25rem !important;
        }
        .mr-lg-1,
        .mx-lg-1 {
            margin-right: 0.25rem !important;
        }
        .mb-lg-1,
        .my-lg-1 {
            margin-bottom: 0.25rem !important;
        }
        .ml-lg-1,
        .mx-lg-1 {
            margin-left: 0.25rem !important;
        }
        .m-lg-2 {
            margin: 0.5rem !important;
        }
        .mt-lg-2,
        .my-lg-2 {
            margin-top: 0.5rem !important;
        }
        .mr-lg-2,
        .mx-lg-2 {
            margin-right: 0.5rem !important;
        }
        .mb-lg-2,
        .my-lg-2 {
            margin-bottom: 0.5rem !important;
        }
        .ml-lg-2,
        .mx-lg-2 {
            margin-left: 0.5rem !important;
        }
        .m-lg-3 {
            margin: 1rem !important;
        }
        .mt-lg-3,
        .my-lg-3 {
            margin-top: 1rem !important;
        }
        .mr-lg-3,
        .mx-lg-3 {
            margin-right: 1rem !important;
        }
        .mb-lg-3,
        .my-lg-3 {
            margin-bottom: 1rem !important;
        }
        .ml-lg-3,
        .mx-lg-3 {
            margin-left: 1rem !important;
        }
        .m-lg-4 {
            margin: 1.5rem !important;
        }
        .mt-lg-4,
        .my-lg-4 {
            margin-top: 1.5rem !important;
        }
        .mr-lg-4,
        .mx-lg-4 {
            margin-right: 1.5rem !important;
        }
        .mb-lg-4,
        .my-lg-4 {
            margin-bottom: 1.5rem !important;
        }
        .ml-lg-4,
        .mx-lg-4 {
            margin-left: 1.5rem !important;
        }
        .m-lg-5 {
            margin: 3rem !important;
        }
        .mt-lg-5,
        .my-lg-5 {
            margin-top: 3rem !important;
        }
        .mr-lg-5,
        .mx-lg-5 {
            margin-right: 3rem !important;
        }
        .mb-lg-5,
        .my-lg-5 {
            margin-bottom: 3rem !important;
        }
        .ml-lg-5,
        .mx-lg-5 {
            margin-left: 3rem !important;
        }
        .p-lg-0 {
            padding: 0 !important;
        }
        .pt-lg-0,
        .py-lg-0 {
            padding-top: 0 !important;
        }
        .pr-lg-0,
        .px-lg-0 {
            padding-right: 0 !important;
        }
        .pb-lg-0,
        .py-lg-0 {
            padding-bottom: 0 !important;
        }
        .pl-lg-0,
        .px-lg-0 {
            padding-left: 0 !important;
        }
        .p-lg-1 {
            padding: 0.25rem !important;
        }
        .pt-lg-1,
        .py-lg-1 {
            padding-top: 0.25rem !important;
        }
        .pr-lg-1,
        .px-lg-1 {
            padding-right: 0.25rem !important;
        }
        .pb-lg-1,
        .py-lg-1 {
            padding-bottom: 0.25rem !important;
        }
        .pl-lg-1,
        .px-lg-1 {
            padding-left: 0.25rem !important;
        }
        .p-lg-2 {
            padding: 0.5rem !important;
        }
        .pt-lg-2,
        .py-lg-2 {
            padding-top: 0.5rem !important;
        }
        .pr-lg-2,
        .px-lg-2 {
            padding-right: 0.5rem !important;
        }
        .pb-lg-2,
        .py-lg-2 {
            padding-bottom: 0.5rem !important;
        }
        .pl-lg-2,
        .px-lg-2 {
            padding-left: 0.5rem !important;
        }
        .p-lg-3 {
            padding: 1rem !important;
        }
        .pt-lg-3,
        .py-lg-3 {
            padding-top: 1rem !important;
        }
        .pr-lg-3,
        .px-lg-3 {
            padding-right: 1rem !important;
        }
        .pb-lg-3,
        .py-lg-3 {
            padding-bottom: 1rem !important;
        }
        .pl-lg-3,
        .px-lg-3 {
            padding-left: 1rem !important;
        }
        .p-lg-4 {
            padding: 1.5rem !important;
        }
        .pt-lg-4,
        .py-lg-4 {
            padding-top: 1.5rem !important;
        }
        .pr-lg-4,
        .px-lg-4 {
            padding-right: 1.5rem !important;
        }
        .pb-lg-4,
        .py-lg-4 {
            padding-bottom: 1.5rem !important;
        }
        .pl-lg-4,
        .px-lg-4 {
            padding-left: 1.5rem !important;
        }
        .p-lg-5 {
            padding: 3rem !important;
        }
        .pt-lg-5,
        .py-lg-5 {
            padding-top: 3rem !important;
        }
        .pr-lg-5,
        .px-lg-5 {
            padding-right: 3rem !important;
        }
        .pb-lg-5,
        .py-lg-5 {
            padding-bottom: 3rem !important;
        }
        .pl-lg-5,
        .px-lg-5 {
            padding-left: 3rem !important;
        }
        .m-lg-n1 {
            margin: -0.25rem !important;
        }
        .mt-lg-n1,
        .my-lg-n1 {
            margin-top: -0.25rem !important;
        }
        .mr-lg-n1,
        .mx-lg-n1 {
            margin-right: -0.25rem !important;
        }
        .mb-lg-n1,
        .my-lg-n1 {
            margin-bottom: -0.25rem !important;
        }
        .ml-lg-n1,
        .mx-lg-n1 {
            margin-left: -0.25rem !important;
        }
        .m-lg-n2 {
            margin: -0.5rem !important;
        }
        .mt-lg-n2,
        .my-lg-n2 {
            margin-top: -0.5rem !important;
        }
        .mr-lg-n2,
        .mx-lg-n2 {
            margin-right: -0.5rem !important;
        }
        .mb-lg-n2,
        .my-lg-n2 {
            margin-bottom: -0.5rem !important;
        }
        .ml-lg-n2,
        .mx-lg-n2 {
            margin-left: -0.5rem !important;
        }
        .m-lg-n3 {
            margin: -1rem !important;
        }
        .mt-lg-n3,
        .my-lg-n3 {
            margin-top: -1rem !important;
        }
        .mr-lg-n3,
        .mx-lg-n3 {
            margin-right: -1rem !important;
        }
        .mb-lg-n3,
        .my-lg-n3 {
            margin-bottom: -1rem !important;
        }
        .ml-lg-n3,
        .mx-lg-n3 {
            margin-left: -1rem !important;
        }
        .m-lg-n4 {
            margin: -1.5rem !important;
        }
        .mt-lg-n4,
        .my-lg-n4 {
            margin-top: -1.5rem !important;
        }
        .mr-lg-n4,
        .mx-lg-n4 {
            margin-right: -1.5rem !important;
        }
        .mb-lg-n4,
        .my-lg-n4 {
            margin-bottom: -1.5rem !important;
        }
        .ml-lg-n4,
        .mx-lg-n4 {
            margin-left: -1.5rem !important;
        }
        .m-lg-n5 {
            margin: -3rem !important;
        }
        .mt-lg-n5,
        .my-lg-n5 {
            margin-top: -3rem !important;
        }
        .mr-lg-n5,
        .mx-lg-n5 {
            margin-right: -3rem !important;
        }
        .mb-lg-n5,
        .my-lg-n5 {
            margin-bottom: -3rem !important;
        }
        .ml-lg-n5,
        .mx-lg-n5 {
            margin-left: -3rem !important;
        }
        .m-lg-auto {
            margin: auto !important;
        }
        .mt-lg-auto,
        .my-lg-auto {
            margin-top: auto !important;
        }
        .mr-lg-auto,
        .mx-lg-auto {
            margin-right: auto !important;
        }
        .mb-lg-auto,
        .my-lg-auto {
            margin-bottom: auto !important;
        }
        .ml-lg-auto,
        .mx-lg-auto {
            margin-left: auto !important;
        }
    }

    @media (min-width: 1200px) {
        .m-xl-0 {
            margin: 0 !important;
        }
        .mt-xl-0,
        .my-xl-0 {
            margin-top: 0 !important;
        }
        .mr-xl-0,
        .mx-xl-0 {
            margin-right: 0 !important;
        }
        .mb-xl-0,
        .my-xl-0 {
            margin-bottom: 0 !important;
        }
        .ml-xl-0,
        .mx-xl-0 {
            margin-left: 0 !important;
        }
        .m-xl-1 {
            margin: 0.25rem !important;
        }
        .mt-xl-1,
        .my-xl-1 {
            margin-top: 0.25rem !important;
        }
        .mr-xl-1,
        .mx-xl-1 {
            margin-right: 0.25rem !important;
        }
        .mb-xl-1,
        .my-xl-1 {
            margin-bottom: 0.25rem !important;
        }
        .ml-xl-1,
        .mx-xl-1 {
            margin-left: 0.25rem !important;
        }
        .m-xl-2 {
            margin: 0.5rem !important;
        }
        .mt-xl-2,
        .my-xl-2 {
            margin-top: 0.5rem !important;
        }
        .mr-xl-2,
        .mx-xl-2 {
            margin-right: 0.5rem !important;
        }
        .mb-xl-2,
        .my-xl-2 {
            margin-bottom: 0.5rem !important;
        }
        .ml-xl-2,
        .mx-xl-2 {
            margin-left: 0.5rem !important;
        }
        .m-xl-3 {
            margin: 1rem !important;
        }
        .mt-xl-3,
        .my-xl-3 {
            margin-top: 1rem !important;
        }
        .mr-xl-3,
        .mx-xl-3 {
            margin-right: 1rem !important;
        }
        .mb-xl-3,
        .my-xl-3 {
            margin-bottom: 1rem !important;
        }
        .ml-xl-3,
        .mx-xl-3 {
            margin-left: 1rem !important;
        }
        .m-xl-4 {
            margin: 1.5rem !important;
        }
        .mt-xl-4,
        .my-xl-4 {
            margin-top: 1.5rem !important;
        }
        .mr-xl-4,
        .mx-xl-4 {
            margin-right: 1.5rem !important;
        }
        .mb-xl-4,
        .my-xl-4 {
            margin-bottom: 1.5rem !important;
        }
        .ml-xl-4,
        .mx-xl-4 {
            margin-left: 1.5rem !important;
        }
        .m-xl-5 {
            margin: 3rem !important;
        }
        .mt-xl-5,
        .my-xl-5 {
            margin-top: 3rem !important;
        }
        .mr-xl-5,
        .mx-xl-5 {
            margin-right: 3rem !important;
        }
        .mb-xl-5,
        .my-xl-5 {
            margin-bottom: 3rem !important;
        }
        .ml-xl-5,
        .mx-xl-5 {
            margin-left: 3rem !important;
        }
        .p-xl-0 {
            padding: 0 !important;
        }
        .pt-xl-0,
        .py-xl-0 {
            padding-top: 0 !important;
        }
        .pr-xl-0,
        .px-xl-0 {
            padding-right: 0 !important;
        }
        .pb-xl-0,
        .py-xl-0 {
            padding-bottom: 0 !important;
        }
        .pl-xl-0,
        .px-xl-0 {
            padding-left: 0 !important;
        }
        .p-xl-1 {
            padding: 0.25rem !important;
        }
        .pt-xl-1,
        .py-xl-1 {
            padding-top: 0.25rem !important;
        }
        .pr-xl-1,
        .px-xl-1 {
            padding-right: 0.25rem !important;
        }
        .pb-xl-1,
        .py-xl-1 {
            padding-bottom: 0.25rem !important;
        }
        .pl-xl-1,
        .px-xl-1 {
            padding-left: 0.25rem !important;
        }
        .p-xl-2 {
            padding: 0.5rem !important;
        }
        .pt-xl-2,
        .py-xl-2 {
            padding-top: 0.5rem !important;
        }
        .pr-xl-2,
        .px-xl-2 {
            padding-right: 0.5rem !important;
        }
        .pb-xl-2,
        .py-xl-2 {
            padding-bottom: 0.5rem !important;
        }
        .pl-xl-2,
        .px-xl-2 {
            padding-left: 0.5rem !important;
        }
        .p-xl-3 {
            padding: 1rem !important;
        }
        .pt-xl-3,
        .py-xl-3 {
            padding-top: 1rem !important;
        }
        .pr-xl-3,
        .px-xl-3 {
            padding-right: 1rem !important;
        }
        .pb-xl-3,
        .py-xl-3 {
            padding-bottom: 1rem !important;
        }
        .pl-xl-3,
        .px-xl-3 {
            padding-left: 1rem !important;
        }
        .p-xl-4 {
            padding: 1.5rem !important;
        }
        .pt-xl-4,
        .py-xl-4 {
            padding-top: 1.5rem !important;
        }
        .pr-xl-4,
        .px-xl-4 {
            padding-right: 1.5rem !important;
        }
        .pb-xl-4,
        .py-xl-4 {
            padding-bottom: 1.5rem !important;
        }
        .pl-xl-4,
        .px-xl-4 {
            padding-left: 1.5rem !important;
        }
        .p-xl-5 {
            padding: 3rem !important;
        }
        .pt-xl-5,
        .py-xl-5 {
            padding-top: 3rem !important;
        }
        .pr-xl-5,
        .px-xl-5 {
            padding-right: 3rem !important;
        }
        .pb-xl-5,
        .py-xl-5 {
            padding-bottom: 3rem !important;
        }
        .pl-xl-5,
        .px-xl-5 {
            padding-left: 3rem !important;
        }
        .m-xl-n1 {
            margin: -0.25rem !important;
        }
        .mt-xl-n1,
        .my-xl-n1 {
            margin-top: -0.25rem !important;
        }
        .mr-xl-n1,
        .mx-xl-n1 {
            margin-right: -0.25rem !important;
        }
        .mb-xl-n1,
        .my-xl-n1 {
            margin-bottom: -0.25rem !important;
        }
        .ml-xl-n1,
        .mx-xl-n1 {
            margin-left: -0.25rem !important;
        }
        .m-xl-n2 {
            margin: -0.5rem !important;
        }
        .mt-xl-n2,
        .my-xl-n2 {
            margin-top: -0.5rem !important;
        }
        .mr-xl-n2,
        .mx-xl-n2 {
            margin-right: -0.5rem !important;
        }
        .mb-xl-n2,
        .my-xl-n2 {
            margin-bottom: -0.5rem !important;
        }
        .ml-xl-n2,
        .mx-xl-n2 {
            margin-left: -0.5rem !important;
        }
        .m-xl-n3 {
            margin: -1rem !important;
        }
        .mt-xl-n3,
        .my-xl-n3 {
            margin-top: -1rem !important;
        }
        .mr-xl-n3,
        .mx-xl-n3 {
            margin-right: -1rem !important;
        }
        .mb-xl-n3,
        .my-xl-n3 {
            margin-bottom: -1rem !important;
        }
        .ml-xl-n3,
        .mx-xl-n3 {
            margin-left: -1rem !important;
        }
        .m-xl-n4 {
            margin: -1.5rem !important;
        }
        .mt-xl-n4,
        .my-xl-n4 {
            margin-top: -1.5rem !important;
        }
        .mr-xl-n4,
        .mx-xl-n4 {
            margin-right: -1.5rem !important;
        }
        .mb-xl-n4,
        .my-xl-n4 {
            margin-bottom: -1.5rem !important;
        }
        .ml-xl-n4,
        .mx-xl-n4 {
            margin-left: -1.5rem !important;
        }
        .m-xl-n5 {
            margin: -3rem !important;
        }
        .mt-xl-n5,
        .my-xl-n5 {
            margin-top: -3rem !important;
        }
        .mr-xl-n5,
        .mx-xl-n5 {
            margin-right: -3rem !important;
        }
        .mb-xl-n5,
        .my-xl-n5 {
            margin-bottom: -3rem !important;
        }
        .ml-xl-n5,
        .mx-xl-n5 {
            margin-left: -3rem !important;
        }
        .m-xl-auto {
            margin: auto !important;
        }
        .mt-xl-auto,
        .my-xl-auto {
            margin-top: auto !important;
        }
        .mr-xl-auto,
        .mx-xl-auto {
            margin-right: auto !important;
        }
        .mb-xl-auto,
        .my-xl-auto {
            margin-bottom: auto !important;
        }
        .ml-xl-auto,
        .mx-xl-auto {
            margin-left: auto !important;
        }
    }

    .stretched-link::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        pointer-events: auto;
        content: "";
        background-color: rgba(0, 0, 0, 0);
    }

    .text-monospace {
        font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
    }

    .text-justify {
        text-align: justify !important;
    }

    .text-wrap {
        white-space: normal !important;
    }

    .text-nowrap {
        white-space: nowrap !important;
    }

    .text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .text-left {
        text-align: left !important;
    }

    .text-right {
        text-align: right !important;
    }

    .text-center {
        text-align: center !important;
    }

    @media (min-width: 576px) {
        .text-sm-left {
            text-align: left !important;
        }
        .text-sm-right {
            text-align: right !important;
        }
        .text-sm-center {
            text-align: center !important;
        }
    }

    @media (min-width: 768px) {
        .text-md-left {
            text-align: left !important;
        }
        .text-md-right {
            text-align: right !important;
        }
        .text-md-center {
            text-align: center !important;
        }
    }

    @media (min-width: 992px) {
        .text-lg-left {
            text-align: left !important;
        }
        .text-lg-right {
            text-align: right !important;
        }
        .text-lg-center {
            text-align: center !important;
        }
    }

    @media (min-width: 1200px) {
        .text-xl-left {
            text-align: left !important;
        }
        .text-xl-right {
            text-align: right !important;
        }
        .text-xl-center {
            text-align: center !important;
        }
    }

    .text-lowercase {
        text-transform: lowercase !important;
    }

    .text-uppercase {
        text-transform: uppercase !important;
    }

    .text-capitalize {
        text-transform: capitalize !important;
    }

    .font-weight-light {
        font-weight: 300 !important;
    }

    .font-weight-lighter {
        font-weight: lighter !important;
    }

    .font-weight-normal {
        font-weight: 400 !important;
    }

    .font-weight-bold {
        font-weight: 700 !important;
    }

    .font-weight-bolder {
        font-weight: bolder !important;
    }

    .font-italic {
        font-style: italic !important;
    }

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

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

    a.text-primary:hover, a.text-primary:focus {
        color: #0056b3 !important;
    }

    .text-secondary {
        color: #6c757d !important;
    }

    a.text-secondary:hover, a.text-secondary:focus {
        color: #494f54 !important;
    }

    .text-success {
        color: #28a745 !important;
    }

    a.text-success:hover, a.text-success:focus {
        color: #19692c !important;
    }

    .text-info {
        color: #17a2b8 !important;
    }

    a.text-info:hover, a.text-info:focus {
        color: #0f6674 !important;
    }

    .text-warning {
        color: #ffc107 !important;
    }

    a.text-warning:hover, a.text-warning:focus {
        color: #ba8b00 !important;
    }

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

    a.text-danger:hover, a.text-danger:focus {
        color: #a71d2a !important;
    }

    .text-light {
        color: #f8f9fa !important;
    }

    a.text-light:hover, a.text-light:focus {
        color: #cbd3da !important;
    }

    .text-dark {
        color: #343a40 !important;
    }

    a.text-dark:hover, a.text-dark:focus {
        color: #121416 !important;
    }

    .text-body {
        color: #212529 !important;
    }

    .text-muted {
        color: #6c757d !important;
    }

    .text-black-50 {
        color: rgba(0, 0, 0, 0.5) !important;
    }

    .text-white-50 {
        color: rgba(255, 255, 255, 0.5) !important;
    }

    .text-hide {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

    .text-decoration-none {
        text-decoration: none !important;
    }

    .text-break {
        word-break: break-word !important;
        word-wrap: break-word !important;
    }

    .text-reset {
        color: inherit !important;
    }

    .visible {
        visibility: visible !important;
    }

    .invisible {
        visibility: hidden !important;
    }

    @media print {
        *,
        *::before,
        *::after {
            text-shadow: none !important;
            box-shadow: none !important;
        }
        a:not(.btn) {
            text-decoration: underline;
        }
        abbr[title]::after {
            content: " (" attr(title) ")";
        }
        pre {
            white-space: pre-wrap !important;
        }
        pre,
        blockquote {
            border: 1px solid #adb5bd;
            page-break-inside: avoid;
        }
        tr,
        img {
            page-break-inside: avoid;
        }
        p,
        h2,
        h3 {
            orphans: 3;
            widows: 3;
        }
        h2,
        h3 {
            page-break-after: avoid;
        }
        @page {
            size: a3;
        }
        body {
            min-width: 992px !important;
        }
        .container {
            min-width: 992px !important;
        }
        .navbar {
            display: none;
        }
        .badge {
            border: 1px solid #000;
        }
        .table {
            border-collapse: collapse !important;
        }
        .table td,
        .table th {
            background-color: #fff !important;
        }
        .table-bordered th,
        .table-bordered td {
            border: 1px solid #dee2e6 !important;
        }
        .table-dark {
            color: inherit;
        }
        .table-dark th,
        .table-dark td,
        .table-dark thead th,
        .table-dark tbody + tbody {
            border-color: #dee2e6;
        }
        .table .thead-dark th {
            color: inherit;
            border-color: #dee2e6;
        }
    }

</style><style>
    ::-moz-selection {
        background-color: #f7631b;
        color: #fff
    }

    ::selection {
        background-color: #f7631b;
        color: #fff
    }

    ::-webkit-input-placeholder {  
        color: #777777; 
        font-weight: 300
    }

    :-moz-placeholder {
        color: #777777;
        opacity: 1;
        font-weight: 300
    } 

    ::-moz-placeholder {
        color: #777777;
        opacity: 1;
        font-weight: 300
    }

    :-ms-input-placeholder {
        color: #777777;
        font-weight: 300
    }

    ::-ms-input-placeholder {
        color: #777777;
        font-weight: 300
    }

    body {
        color: #777;
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.625em;
        position: relative
    }

    ol,
    ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    select {
        display: block
    }

    figure {
        margin: 0
    }

    a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    iframe {
        border: 0
    }

    a,
    a:focus,
    a:hover {
        text-decoration: none;
        outline: 0
    }

    .btn.active.focus,
    .btn.active:focus,
    .btn.focus,
    .btn.focus:active,
    .btn:active:focus,
    .btn:focus {
        text-decoration: none;
        outline: 0
    }

    .card-panel {
        margin: 0;
        padding: 60px
    }

    .btn i,
    .btn-large i,
    .btn-floating i,
    .btn-large i,
    .btn-flat i {
        font-size: 1em;
        line-height: inherit
    }

    .gray-bg {
        background: #f9f9ff
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: "Poppins", sans-serif;
        color: #222;
        line-height: 1.2em !important;
        margin-bottom: 0;
        margin-top: 0;
        font-weight: 600
    }

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        margin-bottom: 0;
        margin-top: 0;
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        color: #222
    }

    h1,
    .h1 {
        font-size: 36px
    }

    h2,
    .h2 {
        font-size: 30px
    }

    h3,
    .h3 {
        font-size: 24px
    }

    h4,
    .h4 {
        font-size: 18px
    }

    h5,
    .h5 {
        font-size: 16px
    }

    h6,
    .h6 {
        font-size: 14px;
        color: #222
    }

    td,
    th {
        border-radius: 0px
    }

    .clear::before,
    .clear::after {
        content: " ";
        display: table
    }

    .clear::after {
        clear: both
    }

    .fz-11 {
        font-size: 11px
    }

    .fz-12 {
        font-size: 12px
    }

    .fz-13 {
        font-size: 13px
    }

    .fz-14 {
        font-size: 14px
    }

    .fz-15 {
        font-size: 15px
    }

    .fz-16 {
        font-size: 16px
    }

    .fz-18 {
        font-size: 18px
    }

    .fz-30 {
        font-size: 30px
    }

    .fz-48 {
        font-size: 48px !important
    }

    .fw100 {
        font-weight: 100
    }

    .fw300 {
        font-weight: 300
    }

    .fw400 {
        font-weight: 400 !important
    }

    .fw500 {
        font-weight: 500
    }

    .f700 {
        font-weight: 700
    }

    .fsi {
        font-style: italic
    }

    .mt-10 {
        margin-top: 10px
    }

    .mt-15 {
        margin-top: 15px
    }

    .mt-20 {
        margin-top: 20px
    }

    .mt-25 {
        margin-top: 25px
    }

    .mt-30 {
        margin-top: 30px
    }

    .mt-35 {
        margin-top: 35px
    }

    .mt-40 {
        margin-top: 40px
    }

    .mt-50 {
        margin-top: 50px
    }

    .mt-60 {
        margin-top: 60px
    }

    .mt-70 {
        margin-top: 70px
    }

    .mt-80 {
        margin-top: 80px
    }

    .mt-100 {
        margin-top: 100px
    }

    .mt-120 {
        margin-top: 120px
    }

    .mt-150 {
        margin-top: 150px
    }

    .ml-0 {
        margin-left: 0 !important
    }

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

    .ml-10 {
        margin-left: 10px
    }

    .ml-15 {
        margin-left: 15px
    }

    .ml-20 {
        margin-left: 20px
    }

    .ml-30 {
        margin-left: 30px
    }

    .ml-50 {
        margin-left: 50px
    }

    .mr-0 {
        margin-right: 0 !important
    }

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

    .mr-15 {
        margin-right: 15px
    }

    .mr-10 {
        margin-right: 10px
    }

    .mr-20 {
        margin-right: 20px
    }

    .mr-30 {
        margin-right: 30px
    }

    .mr-50 {
        margin-right: 50px
    }

    .mb-0 {
        margin-bottom: 0px
    }

    .mb-0-i {
        margin-bottom: 0px !important
    }

    .mb-5 {
        margin-bottom: 5px
    }

    .mb-10 {
        margin-bottom: 10px
    }

    .mb-15 {
        margin-bottom: 15px
    }

    .mb-20 {
        margin-bottom: 20px
    }

    .mb-25 {
        margin-bottom: 25px
    }

    .mb-30 {
        margin-bottom: 30px
    }

    .mb-40 {
        margin-bottom: 40px
    }

    .mb-50 {
        margin-bottom: 50px
    }

    .mb-60 {
        margin-bottom: 60px
    }

    .mb-70 {
        margin-bottom: 70px
    }

    .mb-80 {
        margin-bottom: 80px
    }

    .mb-90 {
        margin-bottom: 90px
    }

    .mb-100 {
        margin-bottom: 100px
    }

    .pt-0 {
        padding-top: 0px
    }

    .pt-10 {
        padding-top: 10px
    }

    .pt-15 {
        padding-top: 15px
    }

    .pt-20 {
        padding-top: 20px
    }

    .pt-25 {
        padding-top: 25px
    }

    .pt-30 {
        padding-top: 30px
    }

    .pt-40 {
        padding-top: 40px
    }

    .pt-50 {
        padding-top: 50px
    }

    .pt-60 {
        padding-top: 60px
    }

    .pt-70 {
        padding-top: 70px
    }

    .pt-80 {
        padding-top: 80px
    }

    .pt-90 {
        padding-top: 90px
    }

    .pt-100 {
        padding-top: 100px
    }

    .pt-120 {
        padding-top: 120px
    }

    .pt-150 {
        padding-top: 150px
    }

    .pt-170 {
        padding-top: 170px
    }

    .pb-0 {
        padding-bottom: 0px
    }

    .pb-10 {
        padding-bottom: 10px
    }

    .pb-15 {
        padding-bottom: 15px
    }

    .pb-20 {
        padding-bottom: 20px
    }

    .pb-25 {
        padding-bottom: 25px
    }

    .pb-30 {
        padding-bottom: 30px
    }

    .pb-40 {
        padding-bottom: 40px
    }

    .pb-50 {
        padding-bottom: 50px
    }

    .pb-60 {
        padding-bottom: 60px
    }

    .pb-70 {
        padding-bottom: 70px
    }

    .pb-80 {
        padding-bottom: 80px
    }

    .pb-90 {
        padding-bottom: 90px
    }

    .pb-100 {
        padding-bottom: 100px
    }

    .pb-120 {
        padding-bottom: 120px
    }

    .pb-150 {
        padding-bottom: 150px
    }

    .pr-30 {
        padding-right: 30px
    }

    .pl-30 {
        padding-left: 30px
    }

    .pl-90 {
        padding-left: 90px
    }

    .p-40 {
        padding: 40px
    }

    .float-left {
        float: left
    }

    .float-right {
        float: right
    }

    .text-italic {
        font-style: italic
    }

    .text-white {
        color: #fff
    }

    .text-black {
        color: #000
    }

    .transition {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .borda {
        border-radius: 4px;
        /*box-shadow: 0 5px 0 #ddd; box shadow original*/
        box-shadow: #000 0 0 4px;
        border: 1px solid #ddd
    }

    .caixa-curso {
        width: 25%;
        padding: 0 10px;
    }

    .section-full {
        padding: 100px 0
    }

    .section-half {
        padding: 75px 0
    }

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-rigth {
        text-align: right
    }

    .flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }

    .inline-flex {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .flex-grow {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .flex-wrap {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .flex-left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start
    }

    .flex-middle {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center
    }

    .flex-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end
    }

    .flex-top {
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .flex-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center
    }

    .flex-bottom {
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .space-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between
    }

    .space-around {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        justify-content: space-around
    }

    .flex-column {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .flex-cell {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .display-table {
        display: table
    }

    .light {
        color: #fff
    }

    .dark {
        color: #222
    }

    .relative {
        position: relative
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overlay {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }

    .container.fullwidth {
        width: 100%
    }

    .container.no-padding {
        padding-left: 0;
        padding-right: 0
    }

    .no-padding {
        padding: 0
    }

    .section-bg {
        background: #f9fafc
    }

    @media (max-width: 767px) {
        .no-flex-xs {
            display: block !important
        }
    }

    .row.no-margin {
        margin-left: 0;
        margin-right: 0
    }

    .whole-wrap {
        background-color: #f0f0ff
    }

    .generic-banner {
        margin-top: 60px;
        background-color: #f7631b;
        text-align: center
    }

    .generic-banner .height {
        height: 600px
    }

    @media (max-width: 767.98px) {
        .generic-banner .height {
            height: 400px
        }
    }

    .generic-banner .generic-banner-content h2 {
        line-height: 1.2em;
        margin-bottom: 20px
    }

    @media (max-width: 991.98px) {
        .generic-banner .generic-banner-content h2 br {
            display: none
        }
    }

    .generic-banner .generic-banner-content p {
        text-align: center;
        font-size: 16px
    }

    @media (max-width: 991.98px) {
        .generic-banner .generic-banner-content p br {
            display: none
        }
    }

    .generic-content h1 {
        font-weight: 600
    }

    .about-generic-area {
        background: #fff
    }

    .about-generic-area p {
        margin-bottom: 20px
    }

    .white-bg {
        background: #fff
    }

    .section-top-border {
        padding: 50px 0;
        border-top: 1px dotted #eee
    }

    .switch-wrap {
        margin-bottom: 10px
    }

    .switch-wrap p {
        margin: 0
    }

    .sample-text-area {
        background: #f9f9ff;
        padding: 100px 0 70px 0
    }

    .sample-text {
        margin-bottom: 0
    }

    .text-heading {
        margin-bottom: 30px;
        font-size: 24px
    }

    .typo-list {
        margin-bottom: 10px
    }

    @media (max-width: 767px) {
        .typo-sec {
            margin-bottom: 30px
        }
    }

    @media (max-width: 767px) {
        .element-wrap {
            margin-top: 30px
        }
    }

    b,
    sup,
    sub,
    u,
    del {
        /*color: #f7631b*/
        font-weight: bold;
    }

    h1 {
        font-size: 36px
    }

    h2 {
        font-size: 30px
    }

    h3 {
        font-size: 24px
    }

    h4 {
        font-size: 18px
    }

    h5 {
        font-size: 16px
    }

    h6 {
        font-size: 14px
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.5em
    }

    .typography h1,
    .typography h2,
    .typography h3,
    .typography h4,
    .typography h5,
    .typography h6 {
        color: #777
    }

    .button-area {
        background: #f9f9ff
    }

    .button-area .border-top-generic {
        padding: 70px 15px;
        border-top: 1px dotted #eee
    }

    .button-group-area .genric-btn {
        margin-right: 10px;
        margin-top: 10px
    }

    .button-group-area .genric-btn:last-child {
        margin-right: 0
    }

    .genric-btn {
        display: inline-block;
        outline: none;
        line-height: 40px;
        padding: 0 30px;
        font-size: .8em;
        text-align: center;
        text-decoration: none;
        font-weight: 500;
        cursor: pointer;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .genric-btn:focus {
        outline: none
    }

    .genric-btn.e-large {
        padding: 0 40px;
        line-height: 50px
    }

    .genric-btn.large {
        line-height: 45px
    }

    .genric-btn.medium {
        line-height: 30px
    }

    .genric-btn.small {
        line-height: 25px
    }

    .genric-btn.radius {
        border-radius: 3px
    }

    .genric-btn.circle {
        border-radius: 20px
    }

    .genric-btn.arrow {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .genric-btn.arrow span {
        margin-left: 10px
    }

    .genric-btn.default {
        color: #222;
        background: #f9f9ff;
        border: 1px solid transparent
    }

    .genric-btn.default:hover {
        border: 1px solid #f9f9ff;
        background: #fff
    }

    .genric-btn.default-border {
        border: 1px solid #f9f9ff;
        background: #fff
    }

    .genric-btn.default-border:hover {
        color: #222;
        background: #f9f9ff;
        border: 1px solid transparent
    }

    .genric-btn.primary {
        color: #fff;
        background: linear-gradient(to bottom, #f7631b 5%, #df5917 100%);
        border: 1px solid transparent
    }

    .genric-btn.primary:hover {
        color: #f7631b;
        border: 1px solid #f7631b;
        background: #fff
    }

    .genric-btn.primary-border {
        color: #f7631b;
        border: 1px solid #f7631b;
        background: #fff
    }

    .genric-btn.primary-border:hover {
        color: #fff;
        background: #f7631b;
        border: 1px solid transparent
    }

    .genric-btn.success {
        color: #fff;
        background: #4cd3e3;
        border: 1px solid transparent
    }

    .genric-btn.success:hover {
        color: #4cd3e3;
        border: 1px solid #4cd3e3;
        background: #fff
    }

    .genric-btn.success-border {
        color: #4cd3e3;
        border: 1px solid #4cd3e3;
        background: #fff
    }

    .genric-btn.success-border:hover {
        color: #fff;
        background: #4cd3e3;
        border: 1px solid transparent
    }

    .genric-btn.info {
        color: #fff;
        background: #38a4ff;
        border: 1px solid transparent
    }

    .genric-btn.info:hover {
        color: #38a4ff;
        border: 1px solid #38a4ff;
        background: #fff
    }

    .genric-btn.info-border {
        color: #38a4ff;
        border: 1px solid #38a4ff;
        background: #fff
    }

    .genric-btn.info-border:hover {
        color: #fff;
        background: #38a4ff;
        border: 1px solid transparent
    }

    .genric-btn.warning {
        color: #fff;
        background: #f4e700;
        border: 1px solid transparent
    }

    .genric-btn.warning:hover {
        color: #f4e700;
        border: 1px solid #f4e700;
        background: #fff
    }

    .genric-btn.warning-border {
        color: #f4e700;
        border: 1px solid #f4e700;
        background: #fff
    }

    .genric-btn.warning-border:hover {
        color: #fff;
        background: #f4e700;
        border: 1px solid transparent
    }

    .genric-btn.danger {
        color: #fff;
        background: #f44a40;
        border: 1px solid transparent
    }

    .genric-btn.danger:hover {
        color: #f44a40;
        border: 1px solid #f44a40;
        background: #fff
    }

    .genric-btn.danger-border {
        color: #f44a40;
        border: 1px solid #f44a40;
        background: #fff
    }

    .genric-btn.danger-border:hover {
        color: #fff;
        background: #f44a40;
        border: 1px solid transparent
    }

    .genric-btn.link {
        color: #222;
        background: #f9f9ff;
        text-decoration: underline;
        border: 1px solid transparent
    }

    .genric-btn.link:hover {
        color: #222;
        border: 1px solid #f9f9ff;
        background: #fff
    }

    .genric-btn.link-border {
        color: #222;
        border: 1px solid #f9f9ff;
        background: #fff;
        text-decoration: underline
    }

    .genric-btn.link-border:hover {
        color: #222;
        background: #f9f9ff;
        border: 1px solid transparent
    }

    .genric-btn.disable {
        color: #222, 0.3;
        background: #f9f9ff;
        border: 1px solid transparent;
        cursor: not-allowed
    }

    .generic-blockquote {
        padding: 30px 50px 30px 30px;
        background: #fff;
        border-left: 2px solid #f7631b
    }

    @media (max-width: 991px) {
        .progress-table-wrap {
            overflow-x: scroll
        }
    }

    .progress-table {
        background: #fff;
        padding: 15px 0px 30px 0px;
        min-width: 800px
    }

    .progress-table .serial {
        width: 11.83%;
        padding-left: 30px
    }

    .progress-table .country {
        width: 28.07%
    }

    .progress-table .visit {
        width: 19.74%
    }

    .progress-table .percentage {
        width: 40.36%;
        padding-right: 50px
    }

    .progress-table .table-head {
        display: flex
    }

    .progress-table .table-head .serial,
    .progress-table .table-head .country,
    .progress-table .table-head .visit,
    .progress-table .table-head .percentage {
        color: #222;
        line-height: 40px;
        text-transform: uppercase;
        font-weight: 500
    }

    .progress-table .table-row {
        padding: 15px 0;
        border-top: 1px solid #edf3fd;
        display: flex
    }

    .progress-table .table-row .serial,
    .progress-table .table-row .country,
    .progress-table .table-row .visit,
    .progress-table .table-row .percentage {
        display: flex;
        align-items: center
    }

    .progress-table .table-row .country img {
        margin-right: 15px
    }

    .progress-table .table-row .percentage .progress {
        width: 80%;
        border-radius: 0px;
        background: transparent
    }

    .progress-table .table-row .percentage .progress .progress-bar {
        height: 5px;
        line-height: 5px
    }

    .progress-table .table-row .percentage .progress .progress-bar.color-1 {
        background-color: #6382e6
    }

    .progress-table .table-row .percentage .progress .progress-bar.color-2 {
        background-color: #e66686
    }

    .progress-table .table-row .percentage .progress .progress-bar.color-3 {
        background-color: #f09359
    }

    .progress-table .table-row .percentage .progress .progress-bar.color-4 {
        background-color: #73fbaf
    }

    .progress-table .table-row .percentage .progress .progress-bar.color-5 {
        background-color: #73fbaf
    }

    .progress-table .table-row .percentage .progress .progress-bar.color-6 {
        background-color: #6382e6
    }

    .progress-table .table-row .percentage .progress .progress-bar.color-7 {
        background-color: #a367e7
    }

    .progress-table .table-row .percentage .progress .progress-bar.color-8 {
        background-color: #e66686
    }

    .single-gallery-image {
        margin-top: 30px;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: cover !important;
        height: 200px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .single-gallery-image:hover {
        opacity: .8
    }

    .list-style {
        width: 14px;
        height: 14px
    }

    .unordered-list li {
        position: relative;
        padding-left: 30px;
        line-height: 1.82em !important
    }

    .unordered-list li:before {
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        border: 3px solid #f7631b;
        background: #fff;
        top: 4px;
        left: 0;
        border-radius: 50%
    }

    .ordered-list {
        margin-left: 30px
    }

    .ordered-list li {
        list-style-type: decimal-leading-zero;
        color: #f7631b;
        font-weight: 500;
        line-height: 1.82em !important
    }

    .ordered-list li span {
        font-weight: 300;
        color: #777
    }

    .ordered-list-alpha li {
        margin-left: 30px;
        list-style-type: lower-alpha;
        color: #f7631b;
        font-weight: 500;
        line-height: 1.82em !important
    }

    .ordered-list-alpha li span {
        font-weight: 300;
        color: #777
    }

    .ordered-list-roman li {
        margin-left: 30px;
        list-style-type: upper-roman;
        color: #f7631b;
        font-weight: 500;
        line-height: 1.82em !important;
    }

    .ordered-list-roman li span {
        font-weight: 300;
        color: #777
    }

    .single-input {
        display: block;
        width: 100%;
        line-height: 40px;
        border: none;
        outline: none;
        background: #fff;
        padding: 0 20px
    }

    .single-input:focus {
        outline: none
    }

    .input-group-icon {
        position: relative
    }

    .input-group-icon .icon {
        position: absolute;
        left: 20px;
        top: 0;
        line-height: 40px;
        z-index: 3
    }

    .input-group-icon .icon i {
        color: #797979
    }

    .input-group-icon .single-input {
        padding-left: 45px
    }

    .single-textarea {
        display: block;
        width: 100%;
        line-height: 40px;
        border: none;
        outline: none;
        background: #fff;
        padding: 0 20px;
        height: 100px;
        resize: none
    }

    .single-textarea:focus {
        outline: none
    }

    .single-input-primary {
        display: block;
        width: 100%;
        line-height: 40px;
        border: 1px solid transparent;
        outline: none;
        background: #fff;
        padding: 0 20px
    }

    .single-input-primary:focus {
        outline: none;
        border: 1px solid #f7631b
    }

    .single-input-accent {
        display: block;
        width: 100%;
        line-height: 40px;
        border: 1px solid transparent;
        outline: none;
        background: #fff;
        padding: 0 20px
    }

    .single-input-accent:focus {
        outline: none;
        border: 1px solid #eb6b55
    }

    .single-input-secondary {
        display: block;
        width: 100%;
        line-height: 40px;
        border: 1px solid transparent;
        outline: none;
        background: #fff;
        padding: 0 20px
    }

    .single-input-secondary:focus {
        outline: none;
        border: 1px solid #f09359
    }

    .default-switch {
        width: 35px;
        height: 17px;
        border-radius: 8.5px;
        background: #fff;
        position: relative;
        cursor: pointer
    }

    .default-switch input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer
    }

    .default-switch input+label {
        position: absolute;
        top: 1px;
        left: 1px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #f7631b;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
        cursor: pointer
    }

    .default-switch input:checked+label {
        left: 19px
    }

    .single-element-widget {
        margin-bottom: 30px
    }

    .primary-switch {
        width: 35px;
        height: 17px;
        border-radius: 8.5px;
        background: #fff;
        position: relative;
        cursor: pointer
    }

    .primary-switch input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .primary-switch input+label {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .primary-switch input+label:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        border-radius: 8.5px;
        cursor: pointer;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s
    }

    .primary-switch input+label:after {
        content: "";
        position: absolute;
        top: 1px;
        left: 1px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #fff;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
        cursor: pointer
    }

    .primary-switch input:checked+label:after {
        left: 19px
    }

    .primary-switch input:checked+label:before {
        background: #f7631b
    }

    .confirm-switch {
        width: 35px;
        height: 17px;
        border-radius: 8.5px;
        background: #fff;
        position: relative;
        cursor: pointer
    }

    .confirm-switch input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .confirm-switch input+label {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .confirm-switch input+label:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        border-radius: 8.5px;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        cursor: pointer
    }

    .confirm-switch input+label:after {
        content: "";
        position: absolute;
        top: 1px;
        left: 1px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #fff;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
        cursor: pointer
    }

    .confirm-switch input:checked+label:after {
        left: 19px
    }

    .confirm-switch input:checked+label:before {
        background: #4cd3e3
    }

    .primary-checkbox {
        width: 16px;
        height: 16px;
        border-radius: 3px;
        background: #fff;
        position: relative;
        cursor: pointer
    }

    .primary-checkbox input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .primary-checkbox input+label {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: 3px;
        cursor: pointer;
        border: 1px solid #f1f1f1
    }

    .primary-checkbox input:checked+label {
        background: url(../img/elements/primary-check.png) no-repeat center center/cover;
        border: none
    }

    .confirm-checkbox {
        width: 16px;
        height: 16px;
        border-radius: 3px;
        background: #fff;
        position: relative;
        cursor: pointer
    }

    .confirm-checkbox input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .confirm-checkbox input+label {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: 3px;
        cursor: pointer;
        border: 1px solid #f1f1f1
    }

    .confirm-checkbox input:checked+label {
        background: url(../img/elements/success-check.png) no-repeat center center/cover;
        border: none
    }

    .disabled-checkbox {
        width: 16px;
        height: 16px;
        border-radius: 3px;
        background: #fff;
        position: relative;
        cursor: pointer
    }

    .disabled-checkbox input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .disabled-checkbox input+label {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: 3px;
        cursor: pointer;
        border: 1px solid #f1f1f1
    }

    .disabled-checkbox input:disabled {
        cursor: not-allowed;
        z-index: 3
    }

    .disabled-checkbox input:checked+label {
        background: url(../img/elements/disabled-check.png) no-repeat center center/cover;
        border: none
    }

    .primary-radio {
        width: 16px;
        height: 16px;
        border-radius: 8px;
        background: #fff;
        position: relative;
        cursor: pointer
    }

    .primary-radio input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .primary-radio input+label {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: 8px;
        cursor: pointer;
        border: 1px solid #f1f1f1
    }

    .primary-radio input:checked+label {
        background: url(../img/elements/primary-radio.png) no-repeat center center/cover;
        border: none
    }

    .confirm-radio {
        width: 16px;
        height: 16px;
        border-radius: 8px;
        background: #fff;
        position: relative;
        cursor: pointer
    }

    .confirm-radio input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .confirm-radio input+label {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: 8px;
        cursor: pointer;
        border: 1px solid #f1f1f1
    }

    .confirm-radio input:checked+label {
        background: url(../img/elements/success-radio.png) no-repeat center center/cover;
        border: none
    }

    .disabled-radio {
        width: 16px;
        height: 16px;
        border-radius: 8px;
        background: #fff;
        position: relative;
        cursor: pointer
    }

    .disabled-radio input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .disabled-radio input+label {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: 8px;
        cursor: pointer;
        border: 1px solid #f1f1f1
    }

    .disabled-radio input:disabled {
        cursor: not-allowed;
        z-index: 3
    }

    .disabled-radio input:checked+label {
        background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;
        border: none
    }

    .default-select {
        height: 40px
    }

    .default-select .nice-select {
        border: none;
        border-radius: 0px;
        height: 40px;
        background: #fff;
        padding-left: 20px;
        padding-right: 40px
    }

    .default-select .nice-select .list {
        margin-top: 0;
        border: none;
        border-radius: 0px;
        box-shadow: none;
        width: 100%;
        padding: 10px 0 10px 0px
    }

    .default-select .nice-select .list .option {
        font-weight: 300;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        line-height: 28px;
        min-height: 28px;
        font-size: 12px;
        padding-left: 20px
    }

    .default-select .nice-select .list .option.selected {
        color: #f7631b;
        background: transparent
    }

    .default-select .nice-select .list .option:hover {
        color: #f7631b;
        background: transparent
    }

    .default-select .current {
        margin-right: 50px;
        font-weight: 300
    }

    .default-select .nice-select::after {
        right: 20px
    }

    @media (max-width: 991px) {
        .left-align-p p {
            margin-top: 20px
        }
    }

    .form-select {
        height: 40px;
        width: 100%
    }

    .form-select .nice-select {
        border: none;
        border-radius: 0px;
        height: 40px;
        background: #fff !important;
        padding-left: 45px;
        padding-right: 40px;
        width: 100%
    }

    .form-select .nice-select .list {
        margin-top: 0;
        border: none;
        border-radius: 0px;
        box-shadow: none;
        width: 100%;
        padding: 10px 0 10px 0px
    }

    .form-select .nice-select .list .option {
        font-weight: 300;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        line-height: 28px;
        min-height: 28px;
        font-size: 12px;
        padding-left: 45px
    }

    .form-select .nice-select .list .option.selected {
        color: #f7631b;
        background: transparent
    }

    .form-select .nice-select .list .option:hover {
        color: #f7631b;
        background: transparent
    }

    .form-select .current {
        margin-right: 50px;
        font-weight: 300
    }

    .form-select .nice-select::after {
        right: 20px
    }

    .header-top {
        background: #04091e;
        font-size: 12px;
        padding: 8px
    }

    .header-top a {
        color: #fff
    }

    .header-top ul li {
        display: inline-block;
        margin-left: 15px
    }

    .header-top .header-top-left {
        text-align: left
    }

    .header-top .header-top-left i {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .header-top .header-top-left a {
        margin-right: 10px
    }

    .header-top .header-top-left a:hover {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .header-top .header-top-left a:hover i {
        color: #f7631b
    }

    .header-top .header-top-right {
        text-align: right
    }

    .header-top .header-top-right a {
        margin-right: 10px
    }

    .header-top .header-top-right a .lnr {
        display: none;
        font-weight: 700
    }

    @media (max-width: 480px) {
        .p-xs-0 {
            padding: 0
        }
        .header-top .header-top-right a .lnr {
            display: inline-block
        }
        .header-top .header-top-right a .text {
            display: none
        }
    }

    .top-head-btn {
        background: #f7631b;
        padding: 9px 26px
    }

    .main-menu {
        padding-bottom: 15px;
        padding-top: 15px;
        border-bottom: 1px solid #39353e
    }

    #header {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        transition: all 0.5s;
        z-index: 997
    }

    #header.header-scrolled {
        transition: all 0.5s;
        background-color: rgba(4, 9, 30, 0.93)
    }

    #header.header-scrolled .main-menu {
        border-color: transparent
    }


    #header #logo h1 {
        font-size: 34px; 
        margin: 0;
        padding: 0;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 3px
    }

    #header #logo h1 a,
    #header #logo h1 a:hover {
        color: #000;
        padding-left: 10px;
        border-left: 4px solid #f7631b
    }

    #header #logo img {
        padding: 0;
        margin: 0;
        /*margin-top: 4px*/
    }

    @media (max-width: 768px) {
        #header #logo h1 {
            font-size: 28px
        }
        #header #logo img {
            max-height: 40px
        }
    }

    .nav-menu,
    .nav-menu * {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .nav-menu ul {
        position: absolute;
        display: none;
        top: 100%;
        right: 0;
        z-index: 99
    }

    .nav-menu li {
        position: relative;
        white-space: nowrap
    }

    .nav-menu>li {
        float: left
    }

    .nav-menu li:hover>ul,
    .nav-menu li.sfHover>ul {
        display: block
    }

    .nav-menu ul ul {
        top: 0;
        right: 100%
    }

    .nav-menu ul li {
        min-width: 180px
    }

    .sf-arrows .sf-with-ul {
        padding-right: 30px
    }

    .sf-arrows .sf-with-ul:after {
        content: "\f107";
        position: absolute;
        right: 15px;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal
    }

    .sf-arrows ul .sf-with-ul:after {
        content: "\f105"
    }

    @media (max-width: 768px) {
        #nav-menu-container {
            display: none
        }
    }

    .nav-menu a {
        padding: 0 8px 0px 8px;
        text-decoration: none;
        display: inline-block;
        color: #fff;
        font-weight: 500;
        font-size: 13px;
        text-transform: uppercase;
        outline: none
    }

    .nav-menu li:hover>a {
        color: #f7631b
    }

    #mobile-nav li.active>a {
        color: #f7631b
    }

    .nav-menu li.active>a {
        color: #f7631b;
        font-weight: bold
    }

    .nav-menu ul {
        margin: 24px 0 0 0;
        padding: 10px;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
        background: #fff
    }

    .nav-menu ul li {
        transition: 0.3s
    }

    .nav-menu ul li a {
        padding: 5px 10px;
        color: #333;
        transition: 0.3s;
        display: block;
        font-size: 12px;
        text-transform: none
    }

    .nav-menu ul li:hover>a {
        color: #f7631b
    }

    .nav-menu ul ul {
        margin-right: 10px;
        margin-top: 0
    }

    #mobile-nav-toggle {
        position: fixed;
        right: 15px;
        z-index: 999;
        top: 50px;
        border: 0;
        background: none;
        font-size: 24px;
        display: none;
        transition: all 0.4s;
        outline: none;
        cursor: pointer
    }

    #mobile-nav-toggle i {
        color: #fff;
        font-weight: 900
    }

    @media (max-width: 960px) {
        #nav-menu-container {
            display: none
        }
    }

    #mobile-nav {
        position: fixed;
        top: 0;
        padding-top: 5px;
        bottom: 0;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.87);
        left: -260px;
        width: 260px;
        overflow-y: auto;
        transition: 0.4s
    }

    #mobile-nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    #mobile-nav ul li {
        position: relative;
    }

    #mobile-nav ul li a {
        color: #fff;
        font-size: 13px;
        text-transform: uppercase;
        overflow: hidden;
        padding: 8px 22px 8px 8px;
        position: relative;
        text-decoration: none;
        width: 100%;
        display: block;
        outline: none;
        font-weight: 400
    }

    #mobile-nav ul li a:hover {
        color: #fff
    }

    #mobile-nav ul li li {
        padding-left: 30px
    }

    #mobile-nav ul .menu-has-children i {
        position: absolute;
        right: 0;
        z-index: 99;
        padding: 15px;
        cursor: pointer; 
        color: #fff
    }

    #mobile-nav ul .menu-has-children i.fa-chevron-up {
        color: #f7631b
    }

    #mobile-nav ul .menu-has-children li a { 
        text-transform: none
    }

    #mobile-nav ul .menu-item-active {
        color: #f7631b
    }

    #mobile-body-overly {
        width: 100%;
        height: 100%;
        z-index: 997;
        top: 0;
        left: 0;
        position: fixed;
        background: rgba(0, 0, 0, 0.7);
        display: none
    }

    body.mobile-nav-active {
        overflow: hidden
    }

    body.mobile-nav-active #mobile-nav {
        left: 0
    }

    body.mobile-nav-active #mobile-nav-toggle {
        color: #fff
    }

    .section-gap {
        padding: 70px 0
    }

    .alert-msg {
        color: #008000
    }

    .primary-btn {
        background: linear-gradient(to bottom, #f7631b 5%, #df5917 100%);
        line-height: 42px;
        padding-left: 30px;
        padding-right: 30px;
        border: none;
        color: #fff;
        display: inline-block;
        font-weight: 500;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        cursor: pointer;
        position: relative
    }

    .primary-btn:focus {
        outline: none
    }

    .primary-btn span {
        color: #fff;
        position: absolute;
        top: 50%;
        transform: translateY(-60%);
        right: 30px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .primary-btn:hover {
        color: #fff;
        background: linear-gradient(to bottom, #df5917 5%, #f7631b 100%);
    }

    .primary-btn:hover span {
        color: #fff;
        right: 20px
    }

    .primary-btn.white {
        border: 1px solid #fff;
        color: #fff
    }

    .primary-btn.white span {
        color: #fff
    }

    .primary-btn.white:hover {
        background: #fff;
        color: #f7631b
    }

    .primary-btn.white:hover span {
        color: #f7631b
    }

    .primary-btn.wh {
        background: #fff;
        color: #222;
        text-transform: uppercase
    }

    .primary-btn.wh:hover {
        background: #222;
        color: #fff
    }

    .primary-btn.squire {
        border-radius: 0px !important;
        border: 1px solid transparent
    }

    .primary-btn.squire:hover {
        border: 1px solid #fff;
        background: transparent;
        color: #fff
    }

    .overlay {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }

    .section-title {
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 80px
    }

    .section-title h1 {
        margin-bottom: 10px 
    }

    .banner-area {
        background: url(../img/bg3.webp) right; 
        background-size: cover;
    } 

    .banner-area .overlay-bg {
        background-color: rgba(4, 9, 30, 0.5)
    }

    @media (max-width: 767px) {
        #mobile-nav-toggle {
            display: inline
        }
        .fullscreen {
            height: 600px !important
        }
    }

    .banner-content {
        text-align: left
    }

    .banner-content h1 {
        font-size: 48px;
        font-weight: 700;
        line-height: 1em;
        margin-top: 10px;
        color: #fff
    }

    @media (max-width: 991.98px) {
        .banner-content h1 {
            font-size: 36px
        }
    }

    @media (max-width: 991.98px) {
        .banner-content h1 br {
            display: none
        }
    }

    @media (max-width: 1199.98px) {
        .banner-content h1 {
            font-size: 45px
        }
    }

    @media (max-width: 480px) {
        .banner-content h1 {
            font-size: 32px
        }
    }

    .banner-content .primary-btn {
        background-color: #f7631b;
        color: #fff;
        font-weight: 600;
        font-size: 14px
    }

    .banner-content .primary-btn:hover {
        background-color: #fff;
        color: #f7631b
    }

    .feature-area {
        margin-top: -62px
    }

    @media(max-width: 991px){
        .feature-area{
            margin-top: 15px;
        }
    }

    .single-feature {
        text-align: center
    }

    .single-feature .title {
        background: rgba(255, 255, 255, 0.15);
        padding: 20px 0px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        border-radius: 0.25rem 0.25rem 0px 0px;
    }

    .single-feature .title h4 {
        color: #fff
    }

    .single-feature .desc-wrap {
        padding: 20px;
        background-color: #fff;
        box-shadow: 0px 10px 30px 0px rgba(153, 153, 153, 0.15)
    }

    .single-feature .desc-wrap p{
        color: #555;
    }

    .single-feature .desc-wrap a {
        font-size: 14px;
        font-weight: 600;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222
    }

    .single-feature:hover {
        cursor: pointer
    }

    .single-feature:hover .title {
        background: #f7631b
    }

    .single-feature:hover .desc-wrap a {
        color: #f7631b
    }

    @media (max-width: 991px) {
        .single-feature {
            margin-bottom: 30px
        }
        .single-feature .title {
            /*background: #f7631b*/
            background: linear-gradient(to bottom, #df5917 5%, #f7631b 100%);
        }
    }

    .popular-course-area .owl-dots {
        text-align: center;
        bottom: 5px;
        width: 100%;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .popular-course-area .owl-dot {
        height: 10px;
        width: 10px;
        display: inline-block;
        background: rgba(127, 127, 127, 0.5);
        margin-left: 5px;
        margin-right: 5px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .popular-course-area .owl-dot.active {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        background: #f7631b
    }

    .single-popular-carusel {
        margin-bottom: 30px;
    }

    .single-popular-carusel .thumb {
        overflow: hidden; 
        min-height: 133px;
    }

    .single-popular-carusel .thumb img {
        width: 100%;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .single-popular-carusel .meta {
        width: 100%;
        position: absolute;
        bottom: 0;
        background-color: rgba(0, 0, 0, .7);
        text-shadow: 1px 1px 0px #000;
        /*z-index: 2;*/
        padding: 1px 5px;
        display: flex;
        align-items: center;
        font-weight: 500;
    }

    .single-popular-carusel .meta p {
        font-size: 12px;
        font-weight: 300;
        color: #fff;
        margin-bottom: 0px
    }

    .single-popular-carusel .meta p .lnr {
        margin: 0px 5px
    }

    .single-popular-carusel .meta h4 {
        color: #fff
    }

    .single-popular-carusel .details {
        padding: 0 5px;
        padding-bottom: 12px;
    }

    .details h3, .details h4{
        height: 57px;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        margin: 10px 0px
    }

    .single-popular-carusel .details h4:hover, .single-popular-carusel .details h3:hover {
        color: #f7631b !important
    }

    @media (max-width: 576px) {
        .single-popular-carusel {
            margin: 15px
        }
    }

    .single-popular-carusel:hover .thumb img {
        transform: scale(1.1)
    }

    .search-course-area .overlay-bg {
        background: rgba(4, 9, 30, 0.8)
    }

    .search-course-area .search-course-left h1 {
        margin-bottom: 20px
    }

    @media (max-width: 991px) {
        .search-course-area .search-course-left h1 {
            font-size: 30px
        }
    }

    .search-course-area .search-course-left p {
        font-size: 14px
    }

    @media (max-width: 991px) {
        .search-course-area .search-course-left {
            padding-top: 120px;
            margin-bottom: 40px
        }
    }

    .search-course-area .search-course-right {
        background: rgba(255, 255, 255, 0.1)
    }

    .search-course-area .search-course-right .form-wrap {
        padding: 0px 30px
    }

    .search-course-area .search-course-right .form-wrap .form-control {
        margin-bottom: 20px;
        border-radius: 0px;
        font-size: 13px;
        font-weight: 300
    }

    .search-course-area .search-course-right .form-wrap .current {
        margin-left: -32px;
        font-size: 13px
    }

    .search-course-area .search-course-right .form-wrap .form-select .nice-select .list .option {
        padding-left: 15px
    }

    .search-course-area .search-course-right .form-wrap .primary-btn {
        width: 100%;
        margin-top: 5px
    }

    .search-course-area .details-content {
        margin-top: 50px
    }

    .search-course-area .details-content .single-detials span {
        color: #f7631b;
        font-size: 30px
    }

    .search-course-area .details-content .single-detials h4 {
        margin: 20px 0px;
    }

    .search-course-area .details-content .single-detials p {
        margin-bottom: 0px
    }

    @media (max-width: 991px) and (min-width: 768px) {
        .search-course-area .details-content .single-detials h4 {
            font-size: 12px
        }
    }

    .active-upcoming-event-carusel .owl-dots {
        display: inline-grid;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute;
        left: 101%;
        top: 40%
    }

    .active-upcoming-event-carusel .owl-dot {
        height: 10px;
        width: 10px;
        display: inline-block;
        background: rgba(127, 127, 127, 0.5);
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .active-upcoming-event-carusel .owl-dot.active {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        background: #f7631b
    }

    @media (max-width: 1024px) {
        .active-upcoming-event-carusel .owl-controls {
            display: none
        }
    }

    @media (max-width: 576px) {
        .single-carusel {
            margin: 15px
        }
    }

    .single-carusel h4 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .single-carusel p {
        margin-top: 0px !important;
        margin-bottom: 0px
    }

    .single-carusel .thumb {
        overflow: hidden
    }

    .single-carusel .thumb img {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        width: 100%
    }

    .single-carusel .detials h4 {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .single-carusel .detials h4:hover {
        color: #f7631b
    }

    .single-carusel .detials p {
        margin-top: 20px
    }

    .single-carusel:hover .thumb img {
        transform: scale(1.05) rotate(-1.05deg)
    }

    .review-area {
        background: #f9f9ff
    }

    .review-area h4 {
        color: #222
    }

    .review-area .owl-carousel .owl-item img {
        width: auto !important
    }

    .review-area .owl-dots {
        text-align: center;
        bottom: 5px;
        margin-top: 20px;
        width: 100%;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .review-area .owl-dot {
        height: 10px;
        width: 10px;
        display: inline-block;
        background: rgba(127, 127, 127, 0.5);
        margin-left: 5px;
        margin-right: 5px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .review-area .owl-dot.active {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        background: #f7631b
    }

    .single-review .title {
        margin: 20px 0
    }

    .star .checked {
        color: #e25b18;
    }

    @media (max-width: 414px) {
        .single-review {
            padding: 15px
        }
    }

    .single-blog .thumb {
        overflow: hidden
    }

    .single-blog .thumb img {
        width: 100%;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .single-blog:hover img {
        transform: scale(1.1)
    }

    .single-blog:hover h5 {
        color: #f7631b
    }

    .single-blog h5 {
        margin-bottom: 12px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        border-bottom: 1px solid #eee;
        padding-bottom: 20px
    }

    .single-blog a {
        color: #777
    }

    .single-blog .meta {
        font-weight: 400;
        text-align: left;
        margin-top: 40px
    }

    @media (max-width: 991px) {
        .single-blog {
            margin-bottom: 30px
        }
    }

    .single-blog .details-btn {
        border: 1px solid #eee;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden
    }

    .single-blog .details-btn .details {
        visibility: hidden;
        opacity: 0;
        margin-left: -53px;
        font-weight: 600;
        text-transform: uppercase;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }

    .single-blog .details-btn .lnr {
        color: #222;
        line-height: inherit
    }

    .single-blog .details-btn:hover {
        width: 140px;
        background: #f7631b;
        box-shadow: 0px 10px 20px 0px rgba(60, 64, 143, 0.2)
    }

    .single-blog .details-btn:hover .details {
        margin-left: 0;
        visibility: visible;
        opacity: 1;
        margin-right: 8px
    }

    .single-blog .details-btn:hover span {
        color: #fff;
        font-weight: 600
    }

    .cta-one-area {
        background: url(../img/cta-bg.webp) center;
        background-size: cover;
        text-align: center;
        color: #fff
    }

    .cta-one-area .cta-one-bg{
        padding: 60px 0px;
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 50vh;
        background: rgba(0,0,0,0.8);
    }

    .cta-one-area h1,
    .cta-one-area p {
        position: relative
    }

    .cta-one-area p {
        max-width: 670px;
        margin: 20px 0px
    }

    @media (max-width: 576px) {
        .cta-one-area p {
            padding: 0% 5%
        }
    }

    .cta-one-area .overlay-bg {
        background: rgba(4, 9, 30, 0.2)
    }

    .cta-two-area {
        background: #f7631b;
        padding: 90px 0px
    }

    .cta-two-area .cta-left {
        text-align: left
    }

    .cta-two-area .cta-left h1 {
        color: #fff;
        font-weight: 700
    }

    .cta-two-area .cta-right {
        text-align: right
    }

    @media (max-width: 991px) {
        .cta-two-area .cta-right {
            text-align: left;
            margin-top: 20px
        }
    }

    .link-nav {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .about-banner {
        background: url(../img/bg4-min.webp) center no-repeat;
        background-size: cover
    }

    @media(max-width: 600px){
        .about-banner{
            background: url(../img/bg4-celular.webp) center no-repeat !important;
            background-size: cover  !important;
        }
    }

    .about-content {
        padding: 90px 0px;
        text-align: center
    }



    .about-content h1 {
        font-size: 37px;
        font-weight: 600
    }

    .about-content a {
        color: #000;
        font-weight: 300;
        font-size: 14px
    }

    .about-content .lnr {
        margin: 0px 10px;
        font-weight: 600
    }

    .info-area .info-area-left img {
        width: 100%
    }

    .info-area .info-area-right {
        padding-left: 80px
    }

    .info-area .info-area-right h1 {
        max-width: 400px;
        margin-bottom: 20px
    }

    .info-area .info-area-right p {
        max-width: 450px;
        margin-bottom: 0px
    }

    @media (max-width: 1024px) and (min-width: 991px) {
        .info-area .info-area-right h1 {
            font-size: 23px
        }
    }

    @media (max-width: 1024px) {
        .info-area .info-area-right {
            padding-left: 15px
        }
    }

    @media (max-width: 991px) {
        .info-area .info-area-right h1,
        .info-area .info-area-right p {
            max-width: 100%
        }
    }

    @media (max-width: 991px) {
        .info-area .info-area-right {
            margin-top: 50px
        }
    }

    .accordion>dt {
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 400
    }

    .accordion>dt>a {
        display: block;
        position: relative;
        color: #222222;
        text-decoration: none;
        padding: 8px 20px;
        background: #f9f9ff
    }

    .accordion>dt>a:hover {
        text-decoration: none
    }

    .accordion>dt>a.active {
        color: #fff;
        border-color: #ddd;
        background: #f7631b;
        cursor: default
    }

    .accordion>dt>a:after {
        content: "\f107";
        width: 15px;
        height: 15px;
        margin-top: -8px;
        position: absolute;
        top: 50%;
        right: 10px;
        font-family: 'FontAwesome';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        font-size: 15px;
        line-height: 15px;
        text-align: center;
        color: #111;
        -webkit-font-smoothing: antialiased
    }

    .accordion>dt>a.active:after,
    .accordion>dt>a.active:hover:after {
        content: "\f106";
        color: #fff
    }

    .accordion>dt>a:hover:after {
        color: #444
    }

    .accordion>dd {
        margin-bottom: 10px;
        padding: 10px 20px 20px;
        font-size: 14px;
        line-height: 1.8;
        color: #777
    }

    .accordion>dt>a,
    .accordion>dt>a:after,
    .toggle>dt>a,
    .toggle>dt>a:after {
        -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
        -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
        -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
        -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
        transition: all 0.27s cubic-bezier(0, 0, 0.58, 1)
    }

    dl.accordion.time-line {
        position: relative
    }

    dl.accordion.time-line:before {
        border-left: 1px dashed #cecece;
        bottom: 10px;
        content: "";
        left: 15px;
        position: absolute;
        top: 25px;
        z-index: 0
    }

    .accordion.time-line>dd {
        margin-bottom: 10px;
        padding: 10px 20px 20px 40px;
        font-size: 14px;
        line-height: 1.8;
        color: #777
    }

    .accordion.time-line>dt>a:after {
        content: "\e648";
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-top: -15px;
        position: absolute;
        top: 50%;
        left: 0;
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        font-size: 20px;
        text-align: center;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        background: #222;
        padding-left: 3px
    }

    .accordion.time-line>dt>a.active:after,
    .accordion.time-line>dt>a.active:hover:after {
        content: "\e641";
        color: #fff
    }

    .accordion.time-line>dt>a {
        display: block;
        position: relative;
        color: #222222;
        text-decoration: none;
        padding: 14px 20px 14px 40px;
        border: none;
        letter-spacing: 3px
    }

    .accordion.time-line>dt>a:hover,
    .accordion.time-line>dt>a.active {
        background: none !important
    }

    .toggle>dt {
        margin-bottom: 10px;
        font-size: 13px;
        font-weight: 400
    }

    .toggle>dt>a {
        display: block;
        position: relative;
        color: #222222;
        text-decoration: none;
        padding: 8px 20px;
        border-bottom: 1px solid #eee
    }

    .toggle>dt>a:hover {
        text-decoration: none;
        border-color: #e8e8e8
    }

    .toggle>dt>a.active {
        color: #f7631b;
        border-color: #f7631b
    }

    .toggle>dt>a:after {
        content: "\f107";
        width: 15px;
        height: 15px;
        margin-top: -8px;
        position: absolute;
        top: 50%;
        right: 10px;
        font-family: 'FontAwesome';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        font-size: 15px;
        line-height: 15px;
        text-align: center;
        color: #999;
        -webkit-font-smoothing: antialiased
    }

    .toggle>dt>a.active:after,
    .toggle>dt>a.active:hover:after {
        content: "\f106";
        color: #f7631b
    }

    .toggle>dt>a:hover:after {
        color: #444
    }

    .toggle>dd {
        margin-bottom: 10px;
        padding: 10px 20px 20px;
        font-size: 14px;
        line-height: 1.8;
        color: #777
    }

    dl.toggle.time-line {
        position: relative
    }

    dl.toggle.time-line:before {
        border-left: 1px dashed #cecece;
        bottom: 10px;
        content: "";
        left: 15px;
        position: absolute;
        top: 25px;
        z-index: 0
    }

    .toggle.time-line>dd {
        margin-bottom: 10px;
        padding: 10px 20px 20px 40px;
        font-size: 14px;
        line-height: 1.8;
        color: #777
    }

    .toggle.time-line>dt>a:after {
        content: "\e648";
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-top: -15px;
        position: absolute;
        top: 50%;
        left: 0;
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        font-size: 20px;
        text-align: center;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        background: #222;
        padding-left: 3px
    }

    .toggle.time-line>dt>a.active:after,
    .toggle.time-line>dt>a.active:hover:after {
        content: "\e641";
        color: #fff
    }

    .toggle.time-line>dt>a {
        display: block;
        position: relative;
        color: #222222;
        text-decoration: none;
        padding: 14px 20px 14px 40px;
        border: none;
        letter-spacing: 3px
    }

    .toggle.time-line>dt>a:hover,
    .toggle.time-line>dt>a.active {
        background: none !important
    }

    .jq-tab-menu .jq-tab-title:first-child {
        border-top: none
    }

    .video-right {
        background: url(../img/video-bg.jpg) no-repeat center;
        background-size: cover;
        height: 330px
    }

    .video-right .overlay-bg {
        background-color: rgba(34, 34, 34, 0.2)
    }

    .video-right .play-btn {
        z-index: 2
    }

    @media (max-width: 767px) {
        .video-right {
            margin-top: 50px
        }
    }

    .courses-page .single-popular-carusel {
        margin-bottom: 40px
    }

    .courses-page .primary-btn {
        border: 1px solid transparent
    }

    .courses-page .primary-btn:hover {
        background: transparent;
        border-color: #f7631b;
        color: #f7631b
    }

    .left-contents .jq-tab-wrapper {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding-top: 50px
    }

    .left-contents .jq-tab-wrapper.horizontal-tab {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .left-contents .jq-tab-menu {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    @media (max-width: 413px) {
        .left-contents .jq-tab-menu {
            display: initial !important
        }
    }

    .left-contents .jq-tab-menu .jq-tab-title {
        color: #000;
        font-size: 12px;
        font-weight: 500;
        border: none;
        cursor: pointer;
        padding: 6px 25px;
        text-align: center;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    @media (max-width: 504px) {
        .left-contents .jq-tab-menu .jq-tab-title {
            padding: .9em .9em;
            font-size: 10px
        }
    }

    .left-contents .jq-tab-menu .jq-tab-title:hover,
    .left-contents .jq-tab-menu .jq-tab-title.active {
        color: #f7631b;
        background: transparent;
        border-bottom: 1px solid #f7631b
    }

    .left-contents .horizontal-tab .jq-tab-menu {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .left-contents .jq-tab-content-wrapper {
        -webkit-box-flex: 4;
        -ms-flex: 4;
        flex: 4
    }

    .left-contents .jq-tab-content {
        display: none;
        padding: 1em 1.8em;
        font-size: 14px;
        font-weight: 300
    }

    .left-contents #verticalTab .jq-tab-content-wrapper {
        border: 1px solid #eee
    }

    .left-contents #horizontalTab .jq-tab-content-wrapper {
        background: #f9f9ff
    }

    .left-contents .jq-tab-content.active {
        display: block
    }

    @media (max-width: 413px) {
        .left-contents .comment-wrap {
            padding: 0px !important
        }
    }

    .left-contents .course-list li {
        margin-bottom: 20px
    }

    .left-contents .course-list li .primary-btn {
        background: #fff;
        color: #222
    }

    .left-contents .course-list li .primary-btn:hover {
        background: #f7631b;
        color: #fff
    }

    @media (max-width: 414px) {
        .left-contents .course-list li {
            font-size: 8px
        }
    }

    .left-contents .comments-area {
        padding: 0px 20px;
        margin-top: 50px;
        background: transparent !important;
        border: none !important
    }

    @media (max-width: 414px) {
        .left-contents .comments-area {
            padding: 50px 8px
        }
    }

    .left-contents .comments-area h4 {
        text-align: center;
        margin-bottom: 30px;
        font-weight: 600
    }

    .left-contents .comments-area a {
        color: #222
    }

    .left-contents .comments-area .comment-list {
        padding-bottom: 30px
    }

    .left-contents .comments-area .comment-list:last-child {
        padding-bottom: 0px
    }

    .left-contents .comments-area .comment-list.left-padding {
        padding-left: 25px
    }

    @media (max-width: 414px) {
        .left-contents .comments-area .comment-list .single-comment h5 {
            font-size: 14px
        }
        .left-contents .comments-area .comment-list .single-comment .date {
            font-size: 15px
        }
        .left-contents .comments-area .comment-list .single-comment .comment {
            font-size: 14px
        }
    }

    .left-contents .comments-area .thumb {
        margin-right: 20px
    }

    .left-contents .comments-area .desc h5 {
        font-weight: 600;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .left-contents .comments-area .desc h5:hover a {
        color: #f7631b !important
    }

    .left-contents .comments-area .date {
        font-size: 13px;
        color: #aaaaaa
    }

    .left-contents .comments-area .comment {
        color: #777777;
        margin-bottom: 0px
    }

    .left-contents .comments-area .btn-reply {
        background-color: #fcfaff;
        color: #222;
        font-weight: 400;
        padding: 8px 30px;
        display: block;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .left-contents .comments-area .btn-reply:hover {
        background: #f7631b;
        color: #fff
    }

    .left-contents .comment-form {
        border: none
    }

    .star {
        color: #ccc
    }

    .left-contents .star .checked {
        color: #f7631b
    }

    .left-contents .reviews span,
    .left-contents .reviews .star {
        width: 25%;
        margin-bottom: 10px
    }

    .left-contents .avg-review {
        background: #04091e;
        text-align: center;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        padding: 20px 0px
    }

    .left-contents .avg-review span {
        font-size: 18px;
        color: #f7631b
    }

    @media (max-width: 991px) {
        .left-contents .avg-review {
            margin-bottom: 20px
        }
    }

    .left-contents .single-reviews h5 {
        display: inline-flex
    }

    .left-contents .single-reviews h5 .star {
        margin-left: 10px
    }

    .right-contents ul li {
        background: #f0f0f7;
        padding: 10px 22px;
        margin-bottom: 10px
    }

    .right-contents ul li a {
        color: #222;
        text-align: left;
        font-size: 14px;
        font-weight: 400
    }

    .right-contents ul li a p {
        margin-bottom: 0px
    }

    .right-contents ul li .or {
        color: #f7631b !important
    }

    .right-contents .primary-btn {
        margin-top: 10px;
        width: 100%;
        background: linear-gradient(to bottom, #f7631b 5%, #df5917 100%);
        text-align: center
    }

    .right-contents .primary-btn:hover{
        background: linear-gradient(to bottom, #d7530b 5%, #cf4910 100%);
    }


    @media (max-width: 991px) {
        .right-contents {
            margin-top: 30px
        }
        .left-contents {
            margin-top: 30px
        }
    }

    .event-page-lists .single-carusel {
        margin-bottom: 50px
    }

    .event-page-lists .primary-btn {
        border: 1px solid transparent
    }

    .event-page-lists .primary-btn:hover {
        color: #f7631b;
        border-color: #f7631b;
        background: transparent
    }

    .event-details-area .details-content h4 {
        margin: 20px 0px
    }

    .event-details-area .social-nav {
        padding-top: 50px
    }

    .event-details-area .social-nav .focials li {
        text-align: right;
        display: inline-block
    }

    .event-details-area .social-nav .focials li a {
        color: #fff
    }

    .event-details-area .social-nav .focials li a .fa-facebook {
        width: 30px;
        display: block;
        text-align: center;
        padding: 8px 0px;
        background: #4b6eaa
    }

    .event-details-area .social-nav .focials li a .fa-twitter {
        width: 30px;
        display: block;
        text-align: center;
        padding: 8px 0px;
        background: #00c7f8
    }

    .event-details-area .social-nav .focials li a .fa-dribbble {
        width: 30px;
        display: block;
        text-align: center;
        padding: 8px 0px;
        background: #f982aa
    }

    .event-details-area .social-nav .focials li a .fa-behance {
        width: 30px;
        display: block;
        text-align: center;
        padding: 8px 0px;
        background: #0b8eff
    }

    .event-details-area .social-nav .navs {
        text-align: right
    }

    .event-details-area .social-nav .navs a {
        background: #f9f9ff;
        color: #222;
        padding: 10px 25px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        font-size: 14px;
        font-weight: 300;
        text-transform: uppercase
    }

    @media (max-width: 414px) {
        .event-details-area .social-nav .navs a {
            font-size: 12px
        }
    }

    .event-details-area .social-nav .navs a:hover {
        background: #f7631b;
        color: #fff
    }

    .event-details-area .social-nav .navs .nav-prev .lnr {
        margin-right: 5px
    }

    .event-details-area .social-nav .navs .nav-next .lnr {
        margin-left: 5px
    }

    @media (max-width: 767px) {
        .event-details-area .social-nav .navs {
            margin-top: 30px;
            text-align: left
        }
    }

    @media (max-width: 991px) {
        .event-details-area .event-details-right {
            margin-top: 30px
        }
    }

    .event-details-area .event-details-right .single-event-details {
        background: #f9f9ff;
        padding: 30px;
        margin-bottom: 30px
    }

    .event-details-area .event-details-right .single-event-details ul li {
        font-size: 14px;
        border-bottom: 1px solid #eee;
        padding: 5px 0px
    }

    .event-details-area .event-details-right .single-event-details ul li:last-child {
        border-bottom: none
    }

    .gallery-area .single-imgs {
        margin-bottom: 30px
    }

    .gallery-area .single-imgs img {
        width: 100%
    }

    .gallery-area .single-imgs .overlay-bg {
        background: rgba(247, 99, 27, 0.85);
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 2
    }

    .gallery-area .single-imgs:hover .overlay-bg {
        opacity: 1
    }

    .blog-home-banner {
        background: url(../img/blog/blog-home-banner.jpg) bottom;
        background-size: cover;
        padding: 130px 0px
    }

    .blog-home-banner .primary-btn {
        border-radius: 0px;
        background: #fff;
        color: #222;
        font-weight: 600;
        border: 1px solid transparent;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .blog-home-banner .primary-btn:hover {
        background: transparent;
        border-color: #fff;
        color: #fff
    }

    .blog-home-banner .overlay-bg {
        background: rgba(0, 0, 0, 0.5)
    }

    .blog-page {
        background: #f9f9ff
    }

    .blog-header-content h1 {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto
    }

    @media (max-width: 414px) {
        .blog-header-content h1 {
            font-size: 30px
        }
    }

    .blog-header-content p {
        margin: 20px 0px
    }

    .top-category-widget-area {
        background-color: #f9f9ff
    }

    .top-category-widget-area .single-cat-widget {
        position: relative;
        text-align: center
    }

    .top-category-widget-area .single-cat-widget .overlay-bg {
        background: rgba(0, 0, 0, 0.85);
        margin: 7%;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .top-category-widget-area .single-cat-widget img {
        width: 100%
    }

    .top-category-widget-area .single-cat-widget .content-details {
        top: 32%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        color: #fff;
        bottom: 0px;
        position: absolute
    }

    .top-category-widget-area .single-cat-widget .content-details h4 {
        color: #fff
    }

    .top-category-widget-area .single-cat-widget .content-details span {
        display: inline-block;
        background: #fff;
        width: 60%;
        height: 1%
    }

    .top-category-widget-area .single-cat-widget:hover .overlay-bg {
        background: rgba(247, 99, 27, 0.85);
        margin: 7%;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    @media (max-width: 991px) {
        .top-category-widget-area .single-cat-widget {
            margin-bottom: 50px
        }
    }

    .post-content-area {
        background-color: #f9f9ff
    }

    .post-content-area .single-post {
        margin-bottom: 50px
    }

    .post-content-area .single-post .meta-details {
        text-align: right;
        margin-top: 35px
    }

    @media (max-width: 767px) {
        .post-content-area .single-post .meta-details {
            text-align: left
        }
    }

    .post-content-area .single-post .meta-details .tags {
        margin-bottom: 30px
    }

    .post-content-area .single-post .meta-details .tags li {
        display: inline-block;
        font-size: 14px
    }

    .post-content-area .single-post .meta-details .tags li a {
        color: #222;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .post-content-area .single-post .meta-details .tags li a:hover {
        color: #f7631b
    }

    @media (max-width: 1024px) {
        .post-content-area .single-post .meta-details {
            margin-top: 0px
        }
    }

    .post-content-area .single-post .user-name a,
    .post-content-area .single-post .date a,
    .post-content-area .single-post .view a,
    .post-content-area .single-post .comments a {
        color: #777;
        margin-right: 10px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .post-content-area .single-post .user-name a:hover,
    .post-content-area .single-post .date a:hover,
    .post-content-area .single-post .view a:hover,
    .post-content-area .single-post .comments a:hover {
        color: #f7631b
    }

    .post-content-area .single-post .user-name .lnr,
    .post-content-area .single-post .date .lnr,
    .post-content-area .single-post .view .lnr,
    .post-content-area .single-post .comments .lnr {
        font-weight: 900;
        color: #222
    }

    .post-content-area .single-post .feature-img img {
        width: 100%
    }

    .post-content-area .single-post .posts-title h3 {
        margin: 20px 0px
    }

    .post-content-area .single-post .excert {
        margin-bottom: 20px
    }

    .post-content-area .single-post .primary-btn {
        background: #fff !important;
        color: #222 !important;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        border-radius: 0px !important
    }

    .post-content-area .single-post .primary-btn:hover {
        background: #f7631b !important;
        color: #fff !important
    }

    .posts-list .posts-title h3 {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .posts-list .posts-title h3:hover {
        color: #f7631b
    }

    .blog-pagination {
        padding-top: 60px;
        padding-bottom: 120px
    }

    .blog-pagination .page-link {
        border-radius: 0
    }

    .blog-pagination .page-item {
        border: none
    }

    .page-link {
        background: transparent;
        font-weight: 400
    }

    .blog-pagination .page-item.active .page-link {
        background-color: #f7631b;
        border-color: transparent;
        color: #fff
    }

    .blog-pagination .page-link {
        position: relative;
        display: block;
        padding: 0.5rem 0.75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #777;
        border: none
    }

    .blog-pagination .page-link .lnr {
        font-weight: 600
    }

    .blog-pagination .page-item:last-child .page-link,
    .blog-pagination .page-item:first-child .page-link {
        border-radius: 0
    }

    .blog-pagination .page-link:hover {
        color: #fff;
        text-decoration: none;
        background-color: #f7631b;
        border-color: #eee
    }

    .sidebar-widgets {
        padding-bottom: 120px
    }

    .widget-wrap {
        background: #fafaff;
        padding: 20px 0px;
        border: 1px solid #e9e9e9
    }

    @media (max-width: 991px) {
        .widget-wrap {
            margin-top: 50px
        }
    }

    .widget-wrap .single-sidebar-widget {
        margin: 30px 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #eee
    }

    .widget-wrap .single-sidebar-widget:last-child {
        border-bottom: none;
        margin-bottom: 0px
    }

    .widget-wrap .search-widget form.search-form input[type=text] {
        color: #fff;
        padding: 10px 22px;
        font-size: 14px;
        border: none;
        float: left;
        width: 80%;
        border-bottom-left-radius: 20px;
        border-top-left-radius: 20px;
        background: #f7631b
    }

    .widget-wrap .search-widget ::-webkit-input-placeholder {
        color: #fff
    }

    .widget-wrap .search-widget ::-moz-placeholder {
        color: #fff
    }

    .widget-wrap .search-widget :-ms-input-placeholder {
        color: #fff
    }

    .widget-wrap .search-widget :-moz-placeholder {
        color: #fff
    }

    .widget-wrap .search-widget form.search-form button {
        float: left;
        width: 20%;
        padding: 10px;
        background: #f7631b;
        color: #fff;
        font-size: 17px;
        border: none;
        cursor: pointer;
        border-bottom-right-radius: 20px;
        border-top-right-radius: 20px
    }

    .widget-wrap .search-widget form.search-form::after {
        content: "";
        clear: both;
        display: table
    }

    .widget-wrap .user-info-widget {
        text-align: center
    }

    .widget-wrap .user-info-widget a h4 {
        margin-top: 40px;
        margin-bottom: 5px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .widget-wrap .user-info-widget .social-links li {
        display: inline-block;
        margin-bottom: 10px
    }

    .widget-wrap .user-info-widget .social-links li a {
        color: #222;
        padding: 10px;
        font-size: 14px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .widget-wrap .user-info-widget .social-links li a:hover {
        color: #f7631b
    }

    .widget-wrap .popular-post-widget .popular-title {
        background: #f7631b;
        color: #fff;
        text-align: center;
        padding: 12px 0px
    }

    .widget-wrap .popular-post-widget .popular-post-list {
        margin-top: 30px
    }

    .widget-wrap .popular-post-widget .popular-post-list .thumb img {
        width: 100%
    }

    .widget-wrap .popular-post-widget .single-post-list {
        margin-bottom: 20px
    }

    .widget-wrap .popular-post-widget .single-post-list .details {
        margin-left: 12px
    }

    .widget-wrap .popular-post-widget .single-post-list .details h6 {
        font-weight: 600;
        margin-bottom: 10px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .widget-wrap .popular-post-widget .single-post-list .details h6:hover {
        color: #f7631b
    }

    .widget-wrap .popular-post-widget .single-post-list .details p {
        margin-bottom: 0px
    }

    .widget-wrap .ads-widget img {
        width: 100%
    }

    .widget-wrap .post-category-widget .category-title {
        background: #f7631b;
        color: #fff;
        text-align: center;
        padding: 12px 0px
    }

    .widget-wrap .post-category-widget .cat-list li {
        padding-top: 15px;
        padding-bottom: 8px;
        border-bottom: 2px dotted #eee;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .widget-wrap .post-category-widget .cat-list li p {
        font-weight: 300;
        font-size: 14px;
        margin-bottom: 0px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .widget-wrap .post-category-widget .cat-list li a {
        color: #777
    }

    .widget-wrap .post-category-widget .cat-list li:hover {
        border-color: #f7631b
    }

    .widget-wrap .post-category-widget .cat-list li:hover p {
        color: #f7631b
    }

    .widget-wrap .newsletter-widget .newsletter-title {
        background: #f7631b;
        color: #fff;
        text-align: center;
        padding: 12px 0px
    }

    .widget-wrap .newsletter-widget .col-autos {
        width: 100%
    }

    .widget-wrap .newsletter-widget p {
        text-align: center;
        margin: 20px 0px
    }

    .widget-wrap .newsletter-widget .bbtns {
        background: #f7631b;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        padding: 8px 20px;
        border-radius: 0
    }

    .widget-wrap .newsletter-widget .input-group-text {
        background: #fff;
        border-radius: 0px;
        vertical-align: top
    }

    .widget-wrap .newsletter-widget .input-group-text i {
        color: #ccc;
        margin-top: -1px
    }

    .widget-wrap .newsletter-widget .form-control {
        border-left: none !important;
        border-right: none !important;
        border-radius: 0px;
        font-size: 13px;
        color: #ccc;
        padding: 9px;
        padding-left: 0px
    }

    .widget-wrap .newsletter-widget .form-control:focus {
        box-shadow: none;
        border-color: #ccc
    }

    .widget-wrap .newsletter-widget ::-webkit-input-placeholder {
        font-size: 13px;
        color: #ccc
    }

    .widget-wrap .newsletter-widget ::-moz-placeholder {
        font-size: 13px;
        color: #ccc
    }

    .widget-wrap .newsletter-widget :-ms-input-placeholder {
        font-size: 13px;
        color: #ccc
    }

    .widget-wrap .newsletter-widget :-moz-placeholder {
        font-size: 13px;
        color: #ccc
    }

    .widget-wrap .newsletter-widget .text-bottom {
        margin-bottom: 0px
    }

    .widget-wrap .tag-cloud-widget .tagcloud-title {
        background: #f7631b;
        color: #fff;
        text-align: center;
        padding: 12px 0px;
        margin-bottom: 30px
    }

    .widget-wrap .tag-cloud-widget ul li {
        display: inline-block;
        border: 1px solid #eee;
        background: #fff;
        padding: 4px 14px;
        margin-bottom: 10px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .widget-wrap .tag-cloud-widget ul li:hover {
        background: #f7631b
    }

    .widget-wrap .tag-cloud-widget ul li:hover a {
        color: #fff
    }

    .widget-wrap .tag-cloud-widget ul li a {
        font-size: 12px;
        color: #222
    }

    .single-post-area {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .single-post-area .meta-details {
        margin-top: 20px !important
    }

    .single-post-area .social-links li {
        display: inline-block;
        margin-bottom: 10px
    }

    .single-post-area .social-links li a {
        color: #222;
        padding: 7px;
        font-size: 14px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .single-post-area .social-links li a:hover {
        color: #f7631b
    }

    .single-post-area .quotes {
        margin-top: 20px;
        padding: 30px;
        background-color: #fff;
        box-shadow: -20.84px 21.58px 30px 0px rgba(176, 176, 176, 0.1)
    }

    .single-post-area .arrow {
        position: absolute
    }

    .single-post-area .arrow .lnr {
        font-size: 20px;
        font-weight: 600
    }

    .single-post-area .thumb .overlay-bg {
        background: rgba(0, 0, 0, 0.8)
    }

    .single-post-area .navigation-area {
        border-top: 1px solid #eee;
        padding-top: 30px
    }

    .single-post-area .navigation-area .nav-left {
        text-align: left
    }

    .single-post-area .navigation-area .nav-left .thumb {
        margin-right: 20px;
        background: #000
    }

    .single-post-area .navigation-area .nav-left .thumb img {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .single-post-area .navigation-area .nav-left .lnr {
        margin-left: 20px;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .single-post-area .navigation-area .nav-left:hover .lnr {
        opacity: 1
    }

    .single-post-area .navigation-area .nav-left:hover .thumb img {
        opacity: .5
    }

    @media (max-width: 767px) {
        .single-post-area .navigation-area .nav-left {
            margin-bottom: 30px
        }
    }

    .single-post-area .navigation-area .nav-right {
        text-align: right
    }

    .single-post-area .navigation-area .nav-right .thumb {
        margin-left: 20px;
        background: #000
    }

    .single-post-area .navigation-area .nav-right .thumb img {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .single-post-area .navigation-area .nav-right .lnr {
        margin-right: 20px;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .single-post-area .navigation-area .nav-right:hover .lnr {
        opacity: 1
    }

    .single-post-area .navigation-area .nav-right:hover .thumb img {
        opacity: .5
    }

    @media (max-width: 991px) {
        .single-post-area .sidebar-widgets {
            padding-bottom: 0px
        }
    }

    .comments-area {
        background: #fafaff;
        border: 1px solid #eee;
        padding: 50px 20px;
        margin-top: 50px
    }

    @media (max-width: 414px) {
        .comments-area {
            padding: 50px 8px
        }
    }

    .comments-area h4 {
        text-align: center;
        margin-bottom: 50px
    }

    .comments-area a {
        color: #222
    }

    .comments-area .comment-list {
        padding-bottom: 30px
    }

    .comments-area .comment-list:last-child {
        padding-bottom: 0px
    }

    .comments-area .comment-list.left-padding {
        padding-left: 25px
    }

    @media (max-width: 413px) {
        .comments-area .thumb {
            margin-right: 10px !important;
        }
        .comments-area .comment-list .single-comment h5 {
            font-size: 14px
        }
        .comments-area .comment-list .single-comment .date {
            font-size: 15px
        }
        .comments-area .comment-list .single-comment .comment {
            font-size: 14px
        }
    }

    .comments-area .thumb {
        margin-right: 20px
    }

    .comments-area .date {
        font-size: 15px;
        color: #aaaaaa
    }

    .comments-area .comment {
        color: #777777
    }

    .comments-area .btn-reply {
        background-color: #fff;
        color: #222;
        border: 1px solid #eee;
        padding: 8px 30px;
        display: block;
        font-weight: 600;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .comments-area .btn-reply:hover {
        cursor: pointer;
        background-color: #f7631b;
        color: #fff !important
    }

    .comment-form {
        background: #fafaff;
        text-align: center;
        border: 1px solid #eee;
        padding: 50px 20px;
        margin-top: 50px
    }

    .comment-form h4 {
        text-align: center;
        margin-bottom: 50px
    }

    .comment-form .name {
        padding-left: 0px
    }

    @media (max-width: 991px) {
        .comment-form .name {
            padding-right: 0px
        }
    }

    .comment-form .email {
        padding-right: 0px
    }

    @media (max-width: 991px) {
        .comment-form .email {
            padding-left: 0px
        }
    }

    .comment-form .form-control {
        padding: 12px;
        background: #fff;
        border: none;
        border-radius: 0px;
        width: 100%;
        font-size: 13px;
        color: #777777
    }

    .comment-form .form-control:focus {
        box-shadow: none;
        border: 1px solid #eee
    }

    .comment-form ::-webkit-input-placeholder {
        font-size: 13px;
        color: #777
    }

    .comment-form ::-moz-placeholder {
        font-size: 13px;
        color: #777
    }

    .comment-form :-ms-input-placeholder {
        font-size: 13px;
        color: #777
    }

    .comment-form :-moz-placeholder {
        font-size: 13px;
        color: #777
    }

    .comment-form .primary-btn {
        border-radius: 0px !important;
        border: 1px solid transparent;
        color: #fff;
        font-weight: 600
    }

    .comment-form .primary-btn:hover {
        background: transparent;
        border-color: #f7631b !important;
        color: #f7631b !important
    }

    .contact-page-area {
        background: #f9f9ff
    }

    .contact-page-area .map-wrap {
        margin-bottom: 120px
    }

    @media (max-width: 991px) {
        .contact-page-area .map-wrap {
            margin-bottom: 50px
        }
    }

    .contact-page-area .contact-btns {
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        padding: 40px;
        color: #fff;
        margin-bottom: 30px
    }

    .contact-page-area .contact-btns:hover {
        color: #fff
    }

    .contact-page-area .form-area .form-control:focus {
        box-shadow: none !important;
        border-color: #ced4da !important
    }

    .contact-page-area .form-area input {
        padding: 15px
    }

    .contact-page-area .form-area input,
    .contact-page-area .form-area textarea {
        border-radius: 0;
        font-size: 13px !important
    }

    .contact-page-area .form-area textarea {
        height: 190px;
        margin-top: 0px;
        padding: 15px
    }

    .contact-page-area .form-area .genric-btn {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        border-radius: 0 !important;
        font-size: 14px;
        text-transform: uppercase !important
    }

    .contact-page-area .form-area .genric-btn:hover {
        border: 1px solid #f7631b;
        color: #f7631b !important
    }

    @media (max-width: 991px) {
        .contact-page-area .address-wrap {
            margin-bottom: 30px
        }
    }

    .contact-page-area .address-wrap .single-contact-address {
        margin-bottom: 8px
    }

    .contact-page-area .address-wrap .single-contact-address h5 {
        font-weight: 300;
        font-size: 16px;
        margin-bottom: 0
    }

    .contact-page-area .address-wrap .single-contact-address .fa {
        font-size: 30px;
        font-weight: 500;
        color: #f7631b
    }

    .footer-area {
        background-color: #04091e
    }

    .single-footer-widget h4 {
        color: #fff;
        margin-bottom: 25px;
        font-weight: 500
    }

    .single-footer-widget .form-control {
        border: none;
        width: 80% !important;
        font-weight: 300;
        background: #f9f9ff;
        padding-left: 20px;
        border-radius: 0;
        font-size: 14px;
        line-height: normal !important;
        color: #222
    }

    .single-footer-widget .form-control:focus {
        box-shadow: none;
        color: #222
    }

    .single-footer-widget ul li {
        margin-bottom: 18px
    }

    .single-footer-widget ul li a {
        color: #777;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .single-footer-widget ul li a:hover {
        color: #f7631b
    }

    .single-footer-widget .bb-btn {
        color: #f7631b;
        color: #fff;
        font-weight: 300;
        border-radius: 0;
        z-index: 9999;
        cursor: pointer
    }

    .single-footer-widget .info {
        margin-top: 25px;
        color: #fff;
        font-size: 12px
    }

    .single-footer-widget .info.valid {
        color: green
    }

    .single-footer-widget .info.error {
        color: red
    }

    .single-footer-widget .btn {
        font-size: 1.2rem;
        border-radius: 0;
        background: #f7631b;
        color: #fff
    }

    .single-footer-widget .btn .lnr {
        line-height: inherit;
        font-size: 13px;
        padding: 0px 4px
    }

    .single-footer-widget ::-moz-selection {
        background-color: #191919 !important;
        color: #777
    }

    .single-footer-widget ::selection {
        background-color: #191919 !important;
        color: #777
    }

    .single-footer-widget ::-webkit-input-placeholder {
        color: #777;
        font-weight: 300
    }

    .single-footer-widget :-moz-placeholder {
        color: #777;
        opacity: 1;
        font-weight: 300
    }

    .single-footer-widget ::-moz-placeholder {
        color: #777;
        opacity: 1;
        font-weight: 300
    }

    .single-footer-widget :-ms-input-placeholder {
        color: #777;
        font-weight: 300
    }

    .single-footer-widget ::-ms-input-placeholder {
        color: #777;
        font-weight: 300
    }

    @media (max-width: 991.98px) {
        .single-footer-widget {
            margin-bottom: 30px
        }
    }

    .footer-bottom .footer-social {
        text-align: right
    }

    .teste {
        top: 118px;
        float: right;
        right: inherit;
        display: inline;
        position: sticky;
        z-index: 5;
        width: inherit;
    }

    @media (max-width: 991px) {
        .footer-bottom .footer-social {
            text-align: left;
            margin-top: 30px
        }
    }

    .footer-bottom .lnr,
    .footer-bottom a {
        color: #f7631b
    }

    .footer-bottom .footer-social a {
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
        width: 30px;
        height: 30px;
        display: inline-block;
        text-align: center;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

    .footer-bottom .footer-social a i {
        vertical-align: bottom
    }

    .footer-bottom .footer-social a:hover {
        background-color: #f7631b
    }

    @media(max-width: 768px){
        .footer-bottom{
            margin-bottom: 62px;
        }
    }

    @media (max-width:1600px) {
        .distancia_left_top {
            left: 245px;
        }
    }

    @media (max-width:1440px) {
        .caixa-curso {
            width: 25% !important;
        }
    }

    @media (max-width:1024px) {
        .caixa-curso { 
            width: 33.33%;
        }
    } 

    @media (max-width:768px) {
        .teste {
            position: initial;
            top: auto;
        }
        .caixa-curso {
            width: 50% !important;
        }
    }

    @media (max-width:425px) {
        .material {
            max-height: 420px
        }
        .teste {
            position: initial;
            top: auto;
        }
    }

    @media(max-width: 576px){
        .caixa-curso {
            width: 100% !important;
            margin-left: 0;
            margin-right: 0;
            margin-bottom: 5px;
        }
    }

    #resultados-pesq-curso{
        margin: 0 5px;
    }

    .material {
        height: 665px;
        width: 100%;
        padding-bottom: 20px;
    }

    .pagination .active>a {
        background-color: #f7631b !important;
        border-color: #f7631b !important
    }

    #divcookies a {
        color: #348524
    }

    .footer-bottom a {
        color: #f3611a;
    }

    .footer-bottom a:hover {
        color: #ff8a51;
    }

    .footer-bottom {
        color: #fff;
    }

    .footer-area h4 {
        font-weight: 600;
    }

    .footer-area {
        color: #fff;
    }

    .footer-area ul li a {
        color: #fff;
    }

    a.primary-btn {
        color: #fff !important; 
    }

    .mobile-nav-active .botao-fechar-menu {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        width: 33px;
        height: 33px;
        font-weight: bold;
        background: linear-gradient(to bottom, #f7631b 5%, #df5917 100%);
        z-index: 99999;
        left: 227px;
        top: 0;
        color: #fff;
    }

    .pagination>li>a,
    .pagination>li>span {
        padding: 9px 14px !important;
    }

    .contact-details p{
        color: #bf470d; 
        font-weight: 500; 
    } 

    .bg-img-atendente{
        position: relative;
        background: url("../../img/atendente-ballon.webp");
        background-size: cover;
        background-repeat: no-repeat;
        max-width: 312px;
        width: 100%;
        height: 310px;
    } 

    .bg-img-atendente .info-ballon{ 
        position: absolute;
        top: 13%;
        left: 15%;
        font-weight: bold; 
        color: #fff;
        text-shadow: 1px 1px 0px #000;
        text-align: center;
    }

    .bg-img-atendente .info-ballon span{
        font-size: 18px;
    }


    .btn-person{
        text-transform: uppercase;
        line-height: 48px;
        display: inline-block;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        border-radius: 4px;
        padding: 0px 22px;
        color: #fff !important;

        transition: all 0.3s ease-in-out;
        transition-duration: 0.3s !important;
    }

    .btn-person:hover{
        transition-duration: 0.3s !important;
        transform: scale(1.03);
    }

    .btn-person.btn-laranja{
        background: linear-gradient(to bottom, #f7631b 5%, #df5917 100%);
        border: 1px solid #FF7700;
        box-shadow: 0 0 15px rgba(255, 119, 0, .10);
    }
    .btn-person.btn-laranja:hover{
        background: linear-gradient(to bottom, #e15a18 5%, #cb5115 100%);
        border: 1px solid #cb5115;
    }

    .btn-person.btn-azul{
        background: linear-gradient(to bottom, #0052ba 5%, #014091 100%);
        border: 1px solid #0052ba;
        box-shadow: 0 0 15px rgba(255, 119, 0, .10);
    }
    .btn-person.btn-azul:hover{
        background: linear-gradient(to bottom, #004fb3 5%, #004aa7 100%);
        border: 1px solid #004aa7;
    }


    .btn-person.btn-verde{
        background: linear-gradient(to bottom, #009d05 5%, #008b04 100%);
        border: 1px solid #008b04;
        box-shadow: 0 0 15px rgba(255, 119, 0, .10);
    }
    .btn-person.btn-verde:hover{
        background: linear-gradient(to bottom, #008b04 5%, #006e03 100%);
        border: 1px solid #006e03;
    }

    .btn-person.btn-azulmarinho{
        background: linear-gradient(to bottom, #003c5a 5%, #003048 100%);
        border: 1px solid #003048;
        box-shadow: 0 0 15px rgba(255, 119, 0, .10);
    }
    .btn-person.btn-azulmarinho:hover{
        background: linear-gradient(to bottom, #002f46 5%, #002c42 100%);
        border: 1px solid #002c42;
    }

    .btn-person.btn-preto{
        background: linear-gradient(to bottom, #003c5a 5%, #003048 100%);
        border: 1px solid #003048;
        box-shadow: 0 0 15px rgba(255, 119, 0, .10);
    }
    .btn-person.btn-preto:hover{
        background: linear-gradient(to bottom, #002f46 5%, #002c42 100%);
        border: 1px solid #002c42;
    }


    .btn-details{
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 0;
        color: #444;
        text-align: center;
    }

    #central-atendimento .cor-laranja{
        color: #a73e0a !important;
    }
    #central-atendimento .cor-azul{
        color: #004aa7 !important;
    }
    #central-atendimento .cor-verde{
        color: #006e03 !important;
    }
    #central-atendimento .cor-azulmarinho{
        color: #002c42 !important;
    }

    .margin-topo-40{
        margin-top: 40px;
    } 

    .whole-wrap-2{
        background-color: rgba(0,0,0,0.8);
    }

    .whole-wrap-background-linear{ 
        background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
    }

    .new-carousel {
        display: none;
        width: 100%;
        z-index: 1
    }
    .new-carousel .owl-stage-outer {
        cursor: grab;
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0)
    }
    .new-carousel .owl-item {
        touch-action: none;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .no-js .new-carousel,
    .new-carousel.owl-loaded {
        display: block
    }
    .new-carousel.owl-loading {
        opacity: 0;
        display: block
    }
    .new-carousel.owl-hidden {
        opacity: 0
    }
    .new-carousel.owl-refresh .owl-item {
        visibility: hidden
    }
    .new-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .cta-seja-instrutor{
        background: linear-gradient(90deg, rgb(0 0 7) 0%, rgb(2 10 30) 35%, rgb(0 24 28) 100%);
        min-height: 200px;
    }

    .img-professor-bg{
        background: url("../../img/professora01.webp");
        background-size: cover;
        width: 180px;
        height: 260px;
        margin-top: 20px;
        filter: drop-shadow(0px -8px 4px #000);
    }


    .btnoutroscursos{ 
        display: none; 
        align-items: center;
        justify-content: center;
        margin-bottom: 25px;

    }
    @media(max-width: 768px){
        /*        #resultados-pesq-curso .single-popular-carusel:nth-child(n + 5){
                    display: none; 
                }
                .illustration-v2{
                    display: none;
                }*/

        .btnoutroscursos{
            display: flex; 
        }
    }

    @media(max-width: 991px){
        .img-professor-bg{
            display: none;
        }
    }

    .perguntas-respostas{
        font-family: Helvetica;
        min-height: calc(100vh - 104px);
        margin-top: 10px;
        color: #717171;
        line-height: 26px;
        font-size: 16px;
        text-align: justify;
    }

    .breadcrumb-person, .breadcrumb-person h1{
        font-family: Arial;
        width: 100%;
        min-height: 80px;
        background-color: #f7f7f7;
        display: flex;
        align-items: center;
        /*justify-content: center;*/
        font-size: 28px;
        color: #444;
        line-height: 35px; 
        font-weight: 400;
        border-bottom: 1px solid #eee;
    }

    @media(max-width: 500px){ 
        .breadcrumb-person, .breadcrumb-person h1{
            font-size: 18px;
            line-height: 1.2;
            text-align: center;
        }
        .ask-person summary span::after{
            margin-right: 2px !important;
        }
        .ask-person summary{
            font-size: 14px !important;
            font-weight: bold;
        }
        .ask-person .seta-person{
            font-size: 12px !important;
        }

        .resposta-ask{
            font-size: 14px;
        }
    }

    .breadcrumb-person a{
        color: #ce390a;
    }


    .about-content, .about-content a{
        font-size: 14px;
    }

    .link-breadcrumb{
        margin: 10px 0;
    }


    @media(max-width: 600px){
        .about-content h1{
            font-size: 22px;
        }
        .about-content, .about-content a{
            font-size: 13px;
        }

        .link-breadcrumb{
            margin: 2px 0;
        }
    } 

    @media(min-width: 601px) and (max-width: 991px){
        .about-content h1{
            font-size: 28px;
        }
        .about-content, .about-content a{
            font-size: 13px; 
        }  

        .link-breadcrumb{
            margin: 2px 0; 
        }
    } 
    @media(min-width: 768px) and (max-width: 991px){

    } 






    /*EDITANDO DAQUI PRA BAIXO*/

    .ajuste-margem-menu{
        width: 1px;
        height: 95px;
    }

    @media(max-width: 664px){
        .ajuste-margem-menu{
            height: 123px;
        }
    }

    @media(min-width: 665px) and (max-width: 767px){
        .ajuste-margem-menu{
            height: 88px;
        }
    }

    .container-topo{
        width: 100%!important;
        padding: 0 15px;
    }
    a.menu_aux{
        color: #333;
    }
    a.menu_aux:hover, a.menu_aux:active{
        background-color: #eee;
        color: #fd7e14;
    }
    h2, .h2 {
        font-size:1.8rem;
    }
    .img_menu{
        width: auto
    }
    .ctrl-menu{
        display: inline-block;
        /*line-height: 25px;*/
        /*margin: 0 15px;*/
        /*padding: 2px;*/
    }
    .btn-area{
        padding: 0 10px; 
        line-height: 34px; 
        font-size:0.9em;
        text-align: center;
    }
    @media(max-width:1024px){
        .btn-area{
            padding: 0 5px; 
        }  
        .menutopo{
            width: 100%!important;
        }
    }
    @media(max-width:720px){
        .panel-body{
            padding: 0 20px;    
        }
        h2, .h2 {
            font-size:1.6rem;
        }
        .menutopo{
            width: 100%!important;
        }
    }
    @media screen and (max-width:500px){
        .panel-body{
            padding: 0 10px;    
        }
    }

    @media(max-width:380px){
        .img_menu{
            width: 140px
        }
        .panel-body{
            padding: 0;    
        }
        h2, .h2 {
            font-size:1.4rem;
        }
    }

    @media (max-width: 400px){
        .ajuste-padding{
            padding: 0 5px !important;
        }
    }


    /*INICIO CSS DO CAROUSEL*/ 
    .owl-carousel {
        display: none;
        width: 100%;
        -webkit-tap-highlight-color: transparent;
        position: relative;
        z-index: 1; }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0px, 0px, 0px); }
    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        background: transparent;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0); 
        -ms-transform: translate3d(0, 0, 0); }
    .owl-carousel .owl-item {
        border-radius: 0;
        overflow-y: auto;
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none; }
    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-dot {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel button.owl-dot {
        background: none;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit; }
    .owl-carousel.owl-loaded {
        display: block; }
    .owl-carousel.owl-loading {
        opacity: 0;
        display: block; }
    .owl-carousel.owl-hidden {
        opacity: 0; }


    .owl-carousel .owl-dot{
        width: 6px;
        height: 6px;
        background: #fff !important;
        border-radius: 100%;
        margin: 5px;
    }
    .owl-carousel .owl-dot.active{
        background:  #ce390a !important;
    }
    .owl-carousel .owl-next{
        background: rgba(0, 0, 0, 0.8) !important;
        color: #fff !important;
        position: absolute;
        right: 6px;
        z-index: 999;
        font-size: 20px;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        color: #222;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        top: calc(50% - 45px);
    }

    .owl-carousel .owl-prev{
        background: rgba(0, 0, 0, 0.8) !important;
        color: #fff !important;
        position: absolute;
        left: 6px;
        z-index: 999;
        font-size: 20px;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        color: #222;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        top: calc(50% - 45px);
    }

    .owl-carousel .owl-prev span{
        display: none;
    }
    .owl-carousel .owl-next span{
        display: none;
    }

    .owl-carousel .owl-prev::before{
        font-family: 'Glyphicons Halflings';
        content: "\e079";
    }

    .owl-carousel .owl-next::before{
        font-family: 'Glyphicons Halflings';
        content: "\e080";
    }

    .owl-carousel .owl-dots{
        position: relative;
        bottom: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px;
        margin-bottom: -21px;
    }
    .owl-carousel{
        touch-action: none;
    }


    .owl-nav.disabled{
        display: none !important;
    }

    .owl-carousel .item{
        background: transparent;
    }

    .owl-carousel .owl-item{
        display: flex;
        justify-content: center;
    }
    /*FIM DO CSS CAROUSEL*/ 



    .container-estrela{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .container-addcart{
        font-weight:bold;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .caixa-curso .div-valor{
        width:auto;padding: 0 3px;
    } 

    @media(max-width: 991px){
        .caixa-curso .div-valor{
            padding: 0 10px 5px 0;
        }
    }

    .caixa-curso .div-valor span:nth-child(1){
        font-weight:bold;
        font-size:15px;
        color:#0c5802;
    }
    .caixa-curso .div-valor span:nth-child(2){
        font-weight:bold;
        font-size: 22px;
        color: #0c5802;
    }
    .caixa-curso .div-valor span:nth-child(3){
        font-weight:bold;
        font-size: 12px;
        color: #0c5802;
    }
    
     .caixa-curso {
        width: 25%;
        padding: 0 6px;
    }
    @media (min-width: 769px) and (max-width: 1023px){
        .caixa-curso .details h3, .details h4 {
            font-size: 15px;
            height: 54px
        }
        .caixa-curso {
            width: 33.33% !important;
        }
        .caixa-curso .meta{
            padding: 1px;
            font-size: 12px
        }
        .caixa-curso .container-estrela{
            padding: 0 1px
        }
        .caixa-curso .details .vl-curso{
            padding-right: 0
        }
        .caixa-curso .container-addcart a{
            font-size: 12px;
        }
        .caixa-curso .container-addcart {
            max-width: 45%;
        }
        .caixa-curso .details .btn-matr{
            padding-left: 0
        }
    }
    @media (min-width: 1024px) and (max-width: 1335px){
        .caixa-curso .details h3, .details h4 {
            font-size: 14px;
            height: 50px
        }
        .caixa-curso .container-addcart a{
            font-size: 12px;
        }
        .caixa-curso .meta{
            padding: 1px;
            font-size: 12px
        }
        .caixa-curso .details .vl-curso{
            padding-right: 0
        }
        .caixa-curso .container-estrela{
            padding: 0 1px
        }
    }
    @media (min-width: 1336px){
        .caixa-curso {
            width: 20% !important;
        }
        .caixa-curso .details h3, .details h4 {
            font-size: 15px;
            height: 52px
        }
        .caixa-curso .container-addcart a{
            font-size: 12px;
        }
        .caixa-curso .meta{
            font-size: 12px
        }
        .container-estrela{ 
            padding: 0 5px
        }
    }
    @media (min-width: 1440px){
        .caixa-curso .meta, .caixa-curso .container-addcart a{
            font-size: 13px
        }
    }
    @media (min-width: 1920px){
        .caixa-curso {
            width: 16.66% !important;
        }
        .caixa-curso .meta{
            font-size: 13px
        }
        .container-estrela{
            padding: 0 5px
        }
        .caixa-curso .container-addcart a{
            font-size: 14px;
        }
    }
    .caixa-curso .container-addcart{
        padding: 0
    }
</style>    </head>
    <body id="scroller"> 
            <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WXXV5P"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

        
        <script>


    function getParam(p) {
        var match = RegExp('[?&]' + p + '=([^&]*)').exec(window.location.search);
        return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
    }

    function getExpiryRecord(value) {
        var expiryPeriod = 90 * 24 * 60 * 60 * 1000;  

        var expiryDate = new Date().getTime() + expiryPeriod;
        return {
            value: value,
            expiryDate: expiryDate
        };
    } 
      function setCookie_g(name, value) {
        var expira = new Date();
        expira.setTime(expira.getTime() + 100 * 3600 * 1000);
        var cookie = name + "=" + escape(value) + ';SameSite=Strict;expires=' + expira.toUTCString();
        document.cookie = cookie;
    }
    
    function addGclid() {
        var gclidParam = getParam('gclid');
        var gclidFormFields = ['gclid_field_reg', 'gclid_field_login' ];  
        var gclidRecord = null;
        var currGclidFormField;

        var gclsrcParam = getParam('gclsrc');
        var isGclsrcValid = !gclsrcParam || gclsrcParam.indexOf('aw') !== -1;

        gclidFormFields.forEach(function (field) {
            if (document.getElementById(field)) {
                currGclidFormField = document.getElementById(field);
            }
        });

        if (gclidParam && isGclsrcValid) {
            gclidRecord = getExpiryRecord(gclidParam);
            localStorage.setItem('gclid', JSON.stringify(gclidRecord));
            setCookie_g('gclid_w', JSON.stringify(gclidRecord));
           
        }
       
        var gclid = gclidRecord || JSON.parse(localStorage.getItem('gclid'));
        var isGclidValid = gclid && new Date().getTime() < gclid.expiryDate;

        if (currGclidFormField && isGclidValid) {
            currGclidFormField.value = gclid.value;
            document.getElementById('gclid_field_reg').value = gclid.value;;
            document.getElementById( 'gclid_field_login' ).value = gclid.value;;
        }
         
        
    }

    window.addEventListener('load', addGclid);

</script>

        

<style>
    #menu-topo {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        transition: all 0.5s;
        /*z-index: 9;*/
        z-index: 999;
        background: #fff;
        height: 64px;
        display: flex;
        align-items: center;
        box-shadow: 0px 0px 6px 0px #000000a3;
    }

    #menu-topo img.logowr {
        width: 100%;
        height: fit-content;
        max-width: 177px;
        min-width: 169px;
    }

    #menu-topo .content-logowr {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    #menu-topo .content-menuwr {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    #menu-topo .content-menuwr .itens-menu-topo {
        font-family: Rubik;
        font-weight: 500;
        font-size: 1.5rem;
        height: 64px;
        display: flex;
        align-items: center;
    }

    #menu-topo .content-menuwr .itens-menu-topo li {
        margin: 0 10px;
        position: relative;
    }

    #menu-topo .content-menuwr .itens-menu-topo li:last-child{
        margin-right: 0 !important;
    }

    #menu-topo .content-menuwr .itens-menu-topo li a.btn-login {
        display: flex;
        align-items: center;
        background: linear-gradient(270deg, rgb(177 137 0) 6%, rgb(89 125 43) 100%, rgb(71 105 28) 100%);
        padding: 12px;
        border-radius: 4px;
        color: #fff;
        text-shadow: 1px 1px 1px #000000de;
        min-width: 141px;
    }

    #menu-topo .content-menuwr .itens-menu-topo li a.btn-login:hover {
        background: linear-gradient(90deg, rgb(177 137 0) 6%, rgb(89 125 43) 100%, rgb(71 105 28) 100%);
    }

    #menu-topo .content-menuwr .itens-menu-topo li.carrinho-menu {
        margin: 0 8px 0 25px !important;
        padding: 4px 0px;
    }

    #menu-topo .content-menuwr .itens-menu-topo .dropdown-hover {
        cursor: pointer;
    }

    #menu-topo .content-menuwr .itens-menu-topo .dropdown-hover-content {
        display: none;
        flex-direction: column;
        background: #fff;
        position: absolute;
        top: 50px;
        left: 60%;
        transform: translateX(-50%);
        width: 250px;
        z-index: 999;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    #menu-topo .content-menuwr .itens-menu-topo .dropdown-hover-content:before {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: -33px;
        left: 99px;
        border-left: 24px solid transparent;
        border-right: 24px solid transparent;
        border-top: 18px solid transparent;
        border-bottom: 15px solid #fff;
        filter: drop-shadow(0px -1px 0px #ccc);
    }

    #menu-topo .content-menuwr .itens-menu-topo .dropdown-hover-content .sub-item-menu {
        width: 100%;
        background: #fff;
        margin: 0;
        padding: 10px;
        border-bottom: 1px solid #ccc;
        background: #fff !important;
    }

    #menu-topo .content-menuwr .itens-menu-topo .dropdown-hover-content .sub-item-menu i {
        width: 13px;
    }

    #menu-topo .content-menuwr .itens-menu-topo .dropdown-hover-content .sub-item-menu:nth-child(odd) i {
        color: #6d9927;
    }

    #menu-topo .content-menuwr .itens-menu-topo .dropdown-hover-content .sub-item-menu:nth-child(even) i {
        color: #473b34;
    }

    #menu-topo .content-menuwr .itens-menu-topo .dropdown-hover-content .sub-item-menu:hover {
        color: #fff;
        background: linear-gradient(90deg, rgb(177 137 0) 6%, rgb(89 125 43) 100%, rgb(71 105 28) 100%) !important;
    }

    #menu-topo .content-menuwr .itens-menu-topo .dropdown-hover-content .sub-item-menu:last-child {
        border-bottom: none;
    }

    #menu-topo .content-menuwr .itens-menu-topo .dropdown-hover:hover .dropdown-hover-content {
        display: flex !important;
    }

    #menu-topo .content-menuwr .itens-menu-topo .menu-expand-item {
        width: 10px;
    }

    #menu-topo .content-menuwr .itens-menu-topo .menu-expand-item:after {
        content: "\f054";
        font-size: 10px;
    }

    #menu-topo .content-menuwr .itens-menu-topo .dropdown-hover:hover .menu-expand-item:after {
        content: "\f078";
    }

    #menu-topo::after {
        content: "";
        position: absolute;
        width: 100%;
        background: linear-gradient(90deg, rgb(177 137 0) 3%, rgb(89 125 43) 41%, rgb(71 105 28) 100%);
        height: 1px;
        bottom: 0;
    }

    .ajuste-margem-menu-new {
        width: 1px;
        height: 64px;
    }

    #div_carrinho {
        margin: 0 8px 0 25px;
    }

    #div_carrinho .tabset > label {
        width: calc(49% + 1.1px) !important;
    }

    #div_carrinho label {
        font-weight: 500;
        font-size: 13px;
    }

    #div_carrinho span {
        font-size: 12px;
        font-weight: 400;
    }

    #div_carrinho span.qtd_carro.badge.badge-warning.navbar-badge {
        font-size: 8px;
    }

    #div_carrinho .dropdown-child.dropdown-notif.active_menu {
        background: #fff !important;
    }

    .dropdown-hover-content .dropdown-scroll {
        width: 100%;
        max-height: 400px;
        overflow-y: scroll;
        display: flex;
        flex-direction: column;
    }

    .dropdown-hover-content .dropdown-scroll::-webkit-scrollbar {
        width: 5px;
    }

    .dropdown-hover-content .dropdown-scroll::-webkit-scrollbar-track {
        background: #f7f7f7;
    }

    .dropdown-hover-content .dropdown-scroll::-webkit-scrollbar-thumb {
        background-color: #6d9927;
        border-radius: 20px;
        border: 1px solid orange;
    }

    #menu-topo .content-menuwr .itens-menu-topo li a.btn-expand-menu{
        display: none;
    }

    @media (max-width: 767px) {
        #menu-topo .content-menuwr .itens-menu-topo .dropdown-hover {
            display: none;
        }
        #div_carrinho {
            position: absolute;
        }

        #div_carrinho span {
            display: none;
        }

        #menu-topo .content-menuwr .itens-menu-topo li a.btn-login {
            font-size: 12px;
            padding: 10px 4px;
            min-width: inherit;
        }
        #menu-topo .content-menuwr .itens-menu-topo li{
            margin: 0 2px;
        }

        #menu-topo .content-menuwr .itens-menu-topo li:last-child{
            margin-right: 0;
            margin-left: 5px;
        }

        #menu-topo .content-menuwr .itens-menu-topo li a.btn-expand-menu{
            display: flex;
            align-items: center;
            justify-content: center;
            width: 42px;
            height: 42px;
            font-size: 2rem;
        }
        #div_carrinho .dropdown-child.dropdown-notif.active_menu{
            top: 63px;
        }

        .menu_aberto .backTopBtn{
            right: -80px;
            transition-duration: 0.2s;
        }
    }

    @media (max-width: 830px) {
        #menu-topo img.logowr {
            max-width: 60px;
            min-width: inherit;
        }
    }

    @media (min-width: 768px) and (max-width: 830px) {
        .itens-menu-topo li a.btn-login {
            min-width: 102px;
        }

        li a {
            font-size: 11px;
        }
    }
</style>


<header id='menu-topo' class="">
    <div class="container-fluid d-flex"> 

        <div class="content-logowr"> 
            <a href="/">
                <picture>
                    <source srcset="/img/logo-mini.webp" class="logowr" type="image/webp" media="(max-width: 830px)" />
                    <img src="/img/logo-horizontal.webp" class="logowr" alt="Logo WR Educacional"/>
                </picture>
            </a>

        </div>

        <div class="content-menuwr">
            <ul class="itens-menu-topo">
                <li><a class="dropdown-hover" href="/lista-de-cursos">Cursos Grátis</a></li>
                <li><a class="dropdown-hover" href="/cursos-premium">Cursos Premium</a></li>
                <li class="dropdown-hover">
                    <span><i class="fa menu-expand-item"></i> Categorias</span>
                    <div class="dropdown-hover-content">
                        <div class="dropdown-scroll">
                            <a class="sub-item-menu" href="/categorias"><i class="fa fa-list"></i>&nbsp; Todas as Categorias</a>
                            <a class="sub-item-menu" href="/cursos/saude"><i class="fa fa-medkit"></i>&nbsp; Saúde</a>
                            <a class="sub-item-menu" href="/cursos/educacao"><i class="fa fa-graduation-cap"></i>&nbsp; Educação</a>
                            <a class="sub-item-menu" href="/cursos/informatica"><i class="fa fa-desktop"></i>&nbsp; Informática</a>
                            <a class="sub-item-menu" href="/cursos/administracao"><i class="fa fa-building-o"></i>&nbsp; Administração</a>
                            <a class="sub-item-menu" href="/cursos/estetica"><i class="fa fa-female"></i>&nbsp; Estética</a>
                            <a class="sub-item-menu" href="/cursos/tecnicas-profissionais"><i class="fa fa-wrench"></i>&nbsp; Técnicas Profissionais</a>
                            <a class="sub-item-menu" href="/cursos/seguranca"><i class="fa fa-key"></i>&nbsp; Segurança</a>
                            <a class="sub-item-menu" href="/cursos/idiomas"><i class="fa fa-language"></i>&nbsp; Idiomas</a>
                            <a class="sub-item-menu" href="/cursos/contabilidade"><i class="fa fa-calculator"></i>&nbsp; Contabilidade</a>
                            <a class="sub-item-menu" href="/cursos/direito"><i class="fa fa-gavel"></i>&nbsp; Direito</a>
                            <a class="sub-item-menu" href="/cursos/nr"><i class="fa fa-cogs"></i>&nbsp; Normas Regulamentadoras</a>
                            <a class="sub-item-menu" href="/cursos/mecanica"><i class="fa fa-car"></i>&nbsp; Mecânica</a>
                            <a class="sub-item-menu" href="/cursos/religiao"><i class="fa fa-book"></i>&nbsp; Religião</a>
                            <a class="sub-item-menu" href="/cursos/psicologia"><i class="fa fa-frown-o"></i>&nbsp; Psicologia</a>
                            <a class="sub-item-menu" href="/cursos/agricultura"><i class="fa fa-leaf"></i>&nbsp; Agricultura</a>
                            <a class="sub-item-menu" href="/cursos/culinaria"><i class="fa fa-cutlery"></i>&nbsp; Culinária</a>
                            <a class="sub-item-menu" href="/cursos/construcao-civil"><i class=" fa fa-wrench"></i>&nbsp; Construção Civil</a>
                            <a class="sub-item-menu" href="/cursos/artes"><i class="fa fa-magic"></i>&nbsp; Artes</a>
                            <a class="sub-item-menu" href="/cursos/assistencia-social"><i class="fa fa-users"></i>&nbsp; Assistência Social</a>
                            <a class="sub-item-menu" href="/cursos/saude-animal"><i class="fa fa-paw"></i>&nbsp; Saúde Animal</a>
                            <a class="sub-item-menu" href="/cursos/meio-ambiente"><i class="fa fa-tree"></i>&nbsp; Meio Ambiente</a>
                            <a class="sub-item-menu" href="/cursos/esporte"><i class="fa fa-soccer-ball-o"></i>&nbsp; Esporte</a>
                            <a class="sub-item-menu" href="/cursos/musica"><i class="fa fa-music"></i>&nbsp; Música</a>
                            <a class="sub-item-menu" href="/cursos/marketing"><i class="fa fa-bullhorn"></i>&nbsp; Marketing</a>
                            <a class="sub-item-menu" href="/cursos/nutricao"><i class="fa fa-cutlery"></i>&nbsp; Nutrição</a>
                            <a class="sub-item-menu" href="/cursos/turismo"><i class="fa fa-bus"></i>&nbsp; Turismo</a>
                            <a class="sub-item-menu" href="/cursos/logistica"><i class="fa fa-truck "></i>&nbsp; Logística</a>
                            <a class="sub-item-menu" href="/cursos/recursos-humanos"><i class="fa fa-users"></i>&nbsp; Recursos Humanos</a>
                            <a class="sub-item-menu" href="/cursos/engenharia"><i class="fa fa-cog"></i>&nbsp; Engenharia</a>
                            <a class="sub-item-menu" href="/cursos/jornalismo"><i class="fa fa-video-camera"></i>&nbsp; Jornalismo</a>
                            <a class="sub-item-menu" href="/cursos/industria-e-tecnologia"><i class="fa fa-industry"></i>&nbsp; Indústria e Tecnologia</a>
                            <a class="sub-item-menu" href="/cursos/design-de-interiores"><i class="fa fa-desktop"></i>&nbsp; Design de Interiores</a>
                            <a class="sub-item-menu" href="/cursos/ciencia-e-tecnologia"><i class="fa fa-keyboard-o"></i>&nbsp; Ciência e Tecnologia</a>
                        </div>
                    </div>
                </li>
                <li><a class="dropdown-hover" href="/certificado">Certificado</a></li>
                <li><a class="dropdown-hover" href="/blog">Blog</a></li>

                <li>
                    <div id="div_carrinho" class="nav-item dropdown carrinho-menu">
                        <span class="cart-menu nav-item">
                            <img src="/img/curso-cart.webp" style="cursor:pointer; width: 25px; height: 25px;" alt="Pacote de Cursos" title="Pacote de Cursos"><span id="" class="qtd_carro badge badge-warning navbar-badge"></span>                        </span> 
                        <div class="dropdown-child dropdown-notif active_menu">

                            <div class="tabset">
                                  

                                <input type="radio" name="tabset" id="tab1" aria-controls="certificadossolicitados">
                                <label for="tab1">Certificados&nbsp;</label>
                                <input type="radio" name="tabset" id="tab2" aria-controls="listacarrop" checked>
                                <label for="tab2" id="container_badge_cursos">Cursos&nbsp;</label>
                                <input type="hidden" id="qtdtotlcerts" value="0">
                                <div class="tab-panels">
                                    <section id="certificadossolicitados" class="tab-panel">
                                        <ul id="listacarrocerts" class="list-pacote">
                                                    <li class="carro_vazio">Nenhum certificado.</li> 
                                                </ul>                                    </section> 
                                    <section id="listacarrop" class="tab-panel"> 
                                        <p class="text_cart_empty">Acesse a Lista de Cursos, selecione o curso desejado e clique em <b><i class="fa fa-cart-plus"></i> Adicionar</b></p>
                                        <a href="/lista-de-cursos" class="btnPage btn-action-green text-center mb-0 btn-block"><i class="fa fa-check-square-o"></i> Lista de Cursos</a>
                                    </section>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="d-md-none" onclick="abrirListaPacotes()" style="cursor:pointer;
                         float: left;
                         margin-right: 10px;
                         height: 38px;
                         display: flex;
                         align-items: center;
                         justify-content: center;"> 
                        <div id="img_cart_small"> <img id="img_cart_small" class="d-block-car" src="/img/curso-cart.webp" style="cursor:pointer;
                                                       width: 25px;
                                                       height: 25px;" alt="Pacote de Cursos" title="Pacote de Cursos"><span id="" class="qtd_carro badge badge-warning navbar-badge"></span></div>
                        <div id='icon_cart_small' class='d-none-car'>
                            <!--<span style="cursor: pointer;" class="btn btn-sm btn-dark">Fechar</span>-->
                            <i class="fa fa-times"></i>
                        </div>
                    </div>

                </li>

                <li><a href="/area-aluno" class="btn-login">Área de Estudos</a></li>
                <li><a href="#" class="btn-login btn-expand-menu" aria-label="Login WR Educacional" onclick="controlarMenu(); return false;"><i class="fa fa-bars"></i></a></li>
            </ul>
        </div>


    </div>
</header>  

<div class="ajuste-margem-menu-new"></div>




<nav id="menu-mobile">
    <a href="https://www.wreducacional.com.br/" style="display: flex; justify-content: center;">
        <img src="/img/logo-wr-menu.webp" loading="lazy" alt="WR Educacional" style="width: 100%; max-width: 70px; max-height: 100%; margin: 6px 0 6px 0; filter: none">
    </a>

    <div class="closeMenuMobile" style="z-index: 1;" onclick="controlarMenu();"><i class="fa fa-times"></i></div>
    <a href="/lista-de-cursos" class="menu-item">
        <img src="/img/m_icone-cursos.webp" loading="lazy" alt="Cursos Gratuitos WR Educacional">
        <p>Cursos Grátis</p>
    </a>
    <a href="/cursos-premium" class="menu-item">
        <img src="/img/m_icone-cursos.webp" loading="lazy" alt="Cursos Premium WR Educacional">
        <p>Cursos Premium</p>
    </a>
    <a href="/categorias" class="menu-item">
        <img src="/img/m_icone-categorias.webp" loading="lazy" alt="Cursos por Categoria">
        <p>Categorias</p>
    </a>
    <a href="/nosso-certificado" class="menu-item">
        <img src="/img/m_icone-certificado.webp" loading="lazy" alt="Certificado WR Educacional">
        <p>Certificado</p>
    </a>
    <a href="/wreducacional" class="menu-item"> 
        <img src="/img/m_icone-wreducacional.webp" loading="lazy" alt="Sobre a WR Educacional"> 
        <p>Sobre</p>
    </a>
    <a href="/blog" class="menu-item">
        <img src="/img/m_icone-blog.webp" loading="lazy" alt="Blog WR Educacional"> 
        <p>Blog</p> 
    </a>
    <a href="/central-atendimento" class="menu-item">
        <img src="/img/m_icone-atendente.webp" loading="lazy" alt="Atendente WR Educacional">
        <p>Canais de Atendimento</p>
    </a>  
</nav>
<div class="fechaMenuMobile" style="backdrop-filter: blur(3px); z-index: 9999; top: 0;" onclick="controlarMenu();"></div>

<script>
    function controlarMenu() {
        var body = document.body;
        var sit_menu = body.classList.contains("menu_aberto");
        var menuInferiorCel = document.getElementById("menuInferiorCel");
        if (sit_menu === true) {
            body.classList.remove("menu_aberto");
            menuInferiorCel.classList.remove("menu_inf_fechado");
        } else {
            body.classList.add("menu_aberto");
            menuInferiorCel.classList.add("menu_inf_fechado");
        }
    }

    document.querySelectorAll('.dropdown-toggle').forEach(toggle => {
        toggle.addEventListener('click', function (e) {
            e.preventDefault();
            const parent = this.parentElement;
            parent.classList.toggle('open');
        });
    });

</script>
               


        <style>
            .ctrl_list_curso h1{
                text-shadow: 2px 2px 0 #00000094;
                padding-bottom: 0 !important;
            }
            .ctrl_list_curso h2{
                text-shadow: 2px 2px 0 #00000094;
                padding-bottom: 0;
            }

            .ctrl_list_curso .content-lcurso a{
                font-family: 'Rubik';
                font-weight: bold;
                font-size: 2.2rem;
                color: #ff9339 !important;
                text-shadow: 1px 1px 0 #000;
                padding-bottom: 15px;
                text-align: center;
            }
            
            .ctrl_list_curso .content-lcurso a:hover{
                color: #ffb97f !important;
            }

            @media(max-width: 600px){
                .ctrl_list_curso h2{
                    font-size: 1.5rem;
                    font-weight: bold;
                }
                .ctrl_list_curso .content-lcurso a{
                    text-align: center;
                    font-size: 1.4rem;
                    line-height: 1.3;
                }
            }
        </style>
        <section  class="callout st5 " id="lista_de_cursos">
            <div class="ctrl_list_curso">
                <div class="content-lcurso" style="background: linear-gradient(1deg, rgb(177 137 0) 8%, rgb(89 125 43) 41%, rgb(71 105 28) 100%);">
                    <h1>CURSOS LIVRES GRATUITOS</h1>                     
                    <a href="/promocao">Adquira seu certificado por apenas R$ 59.9(digital) ou R$ 79.9(impresso). <br> 
                        Aproveite promoção <b>Leve 3 e Pague 2</b> por apenas R$ 119.8(digital) ou R$ 159.8(impresso)!</a>
                    <h2>Os títulos dos cursos <strong>não conferem formação profissional</strong> nem habilitação técnica.</h2>
                    <div class="input-group-pesquisa">
                        <div class="form-group">
                            <input type="hidden" id="max_result" name="max_result" value="20">
                            <div class="input-group">
                                <input onkeyup="getPesquisaCursosAtNew(1);" name="buscacursos" id="buscacursos" type="text" class="form-control input-pesquisa" value="classes gramaticais" placeholder="Digite o nome do curso desejado">
                                <div class="input-group-append">
                                    <div onclick="getPesquisaCursosAtNew(2);" type="submit" class="btn btnPesquisar" id="btn_pesq_c">
                                        <span class="hidden-sm hidden-xs">Buscar</span>
                                        <span class="hidden-lg hidden-md">OK</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container-fluid p-0" style="margin-top: 15px;">                
                <div class='cursos_checked row m-0' id='resultados-pesq-curso'>
                    <div class="single-popular-carusel caixa-curso p-xs-0">
                    <div class="borda">
                    
                        <div class="thumb-wrap relative">
                            <div class="thumb relative">
                                <div class="overlay overlay-bg"></div>
                                <a href="/curso-de-linguagemclasses-gramaticais-e-interpretacao-de-textos" aria-label="Linguagem:classes Gramaticais e Interpretação de Textos "><img class="img-fluid" style="width: 100%;" loading="lazy" src="/img_cursos/prod/img_430x225/educacao/linguagemclasses-gramaticais-e-interpretacao-de-textos.jpg" alt=""></a>
                            </div>
                            <div class="meta d-flex justify-content-between" style="text-shadow: 1px 1px 0px #000; background: rgba(0,0,0,0.7);">
                                <a href="cursos/educacao"><span class="text-white" style="overflow: hidden">Educação</span></a>
                                <div class="text-white"><i class="fa fa-clock-o"></i>&nbsp;10 a 60 horas</div>
                            </div>
                            <span class="btn-fav-curso" alt="Adicionar curso ao carrinho" onclick="addCursosPromo(674, 'Linguagem:classes Gramaticais e Interpretação de Textos ', '/img_cursos/prod/img_430x225/educacao/linguagemclasses-gramaticais-e-interpretacao-de-textos.jpg', 0)"><i class="icone-fav"></i></span>
                        </div>
                        <div class="details row m-0">
                            <div class="col-12 text-center">
                                <a href="/curso-de-linguagemclasses-gramaticais-e-interpretacao-de-textos"><h3> Curso Livre de Linguagem:classes Gramaticais e Interpretação de Textos </h3></a>
                            </div>
                            <div class="col-5 text-center container-estrela">
                                <div class="star">
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star"></span>
                    <span class="fa fa-star"></span>
                </div>
                            </div>
                            <div class="col-7 text-center" style="display:flex;align-items:center;justify-content:center;min-height:37px;overflow:hidden">
                                <a href="curso-gratis-de-linguagemclasses-gramaticais-e-interpretacao-de-textos"><span style="font-weight:bold;font-size: 15px; color: #0c5802">Curso Gratuito</span></a>
                            </div>
                            <div class="col-lg-5 col-md-6 col-sm-6 col-5 text-center container-addcart" style="font-weight:bold;">
                                <a href="/curso-de-linguagemclasses-gramaticais-e-interpretacao-de-textos"><i class="fa fa-address-card-o"></i> Saiba mais</a>
                            </div>
                            <div class="col-lg-7 col-md-6 col-sm-6 col-7 text-center btn-matr">
                            <a href="/matricular/educacao/linguagemclasses-gramaticais-e-interpretacao-de-textos" class="primary-btn rounded" style="line-height: 5px; padding: 15px;">MATRICULAR</a>
                            </div>
                        </div>
                    </div>
                </div><div class="single-popular-carusel caixa-curso p-xs-0">
                    <div class="borda">
                    
                        <div class="thumb-wrap relative">
                            <div class="thumb relative">
                                <div class="overlay overlay-bg"></div>
                                <a href="/curso-de-classes-gramaticais-e-interpretacao-de-textos" aria-label="Classes Gramaticais e Interpretação de Textos "><img class="img-fluid" style="width: 100%;" loading="lazy" src="/img_cursos/prod/img_430x225/educacao/linguagem-classes-gramaticais-e-interpreta-o-de-textos.jpg" alt=""></a>
                            </div>
                            <div class="meta d-flex justify-content-between" style="text-shadow: 1px 1px 0px #000; background: rgba(0,0,0,0.7);">
                                <a href="cursos/educacao"><span class="text-white" style="overflow: hidden">Educação</span></a>
                                <div class="text-white"><i class="fa fa-clock-o"></i>&nbsp;10 a 20 horas</div>
                            </div>
                            <span class="btn-fav-curso" alt="Adicionar curso ao carrinho" onclick="addCursosPromo(1272, 'Classes Gramaticais e Interpretação de Textos ', '/img_cursos/prod/img_430x225/educacao/linguagem-classes-gramaticais-e-interpreta-o-de-textos.jpg', 0)"><i class="icone-fav"></i></span>
                        </div>
                        <div class="details row m-0">
                            <div class="col-12 text-center">
                                <a href="/curso-de-classes-gramaticais-e-interpretacao-de-textos"><h3> Curso Livre de Classes Gramaticais e Interpretação de Textos </h3></a>
                            </div>
                            <div class="col-5 text-center container-estrela">
                                <div class="star">
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star"></span>
                    <span class="fa fa-star"></span>
                </div>
                            </div>
                            <div class="col-7 text-center" style="display:flex;align-items:center;justify-content:center;min-height:37px;overflow:hidden">
                                <a href="curso-gratis-de-classes-gramaticais-e-interpretacao-de-textos"><span style="font-weight:bold;font-size: 15px; color: #0c5802">Curso Gratuito</span></a>
                            </div>
                            <div class="col-lg-5 col-md-6 col-sm-6 col-5 text-center container-addcart" style="font-weight:bold;">
                                <a href="/curso-de-classes-gramaticais-e-interpretacao-de-textos"><i class="fa fa-address-card-o"></i> Saiba mais</a>
                            </div>
                            <div class="col-lg-7 col-md-6 col-sm-6 col-7 text-center btn-matr">
                            <a href="/matricular/educacao/classes-gramaticais-e-interpretacao-de-textos" class="primary-btn rounded" style="line-height: 5px; padding: 15px;">MATRICULAR</a>
                            </div>
                        </div>
                    </div>
                </div><div class="single-popular-carusel caixa-curso p-xs-0">
                    <div class="borda">
                    
                        <div class="thumb-wrap relative">
                            <div class="thumb relative">
                                <div class="overlay overlay-bg"></div>
                                <a href="/curso-de-classes-gramaticais" aria-label="Classes Gramaticais "><img class="img-fluid" style="width: 100%;" loading="lazy" src="/img_cursos/prod/img_430x225/educacao/classes-gramaticais.jpg" alt=""></a>
                            </div>
                            <div class="meta d-flex justify-content-between" style="text-shadow: 1px 1px 0px #000; background: rgba(0,0,0,0.7);">
                                <a href="cursos/educacao"><span class="text-white" style="overflow: hidden">Educação</span></a>
                                <div class="text-white"><i class="fa fa-clock-o"></i>&nbsp;10 a 60 horas</div>
                            </div>
                            <span class="btn-fav-curso" alt="Adicionar curso ao carrinho" onclick="addCursosPromo(3903, 'Classes Gramaticais ', '/img_cursos/prod/img_430x225/educacao/classes-gramaticais.jpg', 0)"><i class="icone-fav"></i></span>
                        </div>
                        <div class="details row m-0">
                            <div class="col-12 text-center">
                                <a href="/curso-de-classes-gramaticais"><h3> Curso Livre de Classes Gramaticais </h3></a>
                            </div>
                            <div class="col-5 text-center container-estrela">
                                <div class="star">
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star"></span>
                    <span class="fa fa-star"></span>
                </div>
                            </div>
                            <div class="col-7 text-center" style="display:flex;align-items:center;justify-content:center;min-height:37px;overflow:hidden">
                                <a href="curso-gratis-de-classes-gramaticais"><span style="font-weight:bold;font-size: 15px; color: #0c5802">Curso Gratuito</span></a>
                            </div>
                            <div class="col-lg-5 col-md-6 col-sm-6 col-5 text-center container-addcart" style="font-weight:bold;">
                                <a href="/curso-de-classes-gramaticais"><i class="fa fa-address-card-o"></i> Saiba mais</a>
                            </div>
                            <div class="col-lg-7 col-md-6 col-sm-6 col-7 text-center btn-matr">
                            <a href="/matricular/educacao/classes-gramaticais" class="primary-btn rounded" style="line-height: 5px; padding: 15px;">MATRICULAR</a>
                            </div>
                        </div>
                    </div>
                </div><div class="single-popular-carusel caixa-curso p-xs-0">
                    <div class="borda">
                    
                        <div class="thumb-wrap relative">
                            <div class="thumb relative">
                                <div class="overlay overlay-bg"></div>
                                <a href="/curso-de-metodologia-do-ensino-da-matematica-para-classes-de-educacao-para-jovens-e-adultos-eja" aria-label="Metodologia do Ensino da Matemática para Classes de Educação para Jovens e Adultos (Eja) "><img class="img-fluid" style="width: 100%;" loading="lazy" src="/img_cursos/prod/img_430x225/educacao/metodologia-do-ensino-da-matematica-para-classes-de-educacao.jpg" alt=""></a>
                            </div>
                            <div class="meta d-flex justify-content-between" style="text-shadow: 1px 1px 0px #000; background: rgba(0,0,0,0.7);">
                                <a href="cursos/educacao"><span class="text-white" style="overflow: hidden">Educação</span></a>
                                <div class="text-white"><i class="fa fa-clock-o"></i>&nbsp;10 a 60 horas</div>
                            </div>
                            <span class="btn-fav-curso" alt="Adicionar curso ao carrinho" onclick="addCursosPromo(714, 'Metodologia do Ensino da Matemática para Classes de Educação para Jovens e Adultos (Eja) ', '/img_cursos/prod/img_430x225/educacao/metodologia-do-ensino-da-matematica-para-classes-de-educacao.jpg', 0)"><i class="icone-fav"></i></span>
                        </div>
                        <div class="details row m-0">
                            <div class="col-12 text-center">
                                <a href="/curso-de-metodologia-do-ensino-da-matematica-para-classes-de-educacao-para-jovens-e-adultos-eja"><h3> Curso Livre de Metodologia do Ensino da Matemática para Classes de Educação para Jovens e Adultos (Eja) </h3></a>
                            </div>
                            <div class="col-5 text-center container-estrela">
                                <div class="star">
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star"></span>
                    <span class="fa fa-star"></span>
                </div>
                            </div>
                            <div class="col-7 text-center" style="display:flex;align-items:center;justify-content:center;min-height:37px;overflow:hidden">
                                <a href="curso-gratis-de-metodologia-do-ensino-da-matematica-para-classes-de-educacao-para-jovens-e-adultos-eja"><span style="font-weight:bold;font-size: 15px; color: #0c5802">Curso Gratuito</span></a>
                            </div>
                            <div class="col-lg-5 col-md-6 col-sm-6 col-5 text-center container-addcart" style="font-weight:bold;">
                                <a href="/curso-de-metodologia-do-ensino-da-matematica-para-classes-de-educacao-para-jovens-e-adultos-eja"><i class="fa fa-address-card-o"></i> Saiba mais</a>
                            </div>
                            <div class="col-lg-7 col-md-6 col-sm-6 col-7 text-center btn-matr">
                            <a href="/matricular/educacao/metodologia-do-ensino-da-matematica-para-classes-de-educacao-para-jovens-e-adultos-eja" class="primary-btn rounded" style="line-height: 5px; padding: 15px;">MATRICULAR</a>
                            </div>
                        </div>
                    </div>
                </div><div class="single-popular-carusel caixa-curso p-xs-0">
                    <div class="borda">
                    
                        <div class="thumb-wrap relative">
                            <div class="thumb relative">
                                <div class="overlay overlay-bg"></div>
                                <a href="/curso-de-classes-das-palavras" aria-label="Classes das Palavras "><img class="img-fluid" style="width: 100%;" loading="lazy" src="/img_cursos/prod/img_430x225/educacao/classes-das-palavras.jpg" alt=""></a>
                            </div>
                            <div class="meta d-flex justify-content-between" style="text-shadow: 1px 1px 0px #000; background: rgba(0,0,0,0.7);">
                                <a href="cursos/educacao"><span class="text-white" style="overflow: hidden">Educação</span></a>
                                <div class="text-white"><i class="fa fa-clock-o"></i>&nbsp;10 a 60 horas</div>
                            </div>
                            <span class="btn-fav-curso" alt="Adicionar curso ao carrinho" onclick="addCursosPromo(3857, 'Classes das Palavras ', '/img_cursos/prod/img_430x225/educacao/classes-das-palavras.jpg', 0)"><i class="icone-fav"></i></span>
                        </div>
                        <div class="details row m-0">
                            <div class="col-12 text-center">
                                <a href="/curso-de-classes-das-palavras"><h3> Curso Livre de Classes das Palavras </h3></a>
                            </div>
                            <div class="col-5 text-center container-estrela">
                                <div class="star">
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star"></span>
                    <span class="fa fa-star"></span>
                </div>
                            </div>
                            <div class="col-7 text-center" style="display:flex;align-items:center;justify-content:center;min-height:37px;overflow:hidden">
                                <a href="curso-gratis-de-classes-das-palavras"><span style="font-weight:bold;font-size: 15px; color: #0c5802">Curso Gratuito</span></a>
                            </div>
                            <div class="col-lg-5 col-md-6 col-sm-6 col-5 text-center container-addcart" style="font-weight:bold;">
                                <a href="/curso-de-classes-das-palavras"><i class="fa fa-address-card-o"></i> Saiba mais</a>
                            </div>
                            <div class="col-lg-7 col-md-6 col-sm-6 col-7 text-center btn-matr">
                            <a href="/matricular/educacao/classes-das-palavras" class="primary-btn rounded" style="line-height: 5px; padding: 15px;">MATRICULAR</a>
                            </div>
                        </div>
                    </div>
                </div>                </div>
                <div class="d-flex" style="justify-content:center;">
                    <div id="loaderPesq" class="circloader" style="margin-bottom: 10px;"></div>
                </div>
            </div>
        </section>

        <div style="display: block;height: 1px;" id="aquiload"></div>

        
<style>
    .ctrl_form_bot{

    }

    .ctrl_form_bot .content_form_bot{
        display: flex;
        width: 100%;
        height: 220px;
        background: linear-gradient(90deg, rgb(177 137 0) 3%, rgb(89 125 43) 41%, rgb(71 105 28) 100%);
    }

    .ctrl_form_bot .content_form_bot .coluna_imagem{
        position: relative;
        width: 200px;
        height: 100%;
        order: 2;
    }
    .ctrl_form_bot .content_form_bot .coluna_imagem img{
        position: absolute;
        bottom: 0;
        right: 15px;
        max-width: 100%;
    }

    .ctrl_form_bot .content_form_bot .coluna_texto{
        width: calc(100% - 200px);
        padding: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        order: 1;
    }

    .ctrl_form_bot .content_form_bot .coluna_texto h2{
        /*font-size: 3.5rem;*/
        font-family: Rubik;
        font-size: 3.0rem;
        color: #fff;
        text-align: center;
        text-shadow: 1px 1px 1px #000;
    }

    .ctrl_form_bot .content_form_bot .coluna_texto h3{
        /*font-size: 2rem;*/
        font-family: Rubik;
        font-size: 1.4rem;
        color: #fff;
        text-align: center;
        text-shadow: 1px 1px 1px #162700;
        text-transform: uppercase;
    }

    .ctrl_form_bot .content_form_bot .coluna_texto p{
        font-size: 1.5rem;
        color: #fff;
        margin-top: 20px;
        font-weight: bold;
    }

    .ctrl_form_bot .form_bot_ctrl{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 20px;
    }
    .ctrl_form_bot .form_bot_ctrl input{
        height: 45px;
        border: none;
        outline: none;
        border-radius: 4px;
        color: #496b1d;
        font-weight: bold;
        padding: 5px 10px;
    }

    .ctrl_form_bot .form_bot_ctrl input:placeholder{
        text-align: center;
    }

    .ctrl_form_bot .form_bot_ctrl input:first-child{
        width: 30%;
        margin-right: 10px;
    }
    .ctrl_form_bot .form_bot_ctrl input:nth-child(2){
        width: 20%;
        margin-right: 10px;
    }
    .ctrl_form_bot .form_bot_ctrl input:nth-child(3){
        width: 20%;
    }


    .ctrl_form_bot .form_bot_ctrl label{
        color: #fff;
        font-weight: bold;
        font-size: 12px;
        margin: 0;
    }
    .ctrl_form_bot .col-input-nome, .ctrl_form_bot .col-input-whatsapp{
        width: 30%;
    }

    .ctrl_form_bot .btn_form_bot{
        height: 45px;
        border: none;
        background: #359b06;
        color: #fff;
        padding: 5px 10px;
        animation: animacao_botao_bot 0.45s infinite alternate both;
        text-shadow: 1px 1px 1px #000;
        margin-left: 15px;
        border-radius: 4px;
        font-weight: bold;
    }

    .ctrl_form_bot .btn_form_bot:hover{
        animation: none;
        background: #3ab103;
    }

    .ctrl_form_bot #bot_retorno_whatsapp p{
        font-size: 13px;
        margin-top: 15px;
        margin-bottom: 0;
        font-weight: bold;
        color: #fff;
    }

    .form_bot_ctrl #btn_post_form_bot:disabled{
        background: #333;
        animation: none;
        cursor: inherit;
    }

    .form_bot_ctrl #btn_post_form_bot:disabled img{
        filter: grayscale(1);
    }


    @media(max-width: 991px){
        .ctrl_form_bot .content_form_bot{
            flex-direction: column;
            height: inherit;
            background: linear-gradient(0deg, rgb(177 137 0) 3%, rgb(89 125 43) 41%, rgb(71 105 28) 100%);
        }

        .ctrl_form_bot .content_form_bot .coluna_texto{
            width: 100%;
            order: 1;
            padding: 15px 4px;
            order: 2;
        }

        .ctrl_form_bot .content_form_bot .coluna_imagem{
            width: 100%;
            order: 2;
            display: flex;
            justify-content: center;
            order: 1;
            padding-top: 10px;
        }


        .ctrl_form_bot .content_form_bot .coluna_imagem img{
            position: relative;
            max-width: 200px;
            right: inherit;
        }

        .ctrl_form_bot .content_form_bot .coluna_texto h2{
            /*font-size: 2.5rem;*/
            font-size: 2rem;
        }



        .ctrl_form_bot .content_form_bot .coluna_texto h3{
            font-size: 1.4rem;
            margin-bottom: 0;
        }

        .ctrl_form_bot .btn_form_bot{
            margin-top: 15px;
        }

        .ctrl_form_bot .content_form_bot .coluna_texto p{
            font-size: 1.2rem;
            line-height: 1.3;
            text-align: center;
        }
    }


    @media(max-width: 568px){
        .ctrl_form_bot .form_bot_ctrl input, .ctrl_form_bot .form_bot_ctrl input:first-child{
            width: 100%;
            margin: 5px 0;
            max-width: 330px;
        }

        .ctrl_form_bot .form_bot_ctrl input:first-child{
            width: 100%;
            margin-right: 0;
        }
        .ctrl_form_bot .form_bot_ctrl input:nth-child(2){
            width: calc(50% - 5px);
            margin-right: 10px;
        }
        .ctrl_form_bot .form_bot_ctrl input:nth-child(3){
            width: calc(50% - 5px);
        }
    }

    @media(min-width: 569px) and (max-width: 991px){
        .ctrl_form_bot .form_bot_ctrl input, .ctrl_form_bot .form_bot_ctrl input:first-child{
            margin: 5px;
        }
        .ctrl_form_bot .btn_form_bot{
            margin: 0;
        }
        .ctrl_form_bot .btn_form_bot img{
            display: none;
        }
    }


    @media(min-width: 1680px){
        .ctrl_form_bot .content_form_bot .coluna_texto h2{
            font-size: 4rem;
        }
        .ctrl_form_bot .content_form_bot .coluna_texto h3{
            font-size: 2.4rem;
        }
    }

    @keyframes animacao_botao_bot {
        0% {
            transform: rotate(2deg) scale(1.03);
        }
        100% {
            transform: rotate(-2deg) scale(1.0)
        }
    }
</style> 


<section class="ctrl_form_bot">
    <div class="content_form_bot">
        <div class="coluna_imagem"> 
            <img src="/img/aluna_cert_wr.webp" alt="Aluna com certificado da WR Educacional">
        </div>
        <div class="coluna_texto">
            <!--<h2>CURSO 100% GRATUITO COM CERTIFICADO DIGITAL POR APENAS 59,90</h2>-->
            <h2>GANHE ATÉ 50% DE DESCONTO</h2>
            <h3>3 Certificados por apenas 119,80. informe seu E-mail, Nome e Telefone para participar por Whatsapp</h3>


            <!--<h3></h3>--> 
 

            <div class="form_bot_ctrl">
                <input type="email" id="ctrl_bot_email" name="ctrl_bot_email" placeholder="Digite seu E-mail">                <input type="text" id="ctrl_bot_nome" name="ctrl_bot_nome" placeholder="Digite seu nome">
                <input type="text" id="ctrl_bot_whatsapp" oninput="return mascara_form_tel(event, this); return false;" name="whatsapp" placeholder="Digite seu WhatsApp" required>
                <button id="btn_post_form_bot" class="btn_form_bot" onclick="enviarSolicitacaoBot()"><img src="/img/icons/whatsapp.webp" alt="WhatsApp WR Educacional" style="width: 18px; height: 18px; object-fit: cover; margin-right: 5px;"> Solicite um WhatsApp</button>
            </div>

            <div id="bot_retorno_whatsapp"></div>

        </div> 
    </div>
</section>



<script>
    function enviarSolicitacaoBot() {
        var nome = document.getElementById('ctrl_bot_nome').value;
        var telefone = document.getElementById('ctrl_bot_whatsapp').value;
        var retorno = document.getElementById('bot_retorno_whatsapp');
        var botao_post = document.getElementById('btn_post_form_bot');

        if (document.getElementById('ctrl_bot_email')) {
            var email = document.getElementById('ctrl_bot_email').value;
 
            if (nome === '' || email === '' || telefone === '') {
                retorno.innerHTML = '<p style="color: #fff;">Preencha todos os campos para prosseguir!</p>';
                setTimeout(function () {
                    limparRetornoBot(retorno);
                    botao_post.disabled = false;
                }, 3000);
                return;
            } else {
                var regex_valida_email = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
                var email_valido = regex_valida_email.test(email);

                if (email_valido === false) {
                    retorno.innerHTML = '<p style="color: #fff;">Preencha um e-mail válido!</p>';
                    setTimeout(function () {
                        limparRetornoBot(retorno);
                        botao_post.disabled = false;
                    }, 3000);
                    return;
                }
            }
        }

        botao_post.disabled = true;
        retorno.innerHTML = '<img src="/img/loading-horizontal.gif" style="width: 100px; margin-top: -2px;">';
        if (nome !== "") {
            if (telefone.length < 13) {
                retorno.innerHTML = '<p style="color: #fff;">O número preenchido está inválido. Corrija e tente novamente.</p>';
                setTimeout(function () {
                    limparRetornoBot(retorno);
                    botao_post.disabled = false;
                }, 3000);
            } else {
                var xhttp = new XMLHttpRequest();
                xhttp.open("POST", "ajax/enviaSolicitacaoMensagem.ajax.php", true);
                xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                xhttp.send("nome=" + nome + "&telefone=" + telefone + "&curso=promo&categoria=&email=" + email);
                xhttp.onreadystatechange = function () {
                    if (this.readyState == 4 && this.status == 200) {
                        if (this.responseText == 1) {
                            retorno.innerHTML = '<p style="color: #50f700;">Solicitação enviada com sucesso! Em breve você receberá uma mensagem</p>';
                            setTimeout(function () {
                                limparRetornoBot(retorno);
                                botao_post.disabled = false;
                            }, 3000);
                        } else if (this.responseText < 0) {
                            retorno.innerHTML = '<p style="color: #fff;">Não foi possível enviar sua solicitação. Tente novamente!</p>';
                            setTimeout(function () {
                                limparRetornoBot(retorno);
                                botao_post.disabled = false;
                            }, 3000);
                        } else if (this.responseText == 9) {
                            window.location.href = "/login?erro=<span>E-mail%20j%C3%A1%20est%C3%A1%20cadastrado,%20fa%C3%A7a%20o%20login.</span>";
                            setTimeout(function () {
                                limparRetornoBot(retorno);
                                botao_post.disabled = false;
                            }, 3000);
                        } else {
                            retorno.innerHTML = '<p style="color: #fff;">Você já solicitou um atendimento. Solicite novamente mais tarde.</p>';
                            setTimeout(function () {
                                limparRetornoBot(retorno);
                                botao_post.disabled = false;
                            }, 3000);

                        }
                        return;
                    }
                };
            }
        } else {
            retorno.innerHTML = '<p style="color: #fff;">O nome informado está vazio. Corrija e tente novamente.</p>';
            setTimeout(function () {
                limparRetornoBot(retorno);
                botao_post.disabled = false;
            }, 3000);
        }
    }

    function limparRetornoBot(retorno) {
        retorno.innerHTML = '';
    }


    function maskEmail(input) {
        let value = input.value;
        value = value.replace(/\s+/g, '');
        if (value.indexOf('@') !== -1) {
            let parts = value.split('@');
            if (parts.length > 2) {
                value = parts[0] + '@' + parts.slice(1).join('');
            }
        }
        if (value.indexOf('@') !== -1) {
            let parts = value.split('@');
            if (parts[1].indexOf('.') !== -1) {
                let domainParts = parts[1].split('.');
                domainParts = domainParts.map((part, index) => {
                    return index === domainParts.length - 1 ? part : part.replace(/\./g, '');
                });
                value = parts[0] + '@' + domainParts.join('.');
            }
        }
        input.value = value;
    }
</script>
         
<style>
    #header-inform{
        width: 100%;
        min-height: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 40px 0;
        background: #f7f7f7;
    }

    .list-cards-header-inform{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-top: 50px;
    }

    .list-cards-header-inform .cards-h-inform{
        width: calc(33.333% - 10px);
        min-height: 10px;
        margin: 5px;
        display: flex;
        background: #fff;
        color: #343f52;
        box-shadow: 0 0.25rem 1.75rem rgba(30,34,40,.07);
        padding: 10px;
        transition-duration: 0.2s;
    }

    .list-cards-header-inform .cards-h-inform .con-img{
        display: flex;
        align-items: center;
        width: 60px;
        margin-right: 10px;
    }

    .list-cards-header-inform .cards-h-inform .con-img img{
        width: 50px;
    }

    .list-cards-header-inform .cards-h-inform .con-conteudo{

    }

    .list-cards-header-inform .cards-h-inform .con-conteudo h3{
        font-family: Rubik;
        color: #343f52;
    }

    .list-cards-header-inform .cards-h-inform .con-conteudo p{
        font-family: Rubik;
        color: #343f52;
        font-weight: 400;
        margin: 0;
        text-align: justify;
    }

    .list-cards-header-inform .cards-h-inform:hover{
        transform: scale(1.03);
        transition-duration: 0.2s;
    }

    .col-titlecard{
        display: flex;
        align-items: center;
    }

    .col-titlecard .img-sm-title{
        display: none;
    }

    .col-titlecard .img-sm-title{
        width: 25px;
        margin-right: 5px;
    }


    .pgtas-respostas-btn{
        font-family: Rubik;
        display: flex;
        align-items: center;
        background: linear-gradient(270deg, rgb(177 137 0) 6%, rgb(89 125 43) 100%, rgb(71 105 28) 100%);
        padding: 12px;
        border-radius: 4px;
        color: #fff !important;
        text-shadow: 1px 1px 1px #000000de;
        font-weight: bold;
        font-size: 1.8rem;
        margin: 15px 0 0 0;
    }
    .pgtas-respostas-btn:hover{
        background: linear-gradient(90deg, rgb(177 137 0) 6%, rgb(89 125 43) 100%, rgb(71 105 28) 100%);
    }

    @media(max-width: 600px){
        .col-titlecard .img-sm-title{
            display: flex;
        }

        .list-cards-header-inform .cards-h-inform .con-img{
            display: none;
        }
        .content-header-inform h2{
            font-size: 2rem;
            max-width: 100%;
            text-align: center;
        }
        .list-cards-header-inform{
            flex-direction: column;
        }
        .list-cards-header-inform .cards-h-inform{
            width: 100%;
        }
        .list-cards-header-inform .cards-h-inform .con-conteudo h3{
            font-size: 1.6rem;
        }
        .list-cards-header-inform .cards-h-inform .con-conteudo p{
            font-size: 1.2rem;
            line-height: 1.5;
        }
        .list-cards-header-inform .cards-h-inform .con-img img{
            width: 30px;
        }
        .special-underline{
            background-position: 0px 19px;
            padding-bottom: 10px;
        }
    }

    @media(min-width: 601px) and (max-width: 800px){
        .col-titlecard .img-sm-title{
            display: flex;
        }

        .list-cards-header-inform .cards-h-inform .con-img{
            display: none;
        }
        .content-header-inform h2{
            font-size: 2.3rem;
            max-width: 100%;
            text-align: center;
        }
        .list-cards-header-inform .cards-h-inform{
            width: calc(50% - 10px);
        }
        .list-cards-header-inform .cards-h-inform .con-conteudo h3{
            font-size: 1.6rem;
        }
        .list-cards-header-inform .cards-h-inform .con-conteudo p{
            font-size: 1.2rem;
            line-height: 1.5;
        }
        .list-cards-header-inform .cards-h-inform .con-img img{
            width: 30px;
        }
        .special-underline {
            background-position: 0px 25px;
            padding-bottom: 20px;
        }
    }
    @media(min-width: 801px) and (max-width: 1200px){
        .col-titlecard .img-sm-title{
            display: flex;
        }

        .list-cards-header-inform .cards-h-inform .con-img{
            display: none;
        }
        .content-header-inform h2{
            font-size: 2.5rem;
            max-width: 100%;
            text-align: center;
        }
        .list-cards-header-inform .cards-h-inform{
            width: calc(50% - 10px);
        }
        .list-cards-header-inform .cards-h-inform .con-conteudo h3{
            font-size: 1.6rem;
        }
        .list-cards-header-inform .cards-h-inform .con-conteudo p{
            font-size: 1.2rem;
            line-height: 1.5;
        }
        .list-cards-header-inform .cards-h-inform .con-img img{
            width: 30px;
        }
        .special-underline {
            background-position: 0px 25px;
            padding-bottom: 20px;
        }
    }

    @media(min-width: 1600px) and (max-width: 2000px){

    }

    @media(min-width: 2000px){
        .content-header-inform h2{
            font-size: 5rem;
        }
        .special-underline {
            background-position: 0px 50px;
        }
        .list-cards-header-inform .cards-h-inform .con-conteudo h3{
            font-size: 4rem;
        }
        .list-cards-header-inform .cards-h-inform .con-conteudo p{
            font-size: 2rem;
        }
        .list-cards-header-inform .cards-h-inform .con-img{
            width: 70px;
        }
        .list-cards-header-inform .cards-h-inform .con-img img {
            width: 70px;
        }
    }
</style> 

<section id="header-inform">
    <div class="content-header-inform">
        <h2>Garantia de <span class="special-underline">Educação</span> de Excelência.</h2>
        <div class="container container_personalizado"> 
            <div class="list-cards-header-inform">
                <div class="cards-h-inform">
                    <div class="con-img"><img src="/img/ic-logo-abed.webp" alt="logo abed"></div>
                    <div class="con-conteudo">
                        <div class="col-titlecard">
                            <img class="img-sm-title" src="/img/ic-logo-abed.webp" alt="logo abed">
                            <h3 style="color: #173883;">Instituição Associada</h3>
                        </div>
                        <p>Somos associados à ABED e promovemos educação a distância com qualidade e foco no desenvolvimento dos alunos. Com mais de 10 milhões de alunos matriculados em todo Brasil.</p>
                    </div>
                </div>

                <div class="cards-h-inform"> 
                    <div class="con-img"><img src="/img/ic-sobre-cursos.webp" alt="cursos"></div>
                    <div class="con-conteudo">
                        <div class="col-titlecard">
                            <img class="img-sm-title" src="/img/ic-sobre-cursos.webp" alt="cursos">
                            <h3 style="color: #3c3c3c;">Sobre nossos cursos</h3>
                        </div>
                        <p>Cursos on-line, livres e de nível básico, focados no aprimoramento profissional, sem equivalência a cursos de nível superior. O título do curso não implica em formação profissional.</p>
                    </div>
                </div>

                <div class="cards-h-inform">
                    <div class="con-img"><img src="/img/ic-reconhecimento.webp" alt="cursos reconhecidos"></div>
                    <div class="con-conteudo">
                        <div class="col-titlecard">
                            <img class="img-sm-title" src="/img/ic-reconhecimento.webp" alt="cursos reconhecidos">
                            <h3 style="color: #926724;">Reconhecimento legal</h3>
                        </div>
                        <p>Embora sem reconhecimento de órgãos como MEC e outros reguladores. Nossos Certificados têm validade legal em todo o Brasil, conforme a Lei nº 9.394/96 e o Decreto nº 5.154/04.</p>
                    </div>
                </div>

                <div class="cards-h-inform">
                    <div class="con-img"><img src="/img/ic-reconhecimento.webp" alt="compromisso"></div>
                    <div class="con-conteudo">
                        <div class="col-titlecard">
                            <img class="img-sm-title" src="/img/ic-reconhecimento.webp" alt="compromisso">
                            <h3 style="color: #926724;">Compromisso</h3>
                        </div>
                        <p>Garantimos a legitimidade dos certificados que são emitidos somente após aprovação e cumprimento da carga horária, conformidade com os critérios do Ministério Público de Minas Gerais.</p>
                    </div>
                </div>

                <div class="cards-h-inform">
                    <div class="con-img"><img src="/img/ic-certificado.webp" alt="certificado"></div>
                    <div class="con-conteudo">
                        <div class="col-titlecard">
                            <img class="img-sm-title" src="/img/ic-certificado.webp" alt="certificado">
                            <h3 style="color: #926724;">Certificação</h3>
                        </div>
                        <p>Nossos certificados digitais são legitimados pela assinatura eletrônica do Coordenador Pedagógico, validada no site <a href="https://validar.iti.gov.br"><b><span style="color:#2864ae">g</span><span style="color:#fabd10">o</span><span style="color:#46ad44">v</span><span style="color:#2864ae">.b</span><span style="color:#fabd10">r</span></b></a>. Garantindo sua autenticidade e utilidade para os alunos.</p>
                    </div> 
                </div>

                <div class="cards-h-inform">
                    <div class="con-img"><img src="/img/ic-aprendizado.webp" alt="aprendizado"></div>
                    <div class="con-conteudo">
                        <div class="col-titlecard">
                            <img class="img-sm-title" src="/img/ic-aprendizado.webp" alt="aprendizado">
                            <h3 style="color: #c72b29;">Aprendizado</h3>
                        </div>
                        <p>Nossos cursos que oferecem uma oportunidade única de aprimoramento e crescimento profissional, incentivando a busca pelo conhecimento e preparando os alunos para novas conquistas.</p>
                    </div> 
                </div>
            </div> 
        </div>

        <div class="d-flex">
            <a href="/perguntas-e-respostas" class="pgtas-respostas-btn"><i class="fa fa-check-square-o"></i> Saiba Mais</a>
        </div>
    </div>
</section>        
<style>
    .callout.green .list-inline>li{
        background: #ffffff;
        border: 1px solid #486a1d;
        color: #486a1d;
    }
    .callout.green .list-inline>li:hover{
        background: #486a1d;
        border: 1px solid #486a1d;
        color: #fff;
    }
</style>
<section class="callout st5 green" id="outros_resultados_para_pesquisa_curso">
    <header>
        <div class="text-center padding-tb-20">
            <h2>BUSQUE TAMBÉM POR CURSOS LIVRES GRATUITOS COM AS PALAVRAS</h2>
        </div>
    </header>
    <div class="container" style="padding-bottom: 40px;padding-bottom: 40px;">

        <ul class="col-md-12 list-inline text-center p-0" style="display: block;text-align: center;padding-top:20px"><li class="lista-palavras"> <a  href="/lista-de-cursos/linguagemclasses">linguagemclasses </a></li><li class="lista-palavras"> <a  href="/lista-de-cursos/gramaticais">gramaticais </a></li><li class="lista-palavras"> <a  href="/lista-de-cursos/interpretacao">interpretação </a></li><li class="lista-palavras"> <a  href="/lista-de-cursos/textos">textos </a></li><li class="lista-palavras"> <a  href="/lista-de-cursos/classes">classes </a></li><li class="lista-palavras"> <a  href="/lista-de-cursos/metodologia">metodologia </a></li><li class="lista-palavras"> <a  href="/lista-de-cursos/ensino">ensino </a></li><li class="lista-palavras"> <a  href="/lista-de-cursos/matematica">matemática </a></li><li class="lista-palavras"> <a  href="/lista-de-cursos/educacao">educação </a></li><li class="lista-palavras"> <a  href="/lista-de-cursos/jovens">jovens </a></li><li class="lista-palavras"> <a  href="/lista-de-cursos/adultos">adultos </a></li><li class="lista-palavras"> <a  href="/lista-de-cursos/eja">eja </a></li><li class="lista-palavras"> <a  href="/lista-de-cursos/palavras">palavras </a></li></ul>    </div> </section> 



    
        <style>
    .footer-v6 .footer{
        background: #283b0e !important;
    }

    .footer-v6 .copyright{
        background: #312823 !important;
    }
    .link-list li {
        border-top: 1px solid #1f2e0b !important;
    }
</style>
<div  class="footer-v6" id="footer">
    <div class="footer p-0 p-lg-3">
        <div class="container-fluid">
            <div class="row">
                <div class='col-lg-3 col-md-12 col-sm-12 col-xs-12 md-margin-bottom-40 text-justify'>  
                    <div class="container p-1 p-lg-3">
                        <div class="headline text-center">
                            <a href="/wreducacional"><h2 style="color: #eee; font-weight: 600;">WR Educacional Ltda</h2></a>
                        </div>
                        <p style="font-size: 18px; text-align: center; font-weight: bold;">26.165.960/0001-03</p>
                        <p style="font-weight: bold; text-align: center;">Alameda Vinícius de Morais, 260 - Solar dos Lagos -  São Lourenço-MG CEP: 37.470-000</p>
                        <p>A WR Educacional trabalha sério para mudar a vida de pessoas especiais como você, com base na eficiência, qualidade, confiabilidade e agilidade de nossos serviços.</p>
                        <p>Trabalhamos para constituir uma trajetória sólida com base em valores éticos e morais, com a finalidade de formar cidadãos como você.</p>
                    </div>
                </div>
                <div class='col-lg-9 col-md-12 col-sm-12 col-xs-12'>
                    <div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
                        <div class="headline text-center">
                            <h2 style="color: #eee; font-weight: 600;" >Páginas Mais Acessadas</h2>
                        </div> 
                    </div>
                    <div class='col-lg-4 col-md-6 col-sm-12 col-xs-12' style="text-align: center;">
                        <ul class="list-unstyled link-list" style="text-align: center;">                            
                            <li class='padding-footer'><a href="/validacao-certificado" title="Autentique aqui o registro do seu certificado">Autenticação de Certificado</a></li>
                            <li class='padding-footer'><a href="/para-empresas" title="Pacotes de cursos especiais para empresas">Cursos Para Sua Empresa</a></li>                                                                           
                            <li class='padding-footer'><a href="/seja-um-instrutor" title="Venha fazer parte de nossa equipe de colaboradores">Seja um Instrutor WRE</a></li>
                            <li class='padding-footer'><a href="/declaracao-de-autenticidade" title="Declaração de Autenticidade do Certificado da WR Educacional">Declaração de Autenticidade</a></li>
                            <li class='padding-footer'><a href="/doacao" title="Você pode apoiar nosso site fazendo uma doação">Colabore com a WR Faça uma Doação</a></li>
                            <li class='padding-footer'><a href="/cursos-rapido-gratis-online-com-certificado" title="Cursos Rápidos Grátis Online com Certificado">Cursos Rápidos com Certificado</a></li>
                        </ul>
                    </div> 
                    <div class='col-lg-4 col-md-6 col-sm-12 col-xs-12'>
                        <ul class="list-unstyled link-list" style="text-align: center;">
                            <li class='padding-footer'><a href="/cursos-gratis-com-certificado-online" title="Cursos Grátis Com Certificado Online">Cursos Grátis Com Certificado</a></li>
                            <li class='padding-footer'><a href="/onde-usar-seu-certificado-de-curso-online" title="Onde Usar Seu Certificado de Curso Online">Onde Usar Seu Certificado de Curso</a></li>
                            <li class='padding-footer'><a href="/horas-complementares" title="Cursos para Horas Complementares">Cursos para Horas Complementares</a></li>
                            <li class='padding-footer'><a href="/10-vantagens-fazer-um-curso-online" title="10 Vantagens em Fazer um Curso Online">10 Vantagens em Fazer um Curso Online</a></li>
                            <li class='padding-footer'><a href="/como-verificar-se-certificado-valido" title="Como Verificar se Seu Certificado é Válido">Como Verificar se Seu Certificado é Válido</a></li>                            
                            <li class='padding-footer'><a href="/cursos-online-com-certificado" title="Cursos Online com Certificado">Cursos Online com Certificado</a></li>
                        </ul>
                    </div>  
                    <div class='col-lg-4 col-md-12 col-sm-12 col-xs-12'>
                        <ul class="list-unstyled link-list" style="text-align: center;">
                            <li class='padding-footer'><a href="/cursos-de-nr" title="Cursos de Normas Regulamentadoras NRs">Cursos de Normas Regulamentadoras</a></li>
                            <li class='padding-footer'><a href="/educacao-continuada" title="Cursos de Educação Continuada">Cursos de Educação Continuada</a></li>
                            <li class='padding-footer'><a href="/cursos-de-alfabetizacao-e-letramento" title="Cursos de Alfabetização e Letramento">Cursos de Alfabetização e Letramento</a></li>
                            <li class='padding-footer'><a href="/cursos-pedagogia" title="Cursos Área de Pedagogia">Cursos Área de Pedagogia</a></li>
                            <li class='padding-footer'><a href="/atividade-complementar" title="Cursos Grátis para Atividades Complementares">Cursos para Atividades Complementares</a></li>
                            <li class='padding-footer'><a href="/cursos-educacao-infantil" title="Cursos de Educação Infantil">Cursos de Educação Infantil</a></li>
                        </ul>
                    </div>
                </div> 
            </div>
        </div>
    </div>

    <div class="copyright" style="text-align: center;">
        <div class="container-fluid p-1 p-lg-3">
            <div class="col-lg-12 col-md-12 col-sm-12 p-0">
                <p class="color-white" style="margin: 0;">
                    2026 &copy; WR Educacional. Todos os Direitos Reservados.
                    <a href="/normas-institucionais" class="color-green">Normas Institucionais</a> |
                    <a href="/politica-de-privacidade" class="color-green">Política de Privacidade</a> | 
                    <a href="/termo-de-servico" class="color-green">Termos de Serviços</a> |
                    <a href="/legislacao-cursos-livres" class="color-green">Legislação de Cursos Livres</a>
                </p>
            </div>
        </div>  
    </div>
</div>

<span class="backTopBtn" onclick="voltarAoTopo();"><i class="fa fa-chevron-up"></i><p>TOPO</p></span>

<script src="/js/localStorageWR.js?v=1"></script>
<script src="/js/main-new.js"></script>

<script>
    document.addEventListener("DOMContentLoaded", function (event) {
        carousel_menu();
    });

    var slideIndex = 0;
    function carousel_menu() {
        var i;
        var x = document.getElementsByClassName("slidePromo");

        if (x.length > 0) {
            for (i = 0; i < x.length; i++) {
                x[i].setAttribute("style", "display: none;");
            }
            slideIndex++;
            if (slideIndex > x.length) {
                slideIndex = 1;
            }
            x[slideIndex - 1].setAttribute("style", "display: flex;");
            setTimeout(carousel_menu, 3000);
        }
    }


    window.onscroll = function () {
        const backTopBtn = document.querySelector('.backTopBtn');
        const scrollPosition = window.pageYOffset || document.documentElement.scrollTop;

        if (scrollPosition > 200) {
            backTopBtn.style.display = 'flex';
        } else {
            backTopBtn.style.display = 'none';
        }
    };

    function voltarAoTopo() {
        const currentPosition = window.pageYOffset;
        const targetPosition = 0;
        const distance = targetPosition - currentPosition;
        const duration = 500;

        let start = null;

        function step(timestamp) {
            if (!start) {
                start = timestamp;
            }

            const progress = timestamp - start;
            window.scrollTo(0, easeInOutCubic(progress, currentPosition, distance, duration));

            if (progress < duration) {
                window.requestAnimationFrame(step);
            }
        }

        function easeInOutCubic(t, b, c, d) {
            t /= d / 2;
            if (t < 1)
                return c / 2 * t * t * t + b;
            t -= 2;
            return c / 2 * (t * t * t + 2) + b;
        }

        window.requestAnimationFrame(step);
    }
</script> 

<script>
    document.addEventListener("DOMContentLoaded", function () {
        var divs = document.querySelectorAll('.img-loading-lazy');

        divs.forEach(function (div) {
            var backgroundImageURL = div.getAttribute('data-bg');

            div.style.backgroundImage = 'url("' + backgroundImageURL + '")';
        });
    });
</script>

<script src="/js/js_menu_promo.js?v=7"></script> 

<style>
    .fundo_modal_lateral * {
        font-family: Rubik;
    }

    .fundo_modal_lateral {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        /*background: rgba(0,0,0,0.2);*/
        z-index: 99;
        display: none;
    }

    .modal_lateral {
        position: fixed;
        left: 20px;
        /*width: 315px;*/
        width: 270px;
        /*min-height: 400px;*/
        /*background: #fff;*/
        /*background: rgba(0,0,0,0.95);*/
        background: #1e5505;
        bottom: 20px;
        /*top: calc(50% - 140px);*/
        border-radius: 10px;
        padding: 15px;
        box-shadow: 0px 0px 4px 1px rgb(0 0 0 / 32%);
    }

    .modal_lateral .btn_fechar_ml {
        cursor: pointer;
        color: #ccc;
        position: absolute;
        top: 5px;
        right: 10px;
    }

    .modal_lateral .btn_fechar_ml:hover {
        color: #b70000;
    }

    .modal_lateral p {
        font-weight: 400;
        color: #fff;
    }

    .modal_lateral .fa {
        font: normal normal normal 14px/1 FontAwesome !important;
    }

    .modal_lateral .title-ml {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modal_lateral h2 {
        font-family: Rubik;
        font-size: 2rem;
        /*color: #ff4c14;*/
        color: #fff;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .formulario_modal_lateral label {
        font-size: 12px;
        color: #fff;
        font-weight: bold;
        margin-bottom: -10px;
    }

    .formulario_modal_lateral input,
    .formulario_modal_lateral select {
        width: 100%;
        height: 35px;
        font-size: 1.4rem;
    }

    .formulario_modal_lateral input::placeholder,
    .formulario_modal_lateral select::placeholder {
        color: #1e5505;
        font-size: 1.4rem;
        font-weight: 400;
    }

    .modal_lateral .btn-modal-lateral {
        width: 100%;
    }

    .modal_lateral .btn-modal-lateral .btn_modal {
        width: 100%;
        /*background: #298200;*/
        /*background: #359b06;*/
        background: #2c8205;
        color: #fff;
        text-align: center;
        border: none;
        height: 40px;
        margin-top: 7px;
        border-radius: 5px;
        font-weight: bold;
    }

    .modal_lateral .btn-modal-lateral .btn_modal:hover {
        background: #287d00;
    }

    .modal_lateral .btn-modal-lateral .btn_modal:disabled {
        background: #575757;
        cursor: not-allowed;
    }

    .modal_lateral .btn-modal-lateral .btn_modal:disabled img {
        filter: grayscale(1);
    }

    @media(max-width: 991px) {
        .fundo_modal_lateral {
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 999;

        }

        .modal_lateral {
            position: relative;
            left: inherit;
            bottom: inherit;
            /*width: 315px;*/
            width: 295px;
            border-radius: 10px;
            padding: 10px;
        }
    }
</style>


<style>
    .modal_promoc_fundo {
        width: 100%;
        height: 100vh;
        position: fixed;
        left: 0;
        top: 0;
        display: none;
        /*display: flex;*/
        align-items: center;
        justify-content: center;
        background: transparent;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9999;
    }

    .modal_promoc {
        width: 950px;
        background: #ccc;
        position: relative;
        background-image: url("/img-base/bg-branco-premium.webp");
        border-radius: 10px;
        border: 1px solid #ccc;
    }

    .modal_promoc .modal_promoc_content {
        display: flex;
        border-radius: 10px;
    }

    @media(max-width: 600px) {
        .modal_promoc .modal_promoc_content {
            border: none !important;
            box-shadow: none !important;
        }
    }

    .modal_promoc .modal_promoc_content h2 {
        font-family: Rubik;
        font-size: 3.3rem;
        color: #ce390a;
        text-shadow: 1px 1px 1px #222;
    }

    .modal_promoc .modal_promoc_content h3 {
        font-size: 1.8rem;
        font-family: Rubik;
        margin: 20px 0;
        font-weight: 400;
    }

    .modal_promoc .modal_promoc_content p {
        font-size: 1.6rem;
        color: #fff;
        text-align: justify;
        margin: 15px 0 30px 0;
    }

    .modal_promoc .modal_promoc_content ul li {
        font-size: 1.85rem;
        color: #fff;
        margin-bottom: 5px;
        text-shadow: 1px 1px 0 #000;
    }

    .modal_promoc .modal_promoc_content ul li i {
        color: #abce0a;
    }

    .modal_promoc .modal_promoc_content .content_btn {
        display: flex;
        margin-top: 20px;
    }

    .modal_promoc .modal_promoc_content .btn_car_out {
        color: #ce390a;
        font-weight: bold;
        padding: 10px 25px;
        margin: 2px;
        box-shadow: 0px 2px 0px 1px #00223b;
        font-size: 20px;
        border-radius: 5px;
        display: block;
        text-decoration: none;
        transition-duration: 0.3s;
        background: #00365d;
        color: #ffffff;
        text-shadow: 1px 1px 0 #003862;
    }

    .modal_promoc .modal_promoc_content .btn_car_out:hover {
        background: #0666ad;
        box-shadow: 0px 2px 0px 1px #005695;
        transition-duration: 0.3s;
    }

    .modal_promoc .modal_promoc_content .col_left_content {
        padding: 30px;
    }

    .modal_promoc_content h4 {
        font-family: Rubik;
        line-height: 1 !important;
        color: #444;
        font-size: 2rem;
        text-align: center;
        background-image: linear-gradient(to bottom, #ce390a, #9c2904, #571500);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: black;
        animation: icone-pulando 0.5s infinite alternate;
        margin-bottom: 0;
    }


    .modal_promoc_content h5 {
        font-family: Rubik;
        color: #444;
        font-size: 4.5rem;
        text-align: center;
        background-image: linear-gradient(to bottom, #ce390a, #9c2904, #571500);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: black;
        margin: 0;
    }

    @media(max-width: 420px) {
        .col_img_p {
            display: none;
        }

        .modal_promoc .modal_promoc_content .col_left_content {
            padding: 10px 2px;
        }

        .modal_promoc .modal_promoc_content h2 {
            font-size: 2.4rem;
            text-align: center;
        }

        .modal_promoc .modal_promoc_content h3 {
            font-size: 1.4rem;
            text-align: center;
        }

        .modal_promoc_content h4 {
            font-size: 1.6rem;
            text-align: center;
            margin: 2px 5px 2px 2px;
        }

        .modal_promoc_content h5 {
            font-size: 3.8rem;
        }

        .modal_promoc {
            width: 92%;
            height: auto;
        }

        .modal_promoc .modal_promoc_content p {
            font-size: 1.4rem;
        }

        .modal_promoc .modal_promoc_content .btn_car_out {
            font-size: 1.5rem;
            padding: 5px 10px;
        }

        .modal_promoc .modal_promoc_content .content_btn {
            justify-content: center;
            margin-bottom: 2px !important;
        }

        .modal_promoc .modal_promoc_content .btn_car_out {
            font-size: 1.5rem;
        }

        .modal_promoc .modal_promoc_content .content_btn {
            justify-content: center;
        }

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

        .modal_promoc .modal_promoc_content ul li {
            font-size: 1.55rem;
            color: #fff;
            margin-bottom: 2px;
            text-shadow: 1px 1px 0 #000;
            font-family: 'Rubik';
            font-weight: 400;
            margin-left: 7px;
        }
    }

    @media(min-width: 421px) and (max-width: 991px) {
        .col_img_p {
            display: none;
        }

        .modal_promoc .modal_promoc_content .col_left_content {
            padding: 15px 2px;
        }

        .modal_promoc .modal_promoc_content h2 {
            font-size: 3.5rem;
            text-align: center;
        }

        .modal_promoc .modal_promoc_content h3 {
            font-size: 3rem;
            text-align: center;
        }

        .modal_promoc {
            width: 95%;
            max-width: 488px;
            height: auto;
        }

        .modal_promoc .modal_promoc_content p {
            font-size: 1.4rem;
            text-align: center;
        }

        .modal_promoc .modal_promoc_content .content_btn {
            justify-content: center;
        }

        .modal_promoc .modal_promoc_content ul {
            text-align: center;
        }

        .modal_promoc .modal_promoc_content h3 {
            font-size: 1.4rem;
            text-align: center;
        }

        .modal_promoc .modal_promoc_content .btn_car_out {
            font-size: 1.5rem;
            padding: 5px 10px;
        }

        .modal_promoc_content h4 {
            font-size: 1.8rem;
            text-align: center;
            margin: 2px 5px 2px 2px;
        }

        .modal_promoc .modal_promoc_content ul li {
            font-size: 1.55rem;
            margin-bottom: 2px;
            font-family: 'Rubik';
            font-weight: 400;
            margin-left: 7px;
        }

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

    @media(max-width: 991px) {
        .col_img_p {
            display: none;
        }

        .modal_promoc {
            height: auto;
        }
    }

    @media(min-width: 991px) and (max-width: 1196px) {
        .col_img_p img {
            /*max-width: 360px;*/
        }

        .modal_promoc {
            height: auto;
        }
    }

    .modal_promoc .btnCloseModalP {
        position: absolute;
        right: 0;
        top: 0;
        background: rgba(149, 0, 0, 0.47);
        border-radius: 0 10px 0 3px;
        width: 30px;
        height: 30px;
        border: none;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 999;
        transition-duration: 0.3s;
    }

    .modal_promoc .btnCloseModalP:hover {
        background: rgba(149, 0, 0, 0.8);
        transition-duration: 0.3s;
    }

    .modal_promoc ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .btn_second_cart_out {
        position: absolute;
        left: 55%;
        bottom: 5%;
    }

    @media(max-width: 991px) {
        .modal_promoc .modal_promoc_content h2 span {
            display: none;
        }

        .btn_second_cart_out {
            position: relative;
            left: initial;
            bottom: initial;
        }
    }
</style>


<style>.modal-aberta{overflow: hidden;}</style><div class="modal_promoc_fundo" onclick="fecharModalPromo();">
        <div class="modal_promoc" onclick="event.stopPropagation(); return false;">
            <span class="btnCloseModalP" onclick="fecharModalPromo();"><i class="fa fa-times"></i></span>
            <div class="modal_promoc_content">
                <div class="row m-0" style="width: 100%;">
                    <div class="col-lg-7 col_left_content text-center">
                        <h2><span>PROMOÇÃO</span> LEVE 3 E PAGUE 2</h2>
                        <h3>Leve 3 certificados, pague por apenas 2!</h3>
                        <h4 class="sol-lig-gratis">SOLICITE SUA PROMOÇÃO</h4>
                        <h5 class="sol-number-lig">0800 500 2277</h5>
                        <div class="row" style="margin:0 ;display: flex; flex-direction: row; align-items: center;">
                            <div class="col-12 text-center" style="display: flex; align-items: center; justify-content: center;">
                                <a href="/promocao" onclick="event.stopPropagation();" class="btnPage btn-action-green" style="padding: 10px;font-size:15px">QUERO PARTICIPAR</a>
                            </div>
                        </div>
                    </div> 
                    <div class="col-lg-5 col_img_p">
                        <img src="/img/atend-ctrl-promo.webp" style="border-radius: 0 0 0 14px; width: 100%; position: relative; bottom: 0; right: 11px;" loading="lazy" width="365" height="370" alt="WR Educacional Ebooks">
                    </div>
                </div>
            </div>
        </div>
    </div> 
<style>
    .retorno_msg_modal {
        text-align: center;
        font-weight: bold;
        color: #50f700;
        height: 30px;
        position: relative;
        line-height: 1;
    }
</style>


<script>
    function enviarSolicitacaoContato() {
        var nome = document.getElementById('f_nomeAluno').value;
        var nome = nome.replace(/[^\p{L}\s]/gu, '');
        var telefone = document.getElementById('f_whatsApp').value;
        var categoria = document.getElementById('f_categoria').value;
        var curso = categoria;
        var retorno = document.getElementById('retorno_modal_bot');
        var retorno = document.getElementById('retorno_modal_bot');
        var btn_modal_lateral = document.getElementById('btn_modal_lateral');



        retorno.innerHTML = '<img src="/img/loading-horizontal.gif" style="width: 100px; margin-top: -2px;">';
        if (nome !== "") {
            if (telefone.length < 13) {
                retorno.innerHTML = '<p style="margin: 0; color: #ff8d8d;">O número preenchido está inválido.<br/> Corrija e tente novamente.</p>';
            } else {
                btn_modal_lateral.disabled = true;
                var xhttp = new XMLHttpRequest();
                xhttp.open("POST", "ajax/enviaSolicitacaoMensagem.ajax.php", true);
                xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                xhttp.send("nome=" + nome + "&telefone=" + telefone + "&curso=" + curso + "&categoria=" + categoria);
                xhttp.onreadystatechange = function () {
                    if (this.readyState == 4 && this.status == 200) {
                        if (this.responseText == 1) {
                            retorno.innerHTML = '<p style="margin: 0; color: #50f700;">Solicitação enviada com sucesso! <br/> Em breve você receberá uma mensagem</p>';
                            setTimeout(function () {
                                fecharModalPromo();
                            }, 3000);
                        } else if (this.responseText < 0) {
                            retorno.innerHTML = '<p style="margin: 0; color: #ff8d8d;">Não foi possível enviar sua solicitação. <br/>Tente novamente!</p>';
                            setTimeout(function () {
                                fecharModalPromo();
                            }, 3000);
                        } else {
                            retorno.innerHTML = '<p style="margin: 0; color: #ff8d8d;">Você já solicitou um atendimento. <br/> Solicite novamente mais tarde.</p>';
                            btn_modal_lateral.disabled = false;
                        }
                        return;
                    }
                };
            }
        } else {
            retorno.innerHTML = '<p style="margin: 0; color: #ff8d8d;">O nome informado está vazio.<br/> Corrija e tente novamente.</p>';
        }
    }


    function mascara_form_tel(b) {
        var a = b.target.value.replace(/\D/g, "");
        if (a[2] == "9") {
            var a = b.target.value.replace(/\D/g, "").match(/(\d{0,2})(\d{0,5})(\d{0,4})/);
            b.target.value = !a[2] ? a[1] : "(" + a[1] + ")" + a[2] + (a[3] ? "-" + a[3] : "");
        } else {
            var a = b.target.value.replace(/\D/g, "").match(/(\d{0,2})(\d{0,4})(\d{0,4})/);
            b.target.value = !a[2] ? a[1] : "(" + a[1] + ")" + a[2] + (a[3] ? "-" + a[3] : "");
        }
    }

    function mascara_form_nome(nome) {
        var valor_nome = nome.value;
        var valor_nome = valor_nome.replace(/[^\p{L}\s]/gu, '');
        nome.value = valor_nome;
    }

    function exibirDivPromocao() {
        const divPromocao = document.querySelector('.modal_promoc_fundo');
        if (divPromocao) {
            divPromocao.style.display = 'flex';
            document.body.classList.add('modal-aberta');
        }
    }
    function fecharModalPromo() {
        const divPromocao = document.querySelector('.modal_promoc_fundo');
        if (divPromocao) {
            divPromocao.style.display = 'none';
            document.body.classList.remove('modal-aberta');
        }
    }
    function verificarVisitaEExibirModal() {
        if (!localStorage.getItem('primeiraVisita')) {
            localStorage.setItem('primeiraVisita', new Date());
            exibirDivPromocao();
        } else {
            const primeiraVisita = new Date(localStorage.getItem('primeiraVisita'));
            const umDiaEmMilissegundos = 1 * 24 * 60 * 60 * 1000;
            const umDiaAposPrimeiraVisita = new Date(primeiraVisita.getTime() + umDiaEmMilissegundos);

            if (new Date() >= umDiaAposPrimeiraVisita) {
                localStorage.setItem('primeiraVisita', new Date());
                exibirDivPromocao();
            }
        }
    }
    function configurarModalPromocao() {
        const btnFecharModal = document.querySelector('.btnCloseModalP');
        if (btnFecharModal) {
            btnFecharModal.addEventListener('click', fecharModalPromo);
        }
        verificarVisitaEExibirModal();
    }

    window.addEventListener("load", function () {
        setTimeout(function () {
            configurarModalPromocao();
        }, 2000);
    });
</script>         
<script>

    function isMobile( ) {
        var el = document.getElementById("__divide");
        if(el ){
            var style = window.getComputedStyle(el);
            return (style.display === 'none');
        }
       
        return false;
    }
            
    var to_;

    function getPesquisaCursosAutocompletar(feth_) {
      
        document.getElementById("btn_busca_curso").innerHTML= "<span class='hidden-sm hidden-xs'>Buscando</span><img style='margin-bottom: 0px;padding-bottom: 4px; margin-top: -3;' src='/img-base/loader-green.gif' width='30' height='28'>";
        
        if (feth_ == 2) {
            ms_ = 10;
        } else {
            ms_ = 600;
            clearTimeout(to_);
        }
        
        to_ = setTimeout(function () {
            var curso = document.getElementById("buscacursos").value;
            
                            
            var max_result = document.getElementById("max_result").value;
            var pagina = 1;
            curso = curso.trim();
            var busca__array = ["nr" ];
            var a = busca__array.indexOf(curso);
  
            if (curso.length > 2 || a > -1  || is_numeric(curso) ) {
                getJSON_wr(curso, pagina, max_result);

            } else if (curso == '') {
                getJSON_wr('', pagina, max_result);
            }
            
            document.getElementById("btn_busca_curso").innerHTML="<span class='hidden-lg hidden-md'>OK</span><span class='hidden-sm hidden-xs'>Buscando</span>";
        }, ms_);
        
        
    }

    function is_numeric(n) {
      return !isNaN(parseFloat(n)) && isFinite(n);
    }

    function getJSON_wr(curso, pagina, max_result) {
        Ajax({
            url: '/ajax/getPesquisaCursosGrid3.ajax.php?curso=' + curso + '&pagina=' + pagina + '&max_result=' + max_result,
            success: function (data) {
                document.getElementById("resultados-pesq-curso").innerHTML = data;
            },
            getHeaders: function (data) {
            }
        } );
    } 



    function Ajax(options) {
        var request = new XMLHttpRequest();
        request.onreadystatechange = function () {
            if (this.readyState === 4 && this.status === 200) {

                if (this.responseText !== null) {
                    if (options.success)
                        options.success(this.responseText);
                } else if (this.responseXML !== null) {
                    if (options.success)
                        options.success(this.responseXML);
                }

                if (options.getHeaders) {
                    let response = {
                        plain: this.getAllResponseHeaders(),
                        headers: []
                    };
                    response.plain.split('\n').forEach(function (header) {
                        if (header !== '') {
                            response.headers.push({
                                name: header.substr(0, header.indexOf(':')),
                                content: header.substr((header.indexOf(':') + 2), header.length)
                            });
                        }
                    });
                    options.getHeaders(response);
                }

            } else if (this.readyState === 4 && this.status !== 200) {
                console.error('Ajax() failed: ' + this.statusText);
            }
        };

        if (options.data) {
            let parameters = '',
                    parametersLength = Object.keys(options.data).length,
                    index = 0;
            for (var param in options.data) {
                parameters += param + '=' + options.data[param];
                index++;
                if (index !== parametersLength)
                    parameters += '&';
            }
            request.open('POST', options.url, true);
            request.send(parameters);
        } else {
            request.open('GET', options.url, true);
            request.send();
        }
    }


    function onloadModalPromo() {
        var popup_promocao = getCookie('popup_promocao');
        if (popup_promocao != '1') {
            a = document.createElement('a');
            a.setAttribute('href', '#promo');
            a.click();
            setCookie('popup_promocao', '1');
        }
         popup_promocao2 = getCookie('popup_promocao');
        
    }
    function loadJs(url, callback) {
        var js = document.createElement("script");
        if (typeof callback === "function") {
            var isReady = false;

            var readyExec = function () {
                if (isReady) {
                    return;
                }

                isReady = true;

                callback();
            };

            js.onload = readyExec;

            js.onreadystatechange = function () {
                if (js.readyState === "complete" ||
                        js.readyState === "loaded")
                {
                    readyExec();
                }
            };
        }

        js.async = true;
        js.src = url;
        document.body.appendChild(js);
    }

    function loadStyleSheet(path) {
        var css = $(path, {
            "rel": "stylesheet",
            "type": "text/css",
            "href": "style.css"
        })[0];
        document.getElementsByTagName("head")[0].appendChild(css);
    }

    function onloadJSAvisos() {
        var use_ = getCookie('tracking');
        if (use_) {
            $.getJSON('/ajax/avisos-alunos.ajax.php?search=', {ajax: 'true'}, function (j) {
                $("#aviso-aluno").html(j.aviso_aluno);
                $("#msg-principal-aluno").html(j.msg_principal_aluno);
            });
        } else {
        }
    }

    function setCookie(name, value) {
        var expira = new Date();
        expira.setTime(expira.getTime() + 3 * 3600 * 1000);
        var cookie = name + "=" + escape(value) + ';SameSite=Strict;expires=' + expira.toUTCString();
        document.cookie = cookie;
    }

    function getCookie(name) {
        var cookies = document.cookie;
        var prefix = name + "=";
        var begin = cookies.indexOf("; " + prefix);

        if (begin == -1) {

            begin = cookies.indexOf(prefix);

            if (begin != 0) {
                return null;
            }

        } else {
            begin += 2;
        }

        var end = cookies.indexOf(";", begin);

        if (end == -1) {
            end = cookies.length;
        }

        return unescape(cookies.substring(begin + prefix.length, end));
    }
 
    var json_str = getCookie('tracking_v2');
    
    atualizarBotoes();
    
    function atualizarBotoes(){
        if (json_str) {
            var jsonObj = JSON.parse(json_str);
            var tracking_v3 = JSON.parse(getCookie('tracking_v3'));
            for (var i = 0; i < jsonObj.length; i++) {
                var obj = jsonObj[i];
                var status = tracking_v3[i];
                var urli = '/cursos';
                var urli_pos = '';
                var color_btn = "btn-matricular";
                if (document.getElementById("_" + obj)) {
                    var url_base_array = document.getElementById("a_" + obj).href.split('/');
                    var url_base = url_base_array[4] + '/' + url_base_array[5];
                    var color_btn = "btn-matricular";
                    if (status == 'e') {
                        document.getElementById("_" + obj).innerHTML = 'ESTUDAR';
                        urli = '/estudar';
                        color_btn = "btn-estudar";
                    } else if (status == '1') {
                        document.getElementById("_" + obj).innerHTML = 'PAGAMENTO';
                        urli = '/meus-certificados';
                        color_btn = "btn-certificado";
                    } else if (status == '2') {
                        document.getElementById("_" + obj).innerHTML = 'PAGAMENTO';
                        urli = '/meus-certificados';
                        color_btn = "btn-certificado";
                    } else if (status == '3') {
                        document.getElementById("_" + obj).innerHTML = 'CERTIFICADO';
                        urli = '/meus-certificados';
                        color_btn = "btn-certificado";
                    } else if (status == '4') {
                        document.getElementById("_" + obj).innerHTML = 'CERTIFICADO';
                        urli = '/meus-certificados';
                        color_btn = "btn-certificado";
                    } else if (status == '5') {
                        document.getElementById("_" + obj).innerHTML = 'RASTREAR';
                        urli = '/codigo-de-rastreamento';
                        color_btn = "restreamento-btn";
                        color_btn = "btn-certificado";
                    } else if (status == '6') {
                        document.getElementById("_" + obj).innerHTML = 'CERTIFICADO';
                        urli = '/meus-certificados';
                        color_btn = "btn-certificado";
                    } else if (status == '7') {
                        document.getElementById("_" + obj).innerHTML = 'SOLICITAR';
                        urli = '/solicitar-certificado';
                        color_btn = "btn-solicitar";
                    } else if (status == '8') {
                        document.getElementById("_" + obj).innerHTML = 'CERTIFICADO';
                        urli = '/meus-certificados';
                        color_btn = "btn-certificado";
                    } else if (status == '0') {
                        document.getElementById("_" + obj).innerHTML = 'CERTIFICADO';
                        urli = '/solicitar-certificado';
                        urli_pos = '/s/passo-2';
                        color_btn = "btn-certificado";
                    } else if (status == 'a') {
                        document.getElementById("_" + obj).innerHTML = 'CERTIFICADO';
                        urli = '/solicitar-certificado';
                        color_btn = "btn-solicitar";
                    } else if (status == 'r') {
                        document.getElementById("_" + obj).innerHTML = 'AVALIAÇÃO';
                        urli = '/avaliacao';
                        color_btn = "btn-avaliacao";
                    } else if (status == 'b') {
                        document.getElementById("_" + obj).innerHTML = '&nbsp;AVALIAÇÃO';
                        urli = '/avaliacao';
                        color_btn = "btn-avaliacao"; 
                    }

                    document.getElementById("a_" + obj).href = urli + '/' + url_base + urli_pos;
                    document.getElementById("a_" + obj).className = color_btn + ' btnCaixa';
                }
            }
        }
    }

    var toggle = document.getElementsByClassName('navbar-toggle')[0];
            
    var collapse = document.getElementsByClassName('navbar-collapse')[0];
            
    var dropdowns = document.getElementsByClassName('dropdown');
    

    function setImgEstudando() {
       var json_str = getCookie('tracking_v2');
       if (json_str) {
           var jsonObj = JSON.parse(json_str);
           var tracking_v3 = JSON.parse(getCookie('tracking_v3'));
           for (var i = 0; i < jsonObj.length; i++) {
               var obj = jsonObj[i];
               var status = tracking_v3[i];
               if (document.getElementById("imgstatus_" + obj)) {
                   if (status == 'e') {
                       document.getElementById("imgstatus_" + obj).classList.remove('imghidden');
                       document.getElementById("imgstatus_" + obj).classList.add('imgshow');
                   }
               }
           }
       } else {
       }
   }
   
    function toggleMenu() {
        if (collapse.classList) {
            collapse.classList.toggle('collapse');
            collapse.classList.toggle('in');
        }
        
    }

    function closeMenus() {
        for (var j = 0; j < dropdowns.length; j++) {
            
            if (dropdowns[j].getElementsByClassName('dropdown-toggle')[0] ) {
                dropdowns[j].getElementsByClassName('dropdown-toggle')[0].classList.remove('dropdown-open');
            }
             if (dropdowns[j] ) {
                 dropdowns[j].classList.remove('open');
             }
            
        }
    }

    for (var i = 0; i < dropdowns.length; i++) {
        dropdowns[i].addEventListener('click', function () {
            if (document.body.clientWidth < 768) {
                var open = this.classList.contains('open');
                closeMenus();
                if (!open) {
                    this.getElementsByClassName('dropdown-toggle')[0].classList.toggle('dropdown-open');
                    this.classList.toggle('open');
                }
            }
        });
    }

    function closeMenusOnResize() {
        if (document.body.clientWidth >= 768) {
            closeMenus();
            collapse.classList.add('collapse');
            collapse.classList.remove('in');
        }
    }
    
    if (toggle) {
        window.addEventListener('resize', closeMenusOnResize, false);
        toggle.addEventListener('click', toggleMenu, false);
    }
    
</script>


        <style> 

    @font-face {
        font-family: 'Glyphicons Halflings';
        font-display: fallback;
        src: url('/fonts/glyphicons-halflings-regular.eot');
        src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('/fonts/glyphicons-halflings-regular.woff2')
    }
    .atendimento-mob{
        color: #E97F02;
        min-width: 24%;
        border: 1px solid #aaa;
        border-radius: 5px;
        padding: 3px!important;
        text-align: center!important; 
        display: inline-table!important;
        line-height: 1.3;
        background-color: #161616; 
        margin: 4px 0;
    }

    .atendimento-mob a{
        color: #fff;
        /*color: ;*/
        text-decoration: none; 
        font-size: 11px!important;
        padding: 0!important;
        font-family:Arial,sans-serif!important;
        font-weight: bold;

    } 

    @media (max-width: 768px){ 
        .footer-v6 .copyright{
            padding: 15px 0 50px;
        }
        .hidden-desktop {
            display: none!important;
        }
    }
    @media (min-width: 769px){ 
        .hidden-celular {
            display: none!important;
        }
    }

    .cmp-white {
        background-color: #fff;
        -webkit-box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;
        box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1030;
        color: #000;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }
    .btn-success {
        color: #fff;
        background-color: #348524;
        border-color: #4cae4c;
    }
    .btn-success:focus,
    .btn-success.focus {
        color: #fff;
        background-color: #348524;
        border-color: #255625;
    }
    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .glyph {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        font-size: 15px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;        
    }

    .glyph-user:before {
        content: "\e008";
    }
    .glyph-search:before {
        content: "\e003"
    }
    .glyph-phone-alt:before {
        content: "\e183"
    }
    .glyph-education:before {
        content: "\e233"
    }
    .glyph-phone:before{
        content: "\e145";
    }
    .btn_flutuante_app{
        margin: auto auto 8px;
    }
    .btn_flutuante_app a{
        text-decoration: none;
        font-size: 16px;
        border-radius: 13px;
        border: 1px solid;
        padding: 4px 9px 4px;
        background-color: #161616;
        border-color: #aaa;
        color: #E97F02;
        text-shadow: 1px 1px 0 #0c2d4a;
        box-shadow: 0 0 2px 1px #161616;
    }
    @media (min-width: 375px){ 
        .btn_flutuante_app a{
            font-size: 19px !important;
        }
    }
    #divchatlg ul{
        list-style: none;
    }
    ul.atendimento-flutuante li{
        margin: 4px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .atendimento-flutuante .conf-atendimento{
        margin-top: -5px;
        min-width: 92px;
        font-size: 13px;
        width: 20px;
        border-radius: 4px;
        color: #fff;
        text-shadow: 1px 1px 0px #000;
        text-decoration: none !important;
    }
    .color-chat{background-color: #9f8100}
    .color-telegram{background-color: #0774c8}
    .color-telefone{background-color: #b7251a}
    .color-whatsapp{background-color: #2da329}

    ul.atendimento-flutuante li p{ 
        font-size: 11px;
        padding: 0;
        margin-top: -5px;
        margin-bottom: -2px; 
        font-weight: bold; 
        color: #fff !important;
        text-shadow: 1px 1px 0px #000;
        text-decoration: none !important;
    }
</style> 
<script>
    function setCookieFlut(name, value) {
        var expira = new Date();
        expira.setTime(expira.getTime() + 100 * 3600 * 1000);
        var cookie = name + "=" + escape(value) + ';SameSite=Strict;expires=' + expira.toUTCString();
        document.cookie = cookie;
    }

    function getCookieFlut(name) {
        var cookies = document.cookie;
        var prefix = name + "=";
        var begin = cookies.indexOf("; " + prefix);

        if (begin == -1) {

            begin = cookies.indexOf(prefix);

            if (begin != 0) {
                return null;
            }

        } else {
            begin += 2;
        }

        var end = cookies.indexOf(";", begin);

        if (end == -1) {
            end = cookies.length;
        }

        return unescape(cookies.substring(begin + prefix.length, end));
    }

    function fechardivtelefonema() {
        document.getElementById('divtelefone').style.display = "none";
    }

    function fechardivchat() {
        document.getElementById('divchatlg').style.display = "none";
    }
    function fechardivcookies() {
        setCookieFlut('divcookies', '1');
        document.getElementById('divcookies').style.display = "none";
    }
    function fecharInstaleApp() {
        setCookieFlut('divbtnapp', '1');
        document.getElementById('divapp').style.display = "none";
    } 
    function alertWPP() {
        alert("Atenção!\n\nNo momento estamos atendendo apenas via chat e telegram.\n\nOu ligue gratuitamente para 0800 500 2277.");
    }


</script>

<div id="divcookies" class="cmp-white" data-type="component" data-name="cookie-message" data-value="Cookie Message" style="display: none;">
    <div class="container">
        <div class="row" style="display: inline-block;">
            <div class="col-lg-8 col-md-9 col-lg-offset-2 offset-lg-2" style="text-align: justify">
                <span><strong>Este site de Cursos Online</strong> utiliza cookies de acordo com sua <a href="/politica-de-privacidade" style="font-weight: bold; text-decoration: underline ">Política de Privacidade</a>, e ao continuar navegando, você concorda com estas condições.</span>
                <button class="btn btn-success btn-sm rounded" style="padding: 3px 10px; float: right" onclick="fechardivcookies();">Concordo</button>
            </div>            
        </div>
    </div>
</div>


<style>
    .fixed-action-btn{
        position: fixed;
        right: 15px;
        bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .btn-floating.btn-large{
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #F44336;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 999;
    }


    .btn-spand{
        color: #fff;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        padding: 10px 15px;
        background: #F44336;
        cursor: pointer;
        z-index: 999;
    }

    .btn-spand.blue{
        background: #039be5;
    }
    .btn-spand.yellow{
        background: #fdd835;
    }
    .btn-spand.green{
        background: #4CAF50;
    }
    .btn-spand.red{
        background: #F4433C;
    }


    .btn-floating.btn-large i{
        font-size: 16px;
        color: #fff;
    }

    .fixed-action-btn.spin-close ul{
        /*display: none;*/
        margin-right: 0px;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.3s linear;
    }

    .fixed-action-btn.spin-show ul{
        /*display: block;*/
        float: left;
        visibility: visible;
        opacity: 1;
        transition: visibility 0s, opacity 0.3s linear;
    }

    .fixed-action-btn.spin-show ul li{
        margin-bottom: 16px;
        transition-duration: 0.3s;
    }

    .fixed-action-btn.spin-close ul li{
        margin-bottom: 5px;
        transition-duration: 0.3s;
    }

    .btn-atendimento-online{
        text-align: center;
        border-radius: 6px;
        line-height: 1.3;
        font-weight: 600;
        font-size: 13px;
        text-shadow: 1px 1px 0px #000;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 6px 4px;
        cursor: pointer;
        z-index: 999;
        color: #fff !important;
        user-select: none;
        /*box-shadow: 0px 0px 9px #4e7612bf;*/
        background: #00217cbf;
    }

</style> 


<!--<div id="content-expand-atendimento" class="fixed-action-btn horizontal click-to-toggle spin-close">

    <a href="https://api.whatsapp.com/send?phone=553598320907" rel="noreferrer noopener" target="_blank" class="conf-atendimento color-whatsapp">WhatsApp</a> 
</div>-->


<script>
    function expandAtendimento() {
        var div = document.getElementById('content-expand-atendimento');
        var situacao_expand_atendimento = div.classList.contains("spin-show");
        if (situacao_expand_atendimento === false) {
            $("#content-expand-atendimento").removeClass("spin-close");
            $("#content-expand-atendimento").addClass("spin-show");
        } else {
            $("#content-expand-atendimento").removeClass("spin-show");
            $("#content-expand-atendimento").addClass("spin-close");
        }
    }
</script>




<!--background-color: rgba(50,50,50,.8);-->
<div  class="hidden-celular" id="menuInferiorCel" style="transition-duration: 0.2s; height: auto; margin: 0; display: block ; position: fixed; bottom: 0; left: 0; z-index: 999; width: 100%; text-align: center;">
    <ul class="list-inline" style="background-color: rgba(22,22,22,0.8); display:flex;justify-content: space-between;margin:0; padding: 2px 4px;">     
        <li class="atendimento-mob">
            <a href="/central-atendimento"><i class="fa fa-whatsapp" style="font-size: 19px;"></i><br>Contato</a>
        </li> 
        <li class="atendimento-mob">
            <a href="/lista-de-cursos"><i class="glyph glyph-search"></i><br>Cursos</a> 
        </li>

        <li class="atendimento-mob">
            <a href="/aplicativo"><i class="glyph glyph-phone"></i><br>Aplicativo</a>
        </li> 
        <li class="atendimento-mob">
            <a href="/area-aluno"><i class="glyph glyph-user"></i><br>Login</a>
        </li> 
    </ul>
</div>

<script>window.onload = function (e) {
        var divcookies = getCookieFlut('divcookies'); 
        if (divcookies != '1') {
            document.getElementById('divcookies').style.display = 'block';
        }
        try {
            vertemas();
            carousel();
        }
        catch (e) {
        }
        
    }; </script> 
        <script>
            processing = false;
            paginaAux = 0;
            quantidadePesqRestante = 3;

            window.onbeforeunload = function () {
                window.scrollTo(0, 0);
            }

            document.addEventListener("scroll", (event) => {
                var posicaoDiv = document.getElementById('aquiload').getBoundingClientRect().top;
                if (processing || quantidadePesqRestante < 1 || document.getElementById('cursosnaoencontrados'))
                    return false;

                if (posicaoDiv - window.innerHeight <= 10) {
                    var qtdCaixas = document.querySelectorAll('.caixa-curso').length;
                    if (qtdCaixas == 0)
                        return false;

                    processing = true;
                    document.getElementById('loaderPesq').style.display = 'block';
                    if (qtdCaixas > 0 && qtdCaixas < 10) {
                        ajaxPesq();
                    } else {
                        setTimeout(ajaxPesq, 1000);
                    }
                }
            });

            function ajaxPesq(btn = null) {
                console.log("ajax");
                document.getElementById('loaderPesq').style.display = 'block';
                var timeOut = 1000;
                paginaAux++;
                processing = true;
                quantidadePesqRestante--;

                var btnPesq = 0;
                if (quantidadePesqRestante == 0 || btn != null) {
                    btnPesq = 1;
                }
                if (btn != null) {
                    btn.parentNode.remove();
                }
                var curso = document.getElementById("buscacursos").value.trim();
                var max_result = document.getElementById("max_result").value;
                var xhttp = new XMLHttpRequest();
                xhttp.onreadystatechange = function () {
                    if (this.readyState == 4 && this.status == 200) {
                        if (this.responseText != 0) {
                            document.getElementById('resultados-pesq-curso').insertAdjacentHTML("beforeend", this.responseText);
                            document.getElementById('loaderPesq').style.display = 'none';
                            tamanhoPagAtual = document.getElementById('lista_de_cursos').offsetHeight;

                        }
                    }
                };
                xhttp.open("POST", "/ajax/pesquisaCursosGratisNew.ajax.php", true);
                xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                xhttp.send('pesq=' + curso + '&pagina=' + paginaAux + "&max=" + max_result + '&btnPesq=' + btnPesq);
                setTimeout(() => {
                    processing = false;
                }, timeOut);
            }
             
             
             
             
             
             
             /*
 * Guarda o temporizador da pesquisa para cancelar chamadas anteriores.
 */
var to_ = null;

/*
 * Guarda o último termo realmente enviado ao servidor.
 */
var ultimaPesquisa = "";

/*
 * Guarda a requisição AJAX atual para impedir respostas antigas.
 */
var requisicaoPesquisa = null;

/*
 * Pesquisa os cursos somente depois que o usuário parar de digitar.
 *
 * @param {number} feth_
 *        2 executa a pesquisa imediatamente.
 *        Outros valores aguardam 600 milissegundos.
 */
function getPesquisaCursosAtNew(feth_) {

    /*
     * Cancela qualquer pesquisa agendada anteriormente.
     */
    clearTimeout(to_);

    /*
     * Define o intervalo antes de iniciar a pesquisa.
     */
    var ms_ = (feth_ == 2) ? 10 : 1000;

    /*
     * Agenda a execução da pesquisa.
     * O indicador "Buscando" só aparece quando o tempo terminar.
     */
    to_ = setTimeout(function () {

        /*
         * Obtém o termo atual do campo de pesquisa.
         */
        var curso = document.getElementById("buscacursos").value.trim();

        /*
         * Obtém o limite máximo de resultados.
         */
        var max_result = document.getElementById("max_result").value;

        /*
         * Não envia uma nova pesquisa quando o termo não mudou.
         */
        if (curso === ultimaPesquisa) {
            return;
        }

        /*
         * Não pesquisa quando o campo estiver vazio.
         */
        if (curso === "") {
            return;
        }

        /*
         * Guarda o termo que será enviado ao servidor.
         */
        ultimaPesquisa = curso;

        /*
         * Indica que a requisição efetivamente começou.
         */
        processing = true;

        /*
         * Exibe o carregamento somente depois dos 600 milissegundos.
         */
        document.getElementById("btn_pesq_c").innerHTML =
            "<span class='hidden-sm hidden-xs'>Buscando...</span>" +
            "<img class='hidden-lg' " +
            "style='margin-bottom:0;padding-bottom:4px;margin-top:-3px;' " +
            "src='/img-base/loader-green.gif' width='30' height='28'>";

        /*
         * Cancela a requisição anterior caso ainda esteja em andamento.
         */
        if (requisicaoPesquisa !== null) {
            requisicaoPesquisa.abort();
        }

        /*
         * Cria uma nova requisição AJAX.
         */
        requisicaoPesquisa = new XMLHttpRequest();

        /*
         * Processa a resposta recebida do servidor.
         */
        requisicaoPesquisa.onreadystatechange = function () {

            /*
             * Aguarda a conclusão total da requisição.
             */
            if (this.readyState !== 4) {
                return;
            }

            /*
             * Atualiza a página quando a resposta for válida.
             */
            if (this.status === 200 && this.responseText != 0) {
                document.getElementById(
                    "resultados-pesq-curso"
                ).innerHTML = this.responseText;

                atualizarBotoes();
                selectCursos();
            }

            /*
             * Finaliza o estado de processamento.
             */
            processing = false;

            /*
             * Remove a referência da requisição concluída.
             */
            requisicaoPesquisa = null;

            /*
             * Restaura o texto original do botão.
             */
            document.getElementById("btn_pesq_c").innerHTML =
                "<span class='hidden-lg hidden-md'>OK</span>" +
                "<span class='hidden-sm hidden-xs'>Buscar</span>";

            /*
             * Reinicia a quantidade de pesquisas restantes.
             */
            quantidadePesqRestante = 3;
        };

        /*
         * Configura a requisição POST.
         */
        requisicaoPesquisa.open(
            "POST",
            "/ajax/pesquisaCursosGratisNew.ajax.php",
            true
        );

        /*
         * Define o formato dos dados enviados.
         */
        requisicaoPesquisa.setRequestHeader(
            "Content-type",
            "application/x-www-form-urlencoded"
        );

        /*
         * Envia o termo e o limite para o servidor.
         */
        requisicaoPesquisa.send(
            "pesq=" + encodeURIComponent(curso) +
            "&pagina=0" +
            "&max=" + encodeURIComponent(max_result)
        );

    }, ms_);
}
        </script>

    </body>
</html>