/* Ajustes de Fontes */
@font-face {
    font-family: 'SansHeadline';
    src: url("../fonts/ScaniaSansHeadlineV2-Bold.otf");
}

@font-face {
    font-family: 'SansHeadlineReg';
    src: url("../fonts/ScaniaSansHeadlineV2-Regular.otf");
}

@font-face {
    font-family: 'SansV1';
    src: url("../fonts/ScaniaSansV1-Regular.otf");
}

@font-face {
    font-family: 'SansV2';
    src: url("../fonts/ScaniaSansV2-Regular.otf");
}

@font-face {
    font-family: 'SansV2Bold';
    src: url("../fonts/ScaniaSansV2-Bold.otf");
}

@font-face {
    font-family: 'nordling';
    src: url("../fonts/nordlingec.otf");
}

/* Seções principais */
div,
section {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'nordling';
    background-color: #041e42;
    margin: 0;
    padding: 0;
}

.col {
    margin: 0;
    padding: 0;
}

.container-fluid {
    margin: 0;
    padding: 0;
}

.nogutters {
    margin: 0;
    padding: 0;
}

/* Tags principais */
a {
    font-family: 'SansV2';
}

a:hover {
    color: #D6001C;
}

hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
    border-color: #C8C9C7;
}

.cardTitulo {
    font-family: 'SansV2Bold';
    font-size: 1.4rem;
    padding: 0rem;
    line-height: 2rem;
}

.titulo {
    font-family: 'SansHeadline';
    font-size: 1.7rem;
    padding: 0.7rem 0;
    line-height: 1.8rem;
}

.subTitulo {
    font-family: 'SansHeadline';
    font-size: 1.3rem;
    line-height: 1.3rem;
}

.editoria {
    font-family: 'SansHeadlineReg';
    font-size: 0.8rem;
}

.autoria,
.legenda {
    font-family: "SansV2";
    font-size: 0.8rem;
    line-height: 1.2rem;
}

.abertura {
    font-family: 'SansV2';
    font-size: 1.0rem;
}

.capitular {
    float: left;
    font-family: 'SansHeadline';
    width: 85px;
    font-size: 88px;
    line-height: 86%;
}

.entreTitulos {
    font-family: 'SansV2Bold';
    font-size: 1.2rem;
    color: #041E42;
}

.texto {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: "nordling";
}

.indent {
    text-indent: 1.5rem;
}

.boxTitle {
    font-family: 'SansV2Bold';
    font-size: 1.1rem;
}

.boxTexto {
    font-family: 'SansV2';
    font-size: 0.8rem;
}

/* Ajustes dos headers h1...h6 */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'SansHeadline';
}

/* Ajuste de cores */
.verde {
    color: #2C5234;
}

.verdeClaro {
    color: #94A596;
}

.fundoVerde {
    background-color: #2C5234;
}

.fundoTransparente {
    background-color: #7c5a5a00;
}

.fundoQuaseTransparente {
    background-color: #ffffff90;
}

.azul {
    color: #041E42;
}

.fundoAzul {
    background-color: #041E42;
}

.fundoAzulClaro {
    background-color: #d8d9d9;
}

.bronze {
    color: #b98b69;
}

.branco {
    color: #fafafa;
}

.fundoBranco {
    background-color: #fafafa;
}

.cinza {
    color: #E2E6E2;
}

.cinza2 {
    color: #90ab9c;
}

.cinzaClaro {
    color: #C8C9C7;
}

.fundoCinza {
    background-color: #E2E6E2;
}

.fundoCinza2 {
    background-color: #90ab9c;
}

.bege {
    color: #CEB888;
}

.fundoBege {
    background-color: #CEB888;
}

.laranja {
    color: #E35205;
}

.fundoLaranja {
    background-color: #E35205;
}

.vermelho {
    color: #D6001C;
}

.fundoVermelho {
    background-color: #D6001C;
}

.black {
    color: black;
}

/* Ajustes para imagens */
.todaArea {
    width: 100%;
}

.chamada {
    width: 100%;
}

.tamanhoChamada {
    width: 95%;
}

.DestaqueChamada {
    width: 95%;
}

.chamadaMenor {
    width: 90%;
    z-index: 10;
}

.chamadasCentro {
    margin-left: -14px;
}

.meiaImagem {
    width: 50%;
}

.tresQuartosImagem {
    width: 75%;
}

.umQuartoImagem {
    width: 25%;
}

.dobroImagem {
    position: relative;
    width: 200%;
    left: -30px;
}

.icone {
    width: 20px;
}

.arrow {
    width: 25px;
}

.finger {
    width: 2rem;
    margin: 0.5rem;
}

.iconePodcast {
    width: 100px;
}

.comentRei {
    font-family: 'SansV2';
    font-size: 1.3rem;
    color: white;
}

.form-control {
    font-family: 'SansV2';
    font-size: 1.2rem;
}

/* Ajustes particulares */
#bannerPopUp {
    position: fixed;
    top: 30px;
    z-index: 3000;
    cursor: pointer;
}

.noHeader {
    font-size: 1.2rem;
    color: #041E42;
}

.navbar-nav .nav-link {
    padding-left: 20px;
}

.navbar-nav {
    border-radius: 10px;
}

.logo528 {
    width: 60px;
}

.mouseCat {
    width: 10%;
}

.iconRedes {
    width: 40px;
}

.iconRedesMenu {
    width: 30px;
}

.sobre {
    font-family: 'SansV1';
    font-size: 0.65rem;
}

.navbar-toggler {
    font-size: .6rem;
    position: absolute;
    left: 0;
    top: -50px;
}

.posicao,
#chamada1,
#chamada2,
#chamada3,
#chamada4,
#chamada5,
#chamada6,
#chamada7,
#chamada8,
#chamada9,
#chamada10,
#chamada11,
#chamada12,
#chamada13,
#chamada14,
#chamada15,
#chamada16,
#chamada17 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
}

.mat {
    padding: 20px 50px;
    background-color: #041e42;
}

#capaMosaico {
    width: 94vw;
    margin: 0 0 0 3vw;
    display: grid;
    grid-template-areas:
        'fila1'
        'fila2'
        'fila3';
}

#capaMosaico a {
    color: white;
}

#controlesjs button,
.ouvir button {
    font-size: small;
}

#controlesjs button:hover,
.ouvir button:hover {
    color: #D6001C;
}

#tocarTodas:hover {
    font-size: large;
    color: #D6001C;
    background-color: #fafafa;
}

#VoltaTopo {
    /* display: block; Hidden by default */
    position: fixed;
    /* Fixed/sticky position */
    bottom: 150px;
    /* Place the button at the bottom of the page */
    right: 0%;
    /* Place the button 30px from the right */
    z-index: 99;
    /* Make sure it does not overlap */
    border: none;
    /* Remove borders */
    outline: none;
    /* Remove outline */
    color: #041E42;
    /* Text color */
    cursor: pointer;
    /* Add a mouse pointer on hover */
    padding: 15px;
    /* Some padding */
    border-radius: 10px;
    /* Rounded corners */
    font-size: 12px;
    /* Increase font size */
    background: transparent;
}

.bloco-compartilhe {
    display: flex;
    justify-content: center;
    padding: 5px 0;
    text-align: center;
    margin: 0 auto;
}

h1.cardCapitular {
    font-family: 'SansHeadline';
    font-size: 4.5rem;
}

.circulo18 {
    width: 18rem;
    height: 18rem;
    border-radius: 50%;
    color: white;
    text-align: center;
    padding: 2rem;
    font-family: 'SansV2';
}

.circulo19 {
    width: 19rem;
    height: 19rem;
    border-radius: 50%;
    color: white;
    text-align: center;
    padding: 2rem;
    font-family: 'SansV2';
}

.circulo20 {
    width: 20rem;
    height: 20rem;
    border-radius: 50%;
    color: white;
    text-align: center;
    padding: 2.2rem;
    font-family: 'SansV2';
}

.circulo21 {
    width: 21rem;
    height: 21rem;
    border-radius: 50%;
    color: white;
    text-align: center;
    padding: 2.2rem;
    font-family: 'SansV2';
}

.circulo22 {
    width: 22rem;
    height: 22rem;
    border-radius: 50%;
    color: white;
    text-align: center;
    padding: 2.2rem;
    font-family: 'SansV2';
}

.circulo12 {
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    color: white;
    text-align: center;
    padding: 2rem;
    margin: 1.1rem;
    font-family: 'SansV2';
}

.circulo13 {
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    color: white;
    text-align: center;
    padding: 2rem;
    margin: 1.1rem;
    font-family: 'SansV2';
}

.circulo14 {
    width: 14rem;
    height: 14rem;
    border-radius: 50%;
    color: white;
    text-align: center;
    padding: 2rem;
    margin: 1.1rem;
    font-family: 'SansV2';
}

.circulo15 {
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    color: white;
    text-align: center;
    padding: 2rem;
    margin: 1.1rem;
    font-family: 'SansV2';
}

.circulo16 {
    width: 16rem;
    height: 16rem;
    border-radius: 50%;
    color: white;
    text-align: center;
    padding: 2rem;
    margin: 1.1rem;
    font-family: 'SansV2';
}

.circulo17 {
    width: 17rem;
    height: 17rem;
    border-radius: 50%;
    color: white;
    text-align: center;
    padding: 2rem;
    margin: 1.1rem;
    font-family: 'SansV2';
}

#card00,
#card100,
#card200 {
    width: 30%;
    position: absolute;
    top: 13%;
    right: 3%;
}

.cardjs {
    width: 30%;
    display: none;
    position: absolute;
    top: 40%;
    right: 3%;
}

.mostrar {
    display: block;
}

#tituloInterno {
    opacity: 0;
    font-size: 4rem;
}

#editorial,
#contribuiram,
#miriele,
#historia,
.corpo {
    padding: 0 3vw;
}

.noventavw {
    padding: 0 10vw;
}

#fotoEditorial {
    border-radius: 44%;
}

#opiniao .col #abreHaspas {
    float: left;
}

.tituloMedio {
    font-family: 'SansV2';
    font-size: 2rem;
}

.cardTitle {
    font-family: 'SansV2';
}

iframe {
    padding-top: 1rem;
}

.semBorda {
    border: none;
}

#boxNoticia2 a,
#entrevista a,
#sustentabilidade05 a,
#conectividade a,
#destaque a,
#noticias a,
#editorial a {
    color: #D6001C;
    text-decoration: underline;
    font-family: 'SansV2Bold';
}

.bordaCinza {
    border-top: #C8C9C7 solid 1px;
    border-bottom: #C8C9C7 solid 1px;
}

#FBScania,
#InstScania {
    text-align: center;
}

#FBScania .editoria,
#InstScania .editoria {
    font-size: 1rem;
}

/* Mosaico */
.padMosaico {
    padding: 0.5px;
}

.imgFoto1,
.imgFoto2,
.imgFoto3,
.imgFoto4,
.imgFoto5,
.imgFoto6,
.imgFoto7,
.imgFoto8,
.imgFoto9,
.imgFoto10,
.imgFoto11,
.imgFoto12,
.imgFoto13,
.imgFoto14,
.imgFoto15,
.imgFoto16 {
    width: 100%;
}

.comBorda {
    border: #94A596 1px solid;
}

/* Mosaido */
/* Animacao */
#animacao {
    height: 1000px;
    padding-top: 5rem;
}

#demo {
    cursor: none;
    position: absolute;
}

/* Animacao */
#PrimeiraSecao {
    padding: 0;
    margin: 0;
}

.tresColunas {
    column-count: 3;
    column-gap: 4em;
    column-rule-style: solid;
    column-rule-width: 1px;
    column-rule-color: #041E42;
    padding: 1rem;
}

.colunas {
    column-count: 2;
    column-gap: 6em;
    column-rule-style: solid;
    column-rule-width: 1px;
    column-rule-color: #041E42;
}

.haspas {
    float: left;
    padding: .5rem;
    width: 75px;
    margin-top: -10px;
}

.cardHaspas {
    width: 24rem;
    margin: 1rem;
}

.cardTexto {
    font-family: 'SansV2';
    font-size: 0.9rem;
    line-height: 1.2rem;
}

.esqInfRound {
    border-bottom-left-radius: 6rem;
}

.umTerco {
    width: 32%;
}

.card-title,
.card-text,
.card-body,
.card-footer,
.card-header {
    font-family: "SansV2";
    border: none;
}

.card {
    border: none;
}

.circulo {
    border-radius: 50%;
    width: 20rem;
    height: 20rem;
    padding-right: 3rem;
    padding-left: 3rem;
}

.circuloTitulo {
    font-size: 5rem;
    font-family: "SansHeadline";
}

.carousel-indicators li {
    background-color: #041E42;
}

.mapa {
    background-image: url("../images/34_37 CAMINHOS SCANIA_Brasdiesel Passo Fundo/mapa5.jpg");
    background-size: contain;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 740px) {
    .umTerco {
        width: 100%;
    }
}

.cliqueAqui {
    width: 200px;
}

.tche {
    padding-left: 14rem;
}

#cardLegenda {
    display: none;
}

/* ---------datilografia-------------------- */
#textWrapper {
    width: 950px;
    visibility: hidden;
    position: relative;
}

#typewrite {
    position: absolute;
    color: #666;
    top: 0;
    left: -10px;
    ;
}

#cursor {
    position: absolute;
    /* top: 30px; */
    color: #111111;
    display: block;
    width: 9px;
    /* controls thickness */
    overflow: hidden;
    /*font-family: Times, "Times New Roman", Georgia, serif;*/
}

.chars {
    visibility: hidden;
}

.nogutters,
.row {
    margin: 0;
    padding: 0;
}

.roundBord {
    border-bottom-left-radius: 100px;
}

.roundTop {
    border-top-right-radius: 100px;
}

.entrevista {
    font-family: "SansV2Bold";
    font-size: 1.2rem;
    padding-top: 1rem;
}

.textoBoxFundoColorido {
    font-family: "SansV1";
    font-size: 1rem;
}

.form-group {
    padding-top: 1rem;
}

#familia a {
    color: #fafafa;
}

.familia {
    width: 100%;
    position: absolute;
    top: 0;
}

.familiatxt {
    font-family: "SansV1";
    font-size: 1.2rem;
    color: black;
    text-align: left;
}

.familiaTitulo {
    font-family: 'SansHeadline';
    font-size: 1.2rem;
    margin: 0;
}

.familiaLocal {
    font-family: 'SansV1';
    font-size: 1.1rem;
}

#familia .carousel-caption {
    position: relative;
    right: 4%;
    bottom: 220px;
    left: 4%;
    z-index: 10;
    padding-top: 0px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

#familia .icone {
    width: 25px;
}

#carroselfamilia {
    width: 550px;
}

.fonteMenor {
    font-size: 1rem;
}

#familia .carousel-indicators {
    position: absolute;
    top: 0;
    right: 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;
}

#videoMotorista {
    width: 35vw;
}

#carroselrei .carousel-caption {
    bottom: -30px;
}

#odirlei {
    width: 25vw;
    float: left;
    padding-right: 3vw;
}

#alair {
    width: 25vw;
    float: right;
    padding-left: 3vw;
}

.editorialBordas {
    border-left: 0.5px solid gray;
    border-bottom: 0.5px solid gray;
    padding: 1rem;
}

.emNumerosDireita {
    float: right;
    width: 20vw;
    margin: 2vw;
}

.emNumeros {
    width: 20vw;
    margin: 2vw;
}

.aros {
    width: 20vw;
    margin: 2vw;
}

.absoluTitle {
    position: absolute;
    top: 26px;
    left: 34px;
}

.imgRelativa {
    position: relative;
}

.aberturaAbsoluta {
    position: absolute;
    top: 50%;
    left: 57%;
    padding: 0 5% 0 0;
}

.absolutaLegenda {
    position: absolute;
    top: 43%;
    left: 57%;
    padding: 0 5% 0 0;
}

#boxNovaGeracao>li {
    list-style-type: square;
}

#boxNovaGeracao {
    border: none;
    padding: 0;
}

#txtNovaGeracao,
.finalBlock {
    display: grid;
    grid-template-areas:
        'coldir colesq';
}

#mapeamento,
#mapeamento2,
#mapeamento3 {
    position: relative;
    margin: auto;
    width: 50vw;
}

#mouse {
    width: 100px;
    height: 100px;
}

#destaque>.abertura,
#sustentabilidade05>.abertura,
#boxInovacao>.abertura,
#inovacao>.abertura,
#solucoes>.abertura,
#entrevista>.abertura {
    width: 40vw;
}

.boxEntrevista {
    width: 35vw;
    margin: 2vw 2vw 2vw 0;
}

#carrosselSolucoes {
    width: 65vw;
    margin: auto;
}

.centrarColuna {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.centrarLinha {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.centrar {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ntglist {
    background-color: #C8C9C7;
    padding: 3rem;
    border-radius: 50px;
}

.colNumeros {
    background-color: #C8C9C7;
    font-family: "SansV2Bold";
    color: #E35205;
    font-size: 2rem;
}

.colTexto {
    font-family: "SansV1";
    font-size: 1.3rem;
    padding: 1rem;
}

.card {
    border: none;
}

.aviso {
    border-radius: 40px;
    background-color: #94A596;
    padding: 2rem;
}

.invisivel {
    display: none;
}