/* Text */
body {
    overflow-x: hidden;
    background: url(../img/layout/background.png) center center;
    scroll-behavior: smooth;
}

html {
    scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

    html,
    body {
        scroll-behavior: auto;
    }
}

video:focus {
    outline: none;
}

audio:focus {
    outline: none;
}

@font-face {
    font-family: 'Graduate';
    src: url("../css/fonts/Graduate-Regular.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("../css/fonts/Graduate-Regular.woff") format("woff"),
        /* Modern Browsers */
        url("../css/fonts/Graduate-Regular.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway-light';
    src: url("../css/fonts/Raleway-Light.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("../css/fonts/Raleway-Light.woff") format("woff"),
        /* Modern Browsers */
        url("../css/fonts/Raleway-Light.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: 200;
    font-style: thin;
}

@font-face {
    font-family: 'Raleway';
    src: url("../css/fonts/Raleway-Regular.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("../css/fonts/Raleway-Regular.woff") format("woff"),
        /* Modern Browsers */
        url("../css/fonts/Raleway-Regular.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway-bold';
    src: url("../css/fonts/Raleway-Bold.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("../css/fonts/Raleway-Bold.woff") format("woff"),
        /* Modern Browsers */
        url("../css/fonts/Raleway-Bold.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: 700;
    font-style: bold;
}

@font-face {
    font-family: 'Stay Home';
    src: url("../css/fonts/stay-home.otf");
    font-weight: 600;
}

ul.square {
    list-style-type: square;
}

p,
li,
a {
    margin: 15px 0;
}

p:first-child,
li:first-child {
    margin-top: 0;
}

p:last-child,
li:last-child {
    margin-bottom: 0;
}

b,
strong {
    font-weight: bolder;
    font-family: Raleway-bold, cursive;
}

a {
    font-weight: normal;
    font-family: Raleway, cursive;
}

h1 {
    font-family: Stay Home, cursive;
    font-size: 47px;
    line-height: 60px;
    font-weight: bolder;
    text-transform: uppercase;
}

h2 {
    font-family: Graduate, cursive;
    font-size: 40px;
    line-height: 55px;
}

h3 {
    font-family: Graduate, cursive;
    font-size: 30px;
    line-height: 50px;
}

h4 {
    font-family: Raleway-bold, cursive;
    font-size: 20px;
}


h5 {
    font-family: Stay Home, cursive;
    font-size: 40px;
    font-weight: bolder;
    text-transform: uppercase;
}


h6 {
    font-family: Stay Home, cursive;
    font-size: 20px;
}

.font-bold {
    font-family: "Bold";
}

.font-normal {
    font-family: "Regular";
}

.font-italic {
    font-family: "Italic";
}

/* -- Tamanho das Fontes fontes -- */

li,
.li,
.btn,
ol,
div,
span,
.span {
    font-size: 14pt;
    line-height: 16pt;
    font-family: Raleway-light, sans-serif;
    line-height: 20pt;
}


p,
a {
    margin-bottom: 12px;
    text-align: left;
    font-size: 18px;
    line-height: 20pt;
    font-family: Raleway-light, sans-serif;
}

p:last-child {
    margin: 0;
}


p.first:first-letter {
    font-family: 'cambria', sans-serif;
    font-weight: normal;
    color: #F29108;
    font-size: 135px;
    line-height: 85%;
    margin-right: 0.2em;
    float: left;
    color: #F29108;
    margin: -5px 10px 0 auto;
}

p.first:first-line {
    color: #F29108;
    font-size: 25px;
    line-height: 150%;
}


img {
    image-rendering: auto !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    margin: 0 auto;
}

a {
    color: inherit;
    text-decoration: underline;
    word-wrap: break-word;
}

a:hover {
    color: #0000CC;
    text-shadow: 0px 1px 0px #0000cc;
}

.btn,
.btn * {
    text-decoration: none;
    cursor: pointer;
}

hr {
    border-color: #dddddd;
    border-width: 2px;
    margin: 10px 0 20px 0;
}


.blockquote {
    background: #cae2f3;
    border-radius: 8px;
    padding: 12px 18px;
}

.blockquote-footer {
    display: block;
    color: #6394b7;
    text-align: right;
}

.cap::first-letter {
    font-family: 'Niconne', cursive;
    font-size: 250%;
    color: #0089bf;
    line-height: 1;
}

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

.title p,
.title h2 {
    font-weight: bold;
    color: #0089bf;
}

.title h2 {
    white-space: nowrap;
}

.rounded {
    border-radius: 8px !important;
}

.rounded-20 {
    border-radius: 20px !important;
}

.circle {
    border-radius: 50px !important;
    padding: 10px 25px;
}

.circle-fixed {
    width: 55px;
}

.btn * {
    font-weight: bold !important;
}

.border {
    border-width: 2px !important;
}



.btn-link {
    background: #f7f7f7;
    padding: 25px 5px;
    border-radius: 100px;
}


.shadow {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7) !important;
}

.no-border {
    border-radius: 0;
    border: 0;
}

.list-group-item {
    background: #0080FF;
    color: white;
}

.list-square {
    list-style-type: square !important;
}

.blockquote {
    font-size: 1rem;
}

.blockquote p:last-child,
.card-body p:last-child {
    margin-bottom: 0;
}

.container-fluid {
    margin: 0;
    padding: 0;
    max-width: 800px;
}

.container {
    background: #fff;
    margin: 0 auto;
    padding: 20px;
    max-width: 960px;
}



.img-full {
    background-size: cover;
    background-position: center;
}

video {
    opacity: 1;
}

.video-active,
.animacao {
    opacity: 1;
}

.video-shadow {
    top: 0;
    left: 0;
    border: 2px dashed #3b4085;
    -webkit-box-shadow: inset 0px 0px 30px 30px #c6d3fb;
    -moz-box-shadow: inset 0px 0px 30px 30px #c6d3fb;
    box-shadow: inset 0px 0px 30px 30px #c6d3fb;
    border-radius: 20px;

}

.collapse {
    margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-5 {
    height: 5% !important;
}

.h-10 {
    height: 10% !important;
}

.h-15 {
    height: 15% !important;
}

.h-20 {
    height: 20% !important;
}

.h-25 {
    height: 25% !important;
}

.h-30 {
    height: 30% !important;
}

.h-35 {
    height: 35% !important;
}

.h-40 {
    height: 40% !important;
}

.h-45 {
    height: 45% !important;
}

.h-50 {
    height: 50% !important;
}

.h-55 {
    height: 55% !important;
}

.h-60 {
    height: 60% !important;
}

.h-65 {
    height: 65% !important;
}

.h-70 {
    height: 70% !important;
}

.h-75 {
    height: 75% !important;
}

.h-80 {
    height: 80% !important;
}

.h-85 {
    height: 85% !important;
}

.h-90 {
    height: 90% !important;
}

.h-95 {
    height: 95% !important;
}

.h-100 {
    height: 100% !important;
}

.mw-5 {
    max-width: 5% !important;
}

.mw-10 {
    max-width: 10% !important;
}

.mw-15 {
    max-width: 15% !important;
}

.mw-20 {
    max-width: 20% !important;
}

.mw-25 {
    max-width: 25% !important;
}

.mw-30 {
    max-width: 30% !important;
}

.mw-35 {
    max-width: 35% !important;
}

.mw-40 {
    max-width: 40% !important;
}

.mw-45 {
    max-width: 45% !important;
}

.mw-50 {
    max-width: 50% !important;
}

.mw-55 {
    max-width: 55% !important;
}

.mw-60 {
    max-width: 60% !important;
}

.mw-65 {
    max-width: 65% !important;
}

.mw-70 {
    max-width: 70% !important;
}

.mw-75 {
    max-width: 75% !important;
}

.mw-80 {
    max-width: 80% !important;
}

.mw-85 {
    max-width: 85% !important;
}

.mw-90 {
    max-width: 90% !important;
}

.mw-95 {
    max-width: 95% !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-5 {
    max-height: 5% !important;
}

.mh-10 {
    max-height: 10% !important;
}

.mh-15 {
    max-height: 15% !important;
}

.mh-20 {
    max-height: 20% !important;
}

.mh-25 {
    max-height: 25% !important;
}

.mh-30 {
    max-height: 30% !important;
}

.mh-35 {
    max-height: 35% !important;
}

.mh-40 {
    max-height: 40% !important;
}

.mh-45 {
    max-height: 45% !important;
}

.mh-50 {
    max-height: 50% !important;
}

.mh-55 {
    max-height: 55% !important;
}

.mh-60 {
    max-height: 60% !important;
}

.mh-65 {
    max-height: 65% !important;
}

.mh-70 {
    max-height: 70% !important;
}

.mh-75 {
    max-height: 75% !important;
}

.mh-80 {
    max-height: 80% !important;
}

.mh-85 {
    max-height: 85% !important;
}

.mh-90 {
    max-height: 90% !important;
}

.mh-95 {
    max-height: 95% !important;
}

.mh-100 {
    max-height: 100% !important;
}


/* Scrollbar */
*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

*::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

*::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.1);
    background-color: #1a5ea9;
}



@keyframes animate {
    0% {
        background-position: 0%;
    }

    100% {
        background-position: 400%;
    }
}




/* CSS DESEVOLVEDOR */

small,
.small {
    font-size: 90%;
    line-height: 120%;
    font-weight: 400;
}


.number-icon {
    width: 140px;
    height: 140px;
    background: #3b448f;
    border-radius: 150px;
    color: white;
    overflow: hidden;
    display: block;
    font-family: 'RALEWAY';
    font-size: 100px;
    line-height: 0;
    margin: 0 !important;
    padding: 62px 45px;
}

.border-collapse-purple {
    background-color: #DFEEF4;
    border-radius: 10px;
    color: #000;
}

.icones-curso {
    max-width: 250px;
    cursor: pointer;
    margin: 0;
}

.icones-curso:hover {
    animation: pulse-simple 4s;
}

.ilustracao-video {
    max-width: 100%;
}

.ilustracao-texto {
    max-width: 25%;
}


.closed-blue {
    float: right;
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 1;
    color: #3b4085;
    text-shadow: 0 3px 0 #fff;
    opacity: 0.5;
    margin: 10px;
    outline: none;
}

.closed-orange {
    float: right;
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    opacity: 0.5;
    margin: 10px;
}

.icone-link {
    max-width: 5%;
    float: left;
    padding-right: 10px;
}

.icone-glossary {
    max-width: 10%;
    float: left;
    padding-right: 10px;
}

.icone-question {
    max-width: 7%;
    float: left;
    padding-right: 10px;
}

.shadow-green {
    text-shadow: 1px 1px #008a89;
    color: #000;
    font-weight: 900;
}

.botao-info {
    float: left;
    font-size: 15px;
    background: #A283CC;
    border: 1px solid #000;
    font-family: Raleway-bold, sans-serif;
    z-index: 10000;
    animation: pulse 2s infinite;
    color: white;
    cursor: pointer;
}

.botao-info:hover {
    background: #1d6280;
    color: aliceblue;
}

.img-info-pt {
    max-width: 20%;
    float: left;
    position: relative;
    animation: pulse-simple 4s infinite;
}

h1.elegantshadow {
    background: url(../img/layout/background-title.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px 0px 10px 30px;
    color: #000;
    line-height: 1;
    font-size: 50px;
}


@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

.botao-assinador {
    max-width: 24%;
    margin-top: -427px;
}

.botao01-m03 {
    margin-left: 15.5pc;
}

.botao02-m03 {
    margin-right: 170px;
}

.card-header {
    padding: 0;
    display: grid;
}

.card-header .btn {
    padding: 0 45px;
    font-size: 1em !important;
}

/* PODCAST */
article {
    height: 90%;
    top: 40px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: center;
    padding: 50px 5%;
    box-sizing: border-box;
    box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}

.cont {
    margin-bottom: 10px;
    margin-top: 40px;
}

audio {
    margin-bottom: 10px;
}

.cont h3 {
    font-family: 'Lato';
    font-size: 50px;
    margin: 0 0 10px 0;
    color: #ccc;
}

.cont time {
    font-family: 'Lato';
    font-size: 12px;
    color: #999;

}

.botao-podcast {
    width: 30%;
    margin-top: -50;
    margin-left: -30px;
}

/* COLLAPSE LADO A LADO- 4 ABAS */
.tablink {
    background-color: #575db1;
    color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    width: 25%;
    border-radius: 5px;
}

.tablink:hover {
    background-color: #7177c9 !important;
}

.tabcontent {
    color: black;
    display: none;
    padding: 30px;
    height: 100%;
    border-radius: 10px;
}

.tabcontent p {
    margin-top: 8%;
}

.tab {
    background-color: #C9D5FB;
}

/* COLLAPSE LADO A LADO - 3 ABAS */
.tablink-02 {
    background-color: #575db1;
    color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    width: 33.3%;
    border-radius: 5px;
}

.tablink-02:hover {
    background-color: #7177c9 !important;
}

.tabcontent-02 {
    color: black;
    display: none;
    padding: 30px;
    height: 100%;
    border-radius: 10px
}

.tabcontent-02 p {
    margin-top: 8%;
}

/* COLLAPSE ATENÇÃO */

.atencao {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0%;
    border-radius: 20px;
    width: 100%;
    background: #ECECEC;
    z-index: 100;
    box-shadow: 5px 5px 5px grey;
    font-weight: bolder;
    cursor: pointer;
}

.saiba-mais {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0%;
    border-radius: 20px;
    width: 100%;
    background: #ECECEC;
    z-index: 100;
    box-shadow: 5px 5px 5px grey;
    cursor: pointer;
    font-weight: bolder;
}


/* BULLETS */

ul.bullets {
    list-style-image: url(../img/layout/marcadores.png);
}

ul.bullets-justica {
    list-style-image: url(../img/layout/marcador-justica.png);
}

.bullet-personalizado {
    float: left;
    width: 30px;
    padding: 3px;
}

ul.bullets-question {
    list-style-image: url(../img/layout/interrogation.png);
}

ul.bullets-exclamation {
    list-style-image: url(../img/layout/exclamation.png);
}

div.bullets-exclamation {
    list-style-image: url(../img/layout/exclamtion-destaque.png);
}

/* EFEITO FINAL DOS MÓDULOS*/

.section-row__content-inner {
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    width: 90%;
    margin-top: 100px;
}

.final-modulos {
    background: url(../img/layout/background-title.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px 100px 10px 40px;
    color: #000;
    position: absolute;
    width: 90%;
}

.final-modulo01-personagem {
    float: right;
    margin-right: -15%;
    margin-top: -200px;
}


.final-modulo04-personagem {
    width: 30%;
    margin-right: -10%;
    margin-top: -200px;
}

.final-modulo06-personagem {
    width: 30%;
    margin-right: -10%;
    margin-top: -300px;
}

.final-modulos-personagem {
    float: right;
    margin-right: -10%;
    margin-top: -200px;
}


.finalizando {
    padding-right: 20%;
}

.info-responsive {
    margin: 0;
    padding: 0;
    display: block;
    border: 0;
}