/* FONTES*/

        /*Merriweather-Regular */
        @font-face {
            font-family: 'Merriweather-Regular';
            src: url('../Expresso_WebFonts/Merriweather-Regular.ttf') format('truetype');
            font-weight: normal;
            font-style: normal; 
                }
    
    
            /* BreveDisplay-Regular */
            @font-face {
            font-family: 'BreveDisplay-Regular';
            src: url('../Expresso_WebFonts/BreveDisplay-Regular.otf') format('OpenType');
            font-weight: normal;
            font-style: normal; 
                }
    
            /* GlosaDisplay-Roman */
            @font-face {
            font-family: 'GlosaDisplay-Roman';
            src: url('../Expresso_WebFonts/GlosaDisplay-Roman.ttf') format('truetype');
            font-weight: normal;
            font-style: normal; 
                }
    
            /* GlosaDisplay-Bold */
            @font-face {
            font-family: 'GlosaDisplay-Bold';
            src: url('../Expresso_WebFonts/GlosaDisplay-Bold.ttf') format('truetype');
            font-weight: normal;
            font-style: normal; 
                }
    
        /* Heebo-ExtraBold */
            @font-face {
            font-family: 'Heebo-ExtraBold';
            src: url('../Expresso_WebFonts/Heebo-ExtraBold.eot');
            src: url('../Expresso_WebFonts/Heebo-ExtraBold.eot#iefix') format('embedded-opentype'),
                 url('../Expresso_WebFonts/Heebo-ExtraBold.svg') format('svg'),
                 url('../Expresso_WebFonts/Heebo-ExtraBold.ttf') format('truetype'),
                 url('../Expresso_WebFonts/Heebo-ExtraBold.woff#reader-font') format('woff');
            font-weight: normal;
            font-style: normal;
            }
    
    
    
        /* OpenSans-ExtraBold */
            @font-face {
            font-family: 'OpenSans-ExtraBold';
            src: url('../Expresso_WebFonts/OpenSans-ExtraBold.eot');
            src: url('../Expresso_WebFonts/OpenSans-ExtraBold.eot#iefix') format('embedded-opentype'),
                 url('../Expresso_WebFonts/OpenSans-ExtraBold.svg') format('svg'),
                 url('../Expresso_WebFonts/OpenSans-ExtraBold.ttf') format('truetype'),
                 url('../Expresso_WebFonts/OpenSans-ExtraBold.woff#reader-font') format('woff');
            font-weight: normal;
            font-style: normal;
            }
    
            /* OpenSans-Bold */
            @font-face {
            font-family: 'OpenSans-Bold';
            src: url('../Expresso_WebFonts/OpenSans-Bold.eot');
            src: url('../Expresso_WebFonts/OpenSans-Bold.eot#iefix') format('embedded-opentype'),
                 url('../Expresso_WebFonts/OpenSans-Bold.svg') format('svg'),
                 url('../Expresso_WebFonts/OpenSans-Bold.ttf') format('truetype'),
                 url('../Expresso_WebFonts/OpenSans-Bold.woff#reader-font') format('woff');
            font-weight: normal;
            font-style: normal;
            }
    
            /* OpenSans-Regular */
            @font-face {
            font-family: 'OpenSans-Regular';
            src: url('../Expresso_WebFonts/OpenSans-Regular.eot');
            src: url('../Expresso_WebFonts/OpenSans-Regular.eot#iefix') format('embedded-opentype'),
                 url('../Expresso_WebFonts/OpenSans-Regular.svg') format('svg'),
                 url('../Expresso_WebFonts/OpenSans-Regular.ttf') format('truetype'),
                 url('../Expresso_WebFonts/OpenSans-Regular.woff#reader-font') format('woff');
            font-weight: normal;
            font-style: normal;
            }
    
            /* OpenSans-Regular */
            @font-face {
            font-family: 'OpenSans-Light';
            src: url('../Expresso_WebFonts/OpenSans-Light.eot');
            src: url('../Expresso_WebFonts/OpenSans-Light.eot#iefix') format('embedded-opentype'),
                 url('../Expresso_WebFonts/OpenSans-Light.svg') format('svg'),
                 url('../Expresso_WebFonts/OpenSans-Light.ttf') format('truetype'),
                 url('../Expresso_WebFonts/OpenSans-Light.woff#reader-font') format('woff');
            font-weight: normal;
            font-style: normal;
            }
    
            /* GlosaDisplay-Black */
            @font-face {
            font-family: 'GlosaDisplay-Black';
            src: url('../Expresso_WebFonts/GlosaDisplay-Black.eot');
            src: url('../Expresso_WebFonts/GlosaDisplay-Black.eot#iefix') format('embedded-opentype'),
                 url('../Expresso_WebFonts/GlosaDisplay-Black.svg') format('svg'),
                 url('../Expresso_WebFonts/GlosaDisplay-Black.ttf') format('truetype'),
                 url('../Expresso_WebFonts/GlosaDisplay-Black.woff#reader-font') format('woff');
            font-weight: normal;
            font-style: normal;
            }
    
    
            /* GlosaDisplay-Bold */
            @font-face {
            font-family: 'GlosaDisplay-Bold';
            src: url('../Expresso_WebFonts/GlosaDisplay-Bold.eot');
            src: url('../Expresso_WebFonts/GlosaDisplay-Bold.eot#iefix') format('embedded-opentype'),
                 url('../Expresso_WebFonts/GlosaDisplay-Bold.svg') format('svg'),
                 url('../Expresso_WebFonts/GlosaDisplay-Bold.ttf') format('truetype'),
                 url('../Expresso_WebFonts/GlosaDisplay-Bold.woff#reader-font') format('woff');
            font-weight: normal;
            font-style: normal;
            }
    
    
            /* GlosaDisplay-Medium */
            @font-face {
            font-family: 'GlosaDisplay-Medium';
            src: url('../Expresso_WebFonts/GlosaDisplay-Medium.eot');
            src: url('../Expresso_WebFonts/GlosaDisplay-Medium.eot#iefix') format('embedded-opentype'),
                 url('../Expresso_WebFonts/GlosaDisplay-Medium.svg') format('svg'),
                 url('../Expresso_WebFonts/GlosaDisplay-Medium.ttf') format('truetype'),
                 url('../Expresso_WebFonts/GlosaDisplay-Medium.woff#reader-font') format('woff');
            font-weight: normal;
            font-style: normal;
            }
    
            /* GlosaDisplay-BoldItalic */
            @font-face {
            font-family: 'GlosaDisplay-BoldItalic';
            src: url('../Expresso_WebFonts/GlosaDisplay-BoldItalic.eot');
            src: url('../Expresso_WebFonts/GlosaDisplay-BoldItalic.eot#iefix') format('embedded-opentype'),
                 url('../Expresso_WebFonts/GlosaDisplay-BoldItalic.svg') format('svg'),
                 url('../Expresso_WebFonts/GlosaDisplay-BoldItalic.ttf') format('truetype'),
                 url('../Expresso_WebFonts/GlosaDisplay-BoldItalic.woff#reader-font') format('woff');
            font-weight: normal;
            font-style: normal;
            }
    
        
            /* GlosaDisplay-Medium */
            @font-face {
            font-family: 'GlosaDisplay-Medium';
            src: url('../Expresso_WebFonts/GlosaDisplay-Medium.eot');
            src: url('../Expresso_WebFonts/GlosaDisplay-Medium.eot#iefix') format('embedded-opentype'),
                 url('../Expresso_WebFonts/GlosaDisplay-Medium.svg') format('svg'),
                 url('../Expresso_WebFonts/GlosaDisplay-Medium.ttf') format('truetype'),
                 url('../Expresso_WebFonts/GlosaDisplay-Medium.woff#reader-font') format('woff');
            font-weight: normal;
            font-style: normal;
            }
    
            /* Acta-Book */
            @font-face {
            font-family: 'Acta-Book';
            src: url('../Expresso_WebFonts/Acta-Book.otf');
            font-weight: normal;
            font-style: normal;
            }
    
            /* Firme BooK */
            @font-face {
            font-family: 'Firme-Book';
            src: url('../Expresso_WebFonts/Firme-Book.eot');
            src: url('../Expresso_WebFonts/Firme-Book.eot#iefix') format('embedded-opentype'),
                 url('../Expresso_WebFonts/Firme-Book.svg') format('svg'),
                 url('../Expresso_WebFonts/Firme-Book.ttf') format('truetype'),
                 url('../Expresso_WebFonts/Firme-Book.woff#reader-font') format('woff');
            font-weight: normal;
            font-style: normal;
            }
    
    
            /* Firme Black */
            @font-face {
            font-family: 'Firme-Black';
            src: url('../Expresso_WebFonts/Firme-Black.eot');
            src: url('../Expresso_WebFonts/Firme-Black.eot#iefix') format('embedded-opentype'),
                 url('../Expresso_WebFonts/Firme-Black.svg') format('svg'),
                 url('../Expresso_WebFonts/Firme-Black.ttf') format('truetype'),
                 url('../Expresso_WebFonts/Firme-Black.woff#reader-font') format('woff');
            font-weight: normal;
            font-style: normal;
            }
    
    
            /* Firme Bold */
            @font-face {
            font-family: 'Firme-Bold';
            src: url('../Expresso_WebFonts/Firme-Bold.eot');
            src: url('../Expresso_WebFonts/Firme-Bold.eot#iefix') format('embedded-opentype'),
                 url('../Expresso_WebFonts/Firme-Bold.svg') format('svg'),
                 url('../Expresso_WebFonts/Firme-Bold.ttf') format('truetype'),
                 url('../Expresso_WebFonts/Firme-Bold.woff#reader-font') format('woff');
            font-weight: normal;
            font-style: normal;
            }
    
            /* Firme-ExtraBold */
            @font-face {
            font-family: 'Firme-ExtraBold';
            src: url('../Expresso_WebFonts/Firme-ExtraBold.eot');
            src: url('../Expresso_WebFonts/Firme-ExtraBold.eot#iefix') format('embedded-opentype'),
                 url('../Expresso_WebFonts/Firme-ExtraBold.svg') format('svg'),
                 url('../Expresso_WebFonts/Firme-ExtraBold.ttf') format('truetype'),
                 url('../Expresso_WebFonts/Firme-ExtraBold.woff#reader-font') format('woff');
            font-weight: normal;
            font-style: normal;
            }
    
            /* Firme Bold Italic*/ 
            @font-face {
            font-family: 'Firme-Bold-Italic';
            src: url('../Expresso_WebFonts/Firme-BoldItalic.eot');
            src: url('../Expresso_WebFonts/Firme-BoldItalic.eot#iefix') format('embedded-opentype'),
                 url('../Expresso_WebFonts/Firme-BoldItalic.svg') format('svg'),
                 url('../Expresso_WebFonts/Firme-BoldItalic.ttf') format('truetype'),
                 url('../Expresso_WebFonts/Firme-BoldItalic.woff#reader-font') format('woff');
            font-weight: normal;
            font-style: normal;
            }
    
            /* Expresso Sans Thin Capitals Regular */ 
            @font-face {
            font-family: 'ExpressoSansThinCapitalsRegular';
            src: url('../Expresso_WebFonts/ExpressoSansThinCapitalsRegular.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            }
    
    
    
    
            /* Firme Medium */
            @font-face {
            font-family: 'Firme-Medium';
            src: url('../Expresso_WebFonts/Firme-Medium.eot');
            src: url('../Expresso_WebFonts/Firme-Medium.eot#iefix') format('embedded-opentype'),
                 url('../Expresso_WebFonts/Firme-Medium.svg') format('svg'),
                 url('../Expresso_WebFonts/Firme-Medium.ttf') format('truetype'),
                 url('../Expresso_WebFonts/Firme-Medium.woff#reader-font') format('woff');
            font-weight: normal;
            font-style: normal;
            }
    
    
            /* Firme Light */
            @font-face {
            font-family: 'Firme-Light';
            src: url('../Expresso_WebFonts/Firme-Light.eot');
            src: url('../Expresso_WebFonts/Firme-Light.eot#iefix') format('embedded-opentype'),
                 url('../Expresso_WebFonts/Firme-Light.svg') format('svg'),
                 url('../Expresso_WebFonts/Firme-Light.ttf') format('truetype'),
                 url('../Expresso_WebFonts/Firme-Light.woff#reader-font') format('woff');
            font-weight: normal;
            font-style: normal;
            }
    
            /* Pacifico-Regular */ 
            @font-face {
            font-family: 'Pacifico-Regular';
            src: url('../Expresso_WebFonts/Pacifico-Regular.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            }
    
    
            /* BreveDisplay-Regular */ 
            @font-face {
            font-family: 'BreveDisplay-Regular';
            src: url('../Expresso_WebFonts/BreveDisplay-Regular.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            }
    
    
    
            /**********************************/
            /* Berg-Extrude */ 
            @font-face {
            font-family: 'Berg-Extrude';
            src: url('../Expresso_WebFonts/Berg-Extrude.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            }
    
            /* BreveDisplay-Regular */ 
            @font-face {
            font-family: 'Berg-Inline';
            src: url('../Expresso_WebFonts/Berg-Inline.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            }
    
            /* Berg-Inner-Ornament */ 
            @font-face {
            font-family: 'Berg-Inner-Ornament';
            src: url('../Expresso_WebFonts/Berg-Inner-Ornament.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            }
    
            /* Berg-Regular */ 
            @font-face {
            font-family: 'Berg-Regular';
            src: url('../Expresso_WebFonts/Berg-Regular.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            }
    
            /* Berg-Shadow */ 
            @font-face {
            font-family: 'Berg-Shadow';
            src: url('../Expresso_WebFonts/Berg-Shadow.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            }
    
            /* Berg-Western-Regular */ 
            @font-face {
            font-family: 'Berg-Western-Regular';
            src: url('../Expresso_WebFonts/Berg-Western-Regular.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            }
    
            /* Berg-Western-Rough */ 
            @font-face {
            font-family: 'Berg-Western-Rough';
            src: url('../Expresso_WebFonts/Berg-Western-Rough.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            }
    
    
    
    
    /*
    div{
    border: 1px solid #000 !important;
    box-sizing: border-box;
    }*/
    
    
    
    /* 00 BASE
    
    * {
        outline: 1px solid #f00 !important;
        opacity: 1 !important;
        visibility: visible !important;
      }
    
    */
    
    html {
    /* 10 px equivale a 62.5% */
    font-size: 10px; /* equivale a 1rem */
    box-sizing: border-box;
    }
    
    body {
    font-size: 1rem; /* equivale a 1em e a 10px */
    font-family: Georgia,serif;
    background-color: #1a1a1a;
    width: 100%; /* full window width */
    overflow-x: hidden;
    }
    
    div.wrapper div.fundo-conteudo {
    background-color: #f2f2f2;
    }
    
    body, html {
    height: 100%; /*necessário para o paralax*/
    }
    
    a {
    text-decoration: none;
    background-color: transparent;
    cursor: auto;
    }
    
    /*ATENÇÃO*/
    
    img {
    max-width: 100%; /*evita que as imagens estiquem e fiquem pixilizadas*/
    display: block;
    /*ATENÇÃO*/
    margin: 0 auto;
    }
    
    .reduzir-info {
    width: 70%;
    }
    
    figure {
    margin: 0em 0em;
    }
    
    blockquote {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0em;
    -webkit-margin-end: 0em;
    }
    
    h1,h2, h3, h4, h5, h6 {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0em;
    -webkit-margin-end: 0em;
    font-family: 'blacker_pro_displayregular';
    }
    
    /*style scrollbar*/
    
    /* width */
    ::-webkit-scrollbar {
      width: 10px;
      height: 5px;
    }
    
    /* Track */
    
    ::-webkit-scrollbar-track {
    background-color: #ffffff;
    }
    
    /* Handle */
    ::-webkit-scrollbar-thumb {
    background: #1a1a1a; 
    }
    
    /* Handle on hover 
    ::-webkit-scrollbar-thumb:hover {
    background: #f2f2f2; 
    }*/
    
    
    
    /*
    z-index: 6 - div.modal-box-text button.close
    z-index: 5 - div.menu-two div.modal-box-container
    z-index: 4 - div.top
    z-index: 3 - menu-one
    z-index: 2 - menu-two
    z-index: 1 - div.video-intro
    z-index: 1 - box
    z-index: -1 - div.full-screen video#full-screen-video
    z-index: -2 - Filets_cima e Filets_baixo
    */
     
    
    /* 01 CONTENTORES*/
    
    /** top é o pai da nav*/
    
    
    
    div.top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4;
    }
    
    /** nav*/
    
    div.top nav.collapse-navbar {
    position: fixed;
    width: inherit;
    overflow: hidden;
    padding: 4px 0px;
    background-color: #1a1a1a;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.3);
    }
    
    div.top nav.collapse-navbar div.menu-two div.share-social-media {
    z-index: 6;
    }
    
    div.top nav.collapse-navbar div.menu-two button.no-vertical-border {
    z-index: 7;
    position: relative;
    }
    div.top nav.collapse-navbar div.menu-two div.zona-central {
    position: relative;
    /*display: inline-block;
    background-color: #7fffd433;
    float: left;
    width: auto;
    left: 27%;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 90px;
    /*background-color: beige;
    width: 1400px; 
    display: list-item; */
    }
    
    div.top nav.collapse-navbar div.menu-two div.zona-central div.menu-central {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: max-content;
    /*width: 53.4%;
    background-color: #464340; */
    }
    
    /**full-screen*/
    
    #IntroGif {
    display: block;
    position: relative;
    min-height: 100%;
    background-image: url('//images.impresa.pt/expresso/2019-07-12-MagnificaDesolacao_IntroGif.gif/original');
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    }
    
    div.full-screen {
    position:relative;
    left:0; 
    width:100%;
    min-height:200vh;
    overflow: hidden;
    background-color: #f2f2f2;
    }
    
    /* @media screen and (min-width : 1920px) and (orientation:landscape){
        div.full-screen {height:130vh;}    
    } */
    
    
    div.full-screen div.content {
    position: absolute;
    top: 50%;
    color: #0d0d0d;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 42%;
    }
    
    div.wrapper div.content-introducao {
    position: relative;
    width: 66%;
    margin-bottom: 7em;
    margin-left: auto;
    margin-right: auto;
    }
    
    div.full-screen div.content div.content-text,
    div.wrapper div.content-introducao div.content-text {
    text-align: center;
    top: 0;
    position: relative;
    }
    
    div.full-screen div.content div.content-text h1,
    div.wrapper div.content-introducao div.content-text h1,
    div.wrapper div.content.content-center.intro2 h1,
    div.wrapper div.content.content-center h1 {
    font-family: GlosaDisplay-Bold, sans-serif;
    font-weight: 100;
    font-size: 7em;
    color: #ebe6b9;
    position: relative;
    display: block;
    padding-right: 0em;
    width: 100%;
    margin-top: -40px;
    margin-bottom: 60px;
    text-align: center;
    letter-spacing: 2px;
    }
    
    .br4k{
        display:none;
    }
    
    .tituloentraqui{    
        left: 0;
        position:absolute;
        text-align:center;
        top: 69.3vh;
        width: 100%;
        color: #f8f9fa;
    }
    
    #hlow{
        font-size: 4em;
        text-shadow: 2px 2px 10px #333;
    }
    
    #hhigh2,#hhigh3{
        font-size: 7em;
        text-shadow: 2px 2px 10px #333;
        color: white;
        text-align: center;
        padding-bottom: 40px;
    }

    #hhigh3{
        font-size: 3.2em;
        padding-bottom: 60px;
    }
    
    @media screen and (max-width: 1440px){
        #hhigh2{
        font-size: 7.5em;}
        .tituloentraqui{
        top:72.3vh;} 
        } 
    
    @media screen and (max-width: 1200px){
        #hlow{
        margin-bottom: -2vh !important;
        font-size: 3.8em;}
        #hhigh{
        margin-top: 10px !important;}
        .tituloentraqui{
        top:73.3vh;}   
        .br4k{
        display:block;} 
        }
    
    @media screen and (max-width: 1024px) and (max-height: 768px){
        #hhigh2{
        font-size: 6.9em;}
        .tituloentraqui{
        top:63.3vh;}  
        }     
    
    @media screen and (max-width: 1024px) and (max-height: 600px){
        #hhigh2{
        font-size: 6.2em;}
        .tituloentraqui{
        top:58.3vh;}  
        }    
    
    @media screen and (max-width: 605px){
        .scroll-link{
            top:90%!important;
        }
        #hhigh2{
        font-size: 3.6em;
        padding: 0 5px;}
        #hhigh3{
        font-size: 3em;
        padding: 0 15px;}
        #hlow{
        font-size: 2.7em;}
        .tituloentraqui{
        top:70.3vh;}    
        }
    
    
    @media screen and (max-width: 360px){
        .tituloentraqui{
        top:70.3vh;}    
        }    
            
        
    /*
    @media screen and (max-width: 460px){
        #hlow{
        margin-top: -4vh !important;}}    
    */
    
    
    div.wrapper div.content-introducao div.content-text h1.only-small-devices {
    display: none;
    }
    
    
    div.full-screen div.content div.content-text p,
    div.wrapper div.content-introducao div.content-text p,
    div.wrapper div.content.content-center p
     {
    font-family: Firme-Book, sans-serif;
    font-size: 3em;
    line-height: 1.2em;
    font-weight: 100;
    margin-top: 1.8em;
    margin-bottom: 1.2em;
    /* color: #333; */
    color: #ffffff;
    text-align: center;
    }
    
    
    
    div.full-screen div.content div.content-text h4.data,
    div.wrapper div.content-introducao div.content-text h4.data {
    font-style: normal;
    display: block;
    font-size: 1.25em;
    color: #333;
    margin-top: 14em;
    text-align: center;
    font-family: 'Firme-Medium', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    }
    
    .wrapperfinal{
        margin-top: 100px;
    }
    
    
    
    div.full-screen div.content div.content-text div.credits {
    display: block;
        width: 135%;
        text-transform: uppercase;
        border: 1.1px solid #ffcb07;
        border-left-width: 0;
        border-right-width: 0;
        padding: 1.1em 0 0.9em 0;
        margin: 6em auto 0 auto;
        text-align: center;
        position: absolute;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, 0%);
    }
    
    div.wrapper div.content-introducao div.content-text div.credits {
    display: block;
    width: 77%;
    text-transform: uppercase;
    border: 1.1px solid #333;
    border-left-width: 0;
    border-right-width: 0;
    padding: 1.1em 0 0.9em 0;
    margin: 4em auto 9.5em auto;
    text-align: center;
    }
    
    div.full-screen div.content div.content-text p a,
    div.full-screen div.content div.content-text div.credits a,
    div.wrapper div.content-introducao div.content-text p a,
    div.wrapper div.content-introducao div.content-text div.credits a {
    white-space: normal;
    user-select: none;
    cursor: pointer;
    border: none;
    outline: none;
    text-decoration: none;
    color: #0d0d0d;
    }
    
    div.full-screen div.content div.content-text p a:hover,
    div.full-screen div.content div.content-text div.credits a:hover,
    div.wrapper div.content-introducao div.content-text p a:hover,
    div.wrapper div.content-introducao div.content-text div.credits a:hover {
    opacity: .5;
    }
    
    
    div.wrapper div.content-center div.credits {
    text-align: center;
    margin-top: 8.2em;
    margin-bottom: 7.4em;
    }
    
    
    div.wrapper div.content-center div.credits.only-large-devices {
    display: block;
    }
    
    
    div.wrapper div.content-center div.credits.only-small-devices {
    display: none;
    }
    
    div.full-screen div.content div.content-text div.credits cite,
    div.wrapper div.content-introducao div.content-text div.credits cite,
    div.wrapper div.content-center div.credits cite {
    font: 300 20px/1.4em 'blacker_pro_displaybold', serif;
    /* line-height: 1.25em; */
    /* text-transform: uppercase; */
    /* text-align: center; */
    /* font-style: normal; */
    color: #ebe6b9;
    /* padding-left: 0.2em; */
    /* padding-right: 0.2em; */
    }
    
    .text-uppercase{
        font-family: 'blacker_pro_displaybold';
        padding-bottom: 10px;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        font-size:1.55vh;
        padding-bottom: 20px;
        text-align: center;
    }
    
    div.full-screen div.content div.content-text div.credits cite span.media-name,
    div.wrapper div.content-introducao div.content-text div.credits cite span.media-name,
    div.wrapper div.content-center div.credits cite span.media-name,
    div.full-screen div.content div.content-text div.credits cite span.media-name-interior,
    div.wrapper div.content-center div.credits cite span.media-name-interior {
        font-family:  'blacker_pro_displayregular', serif;
        /*color: #c2c2c2;*/
    color: #ffffff;
    padding-right: 0.3em;
    }
    
    div.full-screen div.content div.content-text div.credits cite span.media-name.interior,
    div.wrapper div.content-introducao div.content-text div.credits cite span.media-name.interior,
    div.wrapper div.content-center div.credits cite span.media-name.interior {
    padding-left: 0.3em;
    padding-right: 0.3em;
    }
    
    div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text h6, 
    div.wrapper div.content-center div.credits h6,
    div.wrapper div.content-center h6 {
        font-size: 14px;
        font: 'blacker_pro_displayregular';
        /* text-transform: uppercase; */
        margin-top: 2em;
        color: #ffffff;
        text-align: center;
        margin: 4.6em auto 4.6em;
        margin-bottom: 25px;
    }
    
    hr:not([size]) {
        height: 1px;
        background-color: #ebe6b9;
        margin-top: 2vh;
        margin-bottom: 2vh;
    }
    
    
    div.full-screen div.full-screen-image {
    position: absolute;
    right: 0;
    top: 0;
    width:  100%;
    height:  100%;
    backface-visibility: hidden;
    background-repeat: no-repeat;
    background-position: 50% 35%;
    z-index: 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    }
    
    /*div.full-screen div.full-screen-image.force_landscape-image {
    background-image: url('//images.impresa.pt/expresso/2019-08-02-FotoCapa_recortadaPorMim.jpg/original');
        overflow: hidden;
    display: none;
    }*/
    
    div.full-screen div.full-screen-image.landscape {
    background-image:  linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(26, 26, 26, 1) 90%) ,
    url('https://images.impresa.pt/expresso/2023-09-18-IMG_9502.JPG-d4c25445/original/mw-1920');
    min-height: 1500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    }
    
    div.full-screen div.full-screen-image.portait{
    /* background-image:
    linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(26, 26, 26, 1) 90%),
    url('https://images.impresa.pt/expresso/2023-09-25-parede.jpg-6aae42b2/original');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; */
    min-height: 1500px;
    /* background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
    }

    div.full-screen div.full-screen-image.portait2 {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(26, 26, 26, 1) 90%), url(https://images.impresa.pt/expresso/2023-09-25-parede.jpg-6aae42b2/original);
    /* -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; */
    /* min-height: 1500px; */
    /* background-attachment: fixed; */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    position: fixed;
    height: 100vh;
    z-index: -1;
    }

    /* @media (hover: none) {
        .div.full-screen div.full-screen-image.portait {
            background-attachment: initial;
        }
    } */

    /* @media screen and (min-width: 768px) and (max-height: 800px) {
    .div.full-screen div.full-screen-image.portait {
    background-attachment: initial;
}
} */
    
    
    
    div.full-screen div.full-screen-image.barra {
    background: url('//images.impresa.pt/expresso/2021-09-21-CantoAlentejano---00--FOTO-ABERTURA.jpg-dff3aab3');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: 1%;
    top: unset;
    z-index: 3;
    bottom: 0;
    }
    
    
    
    
    
    div.full-screen#introducao1 {
    display: table;
    table-layout: fixed;
    background-color: #191919;
    }
    
    
    div.wrapper div.content.content-fullwidth.remates-background {
    background-color: #f0f0f0; /* Used if the image is unavailable */
    height: 258px; /* You must set a specified height */
    background-position: center center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    z-index: -1;
    }
    
    
    
    /*****************************************************/
    
    
    /** module-centered */
    
    
    div.full-screen div.module-centered {
    position: absolute;
    /*white-space: nowrap;
    height: auto;
    top: 20%;
    left: 5%;
    right: 66%;*/
    /*top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
    }
    
    
    /*
    div.full-screen div.module-centered.landscape
    { 
    white-space: normal;
    user-select: none;
    cursor: pointer;
    border: none;
    outline: none;
    text-decoration: none;
    
    
    background: url('//images.impresa.pt/expresso/2019-09-18-titulo.png/original');
    background-size: 100px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
    border: 0px solid;
    color: #f3f0f0;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    }
    
    
    div.full-screen div.module-centered.portait
    {
    position: absolute;
    white-space: normal;
    user-select: none;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    margin: 0 auto;
    padding: 0;
    
    background: url('//images.impresa.pt/expresso/2019-09-18-titulo.png/original');
    
    width: 100%;
    height: 100%;
    
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    
    }
    */
    
    div.full-screen div.module-centered h1 {
    font-family: 'GlosaDisplay-Black';
    font-weight: 500;
    font-size: 6em;
    line-height: 1em;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    /*text-shadow: 2px 2px 0.1px black;
    text-transform: uppercase;*/
    }
    
    div.full-screen div.module-centered p {
    font-family: 'Firme-Medium', sans-serif;
    font-weight: 500;
    font-size: 2.5em;
    letter-spacing: 0.01em;
    color: #ffffffb3;
    margin-top: 0.3em;
    }
    
    
    
    
    /*div.full-screen#introducao1 div.module-centered div.heading-container p {
    font-family: Georgia,serif;
    font-size: 2.2em;
    line-height: 1.8em;
    font-weight: 100;
    margin-top: 3em;
    text-align: center;
    color: #FFFFFF;
    }*/
    
    
    
    
    div.full-screen div.module-centered div.heading-border {
    margin: 1.8em 0em 2em 0em;
    width: 12em;
    height: 0.1em;
    background-color: #FFF;
    display: none;
    }
    
    
    div.full-screen div.module-centered h6 {
    font-family: 'Acta-Book', serif;
    font-size: 1.2em;
    line-height: 1.55em;
    font-weight: 500;
    text-transform: uppercase;
    padding-right: 0.58em;
    color: #333;
    font-style: normal;
    }
    
    
    div.full-screen div.fundo-module-centered {
    position: absolute;
    width: 100%;
    background: #000000;
    bottom: 0;
    height: 60%;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(2,32,48,0.21) 7%, rgba(2,30,45,0.36) 12%, rgba(1,18,27,1) 47%, rgba(0,0,0,0.45) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(7%, rgba(2,32,48,0.21)), color-stop(12%, rgba(2,30,45,0.36)), color-stop(47%, rgba(1,18,27,1)), color-stop(100%, rgba(0,0,0,0.45)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(2,32,48,0.21) 7%, rgba(2,30,45,0.36) 12%, rgba(1,18,27,1) 47%, rgba(0,0,0,0.45) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(2,32,48,0.21) 7%, rgba(2,30,45,0.36) 12%, rgba(1,18,27,1) 47%, rgba(0,0,0,0.45) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(2,32,48,0.21) 7%, rgba(2,30,45,0.36) 12%, rgba(1,18,27,1) 47%, rgba(0,0,0,0.45) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(2,32,48,0.21) 7%, rgba(2,30,45,0.36) 12%, rgba(1,18,27,1) 47%, rgba(0,0,0,0.45) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
    }
    
    
    /** scroll-link*/
    
    div.full-screen a.scroll-link,
    div.full-screen-intro#introducao1 a.scroll-link,
    div.full-screen#video a.scroll-link,
    div.wrapper div.content-center.last-content div.credits a.scroll-link,
    div.wrapper div.content-center.last-content a.scroll-link {
    /* position: absolute; */
    white-space: normal;
    user-select: none;
    cursor: pointer;
    border: none;
    outline: none;
    text-decoration: none;
    z-index: 2;
    top: 88%;
    left: 50%;
    /* margin-right: -50%;
    transform: translate(-50%, 30%); */
    animation: blinker 2s linear infinite;
    }

    @keyframes blinker {
        50% {
          opacity: 0;
        }
      }
    
    
    div.wrapper div.content-center.first-content {
    margin-top: -4em;
    }
    
    @media screen and (max-width: 1200px){
        div.wrapper div.content-center.first-content {
        margin-top: 0;}}
    
    
    div.full-screen a.scroll-link h6,
    div.full-screen-intro#introducao1 div.content a.scroll-link h6,
    div.wrapper div.content-center.last-content div.credits a.scroll-link h6,
    div.wrapper div.content-center.content a.scroll-link,
    div.wrapper div.content-center.last-content a.scroll-link h6 {
    font-family: Firme-Bold, sans-serif;
    /*font-family: 'ExpressoSansThinCapitalsRegular', serif;*/
    font-size: 1.1em;
    letter-spacing: 0.1em;
        color: #be1428;
    margin-top: 0.5em;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.4em;
    opacity: 1;
    font-weight: 700;
    /*text-shadow: 1px 1px 1px #000000;*/
    }
    
    /*div.wrapper div.content-center.last-content div.credits a.scroll-link h6,
    div.wrapper div.content-center.last-content a.scroll-link h6 {
    color: #bfa060;
    opacity: 1;
    font-weight: 800;
    }*/
    
    /*div.full-screen a.scrolldown-link div.scrolldown {
    position: relative;
    white-space: normal;
    user-select: none;
    cursor: pointer;
    border: none;
    outline: none;
    text-decoration: none;
    }*/
    
    /**scrolldown*/
    
    div.full-screen a.scroll-link div.scrolldown,
    div.full-screen-intro#introducao1 a.scroll-link div.scrolldown-two,
    div.wrapper div.content-introducao div.content-text a.scroll-link div.scrolldown,
    div.wrapper div.content-center.content a.scroll-link div.scrolldown,
    div.full-screen#video a.scroll-link div.scrolldown-two,
    div.wrapper div.content-center.last-content div.credits a.scroll-link div.scrollup,
    div.wrapper div.content-center.last-content a.scroll-link div.scrollup  
    { 
    display: block;
        background-size: 100px;
        top: 0;
        left: 0;
        margin: 0 auto;
        padding: 0;
        width: 100px;
        height: 60px;
        border: 0px solid;
        background-position: center center;
        background-color: transparent;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        opacity: 1;
        transform: rotate(0deg);
    }
    
    @media screen and (max-width: 540px){
        /* div.full-screen a.scroll-link,
        div.full-screen-intro#introducao1 a.scroll-link,
        div.full-screen#video a.scroll-link,
        div.wrapper div.content-center.last-content div.credits a.scroll-link,
        div.wrapper div.content-center.last-content a.scroll-link{
            transform: translate(-50%, -20%);
        } */
        
            .scrolldown{width: 80px !important;}}
    
    div.wrapper div.content-center.last-content div.credits a.scroll-link div.scrollup,
    div.wrapper div.content-center.last-content a.scroll-link div.scrollup   
    { 
    transform: rotate(0deg);
    }
    
    @media only screen and (min-width: 1921px) {
        div.full-screen a.scroll-link div.scrolldown,
    div.full-screen-intro#introducao1 a.scroll-link div.scrolldown-two,
    div.wrapper div.content-introducao div.content-text a.scroll-link div.scrolldown,
    div.wrapper div.content-center.content a.scroll-link div.scrolldown,
    div.full-screen#video a.scroll-link div.scrolldown-two,
    div.wrapper div.content-center.last-content div.credits a.scroll-link div.scrollup,
    div.wrapper div.content-center.last-content a.scroll-link div.scrollup  
    {
        width: 100px;
        height: 60px;}}
    
    
    
    @media (prefers-color-scheme: light) {
        
        div.wrapper div.content-introducao div.content-text a.scroll-link div.scrolldown,
        div.full-screen a.scroll-link div.scrolldown,
        div.full-screen-intro#introducao1 a.scroll-link div.scrolldown-two,
        div.full-screen#video a.scroll-link div.scrolldown-two {
        /*background: url('//images.impresa.pt/expresso/2019-06-26-Tancos_setas_pretas/original');*/
        background: url('../icons/LEIA%20MAIS_INVASAO.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        }
    
        div.wrapper div.content-center.content a.scroll-link div.scrolldown {
        /*background: url('//images.impresa.pt/expresso/2019-06-26-Tancos_setas_pretas/original');*/
        background: url('../icons/LEIA%20MAIS_INVASAO.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        }
    
    
        div.wrapper div.content-center.last-content div.credits a.scroll-link div.scrollup,
        div.wrapper div.content-center.last-content a.scroll-link div.scrollup  { 
        background: url('../icons/VOLTAR%20AO%20INICIO_INVASAO.png');
        margin-top: 2em;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        }
    }
    
    @media (prefers-color-scheme: dark) {
    
        div.wrapper div.content-introducao div.content-text a.scroll-link div.scrolldown,
        div.full-screen a.scroll-link div.scrolldown,
        div.full-screen-intro#introducao1 a.scroll-link div.scrolldown-two,
        div.full-screen#video a.scroll-link div.scrolldown-two {
        /*background: url('//images.impresa.pt/expresso/2019-06-26-Tancos_setas_pretas/original');*/
        background: url('../icons/LEIA%20MAIS_INVASAO.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        }
    
        div.wrapper div.content-center.content a.scroll-link div.scrolldown {
        /*background: url('//images.impresa.pt/expresso/2019-06-26-Tancos_setas_pretas/original');*/
        background: url('../icons/LEIA%20MAIS_INVASAO.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        }
    
    
        div.wrapper div.content-center.last-content div.credits a.scroll-link div.scrollup,
        div.wrapper div.content-center.last-content a.scroll-link div.scrollup  { 
        background: url('../icons/VOLTAR%20AO%20INICIO_INVASAO.png');
        margin-top: 2em;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        }
    }
    
    
    
    
    
    
    
    
    
    /**swap-scrolldown*/
    
    div.full-screen a.scroll-link div.scrolldown:hover,
    div.full-screen-intro#introducao1 div.content a.scroll-link div.scrolldown-two:hover,
    div.wrapper div.content-center.last-content div.credits a.scroll-link div.scrollup:hover,
    div.wrapper div.content-center.last-content a.scroll-link div.scrollup:hover {
    opacity: 0.5;
    }
    
    
    @keyframes opacityanimation {
    from {opacity: 1;}
    50% {opacity: 0.2;}
    to {opacity: 1;}
    }
    
    /** back-to-top-button*/
    
    div.wrapper div.content.content-fullwidth#Creditos {
    position: relative;
    /*right: 5%;
    bottom: 25px;
    
    bottom: 0;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    z-index: 2;
    
    white-space: normal;
    user-select: none;
    cursor: pointer;
    border: none;
    outline: none;
    text-decoration: none;*/
    }
    
    div.wrapper div.content-center.last-content a.back-to-top-link div.back-to-top-button
    { 
    background: url('../icons/VOLTAR%20AO%20INICIO_INVASAO.png');
    display: block;
    background-size: 100px;
    top: 0;
    right: 0;
    margin: 5em auto 0.5em;
    padding: 0;
        width: 68px;
        height: 53px;
    border: 0px solid;
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    }
    
    /**swap-back-to-top-button*/
    
    div.wrapper div.content-center.last-content a.back-to-top-link div.back-to-top-button:hover {
    background: url('../icons/VOLTAR%20AO%20INICIO_INVASAO.png');
    display: block;
    background-size: 100px;
    top: 0;
    right: 0;
    margin: 5em auto 0.5em;
    padding: 0;
        width: 68px;
        height: 53px;
    border: 0px solid;
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    }
    
    div.wrapper div.content-center.last-content a.back-to-top-link div.back-to-top-button:hover {
    opacity: 1;
    }
    
    
    div.wrapper div.content-fullwidth div.box-slideshow button, 
    div.wrapper div.content-center div.box-slideshow button, 
    div.wrapper div.content-larger div.box-slideshow button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    border: none;
    background: transparent;
    }
    
    div.wrapper div.content-fullwidth div.box-slideshow button:hover, 
    div.wrapper div.content-center div.box-slideshow button:hover, 
    div.wrapper div.content-larger div.box-slideshow button:hover {
    opacity: 0.7;
    }
    
    
    div.wrapper div.content-larger div.box-slideshow button div.arrow,
    div.wrapper div.content-center div.box-slideshow button div.arrow {
    display: block;
    background: url('//images.impresa.pt/expresso/2019-09-18-SetaDireita.png/original');
    background-size: 100px;
    top: 0;
    left: 0;
    margin: 0 auto;
    padding: 0;
    width: 50px;
    height: 50px;
    border: 0px solid;
    background-position: center center;
    background-color: transparent;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;   
    transform: rotate(-180deg);
    }
    
    
    
    /** content*/
    
    .content {
    margin-right: auto;
    margin-left: auto;  
    }
    
    .content-center {
    position: relative;
    max-width: 600px;
    }
    
    .content-fullwidth {
    position: relative;
    width: 100%; 
    }
    
    .content-larger {
    position: relative;
    width: 70%; 
    }

    .content-medium {
    position: relative;
    width: 50%; 
    }
    
    .content-larger .box-image .content-center{
    max-width: 100%;
    }    
    
    .content-fullwidth .box-image .content-center{
    max-width: 100%;
    padding:0 17%;
    }
    
    .content-larger-video {
    position: relative;
    width: 85%; 
    margin-right: auto;
    margin-left: auto;
    }
    
    .content-larger.barra1 {
    margin-top: 15em;
    }
    
    .content-larger.barra2 {
    margin-bottom: 4em;
    }
    
    
    
    /*NOTA: se eu pusser o content-center em % ele vai sempre dimensionar-se relativamente ao parent, pelo que o content-center nos diversos locais da página irá para a mesma medida de device ter medidas diferentes, dependendo de onde está escrito. Esta é a razão pela qual a medida do contente center é em view-port, porque assim é a mesma independentemente do parent, dado que a numa mm medida de device o viewport é único.*/
    
    
    
    /** wrapper*/
    
    div.wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    /* padding-top: 9em; */
    background-color: #1a1a1a;
    }
    
    /** footer*/
    
    footer {
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 0.1em solid #CCC;
    background-color: #f2f2f2;
    }
    
    div.wrapper div.content.content-center.last-content {
        margin-top: 8em;
        margin-bottom: 11em;
    }
    
    
    /** clear fix: para o content-center assumir o tamanho das boxes right e left*/
    .clearfix,
    div.wrapper div.content-center:after,
    div.wrapper div.content-center:before {
    content: "";
    display: table;
    clear: both;
    }
    
    
    /** box*/
    
    div.wrapper div.content-center div.box {
    /*position: relative;
    margin-top: 6.5%;
    margin-bottom: 6.5%;
    padding-right: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 1;*/
    
    
    padding-right: 0em;
    padding-left: 0em;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 1;
    float: none;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    /*padding-bottom: 3em;
    padding-top: 3em;
    margin-top: 3.5em;
    margin-bottom: 3.5em;*/
    }
    
    
    div.wrapper div.content.content-center.publicidade,
    div.wrapper div.content.content-fullwidth.publicidade  {
    border: 0.5px solid #bfa0608c;
    padding-top: 1.3em;
    border-left-width: 0;
    border-right-width: 0;
    padding-bottom: 3em;
    margin-top: 9em;
    margin-bottom: 9em;
    }
    
    div.wrapper div.content.content-center.publicidade p,
    div.wrapper div.content.content-fullwidth.publicidade p {
    font-family: "Firme-Medium",sans-serif;
    font-weight: 400;
    font-size: 1.2em;
    text-transform: uppercase;
    color: #be9f5f99;
    margin: 0;
    padding-bottom: 0.5em;
    }
    
    
    /*se não pussermos position: relative o scroll n funciona*/
    
    /*div.wrapper div.content-fullwidth div.box,
    div.wrapper div.content-larger div.box {
    margin-top: 1.8%;
    margin-bottom: 1.8%;
    }*/
    
    /** box-left e box-right*/
    
    div.wrapper div.content-center div.box.box-left,
    div.wrapper div.content-center div.box.box-right {
    margin-top: 1.5%;
    margin-bottom: 1.5%;
    width: 50%;
    clear: both;
    padding: 2em;
    }
    
    div.wrapper div.content-center div.box.box-left {
    /*float: left;
    margin-left: -24.9%;
    margin-right: 4.4%;*/
    width: 40%;
    float: left;
    margin-left: 0%;
    margin-right: 6%;
    margin-top: 3.8%;
    clear: both;
    padding-left: 0;
    
    /*margin-bottom: 1.5%;*/
    
    margin-bottom: 0;
    margin-bottom: 0;
    }
    
    div.wrapper div.content-center div.box.box-right {
    float: right;
    margin-left: 4.4%;
    margin-right: -24.9%;
    }
    
    /** box-blockquote 
    div.wrapper div.content-center div.box-blockquote,
    div.wrapper div.content-center div.box-number  {
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 10%;
    margin-right: 10%;
    }*/
    
    div.wrapper div.content-fullwidth.fundo-destaque div.box div.box-blockquote {
    padding-top: 7em;
    padding-bottom: 7em;
    }
    
    /*div.wrapper div.content-fullwidth div.box-blockquote  {
    margin-left: 14.9%;
    margin-right: 14.9%;
    margin-top: 5em;
    margin-bottom: 5em;
    margin-top: 5%;
    margin-bottom: 5%;
    }*/
    
    /** box-text & numbers*/
    
    div.wrapper div.content-center div.box-text,
    div.wrapper div.content-center div.box-numbers {
    /*position: relative;*/
    overflow-x: hidden;
    overflow-y: visible;
    visibility: visible;
    /*margin-left: 5%;
    padding-right: 5%; Nota: aqui é padding e não margin pq se fosse margem o espaço seria acrescentado do lado direito do scroll e não do lado esquerdo do mesmo, que é no interior da caixa*/
    
    height: 38em;
    }
    
    /** box-text*/
    
    div.wrapper div.content-center div.box-text {
    padding-right: 2em;
    padding-left: 2em;
    margin-right: 1em;
    }
    
    
    
    
    
    
    
    /*#video1landscape #video1portrait*/
    
    /*
    div.full-screen#home div.box div.box-video.abertura video#video1landscape {
    display: block;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    object-position: right;
    }
    */
    
    
    
    div.full-screen#home div.box div.box-video.abertura video#video1landscape {
    display: block;  
    }
    
    div.full-screen#home div.box div.box-video.abertura video#video1portrait {
    display: none; 
    object-fit: cover;  
    }
    
    div.full-screen#video div.box.content-larger-video.video-de-entrada {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    }
    
    /** box-video*/
    
    div.box-video {
    position: relative;
    width:100%; 
    /*margin-top: 5em;*/
    /*margin-bottom: 5em;*/
    /*height: auto;*/
    }
    
    div.box-video.abertura { 
    top: 50px;
    }
    
    divcontent.content-larger div.box-image {
        border:8px solid;
        border-color:black;
        }
    
    
    /** Alinhamento dos elementos da box-video e da box-number */
    
    div.wrapper div.content.content-center div.box div.box-blockquote,
    div.wrapper div.content.content-center div.box div.box-number {
    text-align: left;
    }
    
    div.wrapper div.content.content-center div.box div.box-video,
    div.wrapper div.content.content-fullwidth div.box div.box-video,
    div.wrapper div.content.content-larger div.box div.box-video {
    text-align: center;
    }
    
    /*não têm css
    div.box-image 
    div.box-audio
    div.box-map
    div.box-spotify 
    */
    
    
    
    div.top nav.collapse-navbar div.menu-one, 
    div.top nav.collapse-navbar div.menu-one div.share-social-media, 
    div.top nav.collapse-navbar div.menu-two, 
    div.top nav.collapse-navbar div.menu-two div.share-social-media {
    position: relative;
    }
    
    
    
    
    
    
    
    
    /* 02 TUDO DE: TOP E COLLAPSE-NAVBAR */
    
    
    /*span.title-vertical_menu só aparece no menu vertical, qdo surge o toggle*/
    
    
    /** items dos dois menus: lettering*/
    
    div.top nav.collapse-navbar div.menu-one a,
    div.top nav.collapse-navbar div.menu-one a.back-to-index,
    div.top nav.collapse-navbar div.menu-one div.share-social-media a,
    
    div.top nav.collapse-navbar div.menu-two a,
    div.top nav.collapse-navbar div.menu-two h2, 
    div.top nav.collapse-navbar div.menu-two h3,
    div.top nav.collapse-navbar div.menu-two button,
    div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text button,
    div.top nav.collapse-navbar div.menu-two div.share-social-media a,
    div.top nav.collapse-navbar div.menu-one button.openbtn, 
    div.top nav.collapse-navbar div.menu-two button.openbtn, 
    .filet-img { 
    /*display: block;*/
    vertical-align: middle;
    text-align: center;
    white-space: normal;
    user-select: none;
    cursor: pointer;
    border: none;
    outline: none;
    text-decoration: none;
    font-family: 'Firme-Bold', sans-serif;
    font-size: 12px;
    /* line-height: 1.55em; */
    text-transform: uppercase;
    font-style: normal;
    font-weight: 300;
    color: #ffffff;
    }
    
    
    
    
    div.filet-img.only-large-devices {
    display:block;
    }
    
    div.filet-img.only-small-devices {
    display:none;
    }
    
    
    
    div.top nav.collapse-navbar div.menu-two div.menu-central a span.title-vertical_menu,
    div.top nav.collapse-navbar div.menu-two div.menu-central a.special-item {
        color: #ffffff;
    font-weight: 600;
    }
    
    div.top nav.collapse-navbar div.menu-two div.menu-central a.special-item.last-item {
    margin-right: 0;
    padding-right: 0;
    }
    
    
    div.top nav.collapse-navbar div.menu-two div.menu-central a span.title-vertical_menu {
    padding-left: 0.3em;
    }
    
    
    
    
    
    
    /** floats*/
    
    div.top nav.collapse-navbar div.menu-one a,
    div.top nav.collapse-navbar div.menu-two a,
    div.top nav.collapse-navbar div.menu-two h2, 
    div.top nav.collapse-navbar div.menu-two h3
    /*div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text button*/ { 
    float: left;
    }
    
    div.top nav.collapse-navbar div.menu-two a div.zona-central div.menu-central a {
    float: none;
    }
    
    div.top nav.collapse-navbar div.menu-one a.icon,
    div.top nav.collapse-navbar div.menu-one div.share-social-media a,
    div.top nav.collapse-navbar div.menu-one button,
    div.top nav.collapse-navbar div.menu-two button,
    div.top nav.collapse-navbar div.menu-two div.share-social-media a { 
    float: right;
    }
    
    /**filet*/
    
    div.top nav.collapse-navbar div.menu-one div.filet::after,
    div.top nav.collapse-navbar div.menu-two div.share-social-media div.filet::after { 
    content: "|";
    font-family: 'Acta-Book', serif;
    font-size: 3em;
    color: #8c6844;
    vertical-align: middle;
    float: left;
    font-weight: 800;
    padding-top: 0.1em;
    }
    
    div.top nav.collapse-navbar div.menu-two div.share-social-media div.filet::after { 
    float: right;
    }
    
    /** vertical-border
    
    div.top nav.collapse-navbar div.menu-one a.vertical-border::after {
    position: absolute;
    content: "|";
    font-family: 'Acta-Book', serif;
    font-size: 2.3em;
    color: #FFFFFF;
    display: block;
    vertical-align: middle;
    text-align: center;
    top: 11px;
    left: 67px;
    }
    
    div.top nav.collapse-navbar div.menu-one div.share-social-media a.vertical-border::after,
    div.top nav.collapse-navbar div.menu-two div.share-social-media a.vertical-border::after {
    position: absolute;
    content: "|";
    font-family: 'Acta-Book', serif;
    font-size: 2.3em;
    color: #FFFFFF;
    display: block;
    vertical-align: middle;
    text-align: center;
    top: 11px;
    right: 124px;
    }
    
    */
    
    
    
    /**logo*/
    
    @media (prefers-color-scheme: light) {
    
        .filet-img {
        background: url(../icons/barra.png);
        display: block;
        background-size: 100px;
        top: 0;
        left: 0;
        margin: 2px 0px 0px 0px;    
        width: 5px;
        height: 36px;
        border: 0px solid;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        }
    
        /**logo*/
    
        div.top nav.collapse-navbar div.menu-one a.logo div#swap-logo,
        div.top nav.collapse-navbar div.menu-one a.logo div#swap-logo:hover,
        div.top nav.collapse-navbar.scroll-effects div.menu-one a.logo div#swap-logo { 
        background: url('../icons/E.png');
        display: block;
        background-size: 100px;
        top: 0;
        left: 0;
        margin: 0 auto;
        padding: 0;
        width: 26px;
        height: 26px;
        border: 0px solid;
        color: #ffffff;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        }
    
        /**swap-share*/
    
        div.top nav.collapse-navbar div.menu-one button.openbtn,
        div.top nav.collapse-navbar.scroll-effects div.menu-one button.openbtn,
        div.top nav.collapse-navbar div.menu-one button.openbtn:hover
    
          { 
        background: url('../icons/share.png');
        display: block;
        background-size: 100px;
        top: 0;
        left: 0;
        width: 28px;
        height: 28px;
        border: 0px solid;
        color: #ffffff;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        }
    
        /**closebtn*/
    
        div.top nav.collapse-navbar div.menu-one div.sidepanel a.closebtn div.swap-share,
        div.top nav.collapse-navbar.scroll-effects div.menu-one div.sidepanel a.closebtn div.swap-share,
        div.top nav.collapse-navbar.scroll-effects div.menu-one div.sidepanel a.closebtn div.swap-share:hover
    
          { 
        background: url('../icons/share.png');
        display: block;
        background-size: 100px;
        top: 0;
        left: 0;
        width: 28px;
        height: 28px;
        border: 0px solid;
        color: #ffffff;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        }
    
    
        /**swap-linkedin*/
    
        div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-linkedin,
        div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-linkedin,
        div.top nav.collapse-navbar.scroll-effects div.menu-one div.share-social-media a div.swap-linkedin,
        div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a div.swap-linkedin,
        div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-linkedin:hover,
        div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-linkedin:hover { 
        background: url('../icons/linkdin.png');
        display: block;
        background-size: 100px;
        top: 0;
        left: 0;
        margin: 0 auto;
        padding: 0;
            width: 26px;
            height: 26px;
        border: 0px solid;
        color: #ffffff;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        }
    
        /**swap-whatsapp*/
    
        div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-whatsapp,
        div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-whatsapp,
        div.top nav.collapse-navbar.scroll-effects div.menu-one div.share-social-media a div.swap-whatsapp,
        div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a div.swap-whatsapp,
        div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-whatsapp:hover,
        div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-whatsapp:hover { 
        background: url('../icons/whats.png');
        display: block;
        background-size: 100px;
        top: 0;
        left: 0;
        margin: 0 auto;
        padding: 0;
            width: 26px;
            height: 26px;
        border: 0px solid;
        color: #ffffff;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        }
    
        /**swap-twitter*/
    
        div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-twitter,
        div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-twitter,
        div.top nav.collapse-navbar.scroll-effects div.menu-one div.share-social-media a div.swap-twitter,
        div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a div.swap-twitter,
        div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-twitter:hover,
        div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-twitter:hover { 
        background: url('../icons/x.png');        
        display: block;
        background-size: 100px;
        top: 0;
        left: 0;
        margin: 0 auto;
        padding: 0;
            width: 26px;
            height: 26px;
        border: 0px solid;
        color: #ffffff;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        }
    
        /**swap-facebook*/
    
        div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-facebook,
        div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-facebook,
        div.top nav.collapse-navbar.scroll-effects div.menu-one div.share-social-media a div.swap-facebook,
        div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a div.swap-facebook,
        div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-facebook:hover,
        div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-facebook:hover { 
        background: url('../icons/face.png');
        display: block;
        background-size: 100px;
        top: 0;
        left: 0;
        margin: 0 auto;
        padding: 0;
            width: 26px;
            height: 26px;
        border: 0px solid;
        color: #ffffff;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        }
    
    
    }
    
    
    
    
    
    
    @media (prefers-color-scheme: dark) {
    
        .filet-img {
        background: url(../icons/barra.png);
        display: block;
        background-size: 100px;
        top: 0;
        left: 0;
        margin: 0 auto;
        width: 5px;
        height: 36px;
        border: 0px solid;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
    }
    
        /**logo*/
    
        div.top nav.collapse-navbar div.menu-one a.logo div#swap-logo,
        div.top nav.collapse-navbar div.menu-one a.logo div#swap-logo:hover,
        div.top nav.collapse-navbar.scroll-effects div.menu-one a.logo div#swap-logo { 
        background: url('../icons/E.png');
        display: block;
        background-size: 100px;
        top: 0;
        left: 0;
        margin: 0 auto;
        padding: 0;
        width: 26px;
        height: 26px;
        border: 0px solid;
        color: #f3f0f0;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        }
    
        /**swap-share*/
    
        div.top nav.collapse-navbar div.menu-one button.openbtn,
        div.top nav.collapse-navbar.scroll-effects div.menu-one button.openbtn,
        div.top nav.collapse-navbar div.menu-one button.openbtn:hover
    
          { 
        background: url(../icons/share.png);
        display: block;
        background-size: 100px;
        top: 0;
        left: 0;
        width: 28px;
        height: 28px;
        border: 0px solid;
        color: #f3f0f0;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        }
    
    
    
        div.top nav.collapse-navbar div.menu-one div.sidepanel a.closebtn div.swap-share,
        div.top nav.collapse-navbar.scroll-effects div.menu-one div.sidepanel a.closebtn div.swap-share,
        div.top nav.collapse-navbar.scroll-effects div.menu-one div.sidepanel a.closebtn div.swap-share:hover
    
          { 
        background: url('../icons/share.png');
        display: block;
        background-size: 100px;
        top: 0;
        left: 0;
        width: 28px;
        height: 28px;
        border: 0px solid;
        color: #f3f0f0;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        }
    
        /**swap-linkedin*/
    
        div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-linkedin,
        div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-linkedin,
        div.top nav.collapse-navbar.scroll-effects div.menu-one div.share-social-media a div.swap-linkedin,
        div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a div.swap-linkedin,
        div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-linkedin:hover,
        div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-linkedin:hover { 
        background: url('../icons/linkdin.png');
        display: block;
        background-size: 100px;
        top: 0;
        left: 0;
        margin: 0 auto;
        padding: 0;
            width: 26px;
            height: 26px;
        border: 0px solid;
        color: #f3f0f0;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        }
    
        /**swap-whatsapp*/
    
        div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-whatsapp,
        div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-whatsapp,
        div.top nav.collapse-navbar.scroll-effects div.menu-one div.share-social-media a div.swap-whatsapp,
        div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a div.swap-whatsapp,
        div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-whatsapp:hover,
        div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-whatsapp:hover { 
        background: url('../icons/whats.png');
        display: block;
        background-size: 100px;
        top: 0;
        left: 0;
        margin: 0 auto;
        padding: 0;
            width: 26px;
            height: 26px;
        border: 0px solid;
        color: #f3f0f0;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        }
    
        /**swap-twitter*/
    
        div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-twitter,
        div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-twitter,
        div.top nav.collapse-navbar.scroll-effects div.menu-one div.share-social-media a div.swap-twitter,
        div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a div.swap-twitter,
        div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-twitter:hover,
        div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-twitter:hover { 
        background: url('../icons/x.png');
        display: block;
        background-size: 100px;
        top: 0;
        left: 0;
        margin: 0 auto;
        padding: 0;
            width: 26px;
            height: 26px;
        border: 0px solid;
        color: #f3f0f0;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        }
    
        /**swap-facebook*/
    
        div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-facebook,
        div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-facebook,
        div.top nav.collapse-navbar.scroll-effects div.menu-one div.share-social-media a div.swap-facebook,
        div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a div.swap-facebook,
        div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-facebook:hover,
        div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-facebook:hover { 
        background: url('../icons/face.png');
        display: block;
        background-size: 100px;
        top: 0;
        left: 0;
        margin: 0 auto;
        padding: 0;
            width: 26px;
            height: 26px;
        border: 0px solid;
        color: #f3f0f0;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        }
    
    }
    
    
    
    /**swap logo*/
    
    div.top nav.collapse-navbar div.menu-one a.logo div#swap-logo:hover {
    opacity: 0.5;
    }
    
    
    /**hamburguer*/
    
    div.top nav.collapse-navbar div.menu-one a#toggleButton div.swap-hamburguer,
    div.top nav.collapse-navbar div.menu-one a#toggleButton div.swap-hamburguer:hover { 
    background: url('../icons/pontos.png');
    display: block;
    background-size: 100px;
    top: 0;
    right: 0;
    margin: 0 auto;
    padding: 0;
    width: 26px;
    height: 26px;
    border: 0px solid;
    color: #f3f0f0;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    }
    
    /**swap-hamburguer*/
    div.top nav.collapse-navbar div.menu-one a#toggleButton div.swap-hamburguer:hover
     {
    
    opacity: 0.5
    }
    
    
    
    
    
    
    /**Redes Sociais*/
    
    
    
    /*sidepanel*/
    
    div.top nav.collapse-navbar div.menu-one div.sidepanel.share-social-media  {
    position: fixed;
    z-index: 1;
    height: 195px;
    top: 0;
    right: -10px;
    background-color: #1a1a1a;;
    overflow-x: hidden;
    display: none;
    }
    
    .sidepanel a {
      padding: 8px 8px 8px 32px;
      text-decoration: none;
      font-size: 25px;
      color: #818181;
      display: block;
      transition: 0.3s;
    }
    
    .sidepanel a:hover {
      color: #f1f1f1;
    }
    
    .openbtn:hover {
      background-color:#444;
    }
    
    /*fim sidepanel*/
    
    
    div.top nav.collapse-navbar div.menu-one button.openbtn,
    div.top nav.collapse-navbar div.menu-one div.sidepanel.share-social-media
     {
    padding-top: 36px;
    padding-bottom: 0px;
    margin-left: 6px;
    margin-right: 10px;
    }
    
    div.top nav.collapse-navbar div.menu-one div.sidepanel.share-social-media {
    padding-top: 3px;
    }
    
    /*div.top nav.collapse-navbar div.menu-one div.sidepanel a.closebtn
     {
    padding-top: 0em;
    }*/
    
    
    
    
    
    /**swap linkedin, whstsapp, facebook e twitter:hover*/
    
    div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-linkedin:hover,
    
    div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-linkedin:hover,
    
    div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-whatsapp:hover,
    
    div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-whatsapp:hover,
    
    div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-twitter:hover,
    
    div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-twitter:hover,
    
    div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-facebook:hover,
    
    div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-facebook:hover {
    opacity: 0.5;
    }
    
    
    div.top nav.collapse-navbar div.menu-two div.share-social-media.only-large-devices {
    display: block;
    }
    
    div.top nav.collapse-navbar div.menu-one button.openbtn.only-small-devices {
    display: none;
    }
    
    
    
    
    
    
    /** Excepções à estilização dos items*/
    
    /**botão dos "créditos" da modal box*/
    div.top nav.collapse-navbar div.menu-two button {
    background-color: transparent;
    }
    
    
    /** items dos dois menus: paddings e margins; */
    
    
    /*Nota: quando no hover queremos que apareça um sublinhado os paddings esq e dta têm de ser zero, para o sublinhado ficar à largura da palavra*/
    
    
        /*** zona da esquerda do menu: logo... */
    div.top nav.collapse-navbar div.menu-one a.logo,
    div.top nav.collapse-navbar div.menu-two a.back-to-index,
    div.top nav.collapse-navbar div.menu-two h2, 
    div.top nav.collapse-navbar div.menu-two h3,
        /*** partes do trabalho */
    div.top nav.collapse-navbar div.menu-two a,
        /*** créditos e hamburguer button que é o icon */ 
    div.top nav.collapse-navbar div.menu-two button,
    div.top nav.collapse-navbar div.menu-one a.icon,
    /*** facebook, twitter, google*/
    div.top nav.collapse-navbar div.menu-one div.share-social-media a,
    div.top nav.collapse-navbar div.menu-two div.share-social-media a { 
    padding-right: 10px;
    
    padding-top: 5px;
    padding-bottom: 5px;
    
    margin-top: 0px;
    margin-bottom: 0px;
    
    margin-left: 0px;
    margin-right: 0px;
    }
    
    div.top nav.collapse-navbar div.menu-one a.logo,
    div.top nav.collapse-navbar div.menu-two button,
    div.top nav.collapse-navbar div.menu-one a.icon {
    padding-left: 15px;
    padding-right: 15px;
    }
    
    
    
    div.top nav.collapse-navbar div.menu-two a.back-to-index {
    padding-left: 1%;
    }
    
    /**** linkedin*/
    div.top nav.collapse-navbar div.menu-two div.share-social-media a:nth-child(1) {
    padding-right: 12px;
    }
    
    div.top nav.collapse-navbar div.menu-two a.back-to-index,
    div.top nav.collapse-navbar div.menu-two button,
    div.top nav.collapse-navbar div.menu-one a.icon,
    div.top nav.collapse-navbar div.menu-two a {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 6px;
    margin-bottom: 2px;
    }
    
    div.top nav.collapse-navbar div.menu-one a.icon {
    margin-top: 0px;
    }
    
    div.top nav.collapse-navbar div.menu-two a:nth-child(1) {
    margin-right: 50px;
    }
    
    div.top nav.collapse-navbar div.menu-two a:nth-child(2) {
    margin-left: 50px;
    }
    
    
    
    div.top nav.collapse-navbar div.menu-two h2, 
    div.top nav.collapse-navbar div.menu-two h3 { 
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    }
    
    
    
    
    
    
    
    /** current-item   
    div.top nav.collapse-navbar div.menu-two a.current-item {
    pointer-events: none;
    cursor: default;
    border-bottom: 0.03em solid #FFF;
    }*/
    
    /** hover dos items e do button créditos*/
    
        /* :link | :visited | :hover | :active - selectors */
        /*** mouse over link */
    div.top nav.collapse-navbar div.menu-two a.back-to-index:hover,
    /*div.top nav.collapse-navbar div.menu-two div.share-social-media a:hover,*/
    div.top nav.collapse-navbar div.menu-two button:hover {
    opacity: 0.5;
    }
    
    div.top nav.collapse-navbar div.menu-two div.menu-central a:hover {
    opacity: 0.5;
    }
    
    
    
    /** selected link 
    div.top nav.collapse-navbar div.menu-two a.increase-padding.links.selected {
    border-bottom: 0.03em solid #FFF;
    padding-left: 0.3em;
    padding-right: 0.3em;
    }*/
    
    div.top nav.collapse-navbar div.menu-two a.no-vertical-border.selected,
    div.top nav.collapse-navbar div.menu-two a.no-vertical-border span.title-vertical_menu.selected {
    opacity: 0.5;
    }
    
    /** hover item back to index*/
    
    div.top nav.collapse-navbar div.menu-two a.back-to-index:hover {
    border-bottom: none;
    }
    
    div.top nav.collapse-navbar div.menu-one a.vertical-border, 
    div.top nav.collapse-navbar div.menu-one div.share-social-media a.vertical-border, 
    div.top nav.collapse-navbar div.menu-two a.vertical-border, 
    div.top nav.collapse-navbar div.menu-two h2.vertical-border, 
    div.top nav.collapse-navbar div.menu-two h3.vertical-border, 
    div.top nav.collapse-navbar div.menu-two button.vertical-border, 
    div.top nav.collapse-navbar div.menu-two div.share-social-media a.vertical-border {
    border-right: 0.1em solid #333;
    }
    
    div.top nav.collapse-navbar div.menu-two a.back-to-index.vertical-border-left,
    div.top nav.collapse-navbar div.menu-two button.vertical-border-left,
    div.top nav.collapse-navbar div.menu-one a.icon.only-small-devices.vertical-border-left
     {
    border-left: 0.1em solid #8c6844;
    }
    
    
    /** no-vertical-border*/
    
    div.top nav.collapse-navbar div.menu-one a.no-vertical-border,
    div.top nav.collapse-navbar div.menu-one div.share-social-media a.no-vertical-border,
    div.top nav.collapse-navbar div.menu-two a.no-vertical-border,
    div.top nav.collapse-navbar div.menu-two h2.no-vertical-border, 
    div.top nav.collapse-navbar div.menu-two h3.no-vertical-border,
    div.top nav.collapse-navbar div.menu-two button.no-vertical-border,
    div.top nav.collapse-navbar div.menu-two div.share-social-media a.no-vertical-border{
    border-right: 0.1em solid rgba(255, 255, 255, 0);
    }
    
    /** scroll: alterações na nav: cores e susbtituição do logo por outro*/
    
    /*** quando fazemos scroll é aplicada à nav a classe scroll effects*/
    div.top nav.collapse-navbar.scroll-effects {
    /*background-color: #144779;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
    position: relative;
    animation: animatetop 0.4s;
    }
    
    /*** quando fizemos scroll este é o logo que aparece na nav: black*/
    div.top nav.collapse-navbar.scroll-effects div.menu-one a.only-scrolled_menu {
    display: block;  
    }
    
    /*** o logo que aparece quando não fazemos scroll, neste caso, desaparece*/
    div.top nav.collapse-navbar.scroll-effects div.menu-one a.no-scrolled_menu {
    display: none;  
    }
    
    /*** cor dos items
    div.top nav.collapse-navbar.scroll-effects div.menu-one a,
    div.top nav.collapse-navbar.scroll-effects div.menu-one div.share-social-media a,
    div.top nav.collapse-navbar.scroll-effects div.menu-two a,
    div.top nav.collapse-navbar.scroll-effects div.menu-two h2, 
    div.top nav.collapse-navbar.scroll-effects div.menu-two h3,
    div.top nav.collapse-navbar.scroll-effects div.menu-two button,
    div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a { 
    color: #f0f0f0;
    }*/
    
    /*div.top nav.collapse-navbar.scroll-effects div.menu-one a.logo {
    background-color: #1a1a1a;
    }*/
    
    
    /*** cor do vertical-border dos items*/
    div.top nav.collapse-navbar.scroll-effects div.menu-one a.vertical-border,
    div.top nav.collapse-navbar.scroll-effects div.menu-one div.share-social-media a.vertical-border,
    div.top nav.collapse-navbar.scroll-effects div.menu-two a.vertical-border,
    div.top nav.collapse-navbar.scroll-effects div.menu-two h2.vertical-border, 
    div.top nav.collapse-navbar.scroll-effects div.menu-two h3.vertical-border,
    div.top nav.collapse-navbar.scroll-effects div.menu-two button.vertical-border,
    div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a.vertical-border {
    border-right: 0.1em solid #efefef;
    }
    
    /*** cor do no-vertical-border dos items: transparente*/
    div.top nav.collapse-navbar.scroll-effects div.menu-one a.no-vertical-border,
    div.top nav.collapse-navbar.scroll-effects div.menu-one div.share-social-media a.no-vertical-border,
    div.top nav.collapse-navbar.scroll-effects div.menu-two a.no-vertical-border,
    div.top nav.collapse-navbar.scroll-effects div.menu-two h2.no-vertical-border, 
    div.top nav.collapse-navbar.scroll-effects div.menu-two h3.no-vertical-border,
    div.top nav.collapse-navbar.scroll-effects div.menu-two button.no-vertical-border,
    div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a.no-vertical-border{
    border-right: 0.1em solid rgba(255, 255, 255, 0);
    }
    
    /*** cor do border-bottom do hover dos items*/
    /*div.top nav.collapse-navbar.scroll-effects div.menu-two a:hover,
    div.top nav.collapse-navbar.scroll-effects div.menu-two a.back-to-index:hover,
    div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a:hover,
    div.top nav.collapse-navbar.scroll-effects div.menu-two button:hover {
    color: #f0f0f0;
    }
    
    div.top nav.collapse-navbar.scroll-effects div.menu-two a:hover {
    color: #f0f0f0;
    }*/
    
    
    
    
    
    
    
    
    
    
    /*div.top nav.collapse-navbar.scroll-effects #myMenuTwo a.active {
    color: #f00;
    }*/
    
    /*** tirar o border-bottom do hover destes dois items*/
    div.top nav.collapse-navbar.scroll-effects div.menu-two a.back-to-index:hover,
    div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media.only-large-devices a:hover {
    border-bottom:none;
    }
    
    /*** cor border-bottom do current-item*/  
    div.top nav.collapse-navbar.scroll-effects div.menu-two a.current-item {
    pointer-events: none;
    cursor: default;
    border-bottom: 0.03em solid #808080;
    }
    
    
    /** button créditos e modal box (cx pop up)*/
    
    div.top nav.collapse-navbar div.menu-two div.modal-box-container {
    z-index: 3;
    display:none;
    position: fixed;
    right: 0;
    top: 0;
    overflow: auto;
    }
    
    div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content {
    margin: auto;
    position: relative;
    padding: 0;
    outline: 0;
    width: 228px;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
    
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.89) 77%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.89) 77%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.89) 77%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
    }
    
    div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text {
    padding: 8em 1em 4em 1em;
    }
    
    div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text button.close {
    /*z-index: 6;
    position: absolute;
    right: 0;
    top: 0;
    color: #ffffff;
    background-color: #d35251;
    margin: 0em;
    border-bottom: 0em;
    padding: 0.8rem 1.6rem;*/
    display: none;
    }
    
    div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text button.close:hover {
    color: #ffffff;
    background-color: #d86665;
    }
    
    .topright {
    position: absolute;
    right: 0;
    top: 0;
    }
    
    div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text cite {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.45em;
    line-height: 1.35em;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    display: block;
    color: #f2f2f2;
    margin-bottom: 0.8em;
    }
    
    div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text cite span.media-name {
    font-weight: 400;
    text-transform: uppercase;
    padding-right: 0.3em;
    text-align: center;
    display: block;
    color: #f0f0f0;
    }
    
    div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text h6,
    div.wrapper div.content-center div.credits h6 {
    font-size: 1em;
        font-family: Firme-Medium, sans-serif;
        text-transform: uppercase;
        margin-top: 2em;
        color: #ffffff; 
    }
    
    
    
    /* 04 TUDO DE: WRAPPER */
    
    
    /** imagens em parallax ao longo do texto*/
    
    /*div.wrapper div.content.content-fullwidth div.box div.box-parallax.bg-img-2 {
    background-image: url('//img/escolhidas/AF5_1779.jpg');
    min-height: 66em; 
    }
    
    div.wrapper div.content.content-fullwidth div.box div.box-parallax.bg-img-3 {
    background-image: url('//images.impresa.pt/expresso/2018-02-23-AF5_2084.jpg/original');
    min-height: 66em; 
    }
    
    div.wrapper div.content.content-fullwidth div.box div.box-parallax.bg-img-4 {
    background-image: url('//images.impresa.pt/expresso/2018-02-23-AF5_1756.jpg/original');
    min-height: 66em; 
    }
    
    div.wrapper div.content.content-fullwidth div.box div.box-parallax.bg-img-5 {
    background-image: url('//images.impresa.pt/expresso/2018-02-23-AF5_2062.jpg/original');
    min-height: 66em; 
    }
    
    
    div.wrapper div.content.content-fullwidth div.box div.box-parallax.bg-img-6 {
    background-image: url('//images.impresa.pt/expresso/2018-02-23-AF5_1695.jpg-1/original');
    min-height: 66em; 
    }*/
    
    /** div.box-video > video */
    
    div.box div.box-video video
    {
    width: 100%;
    height: 100%;
    }
    
    div.wrapper div.content.content-fullwidth div.box div.box-video div.video-overlay {
    background: #191919;
    opacity: 0.8;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    
    div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay figure {
    background: rgba(255, 255, 255, 0.18);
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    border-radius: 100%;
    
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
    }
    
    div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay figure button {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    background: none;
    border-radius: 100%;
    margin: auto;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border: 0.2em solid #FFF;
    
    width: 14em;
        height: 14em;
    }
    
    div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay figure button::after {
        border-width: 3em 0 3em 5em;
        top: 0.1em;
        left: 0.3em;
        position: relative;
        content: '';
        display: inline-block;
        border-style: solid;
        border-color: transparent transparent transparent white;
    }
    
    
    
    /** div.box-video > iframe */
    
    div.wrapper div.content.content-center div.box div.box-video iframe,
    div.wrapper div.content.content-fullwidth div.box div.box-video iframe,
    div.wrapper div.content.content-larger div.box div.box-video iframe {
    width: 100%;
    }
    
    div.wrapper div.content.content-center div.box div.box-video iframe {
    height: 39.9em;  
    }
    
    div.wrapper div.content.content-fullwidth div.box div.box-video iframe,
    div.wrapper div.content.content-larger div.box div.box-video iframe {
    height: 83.9em;
    }
    
    /** spotify*/
    
    div.wrapper div.content.content-center div.box div.box-spotify {
    position: relative;
    height: auto;
    }
    
    div.wrapper div.content.content-center div.box div.box-spotify iframe {
    width: 100%;
    height: 28em;  
    }
    
    /** audio*/
    
    div.wrapper div.content.content-center div.box div.box-audio audio,
    div.wrapper div.content.content-fullwidth div.box div.box-audio audio,
    div.wrapper div.content.content-larger div.box div.box-audio audio {
    width: 100%;
    height: 3.2em;
    }
    
    /** mapa*/
    
    div.wrapper div.content.content-center div.box div.box-map iframe {
    width: 100%;
    height: 50em;
    }
    
    div.wrapper div.content-fullwidth div.box div.box-map iframe,
    div.wrapper div.content-larger div.box div.box-map iframe {
    width: 100%;
    height: 60em;
    }
    
    /** slideshow*/
    
    div.wrapper div.content-fullwidth div.box-slideshow img.mySlides,
    div.wrapper div.content-center div.box-slideshow img.mySlides,
    div.wrapper div.content-larger div.box-slideshow img.mySlides {
    margin-left: auto;
    margin-right: auto;
    }
    
    /*div.wrapper div.content-fullwidth div.box-slideshow button,
    div.wrapper div.content-center div.box-slideshow button,
    div.wrapper div.content-larger div.box-slideshow button {
    padding: 1.1em 1.1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 50%;
    margin: auto;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border: 0.2em solid #FAA61A;
    }*/
    
    /*.content-fullwidth .box-slideshow button:hover,
    .content-center .box-slideshow button:hover {
    box-shadow: 0 8px 16px 0 
    rgba(0, 0, 0, 0.2), 0 6px 20px 0 
    rgba(0, 0, 0, 0.19);
    }*/
    
    div.wrapper div.content-fullwidth div.box-slideshow button:disabled,
    div.wrapper div.content-center div.box-slideshow button:disabled,
    div.wrapper div.content-larger div.box-slideshow button:disabled {
    cursor: not-allowed;
    opacity: 0.3;
    box-shadow: none;
    }
    
    div.wrapper div.content-fullwidth div.box-slideshow button:hover,
    div.wrapper div.content-center div.box-slideshow button:hover,
    div.wrapper div.content-larger div.box-slideshow button:hover {
    color: #FAA61A;
    background-color: rgba(0, 0, 0, 0);
    }
    
    div.wrapper div.content-fullwidth div.box-slideshow button.button-display-left,
    div.wrapper div.content-center div.box-slideshow button.button-display-left,
    div.wrapper div.content-larger div.box-slideshow button.button-display-left {
    position: absolute;
    left: 2em;
    }
    
    div.wrapper div.content-fullwidth div.box-slideshow button.button-display-right,
    div.wrapper div.content-center div.box-slideshow button.button-display-right,
    div.wrapper div.content-larger div.box-slideshow button.button-display-right {
    position: absolute;
    right: 2em;
    }
    
    div.wrapper div.content-fullwidth div.box-slideshow button i,
    div.wrapper div.content-center div.box-slideshow button i,
    div.wrapper div.content-larger div.box-slideshow button i {
    /*border: solid;
    border-width: 0 0.4em 0.4em 0;
    display: inline-block;
    padding: 1em;*/
    border: solid;
    border-width: 0 0.35em 0.35em 0;
    display: inline-block;
    padding: 0.6em;
    color: #FAA61A;
    position: relative;
    top: 0.1em;
    }
    
    div.wrapper div.content-fullwidth div.box-slideshow button.button-display-right,
    div.wrapper div.content-center div.box-slideshow button.button-display-right,
    div.wrapper div.content-larger div.box-slideshow button.button-display-right {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    }
    
    /* div.wrapper div.content-fullwidth div.box-slideshow button.button-display-left,
    div.wrapper div.content-center div.box-slideshow button.button-display-left,
    div.wrapper div.content-larger div.box-slideshow button.button-display-left {
    
    } */
    
    /*caso seja necessário. não está a ser usada*/
    div.wrapper div.content-fullwidth div.box-slideshow button i.up,
    div.wrapper div.content-center div.box-slideshow button i.up,
    div.wrapper div.content-larger div.box-slideshow button i.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    }
    
    /*caso seja necessário. não está a ser usada*/
    div.wrapper div.content-fullwidth div.box-slideshow button i.down,
    div.wrapper div.content-center div.box-slideshow button i.down,
    div.wrapper div.content-larger div.box-slideshow button i.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    }
    
    /** Lettering corpo principal do texto: espaço entre parágrafos*/
    
    div.wrapper div.content-center p,
    div.wrapper div.content-fullwidth p,
    div.wrapper div.content-larger p,
    .mainintro {
    display: block;
    /*-webkit-margin-before: 1em;*/
    -webkit-margin-before: 1.6em;
    -webkit-margin-after: 1.5em;
    -webkit-margin-start: 0em;
    -webkit-margin-end: 0em;
    font:  300 20px /1.4em blacker_pro_textbook, serif;
    color: rgb(255, 255, 255);
    /* margin-bottom: 32px!important; */
    font-weight: 300;
    font-style: normal;
    Line-height: 28px;
    flex: none;
    order: 0;
    flex-grow: 0;
    /* margin: 0px 26px; */
    }
    
    
    .row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
    }
    
    .capitular {
        font: 800 2.65em/1em 'blacker_pro_displaybold', serif;
        float: left;
        display: block;
        padding: 0 .5em .3em 0;
        font-weight: 900;
        font-style: normal;
        font-weight: 900;
        font-size: 64px;
        line-height: 60px;
        text-align: center;
        /* color: #333; */
        color: #ebe6b9;
    
    }
    
    @media screen and (min-width: 640px){
        .capitular {
            padding: 0.5em;
        }}
    
    @media screen and (min-width: 768px){
    .capitular {
        font-size: 3.2em;
        padding: 0.35em;
    }}
    
    
    /** Lettering corpo principal do texto: highlight no texto*/
    
    div.wrapper div.content.content-center p mark,
    div.wrapper div.content.content-center div.box div.box-text p mark {
    background-color: rgba(201, 202, 191, 0.42);
    color: #000;
    }
    
    mark {
    padding-left: 0.3em;
    padding-right: 0.3em;
    }
    
    mark.amarela {
    background-color: #b5978f;
    }
    
    mark.azul {
    background-color: #6a7979;
    }
    
    /** Lettering corpo principal do texto: introdução*/
    
    div.wrapper div.content.content-center div.intro {
    position: relative;
    /* margin-top: 5em; */
    margin-top: 1em;
    margin-bottom: 9em;
    }
    
    div.wrapper div.content.content-center div.intro.primeira {
    display: block;
    }
    
    div.wrapper div.content.content-center div.intro.segunda {
    display: none;
    }
    
    div.wrapper div.content.content-center div.intro p {
        /* background-color: rgb(190, 190, 235); */
        text-align: center;
        /* padding: 80px 40px 40px 40px; */
        font: 400 2.2em 'blacker_pro_displayregular', serif;
        /* color: #333; */
        /* margin-bottom: 32px!important; */
        font-weight: 300;
        font-style: normal;
        Line-height: 30px;
        text-align: center;
        /* margin: 1px 5px 1px 5px; */
        /* width: 694px; */
        font: 300 2.2em/ 30px 'blacker_pro_textbook', serif;
        text-align: left;
        font-size: 20px;
        line-height: 28px;
        margin-top: 1em;
    }
    
    
    div.wrapper div.content.content-center div.intro p.article_Signature.bordered{
    display: block;
    border: 0.5px solid #333;
    border-left-width: 0;
    border-right-width: 0;
    padding: 0.2em 0 0.2em 0;
    line-height: 67%;
    /* width: 93%; */
    margin: 4.5em auto 2.5em auto;
    text-align: center;
    }
    
 
    
    div.wrapper div.content.content-center div.intro p.article_Signature.bordered span.assinatura1, 
    div.wrapper div.content.content-center div.intro p.article_Signature.bordered span.assinatura2,
    .data {
        color: #ffffff;
        font-size: 0.56em;
        /* text-transform: uppercase; */
        font-family: Firme-Book,sans-serif;
        line-height: 0em;
        font-weight: 800;
        font: 900 17.2px 'blacker_pro_displayregular', serif;
        /* color: #333; */
        margin-bottom: 32px!important;
        margin-top: 40px;
        font-weight: 300;
        font-style: normal;
        Line-height: 28px;
        text-align: center;
    }
    
    div.wrapper div.content.content-center div.intro p.article_Signature.bordered span.assinatura2,
    .data {
    color: #ebe6b9;
    /*    font-family: Firme-Bold,sans-serif;*/
    /*    font-weight: 100;*/
       /* font-size: 0.63em; */
        margin-right: 0.1em;
        margin-left: -0.1em;
        font-family: 'blacker_pro_displaybold', serif;
    
    }

    .data{
    color: white!important;
    text-align: center;
    justify-content: center;
    /* margin: auto; */
    display: inline-block;
    width: 100%;
    }
    
    
    
    div.wrapper div.content.content-center div.intro h6 {
    font-size: 2.2em;
    font-weight: 100;
    text-align: left;
    -webkit-margin-before: 1em;
    /* -webkit-margin-after: 0em; */
    color: #333;
    font-family: Firme-Medium,sans-serif;
    letter-spacing: 0em;
    }
    
    div.wrapper div.content.content-larger div.intro h6 span.h6-de {
    font-weight: 100;
    font-family: Firme-light,sans-serif;
    }
    
    
    
    /** Lettering corpo principal do texto: texto e listas*/
    
    div.wrapper div.content.content-center > p ,
    div.wrapper div.content.content-center > ul {
    font-family: Merriweather-Regular,serif;
    font-size: 2.1em;
    text-align: left;
    line-height: 1.55em;
    }
    
    
    /** Lettering corpo principal do texto: fist-paragraph*/
    
    div.wrapper div.content.content-center > p#fist-paragraph {
    margin-top: 5em;
    }
    
    /** Lettering corpo principal do texto: first-letter of fist-paragraph*/
    
    /* div.wrapper div.content.content-center > p#fist-paragraph::first-letter {
    font-family: Acta-Book, serif;
    width: 0.7em;
    font-size: 400%;
    line-height: 80%;
    float: left;
    color: #f0f0f0;
    font-size: 8em;
    line-height: 0.86em;
    display: block;
    float: left;
    margin-top: -0.05em;
    margin-left: -0.4%;
    margin-right: 2.1%;
    margin-bottom: -1%;
    } */
    
    div.wrapper div.content.content-center > p span#first-letter {
    font-family: 'Firme-ExtraBold';
    font-size: 10em;
    float: left;
    padding: 0;
    display: block;
    margin-bottom: 0%;
    line-height: 69%;
    padding-right: 0%;
    color: #767676;
    margin-left: -0.077em;
    }
    
    /** Lettering corpo principal do texto: bold*/
    
    div.wrapper div.content.content-center p b {
    color: #f2f2f2;
    }
    
    /** Lettering corpo principal do texto: aspas (quote)*/
    
    div.wrapper div.content.content-center > p.quote {
    font-family: Georgia,serif;
    }
    
    /** Lettering corpo principal do texto: aspas (first-quote::before)*/
    
    div.wrapper div.content.content-center > p.first-quote::before  
     {
    content: open-quote;
    quotes: "\201C""\201D" "\2018""\2019";
    quotes: "“" "”";
    font-family: 'Firme-Black', sans-serif;
    font-weight: 800;
    font-size: 6em;
    line-height: 0em;
    display: block;
    float: left;
    margin-top: 0.22em;
    padding-right: 16px;
    }
    
    /** Lettering corpo principal do texto: headings*/
    
    div.wrapper div.content.content-center > h2.cap-img-mobile {
    display: none;
    }
    
    
    /* div.wrapper div.content.content-center > h2 span.chapters,
    div.wrapper div.content.content-center > h3,
    div.wrapper div.content.content-center > h2.sub-h2 {
    
    } */
    
    div.wrapper div.content.content-center > h3 {
    font-size: 2.5em;
    line-height: 1.3em;
    margin-top: 1.8em;
    font-weight: 100;
    color: #277095;
    margin-bottom: 1.8em;
    padding: 0.4em;
    text-align: center;
    font-family: 'OpenSans-ExtraBold', sans-serif;
    }
    
    div.wrapper div.content.content-center > h3.veja-mais {
    font-style: normal;
    display: block;
    font-size: 1.5em;
    line-height: 1.5em;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 2.2em;
    margin-bottom: 2.1em;
    text-align: center;
    font-family: "Firme-Bold",sans-serif;
    }
    
    
    div.wrapper div.content.content-center > h3.tit-poema {
        color: #333;
        text-transform: uppercase;
        font-size: 2.5em;
        margin-bottom: 1.2em;
        margin-top: 2em;
    }
    
    div.wrapper div.content.content-center > p.poema {
        font-size: 2em;
        font-style: italic;
        line-height: 1.5em;
    }
    
    div.wrapper div.content.content-center > p span.assinatura-poema {
    font-weight: bold;
    font-size: 0.8em;
    }
    
    /** Lettering corpo principal do texto: h2*/
    
    div.wrapper div.content.content-fullwidth > h2 {
    font-family: 'OpenSans-ExtraBold', sans-serif;
    display: block;
    font-size: 5.8em;
    padding-top: 1.5em;
    margin-bottom: 0.8em;
    font-weight: 800;
    color: #277095;
    text-align: center;
    background: linear-gradient(to bottom, #ffffff, #212121);
    }
    
    div.wrapper div.content.content-center > h2 {
    font-family: 'OpenSans-ExtraBold', sans-serif;
    display: block;
    font-size: 5.8em;
    padding-top: 1.5em;
    margin-bottom: 0.8em;
    font-weight: 800;
    color: #cc092f;
    text-align: center;
    }
    
    div.wrapper div.content.content-center > h2.opiniao {
    color: #ffcb07;
    }
    
    
    div.wrapper div.content.content-center > h2 span.hora {
    font-family: 'Firme-Bold', sans-serif;
    }
    
    div.wrapper div.content.content-center > h2.sub-h2 {
    -webkit-margin-before: 0;
    font-size: 3.9em;
    margin-bottom: 1em;
    }
    
    /** Lettering corpo principal do texto: h2 span.chapters*/
    
    
    div.wrapper div.content.content-center > h2 span.chapters {
    font-size: 0.9em;
    font-weight: 500;
    line-height: 1.3em;
    /*margin-top: 0.5em;
    margin-bottom: 0.2em;*/
    }
    
    /** Lettering corpo principal do texto: h3*/
    div.wrapper div.content.content-center > h2.cap-img-mobile,
    div.wrapper div.content.content-center > h4,
    div.wrapper div.content.content-center > h4.infografia-subh3 {
    /*font-family: 'ExpressoSansThinCapitalsRegular', serif;*/
    font-family: 'GlosaDisplay-Medium';
    font-size: 3.1em;
    line-height: 1.3em;
    font-weight: 1000;
    margin-top: 0.8em;
    text-transform: uppercase;
    color: #144779;
    letter-spacing: -0.01em;   
    }
    
    div.wrapper div.content.content-center > h2.cap-img-mobile {
    font-size: 5em;
    text-align: center;
    }
    
    /* div.wrapper div.content.content-center > h3 {
    margin-bottom: -0.99em;
    } */
    
    div.wrapper div.content.content-center > h3.infografia {
    margin-bottom: 0.1em;
    }
    
    div.wrapper div.content.content-center > h4 {
    font-family: 'Firme-Bold', sans-serif;
    font-size: 2.1em;
    margin-bottom: -1em;
    margin-top: 2.1em;
    }
    
    
    
    div.wrapper div.content.content-center > h3.sem-h4 {
    margin-top: 2.5em;
    }
    
    div.wrapper div.content.content-center > h4.infografia-subh3 {
    font-size: 1.7em;
    letter-spacing: 0.03em;
    font-family: 'Firme-Bold', sans-serif;
    margin-top: 1.5em;
    margin-bottom: -1em;
    }
    
    
    div.wrapper div.content.content-center.epilogo > p,
    div.wrapper div.content.content-center.epilogo > h3 {
    text-align: center;
    font-style: italic;
    }
    
    /** Lettering corpo principal do texto: h3.question*/
    
    div.wrapper div.content.content-center > h3.question {
    font-family: Georgia,serif;
    font-size: 2.2em;
    font-weight: 800;
    text-align: left;
    line-height: 1.3em;
    margin-bottom: -0.8em;
    letter-spacing: -0.001em;
    text-transform: none;
    }
    
    /** Lettering corpo principal do texto: h3.question::before*/
    
    div.wrapper div.content.content-center > h3.question::before {
    content: "p. ";
    }*/
    
    /** Lettering caixa de números*/
    
    div.wrapper div.content.content-center div.box div.box-numbers > p {
    font-family: "Firme-Book",sans-serif;
    font-size: 2em;
    line-height: 1.2em;
    margin-top: 0;
    font-weight: 700;
    color: #333;
    opacity: 1;
    }
    
    /** Lettering caixa de texto */
    
    /** Lettering caixa de texto: alinhamento do texto*/
    
    div.wrapper div.content.content-center div.box div.box-text > p,
    div.wrapper div.content.content-center div.box div.box-text > h2,
    div.wrapper div.content.content-center div.box div.box-text > h3,
    div.wrapper div.content.content-center div.box div.box-text > h4 {
    text-align: left;}
    
    /** Lettering caixa de números: h2*/
    
    div.wrapper div.content.content-center div.box div.box-numbers > h2 {
    font-family: "Georgia",serif;
    font-size: 1.5em;
    line-height: 1.4em;
    letter-spacing: 0.01em;
    font-weight: 700;
    margin-top: 0.5em;
    padding-right: 6%;
    text-transform: none;
    text-align: right;
    text-transform: uppercase;
    font-family: "Firme-medium",sans-serif;
    }
    
    /** Lettering caixa de números: h3*/
    
    div.wrapper div.content.content-center div.box div.box-numbers > h3 {
    font-family: "Firme-Black",sans-serif;
    font-size: 2.4em;
    line-height: 0.55em;
    letter-spacing: -0.04em;
    font-weight: 800;
    margin-top: 1.5em;
    margin-bottom: 0.4em;
    padding-right: 20%;
    text-transform: uppercase;
    }
    
    /** Lettering caixa de um número SÓ*/
    
    div.wrapper div.content-center div.box div.box-number blockquote,
    div.wrapper div.content-center div.box.box-left div.box-number blockquote,
    div.wrapper div.content-center div.box.box-right div.box-number blockquote {
    font-family: Georgia,serif;
    font-weight: 800;
    font-size: 2.8em;
    line-height: 1.4em;
    letter-spacing: 0.01em;
    display: block;
    }
    
          /*** left and right */
          div.wrapper div.content-center div.box.box-left div.box-number blockquote,
          div.wrapper div.content-center div.box.box-right div.box-number blockquote {
          font-family: Georgia,serif;
          font-weight: 700;
          font-size: 2.2em;
          line-height: 1.4em;
          letter-spacing: -0.02em;
          }
    
    div.wrapper div.content-center div.box div.box-number blockquote span.number-description,
    div.wrapper div.content-center div.box.box-left div.box-number blockquote span.number-description,
    div.wrapper div.content-center div.box.box-right div.box-number blockquote span.number-description {
    opacity: 0.6; 
    }
    
    /*** center, left and right: span number */
    div.wrapper div.content-center div.box div.box-number blockquote h2.number,
    div.wrapper div.content-center div.box.box-left div.box-number blockquote h2.number,
    div.wrapper div.content-center div.box.box-right div.box-number blockquote h2.number {
    font-size: 2.8em;
    padding-bottom: 0.5em;
    opacity: 1;
    }
    
    /** Lettering das div.box div.box-blockquote blockquote*/
    
    div.wrapper div.content.content-center div.box.box-left div.box-blockquote blockquote,
    div.wrapper div.content.content-center div.box.box-right div.box-blockquote blockquote,
    div.wrapper div.content.content-center div.box div.box-blockquote blockquote,
    div.wrapper div.content-fullwidth div.box div.box-blockquote blockquote,
    div.wrapper div.content-larger div.box div.box-blockquote blockquote {
    font-family: 'Acta-Book', serif;
    font-weight: 800;
    letter-spacing: -0.01em;
    margin-left: 0em;
    margin-right: 0em;
    }
    
    
        /*** especificidaes center*/
    
    div.wrapper div.content.content-center div.box div.box-blockquote blockquote {
    font-size: 2.8em;
    line-height: 1.4em;
    letter-spacing: 0.01em;
    }     
    
        /*** especificidaes floats left and right*/
    
    div.wrapper div.content.content-center div.box.box-left div.box-blockquote blockquote,
    div.wrapper div.content.content-center div.box.box-right div.box-blockquote blockquote {
    font-size: 2.2em;
    letter-spacing: -0.02em;
    }
    
        /*** especificidaes fullwidth*/
    
    div.wrapper div.content.content-fullwidth.fundo-destaque {
    background-color: #000000;    
    }
    
    /* div.wrapper div.content.content-fullwidth.fundo-destaque div.destaque.box.content {
    
    } */
    
    div.wrapper div.content.content-center.blockquote {
    margin-bottom: 5em;
    }
    
    
    div.wrapper div.content.content-center div.box div.box-blockquote blockquote,
    div.wrapper div.content.content-larger div.box div.box-blockquote blockquote {
    font-size: 3.3em;
        line-height: 1.3em;
        color: #767676;
        letter-spacing: 0.05em;
        font-family: 'BreveDisplay-Regular', serif;
        font-weight: 500;
    }
    
    
    
    
    
    
    
    /** Lettering das <blockquote>: div.box div.box-blockquote blockquote::before 
    
    div.wrapper div.content.content-fullwidth div.box div.box-blockquote blockquote.citacao::before,
    div.wrapper div.content.content-larger div.box div.box-blockquote blockquote.citacao::before {
    content: open-quote;
    quotes: "\201C""\201D" "\2018""\2019";
    quotes: "“" "”";
    position: absolute;
    top: 0.89em;
    left: -0.6em;
    font-family: 'Firme-Medium', sans-serif;
    font-weight: 500;
    font-size: 3.3em;
    line-height: 0em;
    color: #bc182b;
    }  */  
    
    
    /** Lettering das <blockquote> float: div.box div.box-blockquote blockquote::before */
    
    div.wrapper div.content.content-center div.box.box-left div.box-blockquote blockquote::before,
    div.wrapper div.content.content-center div.box.box-right div.box-blockquote blockquote::before,
    div.wrapper div.content.content-center div.box div.box-blockquote blockquote::before{
    content: open-quote;
    /*quotes: "\201C""\201D" "\2018""\2019";*/
    quotes: "“" "”";
    font-family: 'GlosaDisplay Black'; 
    /*font-family: Georgia,serif;*/
    font-weight: 800;
    font-size: 6em;
    line-height: 0em;
    display: block;
    float: left;
    margin-top: 0.22em;
    padding-right: 16px;
    }
    
    
    /** Lettering das div.box div.box-blockquote blockquote: cite */
    
    div.wrapper div.content.content-center div.box.box-left div.box-blockquote cite,
    div.wrapper div.content-center div.box.box-right div.box-blockquote cite,
    div.wrapper div.content-center div.box div.box-blockquote cite,
    div.wrapper div.content-fullwidth div.box div.box-blockquote cite,
    div.wrapper div.content-larger div.box div.box-blockquote cite {
    font-style: normal;
    display: block;
    text-transform: none;
    font-family: 'Firme-Black', sans-serif;
    font-weight: 100;
    color: #767676;
    background-color: #efefef;
    text-align: left;
    border-radius: 12px;
    }
    
        /*** especificidades cite center*/
    div.wrapper div.content-center div.box div.box-blockquote cite,
    div.wrapper div.content-larger div.box div.box-blockquote cite {
        font-size: 2.2em;
        line-height: normal;
        margin-top: 0.5em;
    }
    
        /*** especificidades cite floats left and right*/
    div.wrapper div.content-center div.box.box-left div.box-blockquote cite,
    div.wrapper div.content-center div.box.box-right div.box-blockquote cite {
        font-size: 2.2em;
        line-height: normal;
        margin-top: 0.5em;
    }
    
    
        /*** especificidades cite fullwidth*/
    div.wrapper div.content-fullwidth div.box div.box-blockquote cite,
    div.wrapper div.content-larger div.box div.box-blockquote cite {
        font-size: 2.2em;
        line-height: normal;
        margin-top: 0.5em;
    }
    
        /*** especificidades cite-position floats left and right*/
    div.wrapper div.content-center div.box.box-left div.box-blockquote cite span.cite-position,
    div.wrapper div.content-center div.box.box-right div.box-blockquote cite span.cite-position,
    div.wrapper div.content-fullwidth div.box div.box-blockquote cite span.cite-position
    /*div.wrapper div.content-larger div.box div.box-blockquote cite span.cite-position*/{
    font-family: "Firme-Medium",sans-serif;
    font-weight: 500;
    display: block;
    font-style: normal;
    font-size: 0.9em;
    line-height: 1em;
    margin-top: 0.2em;
    }
    
    
        /*** especificidades cite-position center*/
    div.wrapper div.content-fullwidth div.box div.box-blockquote cite span.cite-position
    /*div.wrapper div.content-larger div.box div.box-blockquote cite span.cite-position*/{
    font-family: "Firme-Light",sans-serif;
    font-weight: 800;
    display: block;
    font-style: normal;
    font-size: 0.8em;
    line-height: 1em;
    margin-top: 0.2em;
    }
    
    /*** especificidades cite-position center*/
    div.wrapper div.content-center div.box div.box-blockquote cite span.cite-position,
    div.wrapper div.content-larger div.box div.box-blockquote cite span.cite-position {
        margin-left: 0.4em;
        font-weight: 100;
    }
    
    /** figcaption/div.captions-media, cite, span.media-name e footnote */
    
        /*** figcaption/div.captions-media*/
    
    /*image cover*/
    div.fullwidth-cover.only-small-devices div.box div.box-image figcaption,
    
    /*image*/
    div.wrapper div.content-center div.box figure.box-image img,
    div.wrapper div.content-fullwidth figure.box-image img,
    div.wrapper div.content-larger figure.box-image img,
    div.wrapper div.content-medium figure.box-image img{
        border:0px solid;
        border-color:black;
        width:100%
        }
    
    
    
    div.wrapper div.content-center div.box figure.box-image2 img,
    div.wrapper div.content-fullwidth figure.box-image2 img,
    div.wrapper div.content-larger figure.box-image2 img,
    div.wrapper div.content-medium figure.box-image2 img{
        margin-top: 50px;
        margin-bottom: 60px;
        opacity:95%;
        }
    
    div.wrapper div.content-center div.box figure.box-image2 img:hover,
    div.wrapper div.content-fullwidth figure.box-image2 img:hover,
    div.wrapper div.content-larger figure.box-image2 img:hover{
        cursor:pointer;
        opacity:100%;
    }
    
    
    /*div.wrapper div.content-center div.box figure.box-image figcaption,
    div.wrapper div.content-larger figure.box-image figcaption,
    div.wrapper div.content-fullwidth figure.box-image figcaption{
        font-family: "Firme-Medium",sans-serif;
        font-weight: 400;
        font-size: 1.8em;
        line-height: 1.25em;
        margin-top: 0.5em;
        color: #ffffff;
        margin-bottom: 45px;   
    }*/
    
    .box-image figcaption{
        /* font-family: "Firme-Bold",sans-serif; */
        /* font-weight: 400; */
        /* font-size: 1.8em; */
        line-height: 1.25em!important;
        margin-top: 0.5em!important;
        /* margin-bottom: 95px!important;  */
        font: 500 16px 'Firme-Medium','Source Sans Pro',sans-serif!important;
        color: #ffffff!important;
        display: inline-block!important;
        top:-10px!important}
    
    .legenda{
        padding-left: 2%;
        font: 500 16px 'Firme-Medium','Source Sans Pro',sans-serif!important;
        color: #ffffff!important;
        /* top: -1px!important; */
        margin-top: 40px;
        width: 10%;
        /* float: left; */
        position: absolute;
    } 
    
    @media only screen and (max-width : 1024px){
        .legenda{
            width: 100%;
            position: relative;
            margin-bottom: 10px;   
            margin-top: 10px;
        }
    }
    
    
    
    /*video e audio*/
    div.wrapper div.content-center div.box div.captions-media,
    div.wrapper div.content-fullwidth div.box div.captions-media,
    div.wrapper div.content-larger div.box div.captions-media,
    /*parallax*/
    div.wrapper div.content-fullwidth div.box div.captions-media,
    /*slideshow*/
    div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides figcaption,
    div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides figcaption,
    div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides figcaption{
    font-family: "Firme-Medium",sans-serif;
    font-weight: 400;
    font-size: 1.8em;
    /* line-height: 1.25em; */
    margin-top: 0.5em;
    }
    
    div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides figcaption span.espaco-dta,
    div.wrapper div.content-fullwidth div.box div.box-image figcaption span.espaco-dta
    div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides figcaption span.espaco-dta,
    div.wrapper div.content-larger div.box div.box-image figcaption span.espaco-dta {
    padding-right: 0.2em;
    }
    
    div.wrapper div.content-center div.box figure.box-image figcaption span.creditofoto {
    font-family: "Firme-Medium",sans-serif;
    font-size: 0.7em;
    text-transform: uppercase;
    padding-left: 0.5em;  
    }
    
    /*slideshow*/
    div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides div.caption-background figcaption,
    div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides div.caption-background figcaption,
    div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides div.caption-background figcaption {
    color: #f2f2f2;
    opacity: 1;
    margin-top: 0em;
    }
    
    /*fotos*/
    div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides div.caption-background figcaption span.pre-figcaption,
    
    div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides div.caption-background figcaption span.pre-figcaption,
    
    div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides figcaption span.pre-figcaption,
    
    div.wrapper div.content-fullwidht div.box figure.box-image figcaption span.pre-figcaption,
    div.wrapper div.content-fullwidth div.box figure.box-image figcaption span.pre-figcaption,
    div.wrapper div.content-larger div.box figure.box-image figcaption span.pre-figcaption,
    div.wrapper div.content-center div.box figure.box-image figcaption span.pre-figcaption {
    font-family: 'blacker_pro_displayheavy', sans-serif;
    font-size: 1.5vh;
    line-height: 1.3em;
    margin-top: 0.5em;
    color: #ebe6b9;
    /* text-transform: uppercase; */
    padding-right: 0.5em;
    }
    
    @media screen and (min-width : 769px) {
        div.wrapper div.content-fullwidth div.box figure.box-image figcaption{
            width:100%;
        }
    }
    
    @media screen and (max-width : 768px) {
        .content-fullwidth .box-image .content-center,
        .content-larger .box-image .content-center,
        .content-medium .box-image .content-center{
            max-width: 100%;
            padding:0 0%;
        }
    }
    
    
    div.wrapper div.content-fullwidht div.box figure.image figcaption span.pre-figcaption,
    div.wrapper div.content-fullwidth div.box figure.image figcaption span.pre-figcaption,
    div.wrapper div.content-larger div.box figure.image figcaption span.pre-figcaption,
    div.wrapper div.content-center div.box figure.image figcaption span.pre-figcaption {
    font-family: "OpenSans-ExtraBold",sans-serif;
    font-size: 1em;
    line-height: 1.3em;
    margin-top: 0.5em;
    color: #277095;
    text-transform: uppercase;
    padding-right: 0.5em;
    }
    
    div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides div.caption-background figcaption span.espaco-dta,
    div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides div.caption-background figcaption span.espaco-dta,
    
    div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides figcaption span.espaco-dta,
    div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides figcaption span.espaco-dta,
    
    div.wrapper div.content-fullwidht div.box figure.box-image figcaption span.pre-figcaption,
    div.wrapper div.content-larger div.box figure.box-image figcaption span.espaco-dta,
    div.wrapper div.content-center div.box figure.box-image figcaption span.espaco-dta {
    padding-right: 0.2em;
    }
    
    
    /*div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides div.caption-background {
    background-color: #000;
    opacity: 0.8;
    top: -10em;
    position: relative;
    padding-top: 2em;
    padding-bottom: 2em;
    }*/
    
    
    /*image*/
    div.wrapper div.content-center div.box figure.box-image figcaption,
    /*video e audio*/
    div.wrapper div.content-center div.box div.captions-media,
    /*slideshow*/
    div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides div.caption-background figcaption {
    float: left;
    clear: both;
    width: 100%;
    }
    
    /*** cite*/
    
    /*video-intro*/
    div.video-intro div.box cite.media-cite,
    /*image cover*/
    div.fullwidth-cover.only-small-devices div.box div.box-image cite,
    /*Legenda da imagem do parallax*/
    div.content.content-fullwidth div.box.only-large-devices cite.media-cite,
    div.content.content-larger div.box.only-large-devices cite.media-cite,
    /*image*/
    div.wrapper div.content-center div.box figure.box-image cite,
    div.wrapper div.content-fullwidth figure.box-image cite,
    div.wrapper div.content-larger figure.box-image cite,
    div.wrapper div.content-larger figure.box-image figcaption cite,
    /*video audio*/
    div.wrapper div.content-center div.box cite.media-cite,
    div.wrapper div.content-fullwidth div.box cite.media-cite,
    div.wrapper div.content-larger div.box cite.media-cite,
    /*box-slideshow*/
    div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides div.caption-background cite,
    div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides div.caption-background cite,
    div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides cite
     {
    /*font-family: "Firme-Light",sans-serif;
    font-size: 1em;
    line-height: 1.55em;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: -0.04em;
    display: block;
    font-style: normal;
    margin-top: 0.5em;*/
    font-family: "Firme-Light",sans-serif;
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: -0.01em;
    font-style: normal;
    /*margin-left: 0.4em;*/
    font-weight: 700;
    opacity: 0.8;
    }
    
    
    div.wrapper div.content-larger figure.box-image figcaption cite,
    div.wrapper div.content-fullwidth figure figcaption cite{
    display: inline-block;
    }
    
    
    /*box-slideshow*/
    div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides div.caption-background cite,
    div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides div.caption-background cite,
    div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides div.caption-background cite
     {
    color: #f2f2f2;
    opacity: 1;
    }
    
    
    /*** span.media-name*/
    
    /*video-intro*/
    div.video-intro div.box cite.media-cite span.media-name,
    /*image cover*/
    div.fullwidth-cover.only-small-devices div.box div.box-image cite span.media-name,
    /*Legenda da imagem do parallax*/
    div.content.content-fullwidth div.box.only-large-devices cite.media-cite span.media-name,
    /*image*/
    div.wrapper div.content-center div.box figure.box-image cite span.media-name,
    div.wrapper div.content-fullwidth figure.box-image cite span.media-name,
    div.wrapper div.content-larger figure.box-image cite span.media-name,
    /*video audio*/
    div.wrapper div.content-center div.box cite span.media-name,
    .content-fullwidth div.box cite span.media-name,
    /*box-slideshow*/
    div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides cite span.media-name,
    div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides cite span.media-name,
    div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides cite span.media-name
     {
    /*font-family: "Firme-Light",sans-serif;
    font-size: 1.1em;
    line-height: 1.55em;
    font-weight: 800;
    text-transform: uppercase;
    padding-right: 0.58em;*/
    
    padding-right: 0.4em;
    }
    
    /*** footnote*/
    
    /*image cover*/
    div.fullwidth-cover.only-small-devices div.box div.box-image div.footnote p,
    /*image*/
    div.wrapper div.content.content-center div.box figure.box-image div.footnote p,
    div.wrapper div.content.content-fullwidth figure.box-image div.footnote p,
    div.wrapper div.content.content-larger figure.box-image div.footnote p,
    /*video audio*/
    div.wrapper div.content.content-center div.box div.footnote p,
    div.wrapper div.content.content-fullwidth div.box div.footnote p,
    div.wrapper div.content.content-larger div.box div.footnote p,
    /*box-slideshow*/
    div.wrapper div.content.content-center div.box div.box-slideshow.slider div.footnote p,
    div.wrapper div.content.content-fullwidth div.box div.box-slideshow.slider div.footnote p,
    div.wrapper div.content.content-larger div.box div.box-slideshow.slider div.footnote p
     {
    font-family: "Firme-Light",sans-serif;
    font-size: 1.15em;
    line-height: 1.4em;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin-top: 1em;
    margin-bottom: 0em;
    text-align: left; /*ALTERADO*/
    }
    
    /*image cover*/
    div.fullwidth-cover.only-small-devices div.box div.box-image div.footnote p,
    /*image*/
    div.wrapper div.content-center div.box figure.box-image div.footnote p,
    /*video audio*/
    div.wrapper div.content-center div.box div.footnote p,
    /*box-slideshow*/
    div.wrapper div.content-center div.box div.box-slideshow.slider div.footnote p {
    float: left;
    /*ALTERADO float: right;*/
    clear: both;
    width: 100%;
    }
    
    
    /* credits ao final do texto 
    
    div.wrapper div.content-center div.credits.only-small-devices {
    display: none;
    }
    
    div.wrapper div.content-center div.credits h3.ending-text-credits-title,
    div.wrapper div.content-center.last-content a.back-to-top-link div.back-to-top-button h6 {
    font-style: normal;
    display: block;
    font-size: 2.5em;
    line-height: 1.5em;
    text-transform: uppercase;
    color: #be1428;
    margin-top: 0.5em;
    margin-bottom: 1.2em;
    text-align: center;
    font-family: 'Firme-Black', sans-serif;
    }
    
    div.wrapper div.content-center.last-content a.back-to-top-link div.back-to-top-button h6 {
    font-size: 1em;
    text-align: center;
    margin-top: 0.2em;
    }
    
    div.wrapper div.content-center div.credits h4 {
    font-style: normal;
    display: block;
    font-size: 1.7em;
    text-transform: uppercase;
    font-weight: 600;
    color: RGB(255,255,255,0.5);
    font-family: 'Acta-Book', serif;
    margin-bottom: 1em;
    }
    
    div.wrapper div.content-center div.credits h4 {
    margin-top: 1.5em;
    margin-left: 0;
    margin-left: 0;
    margin-bottom: 0.5em;
    }
    
    div.wrapper div.content-center div.credits cite.final-thanks-0,
    div.wrapper div.content-center div.credits cite.final-thanks-1 {
    display: inline;
    padding-right: 0.4em;
    }
    
    div.wrapper div.content-center div.credits cite.final-thanks-0 {
    color: #FAA61A;
    }
    
    div.wrapper div.content-center div.credits cite.final-thanks-1 {
    color: #f2f2f2;
    }
    
    div.wrapper div.content-center div.credits cite.final-thanks span.media-name {
    font-family: 'ExpressoSansThinCapitalsRegular', serif;
    padding-right: 0.2em;
    font-weight: 500;
    }
    
    div.wrapper div.content-center div.credits cite.ending-text-last-cite {
    margin-top: 3em
    }*/
    
    
    
    .fa {
    font-size: initial;
    }
    
    
    /** fa fa icons: icon de finalizar o texto: círculo; */
    
    /*image cover*/
    div.fullwidth-cover.only-small-devices div.box div.box-image div.footnote i.fa,
    /*image*/
    div.wrapper div.content-center div.box figure.box-image div.footnote i.fa,
    div.wrapper div.content-fullwidth figure.box-image div.footnote i.fa,
    div.wrapper div.content-larger figure.box-image div.footnote i.fa,
    /*video e audio*/
    div.wrapper div.content-center div.box div.footnote i.fa,
    div.wrapper div.content-fullwidth div.box div.footnote i.fa,
    div.wrapper div.content-larger div.box div.footnote i.fa,
    /*box-slideshow*/
    div.wrapper div.content-center div.box div.box-slideshow.slider div.footnote i.fa,
    div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.footnote i.fa,
    div.wrapper div.content-larger div.box div.box-slideshow.slider div.footnote i.fa {
    padding-right: 0.2em;
    }
    
    div.wrapper div.content-center p i.fa.fa-circle {
    font-size: 0.7em;
    }
    
    div.wrapper div.content-center hr.ending-text-border {
    overflow: visible;
    padding: 0;
    border: none;
    border-top: 1px solid #ebe6b9;
    color: #ffcb07;
    text-align: center;
    }
    
    div.wrapper div.content-center hr.ending-text-border:after {
    /*content: "•";*/
    display: inline-block;
    position: relative;
    top: -0.65em;
    font-size: 4.6em;
    padding: 0 0.1em;
        background: #efefef;
    }
    
    footer div.content.content-center:after,
    footer div.content.content-center:before {
    display: block;
    }
    
    footer div.content.content-center {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 0em;
    padding-right: 0em;
    }
    
    footer div.content.content-center p {
    font-family: "Firme-Light",sans-serif;
    font-size: 1.1em;
    font-weight: 500;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    text-align: center;
    color: #7b7b7b;
    line-height: 0em;
    }
    
    
    
    
    
    
    /* 05 colors */
    
    /** texto p*/
    
    div.wrapper div.content-center p {
    color: #0d0d0d;
    }
    
    /*div.wrapper div.content-center .box .box-text > p,
    div.wrapper div.content-center .box .box-numbers > p {
    opacity: 0.65;  
    }*/
    
    /** first-letter, headings, question, blockquote, box-number, cite*/
    
    div.wrapper div.content-center > p#fist-paragraph::first-letter,
    div.wrapper div.content-center h2,
    div.wrapper div.content-center h3,
    div.wrapper div.content-center h3.question,
    div.wrapper div.content-center h3.question::before,
    div.wrapper div.content-center h4,
    /*blockquote: box-blockquote*/
    div.wrapper div.content-center div.box.box-left div.box-blockquote blockquote,
    div.wrapper div.content-center div.box.box-right div.box-blockquote blockquote,
    div.wrapper div.content-center div.box div.box-blockquote blockquote,
    div.wrapper div.content-fullwidth div.box div.box-blockquote blockquote,
    div.wrapper div.content-larger div.box div.box-blockquote blockquote,
    /*blockquote: box-number*/
    div.wrapper div.content-center div.box.box-left div.box-number blockquote,
    div.wrapper div.content-center div.box.box-right div.box-number blockquote,
    div.wrapper div.content-center div.box div.box-number blockquote,
    div.wrapper div.content-fullwidth div.box div.box-number blockquote,
    div.wrapper div.content-larger div.box div.box-number blockquote
    /*cite: box-blockquote
    div.wrapper div.content-center div.box.box-left div.box-blockquote cite,
    div.wrapper div.content-center div.box.box-right div.box-blockquote cite,
    div.wrapper div.content-center div.box div.box-blockquote cite,
    div.wrapper div.content-fullwidth div.box div.box-blockquote cite,
    div.wrapper div.content-larger div.box div.box-blockquote cite*/ {
    color: #FFFFFF;
    }
    
    /* div.wrapper div.content.content-center > p,
    div.wrapper div.content.content-center > p.first-quote,
    div.wrapper div.content-center div.credits cite
    div.wrapper div.content.content-center div.box div.box-text > h3,
    div.wrapper div.content.content-center div.box div.box-text > p {
    
    } */
    
    
    
    div.wrapper div.content-center p img.end-mark {
    display: inline-block;
    width: 13px;
    margin-bottom: -1px;
    }
    
    /** Links*/
    
    div.wrapper div.content-center a {
    text-decoration: none;
    background-color: transparent;
    user-select: auto;
    cursor: pointer;
    }
    
    /*** unvisited link */
    div.wrapper div.content-center a:link {
        color: #ede9c0;;
        font-weight: bold;
        text-decoration: none;
        border-bottom: 1px solid #efefef;
    }
    
    /*** visited link */
    div.wrapper div.content-center a:visited {
        color: #ede9c0;
        font-weight: bold;
        text-decoration: none;
        border-bottom: 1px solid #efefef;
    }
    
    /*** mouse over link */
    div.wrapper div.content-center a:hover {
        color: #efefef;
        font-weight: bold;
        text-decoration: none;
        border-bottom: 1px solid #efefef;
    }
    
    /*** selected link */
    div.wrapper div.content-center a:active {
        color: #efefef;
        font-weight: bold;
        text-decoration: none;
        border-bottom: 1px solid #efefef;
    }
    
    /** figcaption: box-image, box-video & box-audio, box-slideshow*/
    
    /*image-cover*/
    div.fullwidth-cover.only-small-devices div.box div.box-image figcaption,
    /*image*/
    div.wrapper div.content-center div.box figure.box-image figcaption,
    div.wrapper div.content-fullwidth figure.box-image figcaption,
    div.wrapper div.content-larger figure.box-image figcaption,
    
    /*video e audio*/
    div.wrapper div.content-center div.box div.captions-media,
    div.wrapper div.content-fullwidth div.box div.captions-media,
    div.wrapper div.content-larger div.box div.captions-media,
    /*slideshow*/
    div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides figcaption,
    div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides figcaption,
    div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides figcaption,
    
    
    
    /** cite: box-image, box-video & box-audio, box-slideshow*/
    
    /*video-intro*/
    div.video-intro div.box cite.media-cite,
    /*image-cover*/
    div.fullwidth-cover.only-small-devices div.box div.box-image cite,
    /*Legenda da imagem do parallax de abertura*/
    div.content.content-fullwidth div.box.only-large-devices cite,
    div.content.content-larger div.box.only-large-devices cite,
    /*image*/
    div.wrapper div.content-center div.box figure.box-image cite,
    div.wrapper div.content-fullwidth figure.box-image cite,
    div.wrapper div.content-larger figure.box-image cite
    
    /*video audio*/
    div.wrapper div.content-center div.box cite,
    div.wrapper div.content-fullwidth div.box cite,
    div.wrapper div.content-larger div.box cite,
    /*box-slideshow*/
    div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides cite,
    div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides cite,
    div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides cite,
    
    /** span.media-name:: box-image, box-video & box-audio, box-slideshow*/
    
    /*video-intro*/
    div.video-intro div.box cite.media-cite span.media-name,
    /*image-cover*/
    div.fullwidth-cover.only-small-devices div.box div.box-image cite span.media-name,
    
    /*Legenda da imagem do parallax de abertura*/
    div.content.content-fullwidth div.box.only-large-devices cite span.media-name,
    div.content.content-larger div.box.only-large-devices cite span.media-name,
    div.wrapper div.content-fullwidth div.box div.captions-media,
    
    /*image*/
    div.wrapper div.content-center div.box figure.box-image cite span.media-name,
    div.wrapper div.content-fullwidth figure.box-image cite span.media-name,
    div.wrapper div.content-larger figure.box-image cite span.media-name,
    
    /*video audio*/
    div.wrapper div.content-center div.box cite span.media-name,
    div.wrapper div.content-fullwidth div.box cite span.media-name,
    div.wrapper div.content-larger div.box cite span.media-name,
    
    /*box-slideshow*/
    div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides cite span.media-name,
    div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides cite span.media-name,
    div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides cite span.media-name,
    div.wrapper div.content-larger div.slideshow-container 
    
    
    
    
    
    /** button: box-slideshow
    div.wrapper div.content-center div.box-slideshow button,
    div.wrapper div.content-fullwidth div.box-slideshow button,
    div.wrapper div.content-larger div.box-slideshow button {
    color:#FAA61A; 
    }*/
    
    
    
      /*NOTA: é com as classes .only-large-devices e .only-small-devices que conseguimos substituir elementos quando passamos dos large para os small devices. Nota que as definições do deste styles.css estão pensadas para o formato width=1366px, ou seja um large-device*/
    
    
    /*
    .box-video {
        position: relative;
    }
    
    .box-video > video {
        width: 100%;
        vertical-align: middle;
    }
    
    .box-video > video.has-media-controls-hidden::-webkit-media-controls {
        display: none;
    }
    
    .video-overlay-play-button {
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 10px calc(50% - 50px);
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        opacity: 0.95;
        cursor: pointer;
        background-image: linear-gradient(transparent, #000);
        transition: opacity 150ms;
    }
    
    .video-overlay-play-button:hover {
        opacity: 0.8;
    }
    
    .video-overlay-play-button.is-hidden {
        display: none;
    }*/
    
    
    .video {
    width: 100%;
    }
    
    .box-video{
    display:table;
    width:auto;
    position:relative;
    width:50%;
    }
    
    #playVideo {
    background-image:url(//images.impresa.pt/expresso/2019-03-25-SETA_DIR.png-1/original);
    background-repeat:no-repeat;
    width:20%;
    height:20%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
    cursor: pointer;
    }
    
    img.text-wrap {
    width: 11.9%;
    float: left;
    margin: 49px 22px 0px 0px;
    /*shape-outside: ellipse();*/
    }
    
    /*LOADER*/
    
    #todo-o-conteudo {
        display: none;
        height: 100%;
        }
        
        #loader {
        width: 100%;
        height: 100%;
        background-color: #000000;
        }
        
        #loader1 {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        background-size: 100px;
        margin: 0 auto;
        padding: 0;
        width: 8em;
        height: 8em;
        border: 0px solid;
        background-position: center center;
        background-color: transparent;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        opacity: 1;
        background: #000000 url('//images.impresa.pt/expresso/2019-10-03-loading2.gif/original');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        }
    
    
    /*Relacionados*/
    
    div.thumbnail-relacionados.content.content-center.clearfix
    {
    display: block;
    position: relative;
    width: 100%;
    }
    
    div.thumbnail-relacionados a {
    user-select: none;
    cursor: pointer;
    border: none;
    outline: none;
    text-decoration: none;
    }
    
    div.thumbnail-relacionados a:hover {
    opacity: .5;
    }
    
    div.thumbnail-relacionados a div.thumb {
    display: block;
    float: left;
    box-sizing: border-box;
    width: 32%;
    }
    
    div.thumbnail-relacionados a div.thumb2 {
    display: block;
    float: left;
    box-sizing: border-box;
    width: 49%;
    }
    
    div.thumbnail-relacionados a div.thumb.thumb01,
    div.thumbnail-relacionados a div.thumb.thumb02 {
    margin-right: 2%;
    }
    
    div.thumbnail-relacionados a div.thumb img {
    width: 100%;
    height: auto;
    }
    
    div.thumbnail-relacionados a div.thumb figcaption,
    div.thumbnail-relacionados a div.thumb2 figcaption {
    font: 300 16px 'blacker_pro_textbook', serif;
    font-weight: 400;
    line-height: 1.25em;
    margin-top: 0.5em;
    color: #ffffff;
    text-align: center;
    }
    
    div.thumbnail-relacionados a div.thumb figcaption cite,
    div.thumbnail-relacionados a div.thumb2 figcaption cite {
    font-family: "Firme-Bold",sans-serif;
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: -0.01em;
    font-style: normal;
    /* margin-left: 0.4em; */
    font-weight: 700;
    opacity: 0.8;
    }
    
    /*fim Relacionados*/
    
    
    /*--AGREGADOR---*/
    .agregador {
    position: relative;
    width: 100%;
    margin: 0 auto;
    }
    
    .agregador::after {
    content: '';
    clear: both;
    display: block;
    }
    
    .agregador .item-hover {
    position: relative;
    width: 24.8%;
    margin: 0px;
    padding: .2em;
    cursor: pointer;
    box-sizing: border-box;
    overflow: hidden;
    display: inline-block;
    }
    
    .agregador .item-hover figure {
    position: relative;
    background: #000 none repeat scroll 0% 0%;    
    }
    
    img {
    max-width: 100%;
    }
    
    .agregador .item-hover img {
    width: 100%;
    height: auto;
    }
    
    .agregador .item-hover figure img.capa {
    z-index: 0;
      display: none;
    }
    
    
    .agregador .item-hover figure img.fundo {
    opacity: 0;
    transition: opacity 0.25s ease 0s;
    background: rgba(47, 70, 93, 0.41) none repeat scroll 0% 0%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    }
    
    
    .agregador .item-hover figure div.fundo {
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 43%;
    z-index: 1;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    }
    
    .agregador .item-hover figure div.fundo.opiniao {
    background-color: #ffcb07;
    }
    
    .agregador .item-hover figure div.fundo2 {
    opacity: 0;
    transition: opacity 0.25s ease 0s;
    /*background: #001e00 none repeat scroll 0% 0%;*/
    
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#001e00+0,000000+100&0.84+0,0+100 */
    background: -moz-linear-gradient(top,  rgba(0,30,0,0.84) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,30,0,0.84) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,30,0,0.84) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6001e00', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    
    
    
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    }
    
    .agregador .item-hover .item-legendas {
    /*display: inline-block;
    text-decoration: none;
    position: absolute;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 82%;
    top: 82%;
    z-index: 2;
    opacity: 1;*/
    display: inline-block;
        text-decoration: none;
        position: absolute;
        top: 80.5%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        width: 84%;
    
        z-index: 2;
        opacity: 1;
    }
    
    .agregador a div.item-hover div.item-legendas p.interviewee {
    font-size: 1.8em;
        color: #FFF;
        display: block;
        line-height: 1.3em;
        text-align: center;
        z-index: 100;
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: 0.02em;
        opacity: .9;
        margin: 0;
        margin-bottom: 0.2em;
        font-family: Firme-Black, sans-serif;
    }
    
    .agregador a div.item-hover div.item-legendas h2 {
    font-size: 2.4em;
        color: #592e41;
        display: block;
        line-height: 1.1em;
        text-align: center;
        z-index: 100;
        font-weight: 500;
        margin: 0;
        letter-spacing: 0.05em;
        opacity: 1;
        font-family: 'Firme-Book', sans-serif;
    }
    
    .agregador a div.item-hover div.item-legendas h2.opiniao {
    color: #333;
    }
    
    /*-- :hover --*/
    
    .agregador a div.item-hover:hover div.item-legendas h2,
    .agregador a div.item-hover:hover div.item-legendas p.interviewee {
    opacity: .5;
    }
    
    .agregador .item-hover:hover .fundo2 {
    opacity: 1;
    }
    
    .agregador .item-hover:hover .fundo {
    opacity: 0.5;
    }
    
    
    div.top nav.collapse-navbar div.menu-two a.only-large-devices {
    display: block;
    }
    
    div.top nav.collapse-navbar div.menu-two a.only-small-devices {
    display: none;
    }
    
    .content content-fullwidth pre-figcaption {
    padding-left: 2%;
    }
    
    .subtitulo,.subtitulo2{
        font-family: 'blacker_pro_displayheavy', sans-serif;
        font-size: 3.5vh;
        line-height: 1.3em;
        margin-top: 0.5em;
        color: rgb(189 32 32);
        /* color: #ac986b; */
        /* text-transform: uppercase; */
        padding-right: 0.5em;
    }
    
    .subtitulo2{
        font-size: 2.5vh;
        color: #ebe6b9;
        font-family: 'blacker_pro_displayregular', sans-serif;        
    }
    
    @media only screen and (max-width : 768px) {
        .subtitulo2{
            font-size: 3.2vh;
        }
        .data{
            font-size: 14.2px;
        }
    }
    
    /* -------------------------*/
    
    .blo{
        height: 100%;
        /* min-height: 200px; */
        width: 100%;
        padding-top: 65vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        align-content: space-between;
    }
    
    @media (min-width: 768px) and (max-height: 800px) {
        div.full-screen {        
            min-height: calc(100vh + 300px);
        }
        .blo{
            margin-top: 10vh;
        }
    }
    
    .screen1{
        height:90vh;
    }