/* 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: #ffffff;
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: #1a1a1a00;
/* box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.3); */
}

div.top nav.collapse-navbar.scrolled {
background-color: #fff !important;
transition: background-color 200ms linear;
}

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%;
/* height:100vh; */
overflow: hidden;
background-color: #f2f2f2;
}


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: 78.3vh;
    width: 100%;
    color: #f8f9fa;
}

#hlow{
    font-size: 4em;
    text-shadow: 2px 2px 10px #333;
}

#hhigh2{
    font-size: 8.8em;
    text-shadow: 2px 2px 10px #333;
}

@media screen and (max-width: 1440px){
    #hhigh2{
    font-size: 7.9em;}
    .tituloentraqui{
    top:80.3vh;} 
    } 

@media screen and (max-width: 1200px){
    #hlow{
    margin-bottom: -2vh !important;
    font-size: 3.8em;}
    #hhigh{
    margin-top: 10px !important;}
    .tituloentraqui{
    top:79.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: 4.6em;}
    #hlow{
    font-size: 2.7em;}
    .tituloentraqui{
    top:77.3vh;}    
    }


@media screen and (max-width: 360px){
    .tituloentraqui{
    top:75.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;
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: #333;
/* padding-left: 0.2em; */
/* padding-right: 0.2em; */
}

.text-uppercase{
    font-family: 'blacker_pro_displaybold';
    padding-bottom: 10px;
    color: rgb(0, 0, 0);
    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: #333;
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: #333;
    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: bottom;
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: url('//images.impresa.pt/expresso/2021-11-25-OAdeusAoCarvao_image00008.jpeg-ecca37fe');
}

div.full-screen div.full-screen-image.portait {
background: url('//images.impresa.pt/expresso/2021-11-25-OAdeusAoCarvaoPORTRAIT2_image00008.jpeg-43ef50c5');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}


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%);
}


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-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; */
}

/** 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;*/
padding: 60px 0;
display: flex;
justify-content: center;
}

/* 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/twitter.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/twitter.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: 100vh;
}

@media screen and (max-width: 1920px) {
div.box div.box-video video {
    width: 100%;
    height: 101.7vh;
}
}

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;
}

@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-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;
}


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 {
color: #333;
    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 {
color: #333;
/*    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;

}



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.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{
    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{
    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: #333!important;
    display: inline!important;
    top:-10px!important}

.legenda{
    padding-left: 2%;
    font: 500 16px 'Firme-Medium','Source Sans Pro',sans-serif!important;
    color: #333!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;
}



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 #333;
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: #efefef;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #efefef;
}

/*** visited link */
div.wrapper div.content-center a:visited {
    color: #efefef;
    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: 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.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 {
font: 300 1.5vh 'blacker_pro_textbook', serif;font-weight: 400;
line-height: 1.25em;
margin-top: 0.5em;
color: #333;
text-align: center;
}

div.thumbnail-relacionados a div.thumb 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;
}



/* -------------------------*/