/* FONTES*/

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

        /*@font-face {
        font-family: 'Firme-Bold-Italic';
        src: url('//sdistribution.impresa.pt/data/content/binaries/custom/expresso/FontesExpresso/Expresso_WebFonts/Firme-BoldItalic.eot');
        src: url('//sdistribution.impresa.pt/data/content/binaries/custom/expresso/FontesExpresso/Expresso_WebFonts/Firme-BoldItalic.eot#iefix') format('embedded-opentype'),
             url('//sdistribution.impresa.pt/data/content/binaries/custom/expresso/FontesExpresso/Expresso_WebFonts/Firme-BoldItalic.svg') format('svg'),
             url('//sdistribution.impresa.pt/data/content/binaries/custom/expresso/FontesExpresso/Expresso_WebFonts/Firme-BoldItalic.ttf') format('truetype'),
             url('//sdistribution.impresa.pt/data/content/binaries/custom/expresso/FontesExpresso/Expresso_WebFonts/Firme-BoldItalic.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }*/




        /*//sdistribution.impresa.pt/data/content/binaries/custom/expresso/FontesExpresso/Expresso_WebFonts/*/


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



/*
div{
border: 1px solid #000 !important;
box-sizing: border-box;
}*/



/* 00 BASE*/

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: #000000;
width: 100%; /* full window width */
}

div.wrapper div.fundo-conteudo {
/*background-color: #f0f0f0;
background-color: #EAEAE9;*/
background-color: #f8f8f8;  
}

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

/*style scrollbar*/

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */

::-webkit-scrollbar-track {
background-color: #f0f0f0;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #191919; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #191919; 
}



/*
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#myContent {
display: block;
height: 100%;
}


div.top {
position: fixed;
top: 0;
width: 100%;
z-index: 4;
}

/** nav*/

div.top nav.collapse-navbar {
/*position: fixed;
width: inherit;
overflow: hidden;
padding: 8px 0px;*/
position: fixed;
width: inherit;
overflow: hidden;
padding: 4px 0px;
background-color: #000000;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

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

div.top nav.collapse-navbar div.menu-two div.zona-central div.menu-central {
/*position: relative;*/
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
transform: translate3d(-50%,-50%,0);
padding-top: 3.07em;
}

/**full-screen*/


div.full-screen {
position:relative;
left:0; 
width:100%;
height:100%;
overflow: hidden;
}

div.full-screen-intro#introducao {
position:relative;
left:0; 
width:100%;
height:100%;
overflow: hidden;
}


div.full-screen#force_landscape {
display: none;
z-index: 999999;
}


div.full-screen-intro#introducao div.content {
position: absolute;
top: 50%;
color: #000000;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
width: 62%;
}

div.full-screen-intro#introducao div.content div.content-text {
text-align: center;
margin-bottom: 8em;
top: 0;
position: relative;
}

div.full-screen-intro#introducao div.content div.content-text h1 {
font-family: Firme-Book, sans-serif;
font-size: 2.5em;
line-height: 1.8em;
font-weight: 100;
margin-top: 3em;
text-align: center;
color: #FFFFFF;
}



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: center top;
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-05-06-Force_landscape.jpg/original');
    overflow: hidden;
}

div.full-screen div.full-screen-image.landscape {
background-image: url('//images.impresa.pt/expresso/2019-06-26-Tancos_capa_landscape/original');
}

div.full-screen div.full-screen-image.portait {
background: url('//images.impresa.pt/expresso/2019-06-26-Tancos_capa_portrait/original');
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#introducao {
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;
}

div.wrapper div.content.content-fullwidth.remates-background.remate-fim {
background-image: url('//images.impresa.pt/expresso/2019-03-22-SAIDA.png-2/original'); /* The image used */
height: 258px; /* You must set a specified height */
margin-top: -2em;
}

div.wrapper div.content.content-fullwidth.remates-background.remate-inicio {
background-image: url('//images.impresa.pt/expresso/2019-03-22-ENTRADA.png-2/original'); /* The image used */
height: 213px; /* You must set a specified height */
margin-bottom: -2em;
}


/*****************************************************/


/** 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-06-26-Tancos_titulo_landscape/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-06-26-Tancos_titulo_portrait/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#introducao 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: #000000;
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#introducao div.content a.scroll-link,
div.wrapper div.content-center.last-content div.credits a.scroll-link {
position: absolute;
white-space: normal;
user-select: none;
cursor: pointer;
border: none;
outline: none;
text-decoration: none;
margin-right: -50%;
transform: translate(-50%, -50%);
z-index: 2;

/*animation: opacityanimation 2s;
-webkit-animation: opacityanimation 2s;
animation-iteration-count: infinite;*/
}


div.full-screen-intro#introducao div.content a.scroll-link {
margin-right: -50%;
transform: translate(-50%, -50%);
position: relative;
}

div.wrapper div.content-center.last-content div.credits a.scroll-link {
position: relative;
bottom: 0%;
}

div.full-screen a.scroll-link h6,
div.full-screen-intro#introducao div.content a.scroll-link h6,
div.wrapper div.content-center.last-content div.credits a.scroll-link h6 {
font-family: Firme-Bold, sans-serif;
font-size: 1.05em;
letter-spacing: 0.1em;
color: #FFFFFF;
margin-top: 0.5em;
text-transform: uppercase;
text-align: center;
line-height: 1.4em;
opacity: 1;
}

div.wrapper div.content-center.last-content div.credits a.scroll-link h6 {
color: #000000;
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#introducao div.content a.scroll-link div.scrolldown,
div.wrapper div.content-center.last-content div.credits a.scroll-link div.scrollup  
{ 
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 30px;
height: 15px;
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);
}

div.wrapper div.content-center.last-content div.credits a.scroll-link div.scrollup  
{ 
transform: rotate(-180deg);
}

div.full-screen a.scroll-link div.scrolldown,
div.full-screen-intro#introducao div.content a.scroll-link div.scrolldown {
background: url('//images.impresa.pt/expresso/2019-06-11-crise_na_habitacao_setinhas.png/original');
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 { 
background: url('//images.impresa.pt/expresso/2019-06-26-Tancos_setas_pretas/original');
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#introducao div.content a.scroll-link div.scrolldown:hover,
div.wrapper div.content-center.last-content div.credits 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('../img/SETAS/SETA_CIMA2.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: #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-back-to-top-button*/

div.wrapper div.content-center.last-content a.back-to-top-link div.back-to-top-button:hover {
background: url('../img/SETAS/SETA_CIMA2.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: #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.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-05-24-seta_fotogaleria_barro.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;   
}



/** content*/

.content {
margin-right: auto;
margin-left: auto;  
}

.content-center {
position: relative;
max-width: 54.69vw;
}

.content-fullwidth {
position: relative;
width: 100%; 
}

.content-larger {
position: relative;
width: 70%; 
}

/*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;
/*margin-bottom: 6em;*/
/*margin-top: 5em;*/
position: relative;
/*background-color: #191919;
background-color: #FFFEF6;*/
}

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


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

margin-top: 1.5em;
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-top: 3em;*/ 

/*margin-bottom: 3.5em;  
padding-bottom: 3em;*/

margin-bottom: -1.3em;  
padding-bottom: 0em;
}


/*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;
padding-bottom: 1em;
}

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











/** box-video*/

div.box-video {
position: relative;
width:100%; 
/*margin-top: 5em;*/
/*margin-bottom: 5em;*/
/*height: auto;*/
}

/** 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*/
div.top nav.collapse-navbar div.menu-two a span.title-vertical_menu {
/*display: none;*/
display: inline-block;
font-weight: 300;
}

/** 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 { 
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-ExtraBold', sans-serif;
font-size: 1.25em;
line-height: 1.55em; 
text-transform: uppercase;
font-style: normal;
color: #FFFFFF;
font-weight: 700;
}

div.top nav.collapse-navbar div.menu-two div.menu-central a {
color: #f0f0f0;
}


/** 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-one a.icon,
div.top nav.collapse-navbar div.menu-one div.share-social-media a,
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: #FFFFFF;
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*/

div.top nav.collapse-navbar div.menu-one a.logo div#swap-logo { 
background: url('//images.impresa.pt/expresso/2019-05-30-Ebranco.png/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 24px;
height: 21px;
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 {
background: url('//images.impresa.pt/expresso/2019-05-30-Ebranco.png/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 24px;
height: 21px;
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.scroll-effects div.menu-one a.logo div#swap-logo { 
background: url('//images.impresa.pt/expresso/2019-05-30-Ebranco.png/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 24px;
height: 21px;
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.scroll-effects div.menu-one a.logo {
padding-left: 0em;
}



/**hamburguer*/

div.top nav.collapse-navbar div.menu-one a#toggleButton div.swap-hamburguer { 
/*background: url('//images.impresa.pt/expresso/2019-01-25-Hamburguer_branco_h14.png/original');*/
background: url('//images.impresa.pt/expresso/2019-01-28-Hamburguer_branco2.png-1/original');
display: block;
background-size: 100px;
top: 0;
right: 0;
margin: 0 auto;
padding: 0;
width: 18px;
height: 18px;
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 {
/*background: url('//images.impresa.pt/expresso/2019-01-25-Hamburguer_vermelho_h14.png/original');*/
background: url('//images.impresa.pt/expresso/2019-01-28-Hamburguer_vermelho2.png-1/original');
display: block;
background-size: 100px;
top: 0;
right: 0;
margin: 0 auto;
padding: 0;
width: 18px;
height: 18px;
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;
}

/**Redes Sociais*/

/**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 { 
background: url('//images.impresa.pt/expresso/2019-03-22-Twitter.png-1/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
/*width: 25px;
height: 21px;*/
width: 19px;
height: 16px;
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: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 {
background: url('//images.impresa.pt/expresso/2019-03-22-Twitter.png-1/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 19px;
height: 16px;
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 scroll-effects*/

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.scroll-effects div.menu-one div.share-social-media a div.swap-twitter:hover,
div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a div.swap-twitter:hover { 
background: url('//images.impresa.pt/expresso/2019-03-22-Twitter.png-1/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
/*width: 25px;
height: 21px;*/
width: 19px;
height: 16px;
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 { 
background: url('//images.impresa.pt/expresso/2019-03-22-Facebook.png-1/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
/*width: 10px;
height: 21px;*/
width: 16px;
height: 18px;
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: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 {
background: url('//images.impresa.pt/expresso/2019-03-22-Facebook.png-1/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 16px;
height: 18px;
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 scroll-effects*/

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 { 
background: url('//images.impresa.pt/expresso/2019-03-22-Facebook.png-1/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
/*width: 10px;
height: 21px;*/
width: 16px;
height: 18px;
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;
}














/** Excepções à estilização dos items*/

div.top nav.collapse-navbar div.menu-two a.no-vertical-border {
font-weight: 600;
}

/**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; */
    /*** 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 { 
padding-left: 0em;
padding-right: 1.6em;
padding-top: 0.5em;
padding-bottom: 0.4em;
margin-left: 2.4rem;
margin-top: 0.2em;
margin-bottom: 0.3em;
}


div.top nav.collapse-navbar div.menu-two h2, 
div.top nav.collapse-navbar div.menu-two h3 { 
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
}


div.top nav.collapse-navbar div.menu-two a.back-to-index {
    padding-top: 0.6em;
}

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

    /*** partes do trabalho */

div.top nav.collapse-navbar div.menu-two a { 
padding-left: 0em;
padding-right: 0em;
padding-top: 0.8em;
padding-bottom: 0.2em;
margin-left: 0rem;
margin-right: 1rem;
}

div.top nav.collapse-navbar div.menu-two a.back-to-index,
div.top nav.collapse-navbar div.menu-two a.last-link {
margin-right: 0em;
padding-right: 0em;
}

    /*** increase the clickable area of the first link because it is too narrow */

div.top nav.collapse-navbar div.menu-two a.increase-padding {
padding-left: 0.3em;
padding-right: 0.3em;
padding-top: 0.8em;
padding-bottom: 0.2em;
margin-left: 0em;
margin-right: 1em;
}


    /*** 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 { 
padding-left: 0em;
padding-right: 0em;
padding-top: 0.8em;
padding-bottom: 0.2em;
margin-left: 2.1em;
margin-right: 2.3em;
}

    /*** facebook, twitter, google*/

i.fa-lg {
font-size: 1.33em;
}

.glyphicon {
font-size: 1.7em;
}

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-left: 0rem;
padding-right: 0rem;
padding-top: 0.6em;
padding-bottom: 0.6em;
margin-left: 0rem;
margin-right: 1.6rem;
margin-top: 0.2em;
margin-bottom: 0.2em;
}

    /**** excepção para o icon do facebook*/
div.top nav.collapse-navbar div.menu-one div.share-social-media a:nth-child(3),
div.top nav.collapse-navbar div.menu-two div.share-social-media a:nth-child(3),
div.top nav.collapse-navbar.scroll-effects div.menu-one div.share-social-media a:nth-child(3),
div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a:nth-child(3) {
padding-left: 0.3em;
padding-right: 0.1em;
}

    /**** excepção para o icon da Google*/
div.top nav.collapse-navbar div.menu-one div.share-social-media a:nth-child(1),
div.top nav.collapse-navbar div.menu-two div.share-social-media a:nth-child(1) {
/*padding-right: 2em;*/
padding-right: 1.8em;
margin-right: 0rem;
}

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

div.top nav.collapse-navbar div.menu-two div.menu-central a:hover {
color: #f0f0f0;
}

    /*** mouse over link */
div.top nav.collapse-navbar div.menu-two button:focus {
color: #f0f0f0;
}

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


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


/** 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: #1a1a1a;
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 #f0f0f0;
}

/*** 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.last-content div.credits h6 {
font-size: 0.9em;
font-weight: 500;
text-transform: uppercase;
text-align: left;
letter-spacing: 0.1em;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
line-height: 1.5em;
margin: 2em auto 0 auto;
font-family: 'Firme-Medium', serif;
color: #191919;
}










/* 04 TUDO DE: WRAPPER */


/** imagens em parallax ao longo do texto*/

/*div.wrapper div.content.content-fullwidth div.box div.box-parallax.bg-img-2 {
background-image: url('//img/escolhidas/AF5_1779.jpg');
min-height: 66em; 
}

div.wrapper div.content.content-fullwidth div.box div.box-parallax.bg-img-3 {
background-image: url('//images.impresa.pt/expresso/2018-02-23-AF5_2084.jpg/original');
min-height: 66em; 
}

div.wrapper div.content.content-fullwidth div.box div.box-parallax.bg-img-4 {
background-image: url('//images.impresa.pt/expresso/2018-02-23-AF5_1756.jpg/original');
min-height: 66em; 
}

div.wrapper div.content.content-fullwidth div.box div.box-parallax.bg-img-5 {
background-image: url('//images.impresa.pt/expresso/2018-02-23-AF5_2062.jpg/original');
min-height: 66em; 
}


div.wrapper div.content.content-fullwidth div.box div.box-parallax.bg-img-6 {
background-image: url('//images.impresa.pt/expresso/2018-02-23-AF5_1695.jpg-1/original');
min-height: 66em; 
}*/

/** div.box-video > video */

div.box div.box-video video
{
width: 100%;
height: 100%;
}

div.wrapper div.content.content-fullwidth div.box div.box-video div.video-overlay {
background: #191919;
opacity: 0.8;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}

div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay figure {
background: rgba(255, 255, 255, 0.18);
display: -ms-flex;
display: -webkit-flex;
display: flex;
border-radius: 100%;

position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
}

div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay figure button {
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: 0;
overflow: hidden;
text-decoration: none;
white-space: nowrap;
display: inline-block;
background: none;
border-radius: 100%;
margin: auto;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
border: 0.2em solid #FFF;

width: 14em;
    height: 14em;
}

div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay figure button::after {
    border-width: 3em 0 3em 5em;
    top: 0.1em;
    left: 0.3em;
    position: relative;
    content: '';
    display: inline-block;
    border-style: solid;
    border-color: transparent transparent transparent white;
}



/** div.box-video > iframe */

div.wrapper div.content.content-center div.box div.box-video iframe,
div.wrapper div.content.content-fullwidth div.box div.box-video iframe,
div.wrapper div.content.content-larger div.box div.box-video iframe {
width: 100%;
}

div.wrapper div.content.content-center div.box div.box-video iframe {
height: 39.9em;  
}

div.wrapper div.content.content-fullwidth div.box div.box-video iframe,
div.wrapper div.content.content-larger div.box div.box-video iframe {
height: 83.9em;
}

/** spotify*/

div.wrapper div.content.content-center div.box div.box-spotify {
position: relative;
height: auto;
}

div.wrapper div.content.content-center div.box div.box-spotify iframe {
width: 100%;
height: 28em;  
}

/** audio*/

div.wrapper div.content.content-center div.box div.box-audio audio,
div.wrapper div.content.content-fullwidth div.box div.box-audio audio,
div.wrapper div.content.content-larger div.box div.box-audio audio {
width: 100%;
height: 3.2em;
}

/** mapa*/

div.wrapper div.content.content-center div.box div.box-map iframe {
width: 100%;
height: 50em;
}

div.wrapper div.content-fullwidth div.box div.box-map iframe,
div.wrapper div.content-larger div.box div.box-map iframe {
width: 100%;
height: 60em;
}

/** slideshow*/

div.wrapper div.content-fullwidth div.box-slideshow img.mySlides,
div.wrapper div.content-center div.box-slideshow img.mySlides,
div.wrapper div.content-larger div.box-slideshow img.mySlides {
margin-left: auto;
margin-right: auto;
}

/*div.wrapper div.content-fullwidth div.box-slideshow button,
div.wrapper div.content-center div.box-slideshow button,
div.wrapper div.content-larger div.box-slideshow button {
padding: 1.1em 1.1em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: 0;
overflow: hidden;
text-decoration: none;
white-space: nowrap;
display: inline-block;
background-color: rgba(0, 0, 0, 0.75);
border-radius: 50%;
margin: auto;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
border: 0.2em solid #FAA61A;
}*/

/*.content-fullwidth .box-slideshow button:hover,
.content-center .box-slideshow button:hover {
box-shadow: 0 8px 16px 0 
rgba(0, 0, 0, 0.2), 0 6px 20px 0 
rgba(0, 0, 0, 0.19);
}*/

div.wrapper div.content-fullwidth div.box-slideshow button:disabled,
div.wrapper div.content-center div.box-slideshow button:disabled,
div.wrapper div.content-larger div.box-slideshow button:disabled {
cursor: not-allowed;
opacity: 0.3;
box-shadow: none;
}

div.wrapper div.content-fullwidth div.box-slideshow button:hover,
div.wrapper div.content-center div.box-slideshow button:hover,
div.wrapper div.content-larger div.box-slideshow button:hover {
color: #FAA61A;
background-color: rgba(0, 0, 0, 0);
}

div.wrapper div.content-fullwidth div.box-slideshow button.button-display-left,
div.wrapper div.content-center div.box-slideshow button.button-display-left,
div.wrapper div.content-larger div.box-slideshow button.button-display-left {
position: absolute;
left: 2em;
}

div.wrapper div.content-fullwidth div.box-slideshow button.button-display-right,
div.wrapper div.content-center div.box-slideshow button.button-display-right,
div.wrapper div.content-larger div.box-slideshow button.button-display-right {
position: absolute;
right: 2em;
}

div.wrapper div.content-fullwidth div.box-slideshow button i,
div.wrapper div.content-center div.box-slideshow button i,
div.wrapper div.content-larger div.box-slideshow button i {
/*border: solid;
border-width: 0 0.4em 0.4em 0;
display: inline-block;
padding: 1em;*/
border: solid;
border-width: 0 0.35em 0.35em 0;
display: inline-block;
padding: 0.6em;
color: #FAA61A;
position: relative;
top: 0.1em;
}

/*div.wrapper div.content-fullwidth div.box-slideshow button.button-display-right,
div.wrapper div.content-center div.box-slideshow button.button-display-right,
div.wrapper div.content-larger div.box-slideshow button.button-display-right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
right: 0.37em;
}*/

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 {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
}

/*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 {
display: block;
/*-webkit-margin-before: 1em;*/
-webkit-margin-before: 1.6em;
-webkit-margin-after: 1.5em;
-webkit-margin-start: 0em;
-webkit-margin-end: 0em;
}

/** Lettering corpo principal do texto: highlight no texto*/


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: #ffff51;
}

mark.azul {
background-color: #88ffb0;
}

/** Lettering corpo principal do texto: introdução*/

div.wrapper div.content.content-center div.intro {
position: relative;
margin-top: 4em;
margin-bottom: 7em;
}

div.wrapper div.content.content-center div.intro p {
font-family: 'Firme-Medium', serif;
font-size: 3em;
line-height: 1.15em;
-webkit-margin-before: 0em;
-webkit-margin-after: 0.6em;
/* text-shadow: 0px 0px 0.1px black; */
text-align: center;
color: #808080;
}


div.wrapper div.content.content-center div.intro p.article_Signature.bordered{
display: block;
border: 0.5px solid #00000085;
border-left-width: 0;
border-right-width: 0;
padding: 0.2em 0 0.45em 0;
margin-top: 1em;
line-height: 96%;
width: 70%;
margin: 0 auto 0 auto;
margin-top: 2.2em;
}

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: #808080;;
font-size: 0.6em;
text-transform: uppercase;
font-weight: 100;
font-family: Firme-light,sans-serif;
line-height: 0em;
}

div.wrapper div.content.content-center div.intro p.article_Signature.bordered span.assinatura2 {
color: #808080;
    font-family: Firme-Bold,sans-serif;
    font-weight: 100;
    font-size: 0.58em;
    text-transform: uppercase;
    margin-right: -0.1em;
    margin-left: -0.1em;
}



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: #000000;
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: Georgia,serif;
font-size: 2.2em;
text-align: left;
line-height: 1.55em;
}

div.wrapper div.content.content-center > p.legenda {
font-family: 'Firme-Bold', sans-serif;
font-size: 1.5em;
line-height: 1.3em;
font-weight: 1000;
text-transform: uppercase;
font-style: italic;
text-align: left;
margin-top: 0;
}


div.wrapper div.content.content-center > p.legenda span.asterisco {
font-size: 2.5em;
vertical-align: sub;
}

div.wrapper div.content.content-center div.legenda-trabalho {
position: relative;
margin: 0 auto;
display: inherit;
width: 100%
}





div.wrapper div.content.content-center div.legenda-trabalho p.left {
    font-family: 'Firme-Bold', sans-serif;
    font-size: 3em;
    line-height: 1.4em;
    font-weight: 1000;
    text-transform: uppercase;
    font-style: italic;
    text-align: left;
    display: inline-block;
    float: left;
    margin: 0;
    width: 4%;
}



div.wrapper div.content.content-center div.legenda-trabalho p.legenda {
font-family: 'Firme-Bold', sans-serif;
    font-size: 1.5em;
    line-height: 1.3em;
    font-weight: 1000;
    text-transform: uppercase;
    font-style: italic;
    margin-top: 0;
    display: inline-block;
    float: left;
    width: 95%;
    text-align: left; 
}




/** 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: 'GlosaDisplay-Black';
font-size: 11.3em;
line-height: 0.8em;
display: block;
float: left;
margin-top: -0.245em;
margin-left: -14.4%;
margin-right: 1.2%;
margin-bottom: -1%;
color: #602427;*/

/*font-family: 'GlosaDisplay-Black';
color: #602427;
width: 0.8em;
font-size: 966%;
float: left;
padding: 0;
display: block;
margin-top: 2%;
line-height: 71%;*/

font-family: 'GlosaDisplay-Black';
color: #602427;
width: 0.8em;
font-size: 687%;
float: left;
padding: 0;
display: block;
margin-top: 2%;
line-height: 37%;
}

/** Lettering corpo principal do texto: bold*/

div.wrapper div.content.content-center p b {
color: #2d2b2b;
}

/** 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,
div.wrapper div.content.content-center > h2 span.chapters,
div.wrapper div.content.content-center > h3 {
font-family: 'Firme-Black', sans-serif;
display: block;
}

/** Lettering corpo principal do texto: h2*/

div.wrapper div.content.content-center > h2 {
font-family: 'Firme-Bold', sans-serif;
font-size: 4.9em;
line-height: 1.1em;
font-weight: 300;
letter-spacing: -0.03em;
margin-top: 1.5em;
-webkit-margin-before: 1.8em;


margin-top: 1.2em;
margin-bottom: -1em;
text-transform: uppercase;

color: #191919;
text-transform: uppercase;

-webkit-margin-before: 0em;
-webkit-margin-before: 1.8em;
-webkit-margin-after: 0em;

text-align: center;
text-shadow: 0px 0px 0.1px black;
}

/** 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;
padding-bottom: 0.24em;
margin-bottom: -0.3em;
}

/** Lettering corpo principal do texto: h3*/

div.wrapper div.content.content-center > h3,
div.wrapper div.content.content-center > h4,
div.wrapper div.content.content-center > h4.infografia-subh3 {
    font-family: 'Firme-Bold', sans-serif;
    font-size: 2.5em;
    line-height: 1.3em;
    font-weight: 1000;
    margin-top: 2.5em;
    text-transform: uppercase;
    color: #191919;
    margin-bottom: -0.42em;
}

div.wrapper div.content.content-center > h3.com-img {
margin-bottom: 1.5em;
}



div.wrapper div.content.content-center > h4 {
font-family: 'Firme-Black', sans-serif;
font-size: 2.8em;
margin-bottom: -1em;
}

div.wrapper div.content.content-center > h3.infografia {
/*font-size: 2.35em;
line-height: 1.3em;
text-transform: uppercase; */  
margin-bottom: -2em;
}

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: #000000;
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-fullwidth div.box div.box-blockquote blockquote,
div.wrapper div.content.content-larger div.box div.box-blockquote blockquote {
font-family: 'GlosaDisplay-Black';
/*font-size: 5.4em;
line-height: 1.12em;*/
font-size: 3.6em;
line-height: 1.2em;
color: #602427;
letter-spacing: 0.05em;
}

/** 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: 'GlosaDisplay-Black';
font-weight: 500;
font-size: 3.3em;
line-height: 0em;
color: #602427;
}    


/** 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-family: Firme-Bold-Italic,sans-serif;
font-weight: 800;
display: block;
font-style: normal;
color: #a00000;
}

    /*** especificidades cite center*/
div.wrapper div.content-center div.box div.box-blockquote cite {
font-size: 2.2em;
line-height: 1.2em;
margin-top: 1em;
}

    /*** 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: 2em;
line-height: 1.2em;
margin-top: 1em;
}


    /*** 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: 0.9em;
margin-top: 0.6em;
}

/*** especificidades cite-position center*/
div.wrapper div.content-center 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.88em;
line-height: 1em;
margin-top: 0.2em;
letter-spacing: 0.02em;
}

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

/** 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 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,
/*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-Bold",sans-serif;
font-weight: 400;
font-size: 1.8em;
line-height: 1.25em;
margin-top: 0.5em;
}

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

div.wrapper div.content-center div.box figure.box-image figcaption span.creditofoto.alone {
padding-left: 0em;  
}


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

/*slideshow*/
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 div.caption-background figcaption span.pre-figcaption,
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.pre-figcaption,
div.wrapper div.content-center div.box figure.box-image figcaption span.pre-figcaption {
font-family: "Firme-Black",sans-serif;
font-size: 1em;
line-height: 1.3em;
margin-top: 0.5em;
color: #602427;
text-transform: uppercase;
padding-right: 0.3em;
}


/*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,
/*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 div.caption-background 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.001em;*/
margin-top: 0.5em;
}

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

/*** 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 {
text-align: left;
margin-top: 4em;
margin-bottom: 3em;
}

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: #191919;
margin-top: 0.5em;
margin-bottom: 0.2em;
text-align: left;
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 {
margin-top: 1.5em;
margin-left: 0;
margin-left: 0;
margin-bottom: 0.5em;
}


div.wrapper div.content-center div.credits cite {
font-family: Firme-Black, sans-serif;
font-style: normal;
font-size: 1.6em;
line-height: 1.3em;
font-weight: 100;
display: block;
letter-spacing: -0.03em;
text-transform: uppercase;
color: #191919;
}

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: Firme-Book, sans-serif;
padding-right: 0.2em;
font-weight: 500;
}


div.wrapper div.content-center div.credits cite span.media-name {
padding-right: 0.4em;
font-family: Firme-Medium, sans-serif;
font-size: 0.96em;
}

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 cite.ending-text-last-cite {
margin-top: 3em
}

/** 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: 1.1px solid #000000;
color: #000000;
text-align: center;
margin-top: 6em;
}

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: #f8f8f8;
}

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 */{
/*color:#1a1a1a;*/
color: #191919;
}

div.wrapper div.content-center div.credits cite span.media-name {
color: #191919;    
}

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: #999999;
/*border-bottom: 0.01em solid currentColor;*/
}

/*** visited link */
div.wrapper div.content-center a:visited {
color: #000;
}

/*** mouse over link */
div.wrapper div.content-center a:hover {
color: #cccccc;
}

/*** selected link */
div.wrapper div.content-center a:active {
color: #000;
opacity:0.9;
}

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

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

/** only-large-devices está sempre em display block até as mediaqueries dizerem o contrário*/
.only-large-devices {
display: block;  
}

/** only-small-devices está sempre em display none até as mediaqueries dizerem o contrário*/
.only-small-devices,
div.top nav.collapse-navbar a.icon.only-small-devices,
div.top nav.collapse-navbar div.only-small-devices,
div.wrapper div.content-fullwidth div.box.only-small-devices,
div.wrapper div.content-larger div.box.only-small-devices {
display: none; 
}

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