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


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




        /*https://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: rgb(242, 242, 242);

width: 100%; /* full window width */
}

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 */
div.wrapper div.content-center div.box div.box-text-one::-webkit-scrollbar-track,
div.wrapper div.content-center div.box div.box-text-two::-webkit-scrollbar-track {
  background: #000000; 
}

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

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



/*
z-index: 6 - div.modal-box-text button.close
z-index: 5 - div.menu-two div.modal-box-container
z-index: 4 - div.top
z-index: 3 - menu-one
z-index: 2 - menu-two
z-index: 1 - div.video-intro
z-index: 1 - box
z-index: -1 - div.full-screen video#full-screen-video
z-index: -2 - Filets_cima e Filets_baixo
*/
 

/* 01 CONTENTORES*/

/** top é o pai da nav*/

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

/** nav*/

div.top nav.collapse-navbar {
position: fixed;
width: inherit;
overflow: hidden;
padding: 0.85em 0em;
background-color: rgba(0,0,0,0.95);
}

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

div.full-screen div.full-screen-image.only-large-devices {
background-size: cover;
display: block;
}

div.full-screen div.full-screen-2 {
background-color: #f2f2f2;
background-size: cover;
height: 100%;
position: relative;
top: 0;
left: 0;
display: none;
}

div.full-screen div.full-screen-2 div.full-screen-image.only-small-devices {
position: relative;
left: 0;
bottom: 0em;
width: 100%;
height: auto;
backface-visibility: hidden;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
z-index: 0;
}

/*div.full-screen div.full-screen-image.only-small-devices {
background-size: contain;
display: none;
}*/

div.full-screen div.full-screen-image.only-large-devices,
div.full-screen div.full-screen-2 div.full-screen-image.only-small-devices {
position: absolute;
right: 0;
bottom: 0;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
backface-visibility: hidden;
background-repeat: no-repeat;
background-position: center center;
z-index: 0;
}



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

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


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

/*se não pussermos position: relative o scroll n funciona*/

/*div.wrapper div.content-fullwidth div.box,
div.wrapper div.content-larger div.box {
margin-top: 1.8%;
margin-bottom: 1.8%;
}*/

/** box-left e box-right*/

div.wrapper div.content-center div.box.box-left,
div.wrapper div.content-center div.box.box-right {
margin-top: 1.5%;
margin-bottom: 1.5%;
width: 50%;
clear: both;
padding: 2em;
}

div.wrapper div.content-center div.box.box-left {
float: left;
margin-left: -24.9%;
margin-right: 4.4%;
}

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: 4em;
padding-bottom: 4em;
}

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


/** box-video*/

div.box-video {
position: relative;
/*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: 'Fredericka the Great', cursive;
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: #7e7c7c; 
}


/** 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: 'Fredericka the Great', cursive;
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: 'Fredericka the Great', cursive;
font-size: 2.3em;
color: #FFFFFF;
display: block;
vertical-align: middle;
text-align: center;
top: 11px;
left: 67px;
}*/



/**logo*/

div.top nav.collapse-navbar div.menu-one a.logo div#swap-logo { 
background: url('//images.impresa.pt/expresso/2019-01-24-E_branco_h60.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-01-24-E_vermelho_h60.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;
}

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

div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-google,
div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-google { 
background: url('//images.impresa.pt/expresso/2019-01-24-G_branco_h21.png/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
/*width: 31px;
height: 21px;*/
width: 25px;
height: 15px;
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-google:hover*/

div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-google:hover,
div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-google:hover {
background: url('//images.impresa.pt/expresso/2019-01-24-G_vermelho_h21.png/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 25px;
height: 15px;
border: 0px solid;
color: #f3f0f0;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
}

/**swap-twitter*/

div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-twitter,
div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-twitter { 
background: url('//images.impresa.pt/expresso/2019-01-24-twitter_branco_h21.png/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-01-24-twitter_vermelho_h21.png/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-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-01-24-FB_branco_h21.png/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-01-24-FB_vermelho_h21.png/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;
}
















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

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

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

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

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

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

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


/** 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 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: 'Fredericka the Great', cursive;
font-size: 2.3em;
color: #FFFFFF;
display: block;
vertical-align: middle;
text-align: center;
top: 11px;
right: 124px;
}









/** 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: rgba(0,0,0,0.95);
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: #FFFFFF;
}



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

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

div.top nav.collapse-navbar.scroll-effects div.menu-two a:hover {
color: #FFFFFF;
}










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

div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text h6,
div.wrapper div.content-center div.credits h6 {
font-size: 0.9em;
font-weight: 500;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
width: 50%;
line-height: 1.5em;
margin: 3em auto 0 auto;
font-family: 'Fredericka the Great', cursive;
color: #f2f2f2;
}

div.wrapper div.content-fullwidth div.credits h6 {
font-family: "Firme-Bold",sans-serif;
font-weight: 400;
font-size: 1em;
margin-top: 0.5em;
color: #f2f2f2;
width: 100%;
text-align: center;
margin: 3em 0 0 0;
text-transform: uppercase;
}


/* 03 TUDO DE: ABERTURA */

/*O trabalho pode abrir com um vídeo ou uma imagem. No caso de ser uma imagem, nos large devices é uma imagem em parallax, que se ajusta ao tamanho da janela do browser, e nos small devices para a ser uma imagem fixa a toda a largura da janela do browser (desta forma controlamos melhor o enquadramento da imagem, o que vai aparecer nos formatos mais pequenos)*/


/**imagens do full-screen*/

/*.img1*/

div.full-screen div.full-screen-image.only-large-devices.img1 {
background-image: url('//images.impresa.pt/expresso/2019-01-28-01.png/original') 
}

div.full-screen div.full-screen-2 div.full-screen-image.only-small-devices.img1 {
background-image: url('//images.impresa.pt/expresso/2019-01-30-01_mobile_final.png/original') 
}

/*.img2*/

div.full-screen div.full-screen-image.only-large-devices.img2 {
background-image: url('//images.impresa.pt/expresso/2019-01-24-02.png/original') 
}

div.full-screen div.full-screen-2 div.full-screen-image.only-small-devices.img2 {
background-image: url('//images.impresa.pt/expresso/2019-01-30-02_mobile_final.png/original') 
}

/*.img3*/

div.full-screen div.full-screen-image.only-large-devices.img3{
background-image: url('//images.impresa.pt/expresso/2019-01-24-03.png/original') 
}

div.full-screen div.full-screen-2 div.full-screen-image.only-small-devices.img3 {
background-image: url('//images.impresa.pt/expresso/2019-01-30-03_mobile_final.png/original') 
}

/*.img4*/

div.full-screen div.full-screen-image.only-large-devices.img4 {
background-image: url('//images.impresa.pt/expresso/2019-01-24-04.png/original') 
}

div.full-screen div.full-screen-2 div.full-screen-image.only-small-devices.img4 {
background-image: url('//images.impresa.pt/expresso/2019-01-30-04_mobile_final.png/original') 
}

/*.img5*/

div.full-screen div.full-screen-image.only-large-devices.img5 {
background-image: url('//images.impresa.pt/expresso/2019-01-24-05.png/original') 
}

div.full-screen div.full-screen-2 div.full-screen-image.only-small-devices.img5 {
background-image: url('//images.impresa.pt/expresso/2019-01-30-05_mobile_final.png/original') 
}

/*.img6*/

div.full-screen div.full-screen-image.only-large-devices.img6 {
/*background-image: url('//images.impresa.pt/expresso/2019-01-24-08.png/original')*/ 
background-image: url('//images.impresa.pt/expresso/2019-01-24-08.png-1/original') 
}

div.full-screen div.full-screen-2 div.full-screen-image.only-small-devices.img6 {
background-image: url('//images.impresa.pt/expresso/2019-01-29-06_mobile.png/original') 
}

/*.img7*/

div.full-screen div.full-screen-image.only-large-devices.img7 {
/*background-image: url('//images.impresa.pt/expresso/2019-01-24-06.png/original')*/ 
background-image: url('//images.impresa.pt/expresso/2019-01-24-06.png-1/original') 
}

div.full-screen div.full-screen-2 div.full-screen-image.only-small-devices.img7 {
background-image: url('//images.impresa.pt/expresso/2019-01-29-07_mobile.png/original') 
}

/*.img8*/

div.full-screen div.full-screen-image.only-large-devices.img8 {
background-image: url('//images.impresa.pt/expresso/2019-01-24-07.png/original') 
}

div.full-screen div.full-screen-2 div.full-screen-image.only-small-devices.img8 {
background-image: url('//images.impresa.pt/expresso/2019-01-29-08_mobile.png/original') 
}


/** module-centered */

div.full-screen div.module-centered {
position: absolute;
white-space: nowrap;
height: auto;
/*padding: 2% 1%;*/
}

div.full-screen div.module-centered div.heading-container {
white-space: normal;
word-wrap: normal;
height: 100%;
}


div.full-screen div.module-centered div.heading-container blockquote {
font-family: 'Fredericka the Great', cursive;
font-weight: 500;
font-size: 6em;
line-height: 1em;
letter-spacing: 0.01em;
color: #000000;
text-shadow: 0px 0px 0.1px black;
}

div.full-screen div.module-centered div.heading-container blockquote span {
position: relative;
display: block;
font-family: Firme-Bold-Italic,sans-serif;
/*font-style: italic;*/
font-weight: 800;
font-size: 0.5em;
color: #a00000;
text-shadow: none;
}


div.full-screen div.module-centered div.heading-container blockquote::before {
display: block;
position: relative;
top: 0.35em;
left: -0.45em;

content: open-quote;
quotes: "\201C""\201D" "\2018""\2019";
quotes: "“" "”";

font-family: 'Fredericka the Great', cursive;
font-weight: 100;
font-size: 2.45em;
line-height: 0em;
color: #a00000;
text-shadow: none;
}


div.full-screen div.module-centered.img1 {
width: 34%;
top: 28%;
left: 64%;
/*transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);*/
}

div.full-screen div.module-centered.img2 {
width: 40%;
top: 28%;
left: 59%;
}

div.full-screen div.module-centered.img3 {
width: 34%;
top: 19%;
left: 9%;
}

div.full-screen div.module-centered.img4 {
width: 31%;
top: 23%;
left: 9%;
}

div.full-screen div.module-centered.img5 {
top: 26%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
width: 60%;
}

div.full-screen div.module-centered.img6 {
width: 33%;
top: 45%;
left: 72%;
}

div.full-screen div.module-centered.img7 {
width: 33%;
top: 45%;
left: 72%;
}

div.full-screen div.module-centered.img8 {
width: 33%;
top: 45%;
left: 72%;
}


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(0,0,0,0.21) 7%, rgba(0,0,0,0.36) 12%, rgba(0,0,0,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(0,0,0,0.21)), color-stop(12%, rgba(0,0,0,0.36)), color-stop(47%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0.45)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.21) 7%, rgba(0,0,0,0.36) 12%, rgba(0,0,0,1) 47%, rgba(0,0,0,0.45) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.21) 7%, rgba(0,0,0,0.36) 12%, rgba(0,0,0,1) 47%, rgba(0,0,0,0.45) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.21) 7%, rgba(0,0,0,0.36) 12%, rgba(0,0,0,1) 47%, rgba(0,0,0,0.45) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.21) 7%, rgba(0,0,0,0.36) 12%, rgba(0,0,0,1) 47%, rgba(0,0,0,0.45) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );*/
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 );
}


div.full-screen div.module-centered div.heading-container h1 {
font-family: 'Fredericka the Great', cursive;
font-weight: 100;
font-size: 8em;
letter-spacing: 0em;
line-height: 0.99em;
text-transform: uppercase;
text-align: center;
color: #a00000;

-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
margin: 0;
text-shadow: 0px 0px 0.1px #a00000;
}

div.full-screen div.module-centered div.heading-container p {
font-family: 'Fredericka the Great', cursive;
font-size: 1.9em;
font-weight: 400;
line-height: 1.7em;
letter-spacing: 0.03em;
margin-bottom: 1.5em;
padding: 0;
text-shadow: 1px 1px hsl(0, 0%, 0%);
}


div.full-screen div.module-centered div.heading-container 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 div.heading-container h6 {
font-family: 'Fredericka the Great', cursive;
font-size: 1.2em;
line-height: 1.55em;
font-weight: 500;
text-transform: uppercase;
padding-right: 0.58em;
color: #000000;
font-style: normal;
}

/** scrolldown-link*/

div.full-screen a.scrolldown-link.only-large-devices {
position: absolute;
/*right: 5%;
bottom: 25px;*/

bottom: 0;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
opacity: 1;
z-index: 2;
}

div.full-screen a.scrolldown-link.only-large-devices div.scrolldown {
position: relative;
/*animation: opacityanimation 2s;
-webkit-animation: opacityanimation 2s;
animation-iteration-count: infinite;*/
white-space: normal;
user-select: none;
cursor: pointer;
border: none;
outline: none;
text-decoration: none;
}

/**scrolldown*/

div.full-screen a.scrolldown-link.only-large-devices div.scrolldown div.swap-scrolldown, 
div.full-screen a.scrolldown-link.only-small-devices div.scrolldown div.swap-scrolldown 
{ 
background: url('//images.impresa.pt/expresso/2019-01-28-faca_scroll.png/original');
display: block;
background-size: 100px;
top: 0;
right: 0;
margin: 0 auto;
padding: 0;
width: 90px;
height: 90px;
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-scrolldown*/

div.full-screen a.scrolldown-link.only-large-devices div.scrolldown div.swap-scrolldown:hover,
div.full-screen a.scrolldown-link.only-small-devices div.scrolldown div.swap-scrolldown:hover {
background: url('//images.impresa.pt/expresso/2019-01-28-faca_scroll.png/original');
display: block;
background-size: 100px;
top: 0;
right: 0;
margin: 0 auto;
padding: 0;
width: 90px;
height: 90px;
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 a.scrolldown-link.only-large-devices div.scrolldown:hover,
div.full-screen a.scrolldown-link.only-small-devices div.scrolldown:hover {
opacity: 0.8;
}

div.full-screen a.scrolldown-link.only-large-devices div.scrolldown img,
div.full-screen a.scrolldown-link.only-small-devices div.scrolldown img {
position: relative;
width: 18%;
height: auto;
margin-left: auto;
margin-right: auto;
}



div.full-screen a.scrolldown-link.only-large-devices div.scrolldown h6,
div.full-screen a.scrolldown-link.only-small-devices div.scrolldown h6 {
font-family: 'Fredericka the Great', cursive;
font-size: 1.2em;
font-weight: 800;
text-transform: uppercase;
color: #a00000;
line-height: 0em;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
position: relative;
text-align: center;
margin-top: 1.6em;
letter-spacing: -0.01em;
}

@keyframes opacityanimation {
from {opacity: 1;}
50% {opacity: 0.2;}
to {opacity: 1;}
}

/** back-to-top-button*/

div.wrapper div.content-center.last-content a.back-to-top-link {
position: absolute;
/*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('//images.impresa.pt/expresso/2019-02-01-voltar_ao_inicio.png/original');
display: block;
background-size: 100px;
top: 0;
right: 0;
margin: 0 auto;
padding: 0;
width: 90px;
height: 90px;
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('//images.impresa.pt/expresso/2019-02-01-voltar_ao_inicio.png/original');
display: block;
background-size: 100px;
top: 0;
right: 0;
margin: 0 auto;
padding: 0;
width: 90px;
height: 90px;
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: 0.8;
}




/* 04 TUDO DE: WRAPPER */

/**background das boxs*/

/***cinza*/

div.wrapper div.content.content-center div.box.box-background-text {
/*padding-top: 3%; 
padding-bottom: 3%;
padding-top: 0%;
padding-bottom: 0%;*/
background: #000000;
}

/***fundo preto*/

div.wrapper div.content.content-fullwidth div.box.box-background-text,
div.wrapper div.content.content-larger div.box.box-background-text {
padding-top: 0.5%;
padding-bottom: 0.5%;
background: #000000;

/*padding-top: 5.4%;
padding-bottom: 5.4%;
background: #D35251;
margin-top: 1.4%;
margin-bottom: 1.8%;*/
}

/** border-top e bottom das boxs*/

div.wrapper div.content.content-center div.box.box-border-top-bottom {
/*border-top: 1px solid #7b7b7b;
border-bottom: 1px solid #7b7b7b;*/
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
}

div.wrapper div.content.content-center div.box.box-border-top {
border-top: 1px solid #7b7b7b;
}

div.wrapper div.content.content-center div.box.box-border-bottom{
border-bottom: 1px solid #7b7b7b;
}

/** 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.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: #000000bf;*/
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: 3em;
}

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

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 i.right,
div.wrapper div.content-center div.box-slideshow button i.right,
div.wrapper div.content-larger div.box-slideshow button i.right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
right: 0.37em;
}

div.wrapper div.content-fullwidth div.box-slideshow button i.left,
div.wrapper div.content-center div.box-slideshow button i.left,
div.wrapper div.content-larger div.box-slideshow button i.left {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
left: 0.37em;
}

/*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 p mark,
div.wrapper div.content.content-center div.box div.box-text p mark {
background-color: rgba(201, 202, 191, 0.42);
color: #000;
}

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

div.wrapper div.content.content-larger div.intro {
position: relative;
}

div.wrapper div.content.content-larger div.intro p {
font-family: 'Fredericka the Great', cursive;
font-size: 3em;
line-height: 1.15em;
-webkit-margin-before: 0em;
-webkit-margin-after: 0.6em;
text-shadow: 0px 0px 0.1px black;
}


div.wrapper div.content.content-larger div.intro p.article_Signature.bordered{
display: block;
border: 0.5px solid #00000085;
border-left-width: 0;
border-right-width: 0;
padding: 0.01em 0 0.3em 0;
margin-top: 1em;
}

div.wrapper div.content.content-larger div.intro p.article_Signature.bordered span.assinatura1, 
div.wrapper div.content.content-larger div.intro p.article_Signature.bordered span.assinatura2 {
color: #000000;
font-size: 0.6em;
text-transform: uppercase;
font-weight: 100;
font-family: Firme-light,sans-serif;
line-height: 0em;
}

div.wrapper div.content.content-larger div.intro p.article_Signature.bordered span.assinatura2 {
color: #000000;
font-family: Firme-Medium,sans-serif;
font-weight: 100;
font-size: 0.6em;
text-transform: uppercase;
margin-right: -0.2em;
margin-left: -0.2em;
}



div.wrapper div.content.content-larger 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;
}


/** Lettering corpo principal do texto: fist-paragraph*/

div.wrapper div.content.content-center > p.fist-paragraph {
margin-top: 6em;
}

/** Lettering corpo principal do texto: first-letter of fist-paragraph*/

div.wrapper div.content.content-center > p.fist-paragraph::first-letter {
font-family: Georgia,serif;
font-size: 11.3em;
line-height: 0.8em;
display: block;
float: left;
margin-top: -0.245em;
margin-left: -12.4%;
margin-right: 2.1%;
margin-bottom: -1%;
color: #D35251;
}

/** 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: 'Fredericka the Great', cursive;
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: 'Fredericka the Great', cursive;
display: block;
}

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

div.wrapper div.content.content-center > h2 {
font-size: 5.5em;
line-height: 1.1em;
font-weight: 300;
letter-spacing: -0.03em;
color: #172c3d;
text-transform: uppercase;
/*margin: 0 0 0.4em 0;*/
margin-top: 1.5em;

-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: 1.15em;
font-weight: 500;
color: rgb(23,44,61,0.5);
line-height: 1.3em;
color: #a00000;
margin-top: 0.5em;
padding-bottom: 0.24em;
margin-bottom: 0em;
text-shadow: 0px 0px 0.1px #a00000;
}

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

div.wrapper div.content.content-center > h3,
div.wrapper div.content.content-center > h4 {
font-family: 'Fredericka the Great', cursive;
font-size: 2.9em;
font-weight: 500;
line-height: 1.3em;
margin-top: 1.2em;
margin-bottom: -1em;
color: #a00000;
text-shadow: 0px 0px 0.1px #a00000;
}

div.wrapper div.content.content-center > h4 {
font-size: 2.3em;
}

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

div.wrapper div.content.content-center div.box div.box-text > p {
font-family: "Firme-Light",sans-serif;
font-size: 1.9em;
line-height: 1.4em;
font-weight: 600;
opacity: 1;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
margin-bottom: 1.1em;
letter-spacing: 0.01em;
margin-top: 0.3em;
color: #f2f2f2;
}

div.wrapper div.content.content-center div.box div.box-text > p span.num-item {
font-family: 'Fredericka the Great', cursive;
font-size: 0.9em;
line-height: 1.4em;
font-weight: 500;
color: #f2f2f2;
padding-right: 0.5em;
/* text-shadow: 0px 0px 0.1px black; */
}

div.wrapper div.content.content-center div.box div.box-text > h2 {
font-family: 'Fredericka the Great', cursive;
font-size: 3.1em;
font-weight: 500;
line-height: 1.2em;
margin-top: 0em;
color: #f2f2f2;
margin-bottom: 0.8em;
text-shadow: 0px 0px 0.1px #f2f2f2;
/* padding-right: 6%; */
/* letter-spacing: -0.02em; */
/* font-weight: 700; */
/* margin-bottom: -0.8em; */
/* padding-right: 6%; */
}

div.wrapper div.content.content-center div.box div.box-text > h3,
div.wrapper div.content.content-center div.box div.box-text > h4 {
font-family: "Firme-Bold",sans-serif;
font-size: 2em;
font-weight: 500;
line-height: 1.5em;
letter-spacing: -0.01em;
margin-top: 2em;
color: #f2f2f2;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
text-transform: uppercase;
text-shadow: 0px 0px 0.1px black;
/*margin-top: 2.8em;
margin-bottom: 0.4em;
padding-right: 20%;
text-transform: none;*/
}

div.wrapper div.content.content-center div.box div.box-text > h4 {
font-family: "Firme-Light",sans-serif;
font-size: 1.8em;
letter-spacing: 0.01em;
}

/** Lettering caixa de texto: h4

div.wrapper div.content.content-center div.box div.box-text > h4 {
font-family: "Firme-Black",sans-serif;
font-size: 1.28em;
line-height: 1.75em;
letter-spacing: -0.02em;
font-weight: 800;
margin-top: -0.3em;
margin-bottom: 0.2em;
padding-right: 20%;
text-transform: uppercase;
}*/

/** 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: 'Fredericka the Great', cursive;
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: 'Fredericka the Great', cursive;
font-weight: 100;
font-size: 6.3em;
line-height: 1.2em;
letter-spacing: 0.01em;
color: #f2f2f2;
}

/** 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.55em;
left: -0.4em;

font-family: 'Fredericka the Great', cursive;
font-weight: 500;
font-size: 2.9em;
line-height: 0em;
color: #a00000;
}    


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

/*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: 'Fredericka the Great', cursive;
font-weight: 600;
font-size: 0.83em;
line-height: 1.3em;
margin-top: 0.5em;
color: #a00000;
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;
}

/*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-fullwidth div.credits.only-small-devices {
display: none;
}


div.wrapper div.content-fullwidth.credits-background {
background-color: #000000;
}

div.wrapper div.content-fullwidth div.credits {
text-align: center;
padding-top: 4em;
padding-bottom: 3em;
}

div.wrapper div.content-fullwidth div.credits h3.ending-text-credits-title,
div.wrapper div.content-center div.back-to-top h6 {
font-style: normal;
display: block;
font-size: 2.5em;
line-height: 1.5em;
text-transform: uppercase;
color: #a00000;
margin-top: 0.5em;
margin-bottom: 0.2em;
text-align: center;
font-family: 'Fredericka the Great', cursive;
}

div.wrapper div.content-fullwidth div.back-to-top h6 {
font-size: 1em;
text-align: center;
margin-top: 0.2em;
}

div.wrapper div.content-fullwidth div.credits h4 {
margin-top: 1.5em;
margin-left: 0;
margin-left: 0;
margin-bottom: 0.5em;
}


div.wrapper div.content-fullwidth div.credits cite {
font-style: normal;
display: block;
font-size: 1.25em;
line-height: 1.4em;
text-transform: uppercase;
font-weight: 500;
font-family: 'Fredericka the Great', cursive;
color: #FFFFFF;
}

div.wrapper div.content-fullwidth div.credits cite.final-thanks-0,
div.wrapper div.content-fullwidth div.credits cite.final-thanks-1 {
display: inline;
padding-right: 0.4em;
}

div.wrapper div.content-fullwidth div.credits cite.final-thanks-0 {
color: #FAA61A;
}

div.wrapper div.content-fullwidth div.credits cite.final-thanks-1 {
color: #f2f2f2;
}


div.wrapper div.content-fullwidth div.credits cite.final-thanks span.media-name {
padding-right: 0em;
display: inline-block;
}


div.wrapper div.content-fullwidth div.credits cite span.media-name {
padding-right: 0.4em;
font-weight: 400;
color: #a00000;
}

div.wrapper div.content-fullwidth 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: 'Fredericka the Great', cursive;
margin-bottom: 1em;
}


div.wrapper div.content-fullwidth 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 #333;
color: #D35251;
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: #0d0d0d;
}

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

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

div.wrapper div.content-center p img.end-mark {
display: inline-block;
width: 13px;
margin-bottom: 0px;
}

/** 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: #000;
opacity: 0.9;
border-bottom: 0.01em solid rgb(102, 137, 210);
/*border-bottom: 0.01em solid currentColor;*/
}

/*** visited link */
div.wrapper div.content-center a:visited {
color: #000;
opacity: 0.9;
border-bottom: 0.01em solid rgb(154, 154, 154);
}

/*** mouse over link */
div.wrapper div.content-center a:hover {
color: #6f6f6f;
opacity:0.9;
}

/*** 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:rgba(0, 0, 0, 0.95);   
}

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