/* FONTES*/

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

        .fontGlosaDisplayBlack {
        font-family: 'GlosaDisplay-Black';
        letter-spacing: 0.02em;
        }



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

        .fontFirmeMedium {
          font-family: 'Firme-Medium';
        }

        .fontFirmeLight {
          font-family: 'Firme-Light';
        }

        /* Sizes */
        .fontXXLarge {
          font-size: 4em;
        }

        .fontXLarge {
          font-size: 2.5em;
        }

        .fontLarge {
          font-size: 1.7em;
        }

        .fontMedium {
          font-size: 1.5em;
        }

        .fontSmall {
          font-size: 1em;
        }


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

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


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

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

figure {
margin: 0em 0em;
}

blockquote {
display: block;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0em;
-webkit-margin-end: 0em;
}

h2 {
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0em;
-webkit-margin-end: 0em;
}

/*
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 ESTRUTURA (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;
/*padding: 1.4em 0em;*/
background-color: #02020200;
}


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


/*ALTEREI*/

div.top nav.collapse-navbar div.menu-two div.zona-central {
position: relative;
}

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



/** content-fullwidth*/

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

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

/** content*/

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

/** content-center*/

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

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

/*
Já n é necessário
div.video-intro div.box video#my-video {
position: relative;
right: 0;
bottom: 0;
min-width: 100%; 
min-height: 100%;
z-index: 0;
}*/

/** parallax only-large-devices e box-parallax para os parallax ao longo do artigo*/

div.box-parallax,
div.wrapper div.content.content-fullwidth div.box.only-large-devices div.box-parallax
 {
/*position: relative;*/
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
z-index: 0;

position: static;
}

div.box-parallax {
z-index: 1; 
}


/** fullwidth-cover (é a imagem fullwidth a abrir) only-small-devices*/

div.fullwidth-cover {
position: relative;
width: 100%;
z-index: 1; 
}

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


/*anchor margin-top*/
div.wrapper div.content-center span#anchor_2,
div.wrapper div.content-center span#anchor_3,
div.wrapper div.content-center span#anchor_4,
div.wrapper div.content-center span#anchor_5,
div.wrapper div.content-center span#anchor_6 {
padding-top: 10em;    
}




/** clear fix: para o content-center assumir o tamanho das boxes right e left*/
div.wrapper div.content-center:after,
div.wrapper div.content-center:before {
content: "";
display: table;
clear: both;
}


/*sections*/

div.section-separator {
clear: both; 
height:15px;    
}

div.wrapper section#VideoMonsanto {
padding-top: 4em;   
}




/** box*/

div.wrapper div.content-center div.box {
position: relative;/*se não pussermos position: relative o scroll n funciona*/
margin-top: 6.5%;
margin-bottom: 6.5%;
padding-right: 0;
overflow-x: hidden;
overflow-y: hidden;
z-index: 1;
}

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-first-letter {
margin-top: 1.5%;
margin-bottom: 1.5%;
width: auto;
clear: both;
}

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

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

div.wrapper div.content-center div.box-text,
div.wrapper div.content-center div.box-numbers {
/*position: relative;*/
overflow-x: hidden;
overflow-y: 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*/
}

/** box-text*/

div.wrapper div.content-center div.box-text {
padding-right: 1em;
}


div.wrapper div.content-center div.box-text.first-box-text {
height: 31em;
}


div.wrapper div.content-center div.box-text.second-box-text {
height: 32.5em;
}

/** box-blockquote fullwidth */

div.wrapper div.content-fullwidth div.box-blockquote  {
margin-left: 14.9%;
margin-right: 14.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.box-slideshow {
margin-bottom: -7em; 
}*/

/** 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 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: 'Poppins', sans-serif;
font-size: 1.25em;
line-height: 1.55em;
text-transform: uppercase;
font-style: normal;
color: rgba(255, 255, 255, 0.5);
font-weight: 700;
}


/** logo 
div.top nav.collapse-navbar div.menu-one a.logo { 
width: 100px; 
}*/

div.top nav.collapse-navbar div.menu-one a.logo div#swap-logo { 
background: url('//images.impresa.pt/expresso/2018-12-13-Expresso_branco_alteracoesClimaticas.png/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 100px;
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 div.menu-one a.logo div#swap-logo:hover {
background: url('//images.impresa.pt/expresso/2018-12-13-Expresso_amarelo_alteracoesClimaticas.png/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 100px;
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;
}

/*SOUND*/

/*SOUND*/

/*div.top nav.collapse-navbar div.menu-one div.share-social-media a.sound div.swap-sound,
div.top nav.collapse-navbar div.menu-two div.share-social-media a.sound.no-vertical-border div.swap-sound { 
background: url('//images.impresa.pt/expresso/2018-05-29-som_laranja.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 div.menu-one div.share-social-media a.sound div.swap-sound:hover,
div.top nav.collapse-navbar div.menu-two div.share-social-media a.sound.no-vertical-border div.swap-sound:hover {
background: url('//images.impresa.pt/expresso/2018-05-29-so_cinza.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;
}*/


audio#som-ambiente {
display: none;
}


div.top nav.collapse-navbar div.menu-one div.share-social-media a.sound .swap-sound,
div.top nav.collapse-navbar div.menu-two div.share-social-media a.sound.no-vertical-border .swap-sound { 
display: inline-block;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 24px;
height: 21px;
border: 0px solid;
color: #f3f0f0;
}

/*div.top nav.collapse-navbar div.menu-one div.share-social-media a.sound .swap-sound.playing,
div.top nav.collapse-navbar div.menu-two div.share-social-media a.sound.no-vertical-border .swap-sound.playing{
background: url('//images.impresa.pt/expresso/2018-05-29-som_laranja.png/original');
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
}*/







div.top nav.collapse-navbar div.menu-one div.share-social-media a.sound .swap-sound.paused,

div.top nav.collapse-navbar div.menu-two div.share-social-media a.sound.no-vertical-border .swap-sound.paused{

/*

Converter Imagens para base64

- https://www.base64-image.de/

*/

/*background: url('//images.impresa.pt/expresso/2018-05-29-som_laranja.png/original');*/

background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAKlBMVEVHcEz5pBr/nx/3pxf6phr6phr5phn5pRn5pRn6pRn5pRr7pxr6phn6phkKbInmAAAADnRSTlMAMBAgr//vv4Blj0DZnwBMgwsAAADmSURBVHgB1dCBRwUxAAbw7+3B7T3xRIEQCMAQIBykPyDfaiWEEBAcRCQGQFB/QATAUYQL4IAQ3P/TNtO2CYHoA/zcd9s+/L+s/2C7egVxcFeYvOAtFtR9ZrORAXmSTFh6FBP5+Y3vDOgLBi7zYRheGRFr1ArAQ4CAzfU29kO/S7jBc+zwsEatGpoSJdkKHpWITdftdIWSp3hmhUsaWP7myz3/zwrdUlf16f6eK8njGi/ji2zCxY3CxNbP61Z6y1aiQsxjxHlHk5afAgqbL4/l6FGSZ8jSeHS73yPPFnvMPp5Q5gV/ni9kbnXY6EhdNwAAAABJRU5ErkJggg==');

background-repeat: no-repeat;

background-position: center center;

background-color: transparent;

background-size: contain;

-webkit-background-size: contain;

-moz-background-size: contain;

-o-background-size: contain;

}



div.top nav.collapse-navbar div.menu-one div.share-social-media a.sound .swap-sound.playing,

div.top nav.collapse-navbar div.menu-two div.share-social-media a.sound.no-vertical-border .swap-sound.playing{

/*

Converter Imagens para base64

- https://www.base64-image.de/

*/

/*background: url('//images.impresa.pt/expresso/2018-05-29-so_cinza.png/original');*/

background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAIVBMVEVHcEx/goKAg4KAgoF/f3+Ag4J/g4F/gH+Ag4F/g4OAg4I5+zAtAAAAC3RSTlMAYP+/EO9+IqdB2HcuCQoAAAC1SURBVHgBtNIxDoIwAIXhEgiIE+EE+kxQmAhO7mqiI+EEJO4GNa6kJzA61bHxoFon7OvqP37LW574c2nJFtQTxhAlY4cjo1ywxZiTrX3QjvdKCaMq0YTtLMQQd0qpJ/LND2qYejnE+Gu4gjHzHdjcHZhoxsIDY753YN868FwzZiMwNp0Dk8rCCChiWCgey9WY8FNaaMKgnm4JzQtONl5wE+JgYWteEEm8F4CicjnYwUsFGOgNANKcLTYrRL6RAAAAAElFTkSuQmCC');

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;
/*font-style: italic;*/
}

/*div.top nav.collapse-navbar div.menu-two a.back-to-index,
div.top nav.collapse-navbar.scroll-effects div.menu-two a.back-to-index,
div.top nav.collapse-navbar div.menu-two h2,
div.top nav.collapse-navbar div.menu-two button, 
div.top nav.collapse-navbar div.menu-one a.icon {
font-family: 'Barlow Condensed', sans-serif;
}*/

/*botão dos "créditos" da modal box*/
div.top nav.collapse-navbar div.menu-two button {
background-color: transparent;
}


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


/** items dos dois menus: paddings e margins; */

/*** zona da esquerda do menu: logo... */

/*div.top nav.collapse-navbar div.menu-one a.only-scrolled_menu {
display: none;  
}*/

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


/*div.top nav.collapse-navbar div.menu-two a.back-to-index,
div.top nav.collapse-navbar div.menu-two button.no-vertical-border {
font-size: 1.4em;
font-weight: 600;
}*/

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 tem sublinhado no hover 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: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: #dca90e;
}

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

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



/** hover item back to index*/
div.top nav.collapse-navbar div.menu-two a.back-to-index:hover {
border-bottom: none;
}


/** vertical-border*/

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

/** 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 é plaicada à nav a classe scroll effects*/
div.top nav.collapse-navbar.scroll-effects {
background-color: #172c3d;
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: #8594A8;
}

div.top nav.collapse-navbar.scroll-effects div.menu-two a.back-to-index {
color: #FFFFFF;
/*margin-right: 8.8rem;*/
}




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

/*** 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 div.share-social-media a:hover,
div.top nav.collapse-navbar.scroll-effects div.menu-two button:hover {
color: #dca90e;
}

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: 5;
display: none;
position: fixed;
padding-top: 100px;
left: 0;
top: -1em;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.4);*/
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;
/*background-color: #000000;*/
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,
div.wrapper div.content-fullwidth 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: 'Poppins', sans-serif;
color: #f2f2f2;
}

div.wrapper div.content-fullwidth div.credits h6 {
width: 100%;
text-align: center;
margin: 3em 0 0 0;
}

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


div#full-screen,
div#Introducao,
div#VideoMonsanto {
position:relative;
/*top:54px;*/
left:0; 
width:100%;
height:100%;
}



/*div#full-screen img.min1281px-devices,
div#full-screen img.max1280px-devices,
div#full-screen img.max768px-devices,
div#full-screen img.max520px-devices
 {
display: none;
position: relative;
right: 0;
bottom: 0;
width: 100%;
}*/



div#full-screen div.full-screen-image.min1281px-devices,
div#full-screen div.full-screen-image.max1280px-devices,
div#full-screen div.full-screen-image.max768px-devices,
div#full-screen div.full-screen-image.max540px-devices,
div#full-screen div.full-screen-image.max480px-devices,
div#full-screen div.full-screen-image.max320px-devices
 {
position: absolute;
right: 0;
bottom: 0;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
background-size: cover;
/*background-size: contain;*/
backface-visibility: hidden;
background-repeat: no-repeat;
z-index: -1;
display: none;
background-position: center center;
}

div#full-screen div.full-screen-image.min1281px-devices {
background-image: url('//images.impresa.pt/expresso/2018-12-12-Capa_sem_lettering.jpg/original') 
}

div#full-screen div.full-screen-image.max1280px-devices {
background-image: url('//images.impresa.pt/expresso/2018-12-12-Capa_sem_lettering.jpg/original') 
}

div#full-screen div.full-screen-image.max768px-devices {
background-image: url('');
}

div#full-screen div.full-screen-image.max540px-devices {
background-image: url('');
}


div#Introducao {
display: table;
table-layout: fixed;
width: 100%;
/*background-color: #f2f2f2;*/
background-color: #172c3d;
}


/** box-parallax */
div.bg-img-1 {
/*background-image: url('../img/escolhidas/AF5_1779.jpg');*/
background-image: url('//images.impresa.pt/expresso/2018-02-15-poster02.jpg/original');
min-height: 100%;
}
/*background-image: url('../img/capa.jpg');*/


/** fullwidth-cover */
div.fullwidth-cover.only-small-devices div.box {
margin-top: 0em;
margin-bottom: 0em;
}

/** já n é necessário

div.video-intro 
div.video-intro {
position: relative;
width: 100%; 
z-index: 1;
}*/

/** já n é necessário

div.video-intro > div.box 
div.video-intro div.box {
margin-top: 0em;
margin-bottom: 0em;
}*/


/** Lettering do título do trabalho */


/*** module-centered */

div#full-screen div.module-centered
 {
position: absolute;
white-space: nowrap;
color: white;

/*top: 85%;*/
left: 50%;
/*margin-right: -50%;*/
transform: translate(-50%, -50%);
bottom: 38%;
}

div#Introducao div.module-centered
 {
position: absolute;
white-space: normal;
color: white;

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

width: 58%;
}


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

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


/*** scrolldown */

div#full-screen a.scrolldown-link.only-large-devices div.scrolldown,
div#full-screen a.scrolldown-link.only-small-devices div.scrolldown,
div#Introducao a.scrolldown-link.only-large-devices div.scrolldown,
div#Introducao a.scrolldown-link.only-small-devices div.scrolldown,
div#VideoMonsanto a.scrolldown-link.only-large-devices div.scrolldown,
div#VideoMonsanto a.scrolldown-link.only-small-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;
text-shadow: 0px 0px 15px #000000;
}

div#full-screen a.scrolldown-link.only-large-devices div.scrolldown:hover,
div#full-screen a.scrolldown-link.only-small-devices div.scrolldown:hover,
div#Introducao a.scrolldown-link.only-large-devices div.scrolldown:hover,
div#Introducao a.scrolldown-link.only-small-devices div.scrolldown:hover,
div#VideoMonsanto a.scrolldown-link.only-large-devices div.scrolldown:hover,
div#VideoMonsanto 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,
div#Introducao a.scrolldown-link.only-large-devices div.scrolldown img,
div#Introducao a.scrolldown-link.only-small-devices div.scrolldown img,
div#VideoMonsanto a.scrolldown-link.only-large-devices div.scrolldown img,
div#VideoMonsanto 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,
div#Introducao a.scrolldown-link.only-large-devices div.scrolldown h6,
div#Introducao a.scrolldown-link.only-small-devices div.scrolldown h6,
div#VideoMonsanto a.scrolldown-link.only-large-devices div.scrolldown h6,
div#VideoMonsanto a.scrolldown-link.only-small-devices div.scrolldown h6  {
font-family: 'Poppins', sans-serif;
font-size: 1.2em;
font-weight: 500;
text-transform: uppercase;
color: #ffbf00;
line-height: 0em;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;

position: relative;
text-align: center;
margin-top: 1em;
}

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



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




/*** h1 */

/*div.video-intro div.box div.box-video div.video-intro-overlay div.module-centered h1,*/
div#full-screen div.module-centered h1
 {
font-family: 'Poppins', sans-serif;
color: #ffbf00;
font-size: 9em;
line-height: 0.99em;
font-weight: 300;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
letter-spacing: 0em;
text-transform: uppercase;
margin: 0;
text-align: center;
}

div#full-screen div.module-centered h1 span.h1second
 {
font-weight: 600;
 }

 div#full-screen div.module-centered h1.h1description
 {
font-family: 'Poppins', sans-serif;
color: #a7afb6;
font-size: 2.8em;
line-height: 0.99em;
font-weight: 500;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
text-transform: uppercase;
margin-top: 0.2em;
text-align: center;
}


div#Introducao div.module-centered h1 {
font-family: Georgia,serif;
font-size: 2.2em;
line-height: 1.8em;
font-weight: 100;
margin-top: 1.5em;
text-align: center;
color: #FFFFFF;
}

div#Introducao div.module-centered h1.primeiro-paragrafo-intro
 {
margin-top: 0em;
}




/*div.video-intro div.box div.box-video div.video-intro-overlay div.module-centered h1.h1-first,
div#full-screen div.module-centered h1.h1-first,
div.box-parallax.bg-img-1.only-large-devices div.module-centered h1.h1-first,
div.fullwidth-cover.only-small-devices div.box div.module-centered h1.h1-first
 {
top: 0;
left: 0em; 
}

div.video-intro div.box div.box-video div.video-intro-overlay div.module-centered h1.h1-second,
div#full-screen div.module-centered h1.h1-second,
div.box-parallax.bg-img-1.only-large-devices div.module-centered h1.h1-second,
div.fullwidth-cover.only-small-devices div.box div.module-centered h1.h1-second
 {
top: 0.8em;
left: 0em;
}*/



/*** heading-border */

div.video-intro div.box div.box-video div.video-intro-overlay div.module-centered div.heading-container div.heading-border,
div.box-parallax.bg-img-1.only-large-devices div.module-centered div.heading-container div.heading-border,
div.fullwidth-cover.only-small-devices div.box div.module-centered div.heading-container div.heading-border {
margin: 1.8em 0 2em 0;
width: 12em;
height: 0.1em;
background-color: #FFF;
/*display: none;*/
}


/*** p */

div.video-intro div.box div.box-video div.video-intro-overlay div.module-centered div.heading-container div.heading-border p,
div.box-parallax.bg-img-1.only-large-devices div.module-centered div.heading-container p,
div.fullwidth-cover.only-small-devices div.box div.module-centered div.heading-container p {
font-family: Georgia,serif;
font-size: 1.9em;
font-weight: 400;
line-height: 1.7em;
letter-spacing: 0.03em;
margin-bottom: 1.5em;
padding: 0 3.5em;
text-shadow: 1px 1px hsl(0, 0%, 0%);
}


/*** h6 */

div.video-intro div.box div.box-video div.video-intro-overlay div.module-centered div.heading-container h6,
div.box-parallax.bg-img-1.only-large-devices div.module-centered div.heading-container h6,
div.fullwidth-cover.only-small-devices div.box div.module-centered div.heading-container h6 {
font-family: 'GlosaDisplay Medium';
font-size: 1.5em;
line-height: 1.2em;
letter-spacing: 0.04em;
font-weight: 400;
text-transform: none;
animation: opac 0.8s;
-webkit-margin-before: 2.33em;
-webkit-margin-after: 0em;
}


/*** cite */

div.video-intro div.box div.box-video div.video-intro-overlay cite,
div.box-parallax.bg-img-1.only-large-devices div.module-centered div.heading-container cite,
div.fullwidth-cover.only-small-devices div.box div.module-centered div.heading-container cite {
/* font-family: "Firme-Medium",sans-serif; */
font-family: 'GlosaDisplay Medium';
font-size: 1.35em;
line-height: 1em;
text-transform: uppercase;
letter-spacing: 0.04em;
display: block;
font-style: normal;
margin-top: 0.3em;
font-weight: 800;
/* opacity: 0.8; */
text-shadow: 2px 1px hsl(0, 8%, 13%);
}


/*** span.media-name */

div.video-intro div.box div.box-video div.video-intro-overlay cite span.media-name,
div.box-parallax.bg-img-1.only-large-devices div.module-centered div.heading-container cite span.media-name,
div.fullwidth-cover.only-small-devices div.box div.module-centered div.heading-container cite span.media-name {
font-size: 0.85em;
line-height: 1.55em;
font-weight: 500;
text-transform: uppercase;
padding-right: 0.58em;
opacity: 0.6;
}


/*** h6.date e h6.part */

div.video-intro div.box div.box-video div.video-intro-overlay div.module-centered div.heading-container h6.date,
div.video-intro div.box div.box-video div.video-intro-overlay div.module-centered div.heading-container h6.part,
div.box-parallax.bg-img-1.only-large-devices div.module-centered div.heading-container h6.date,
div.box-parallax.bg-img-1.only-large-devices div.module-centered div.heading-container h6.part,

div.fullwidth-cover.only-small-devices div.box div.module-centered div.heading-container h6.date,
div.fullwidth-cover.only-small-devices div.box div.module-centered div.heading-container h6.part {
font-family: 'GlosaDisplay Medium';
font-size: 1.5em;
line-height: 1.2em;
letter-spacing: 0.04em;
font-weight: 400;
text-transform: none;
animation: opac 0.8s;
-webkit-margin-before: 2.33em;
-webkit-margin-after: 0.5em;
text-shadow: 1px 1px hsl(0, 0%, 0%);
}

div.video-intro div.box div.box-video div.video-overlay div.module-centered div.heading-container h6.part,
div.box-parallax.bg-img-1.only-large-devices div.module-centered div.heading-container h6.part,
div.fullwidth-cover.only-small-devices div.box div.module-centered div.heading-container h6.part {
-webkit-margin-before: 0em;
-webkit-margin-after: 0.8em;
border-left: 5px solid white;
padding-left: 0.5em;
}


/** especificidades sobre vídeo a abrir e que se aplicam também ao resto dos vídeos do trabalho */

/*** div.video-overlay */

div.video-intro div.box div.box-video div.video-intro-overlay,
div.wrapper div.content.content-center div.box div.box-video div.video-overlay,
div.wrapper div.content.content-fullwidth div.box div.box-video div.video-overlay,
div.wrapper div.content.content-larger div.box div.box-video div.video-overlay {
/*background: rgba(19, 41, 86, 0.88);*/
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
display: flex;
align-items: center;
justify-content: center;


/*background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.76) 0,rgba(0,0,0,0.76) 7%,rgba(0,0,0,0) 54%,rgba(0,0,0,0) 100%);

    background: linear-gradient(-45deg, rgba(0,0,0,0.76) 0,rgba(0,0,0,0.76) 7%,rgba(0,0,0,0) 54%,rgba(0,0,0,0) 100%);*/

}



/*** play box-video */

div.video-intro div.box div.box-video div.video-intro-overlay div.module-centered figure,
div.wrapper div.content-center div.box.box-right div.box-video div.video-overlay figure,
div.wrapper div.content-center div.box.box-left div.box-video div.video-overlay figure,
div.wrapper div.content-center div.box div.box-video div.video-overlay figure,
div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay figure,
div.wrapper div.content-larger div.box div.box-video div.video-overlay figure {
background: rgba(14, 14, 14, 0.32);
display: -ms-flex;
display: -webkit-flex;
display: flex;
position: absolute;
border-radius: 50%;
}

div.wrapper div.content-center div.box div.box-video div.video-overlay figure {
bottom: 2em;
left: 2em;
}

div.wrapper div.content-center div.box.box-right div.box-video div.video-overlay figure,
div.wrapper div.content-center div.box.box-left div.box-video div.video-overlay figure {
bottom: 1.5em;
left: 1.5em;
}


div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay figure,
div.wrapper div.content-larger div.box div.box-video div.video-overlay figure {
/*bottom: 3em;
left: 3em;*/
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}

div.video-intro div.box div.box-video div.video-intro-overlay div.module-centered figure {
top: -9em;
left: 10.1em;
position: relative;
}

div.video-intro div.box div.box-video div.video-intro-overlay div.module-centered figure button,
div.wrapper div.content-center div.box.box-right div.box-video div.video-overlay figure button,
div.wrapper div.content-center div.box.box-left div.box-video div.video-overlay figure button,
div.wrapper div.content-center div.box div.box-video div.video-overlay figure button,
div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay figure button,
div.wrapper div.content-larger div.box div.box-video div.video-overlay figure button,
div.wrapper div.content-center div.back-to-top div.back-to-top-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: #0d0d0d63;
border-radius: 50%;
margin: auto;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
border: 0.2em solid #ffffff;
}


div.wrapper div.content-center div.back-to-top div.back-to-top-button
 {
border: 0.1em solid #FFFFFF;
}

/*div.video-intro div.box div.box-video div.video-overlay div.module-centered figure button {
width: 14em;
height: 14em;
border: 0em solid #FFF;
}*/


div.wrapper div.content-center div.box div.box-video div.video-overlay figure button {
width: 6.8em;
height: 6.8em;
}

div.wrapper div.content-center div.box.box-right div.box-video div.video-overlay figure button,
div.wrapper div.content-center div.box.box-left div.box-video div.video-overlay figure button {
width: 6.8em;
height: 6.8em;
}


div.video-intro div.box div.box-video div.video-intro-overlay div.module-centered figure button,
div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay figure button,
div.wrapper div.content-larger div.box div.box-video div.video-overlay figure button {
width: 6.8em;
height: 6.8em;
}

div.wrapper div.content-center div.back-to-top div.back-to-top-button {
position: relative;
left: 47%;
margin-top: 6em;
background: RGB(23,44,61,0.5);
}

div.wrapper div.content-center div.back-to-top div.back-to-top-button {
width: 4em;
height: 4em;
}



/*** triangle: play */

div.video-intro div.box div.box-video div.video-intro-overlay div.module-centered figure button::after, 
div.wrapper div.content-center div.box.box-right div.box-video div.video-overlay figure button::after, 
div.wrapper div.content-center div.box.box-left div.box-video div.video-overlay figure button::after, 
div.wrapper div.content-center div.box div.box-video div.video-overlay figure button::after, 
div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay figure button::after, 
div.wrapper div.content-larger div.box div.box-video div.video-overlay figure button::after, 
div.wrapper div.content-center div.back-to-top div.back-to-top-button::after {
position: relative;
content: '';
display: inline-block;
border-style: solid;
border-color: transparent transparent transparent white;
}

div.video-intro div.box div.box-video div.video-intro-overlay div.module-centered div.heading-container figure button::after {
border-width: 3em 0 3em 5em;
top: 0.1em;
left: 0.3em;
}


div.wrapper div.content-center div.box div.box-video div.video-overlay figure button::after {
border-width: 3em 0 3em 5em;
top: 0.1em;
left: 0.3em;
}


div.wrapper div.content-center div.box.box-right div.box-video div.video-overlay figure button::after,
div.wrapper div.content-center div.box.box-left div.box-video div.video-overlay figure button::after {
border-width: 3em 0 3em 5em;
top: 0.1em;
left: 0.3em;
}

div.video-intro div.box div.box-video div.video-intro-overlay div.module-centered figure button::after,
div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay figure button::after,
div.wrapper div.content-larger div.box div.box-video div.video-overlay figure button::after {
top: 0.1em;
left: 0.4em;
border: solid;
border-width: 1.5em 0 1.5em 2.5em;
display: inline-block;
/* padding: 1.4em; */
transform: rotate(-45deg);
-webkit-transform: rotate(-2deg);
/* border-top-left-radius: 100%; */
/* border-top-right-radius: 20%; */
/* border-bottom-right-radius: 0%; */
/* border-bottom-left-radius: 20%; */
border-color: transparent transparent transparent #ffffff;
}


div.wrapper div.content-center div.back-to-top div.back-to-top-button::after {
border: solid;
border-width: 0 0.3em 0.3em 0;
display: inline-block;
padding: 0.5em;
color: #FFFFFF;
top: 1.6em;
left: 1.4em;
transform: rotate(+224deg);
-webkit-transform: rotate(+224deg);
}






div.video-intro div.box div.box-video div.video-intro-overlay div.module-centered figure button:hover,
div.wrapper div.content-center div.box.box-right div.box-video div.video-overlay figure button:hover,
div.wrapper div.content-center div.box.box-left div.box-video div.video-overlay figure button:hover,
div.wrapper div.content-center div.box div.box-video div.video-overlay figure button:hover,
div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay figure button:hover,
div.wrapper div.content-larger div.box div.box-video div.video-overlay figure button:hover
 {
background-color: rgba(0,0,0,0.65);
color: white;
}


div.wrapper div.content-center div.back-to-top div.back-to-top-button:hover
 {
border: 0.1em solid #faa61a00;
}



/* 04 TUDO DE: WRAPPER */


div.wrapper div.content.content-larger img.filetes_cima,
div.wrapper div.content.content-larger img.filetes_baixo {
position: absolute;
z-index: -2;
display: none;
} 

/** relativamente às boxes*/

/*** background cinza*/

div.wrapper div.content.content-center div.box.box-background-text {
padding-top: 3%; 
padding-bottom: 3%;
background: #f6f6f6;
}

/*** background laranja fullwidth*/

div.wrapper div.content.content-fullwidth div.box.box-background-text,
div.wrapper div.content.content-larger div.box.box-background-text {
padding-top: 5.4%;
padding-bottom: 5.4%;
background: #D35251;
margin-top: 1.4%;
margin-bottom: 1.8%;
}

/*** border-top e bottom*/

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

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');
/*background-image: url('../img/IanHutchinson02.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');
/*background-image: url('../img/escolhidas/AF5_2084.jpg');*/
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');
/*background-image: url('../img/escolhidas/AF5_1756.jpg');*/
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');
/*background-image: url('../img/escolhidas/AF5_2062.jpg');*/
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*/

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

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

/*lead*/
div.wrapper div.content.content-center p.intro {
font-family: Firme-Book,sans-serif;
font-size: 3em;
margin-top: 1.9em;
margin-bottom: 2.9em;
line-height: 1.15em;
}

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

/*********** INFOGRAFIA 1 ******************/

div.wrapper div.content.content-center div.container1{
content: "";
display: table;
clear: both;
}

div.wrapper div.content.content-center div.container1,
div.wrapper div.content.content-center div.container1 div.containerA,
div.wrapper div.content.content-center div.container1 div.containerB {
position: relative;
width: 100%;
margin: 2.5em auto 0 auto;
overflow: hidden;

}

div.wrapper div.content.content-center div.container1 div.containerB {
width: 100%;
/*float: left;
display: inline-block;
padding: 1em;*/
}

div.wrapper div.content.content-center div.container1 {
height: 700px;
margin-top: 5em;
margin-bottom: 0em;
/*margin-bottom: 10em;*/
/*border-bottom: 1px solid #172c3d;*/
padding-bottom: 5em;
}

div.wrapper div.content.content-center div.container1 div.containerB div.img,
div.wrapper div.content.content-center div.container1 div.containerB div.title,
div.wrapper div.content.content-center div.container1 div.containerB div.floatleft,
div.wrapper div.content.content-center div.container1 div.containerB div.floatright,
div.wrapper div.content.content-center div.container1 div.containerB div.description {
position: relative;   
}

div.wrapper div.content.content-center div.container1 div.containerB div.img,
div.wrapper div.content.content-center div.container1 div.containerB div.title,
div.wrapper div.content.content-center div.container1 div.containerB div.description {
width: 100%;
}

div.wrapper div.content.content-center div.container1 div.containerB div.floatleft {
float: left;
width: 50%;
text-align: center;
}

div.wrapper div.content.content-center div.container1 div.containerB div.floatright {
float: right;  
width: 50%;
text-align: center;  
}

div.wrapper div.content.content-center div.container1 div.containerB div.img2,
div.wrapper div.content.content-center div.container1 div.containerB div.img3,
div.wrapper div.content.content-center div.container1 div.containerB div.img4,
div.wrapper div.content.content-center div.container1 div.containerB div.img5,
div.wrapper div.content.content-center div.container1 div.containerB div.img6,
div.wrapper div.content.content-center div.container1 div.containerB div.img7,
div.wrapper div.content.content-center div.container1 div.containerB div.img8,
div.wrapper div.content.content-center div.container1 div.containerB div.img9,
div.wrapper div.content.content-center div.container1 div.containerB div.img10,
div.wrapper div.content.content-center div.container1 div.containerB div.img11,
div.wrapper div.content.content-center div.container1 div.containerB div.img12,
div.wrapper div.content.content-center div.container1 div.containerB div.img13,
div.wrapper div.content.content-center div.container1 div.containerB div.img14,
div.wrapper div.content.content-center div.container1 div.containerB div.img15,
div.wrapper div.content.content-center div.container1 div.containerB div.img16,
div.wrapper div.content.content-center div.container1 div.containerB div.img17,
div.wrapper div.content.content-center div.container1 div.containerB div.img18,
div.wrapper div.content.content-center div.container1 div.containerB div.img19,
div.wrapper div.content.content-center div.container1 div.containerB div.img20,
div.wrapper div.content.content-center div.container1 div.containerB div.img21,
div.wrapper div.content.content-center div.container1 div.containerB div.img22 {
width: 101px;
height: 101px;
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
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;
margin: 0 auto;
}


div.wrapper div.content.content-center div.container1 div.containerB div.img2 {
background: url('//images.impresa.pt/expresso/2018-12-13-1_icone_temperaturas_101px.png/original');
}


div.wrapper div.content.content-center div.container1 div.containerB div.img3 {
background: url('//images.impresa.pt/expresso/2018-12-13-1_icone_degelo_101px.png/original');
}


div.wrapper div.content.content-center div.container1 div.containerB div.img4 {
background: url('//images.impresa.pt/expresso/2018-12-13-1_icone_oceanos_101px.png/original');
}


div.wrapper div.content.content-center div.container1 div.containerB div.img5 {
background: url('//images.impresa.pt/expresso/2018-12-13-1_icone_ondas_calor_101px.png/original');
}


div.wrapper div.content.content-center div.container1 div.containerB div.img6 {
background: url('//images.impresa.pt/expresso/2018-12-13-1_icone_furacoes_101px.png/original');
}


div.wrapper div.content.content-center div.container1 div.containerB div.img7 {
background: url('//images.impresa.pt/expresso/2018-12-13-1_icone_biodiversidade_101px.png/original');
}


div.wrapper div.content.content-center div.container1 div.containerB div.img8 {
background: url('//images.impresa.pt/expresso/2018-12-13-1_icone_consequencias_humanitarias_101px.png/original');
}

div.wrapper div.content.content-center div.container1 div.containerB div.img9 {
background: url('//images.impresa.pt/expresso/2018-12-13-1_icone_saude_101px.png/original');
}

div.wrapper div.content.content-center div.container1 div.containerB div.img10 {
background: url('//images.impresa.pt/expresso/2018-12-13-2_icone_energia_101px.png/original');
}


div.wrapper div.content.content-center div.container1 div.containerB div.img11 {
background: url('//images.impresa.pt/expresso/2018-12-13-2_icone_industria_101px.png/original');
}

div.wrapper div.content.content-center div.container1 div.containerB div.img12 {
background: url('//images.impresa.pt/expresso/2018-12-13-2_icone_edificios_101px.png/original');
}

div.wrapper div.content.content-center div.container1 div.containerB div.img13 {
background: url('//images.impresa.pt/expresso/2018-12-13-2_icone_transportes_101px.png/original');
}


div.wrapper div.content.content-center div.container1 div.containerB div.img14 {
background: url('//images.impresa.pt/expresso/2018-12-13-2_icone_agricultura_101px.png/original');
}


div.wrapper div.content.content-center div.container1 div.containerB div.img15 {
background: url('//images.impresa.pt/expresso/2018-12-13-2_icone_residuos_101px.png/original');
}


div.wrapper div.content.content-center div.container1 div.containerB div.img16 {
background: url('//images.impresa.pt/expresso/2018-12-13-1_icone_ondas_calor_101px.png/original');
}


div.wrapper div.content.content-center div.container1 div.containerB div.img17 {
background: url('//images.impresa.pt/expresso/2018-12-13-1_icone_degelo_101px.png/original');
}

div.wrapper div.content.content-center div.container1 div.containerB div.img18 {
background: url('//images.impresa.pt/expresso/2018-12-13-1_icone_oceanos_101px.png/original');
}


div.wrapper div.content.content-center div.container1 div.containerB div.img19 {
background: url('//images.impresa.pt/expresso/2018-12-13-1_icone_biodiversidade_101px.png/original');
}

div.wrapper div.content.content-center div.container1 div.containerB div.img20 {
background: url('//images.impresa.pt/expresso/2018-12-13-1_icone_degelo_101px.png/original');
}

div.wrapper div.content.content-center div.container1 div.containerB div.img21 {
background: url('//images.impresa.pt/expresso/2018-12-13-1_icone_coral_101px.png/original');
}

div.wrapper div.content.content-center div.container1 div.containerB div.img22 {
background: url('//images.impresa.pt/expresso/2018-12-13-1_icone_biodiversidade_101px.png/original');
}






div.wrapper div.content.content-center div.container1 div.containerA h1 {
font-family: 'Poppins', sans-serif;
font-size: 2.3em;
line-height: 1.4em;
font-weight: 600;
-webkit-margin-before: 0em;
-webkit-margin-before: 1.8em;
-webkit-margin-after: 0em;
letter-spacing: -0.03em;
display: block;
text-transform: uppercase;
text-align: center;
padding-left: 2em;
padding-right: 2em;
color: #172c3d;
}


div.wrapper div.content.content-center div.container1 div.containerB div.title h1,
div.wrapper div.content.content-center div.container1 div.containerB div.floatleft p,
div.wrapper div.content.content-center div.container1 div.containerB div.floatright p,
div.wrapper div.content.content-center div.container1 div.containerB div.floatleft p.subtitle,
div.wrapper div.content.content-center div.container1 div.containerB div.floatright p.subtitle,
div.wrapper div.content.content-center div.container1 div.containerB div.description p {
display: block;
text-align: center;
font-family: 'Poppins', sans-serif;


/*margin-top: 0.5em;
margin-bottom: 0.7em; */
}

div.wrapper div.content.content-center div.container1 div.containerB div.title h1 {
font-size: 2.3em;
font-weight: 500;
font-weight: 700;
color: rgb(23,44,61,0.5);
text-transform: uppercase;
}

div.wrapper div.content.content-center div.container1 div.containerB div.floatleft p.subtitle,
div.wrapper div.content.content-center div.container1 div.containerB div.floatright p.subtitle {
font-size: 1.6em;
text-transform: uppercase;
font-weight: 300;
margin: 0;
color: rgb(23,44,61,1);
}


div.wrapper div.content.content-center div.container1 div.containerB div.floatleft p,
div.wrapper div.content.content-center div.container1 div.containerB div.floatright p {
/*text-transform: uppercase;*/
font-weight: 800;
color: rgb(23,44,61,0.5);
font-size: 3.2em;
margin-top: 0.1em;
color: rgb(23,44,61,0.5);
margin-bottom: 0.5em;
}




div.wrapper div.content.content-center div.container1 div.containerB div.description p {
font-size: 1.8em;
text-transform: none;
letter-spacing: 0.5px;
line-height: 1.5em;
font-weight: 400;
}


div.wrapper div.content.content-center div.container1 div.containerB div.title,
div.wrapper div.content.content-center div.container1 div.containerB div.floatleft,
div.wrapper div.content.content-center div.container1 div.containerB div.floatright,
div.wrapper div.content.content-center div.container1 div.containerB div.description {
position: relative;   
}



/*********** INFOGRAFIA 2 ******************/

/*div.wrapper div.content.content-center div.container {
position: relative;
margin: auto;
overflow: hidden;
width: 500px;
height: 700px;
}

div.wrapper div.content.content-center div.container div.col-1 {
position: absolute;
width: 40%;
height: 100%;
left: 0;
top: 3%;
}

div.wrapper div.content.content-center div.container div.col-2 {
position: absolute;
width: 55%;
height: 100%;
left: 43%;
}

div.wrapper div.content.content-center div.container-footer {
position: relative;
margin: auto;
width: 500px;
height: 200px;
}

div.wrapper div.content.content-center div.container-footer div.legenda {
background: #5B4644;
position: absolute;
left: 17%;
}

div.wrapper div.content.content-center div.container-footer div.legenda p {
margin-left: 20px;
margin-top: -1px;
font-family: "Lato", sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
}

div.wrapper div.content.content-center div.container div.col-2 div.col-2-lin-1,
div.wrapper div.content.content-center div.container div.col-2 div.col-2-lin-2,
div.wrapper div.content.content-center div.container div.col-2 div.col-2-lin-3,
div.wrapper div.content.content-center div.container div.col-2 div.col-2-lin-4 {
position: absolute;   
}

div.wrapper div.content.content-center div.container div.col-1 div.col-1-lin-1,
div.wrapper div.content.content-center div.container div.col-1 div.col-1-lin-2,
div.wrapper div.content.content-center div.container div.col-1 div.col-1-lin-3,
div.wrapper div.content.content-center div.container div.col-1 div.col-1-lin-4,
div.wrapper div.content.content-center div.container div.col-1 div.col-1-lin-5 {
position: absolute;
width: 101px;
height: 101px;
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
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.content-center div.container div.col-1 div.col-1-lin-1 {
background: url('//images.impresa.pt/expresso/2018-12-11-1_icone_consequencias_humanitarias_101px.png/original');
}

div.wrapper div.content.content-center div.container div.col-1 div.col-1-lin-2 {
background: url('//images.impresa.pt/expresso/2018-12-11-1_icone_consequencias_humanitarias_101px.png/original');
}

div.wrapper div.content.content-center div.container div.col-1 div.col-1-lin-3 {
background: url('//images.impresa.pt/expresso/2018-12-11-1_icone_consequencias_humanitarias_101px.png/original');
}

div.wrapper div.content.content-center div.container div.col-1 div.col-1-lin-4 {
background: url('//images.impresa.pt/expresso/2018-12-11-1_icone_consequencias_humanitarias_101px.png/original');
}

div.wrapper div.content.content-center div.container div.col-1 div.col-1-lin-1,
div.wrapper div.content.content-center div.container div.col-2 div.col-2-lin-1 {
top: 0%;
}

div.wrapper div.content.content-center div.container div.col-1 div.col-1-lin-2,
div.wrapper div.content.content-center div.container div.col-2 div.col-2-lin-2 {
top: 15%;
}

div.wrapper div.content.content-center div.container div.col-1 div.col-1-lin-3,
div.wrapper div.content.content-center div.container div.col-2 div.col-2-lin-3 {
top: 30%;
}

div.wrapper div.content.content-center div.container div.col-1 div.col-1-lin-4,
div.wrapper div.content.content-center div.container div.col-2 div.col-2-lin-4 {
top: 45%;
}


div.wrapper div.content.content-center div.container div.col-2 h1 {
display: block;
font-family: Georgia,serif;
font-size: 2em;
margin-block-start: 0.67em;
margin-block-end: 0.67em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}

div.wrapper div.content.content-center div.container div.col-2 p {
font-family: Georgia,serif;
font-size: 1.8em;
text-transform: none;
letter-spacing: 0.5px;
margin-top: -11px;
}*/


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


div.wrapper div.content.content-center > p.quote {
font-family: 'GlosaDisplay-BoldItalic', serif;
}


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

div.wrapper div.content.content-center > p.fist-paragraph::first-letter {
font-family: 'GlosaDisplay-Black';
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;
}

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


/*div.wrapper div.content.content-center > p.first-quote::before  
 {
content: open-quote;
quotes: "\201C""\201D" "\2018""\2019";
quotes: "“" "”";
font-family: 'GlosaDisplay Black'; 
font-weight: 800;
font-size: 6em;
line-height: 0em;
display: block;
float: left;
margin-top: 0.22em;
padding-right: 16px;
}*/


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: 'Poppins', sans-serif;
display: block;
text-align: center;
}




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



div.wrapper div.content.content-center > h2 span.chapters {
font-size: 1.15em;
font-weight: 600;
color: rgb(23,44,61,0.5);
line-height: 1.3em;

margin-top: 0.5em;
padding-bottom: 0.24em;
margin-bottom: 0em;
}


div.wrapper div.content.content-center > h3 {
font-size: 2.9em;
font-weight: 600;
line-height: 1.3em;
color: rgb(23,44,61,0.5);
margin-top: 2em;
margin-bottom: -0.5em;
}


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

div.wrapper div.content.content-center > h3.question::before {
content: "p. ";
}*/

/** Lettering caixa de texto*/

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


div.wrapper div.content.content-center div.box div.box-text > p {
font-family: "Firme-Book",sans-serif;
font-size: 2em;
line-height: 1.2em;
margin-top: 0;
font-weight: 500;
opacity: 1;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
margin-bottom: 1.2em;
}

div.wrapper div.content.content-center div.box div.box-text > p.last-box-text-p {
margin-bottom: 0em;
}

div.wrapper div.content.content-center div.box div.box-text > h2 {
font-family: "Firme-Black",sans-serif;
font-size: 3em;
line-height: 1em;
text-transform: uppercase;
color: #D35251;
margin-bottom: 1.13em;
/* padding-right: 6%; */
/* letter-spacing: -0.02em; */
/* font-weight: 700; */
/* margin-bottom: -0.8em; */
/* padding-right: 6%; */
}

/*div.wrapper div.content-center div.box div.box-text h2.fist-paragraph {
margin-top: 0.6em;
}*/

div.wrapper div.content.content-center div.box div.box-text > h3 {
font-family: "Firme-Black",sans-serif;
font-size: 2em;
line-height: 1.2em;
text-transform: none;
color: #000000;
opacity: 1;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
/*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-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;
}

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

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

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

/*** center */
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 <blockquote> nas box-blockquote e nas box-video */

/*** geral blockquote */

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

/*box-video*/
div.wrapper div.content.content-center div.box.box-left div.box-video div.video-overlay blockquote,
div.wrapper div.content.content-center div.box.box-right div.box-video div.video-overlay blockquote,
div.wrapper div.content.content-center div.box div.box-video div.video-overlay blockquote,
div.wrapper div.content.content-fullwidth div.box div.box-video div.video-overlay blockquote,
div.wrapper div.content.content-larger div.box div.box-video div.video-overlay blockquote {
font-family: Georgia,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 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;
color: #FFFFFF;
line-height: 1.12em;
letter-spacing: 0.05em;
}     


/*** especificidaes box-video center*/

div.wrapper div.content.content-center div.box div.box-video div.video-overlay blockquote {
font-size: 2.5em;
line-height: 1.7em;
letter-spacing: 0.01em;

text-align: center;
width: 85%;
}

/*** especificidaes box-video float left ou right*/

div.wrapper div.content.content-center div.box.box-left div.box-video div.video-overlay blockquote,
div.wrapper div.content.content-center div.box.box-right div.box-video div.video-overlay blockquote {
font-size: 1.7em;
line-height: 1.7em;
letter-spacing: 0.03em;

text-align: center;
width: 85%;
}

/*** especificidaes box-video fullwidth*/

div.wrapper div.content.content-fullwidth div.box div.box-video div.video-overlay blockquote,
div.wrapper div.content.content-larger div.box div.box-video div.video-overlay blockquote {
font-size: 3.5em;
line-height: 1.7em;
text-align: center;
width: 60%;
margin-top: 1.5em;
}


/*** box-blockquote: aspa*/

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,
/*na box-video*/
div.wrapper div.content.content-center div.box.box-left div.box-video div.video-overlay blockquote::before,
div.wrapper div.content.content-center div.box.box-right div.box-video div.video-overlay blockquote::before,
div.wrapper div.content.content-center div.box div.box-video div.video-overlay blockquote::before,
div.wrapper div.content.content-fullwidth div.box div.box-video div.video-overlay blockquote::before,
div.wrapper div.content.content-larger div.box div.box-video div.video-overlay 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;
}

/*** especificidaes aspa box-video*/

div.wrapper div.content.content-center div.box.box-left div.box-video div.video-overlay blockquote::before,
div.wrapper div.content.content-center div.box.box-right div.box-video div.video-overlay blockquote::before,
div.wrapper div.content.content-center div.box div.box-video div.video-overlay blockquote::before,
div.wrapper div.content.content-fullwidth div.box div.box-video div.video-overlay blockquote::before,
div.wrapper div.content.content-larger div.box div.box-video div.video-overlay blockquote::before  {
padding-right: 0px; 
}


/*** lettering cite nas box-blockquote e nas box-video */

/*box-blockquote*/
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,
/*box-video*/
div.wrapper div.content-center div.box.box-left div.box-video div.video-overlay blockquote cite.video-overlay-cite,
div.wrapper div.content-center div.box.box-right div.box-video div.video-overlay blockquote cite.video-overlay-cite,
div.wrapper div.content-center div.box div.box-video div.video-overlay cite.video-overlay-cite,
div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay cite.video-overlay-cite,
div.wrapper div.content-larger div.box div.box-video div.video-overlay cite.video-overlay-cite {
font-family: "Firme-Medium",sans-serif;
font-weight: 800;
display: block;
font-style: normal;
}

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


/*** especificidades cite box-video center*/

div.wrapper div.content-center div.box div.box-video div.video-overlay blockquote cite.video-overlay-cite {
font-size: 0.8em;
line-height: 1.7em;
letter-spacing: 0.01em;
}

/*** especificidades cite box-video float left ou right*/

div.wrapper div.content-center div.box.box-left div.box-video div.video-overlay cite.video-overlay-cite,
div.wrapper div.content-center div.box.box-right div.box-video div.video-overlay cite.video-overlay-cite {
font-size: 1em;
line-height: 2.8em;
}

/*** especificidades cite box-video fullwidth*/

div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay blockquote cite.video-overlay-cite,
div.wrapper div.content-larger div.box div.box-video div.video-overlay blockquote cite.video-overlay-cite {
font-size: 0.9em;
line-height: 1.7em;
letter-spacing: 0.01em;
margin-top: 1.5em;
}

/*** 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.88em;
line-height: 1em;
margin-top: 0.2em;
letter-spacing: 0.02em;
}



/** 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: 'Barlow Condensed', sans-serif;
font-weight: 400;
font-size: 1.8em;
line-height: 1.25em;
margin-top: -1em;
}

/*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 {
font-family: 'Barlow', sans-serif;
font-weight: 400;
font-size: 1.8em;
line-height: 1.4em;
margin-top: 0.5em;
}




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: 'Barlow', 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: "Barlow Condensed",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: "Barlow Condensed",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.credits-background {
background-color: #172c3d;
}


div.wrapper div.content-fullwidth div.credits {
text-align: center;
margin-top: 4em;
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: RGB(23,44,61,0.5);
margin-top: 1.8em;
margin-bottom: 0.2em;
text-align: center;
font-family: 'Poppins', sans-serif;
}

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: 'Poppins', sans-serif;
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: #dca90e;
}

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: 'Poppins', sans-serif;
margin-bottom: 1em;
}




div.wrapper div.content-fullwidth div.credits cite.ending-text-last-cite {
margin-top: 3em
}






/** fa fa icons */

/*** fa*/

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

/*** fa-play-circle*/

/*image cover*/
div.fullwidth-cover.only-small-devices div.box div.box-image div.footnote i.fa.fa-play-circle,
/*image*/
div.wrapper div.content-center div.box figure.box-image div.footnote i.fa.fa-play-circle,
div.wrapper div.content-fullwidth figure.box-image div.footnote i.fa.fa-play-circle,
div.wrapper div.content-larger figure.box-image div.footnote i.fa.fa-play-circle,
/*video e audio*/
div.wrapper div.content-center div.box div.footnote i.fa.fa-play-circle,
div.wrapper div.content-fullwidth div.box div.footnote i.fa.fa-play-circle,
div.wrapper div.content-larger div.box div.footnote i.fa.fa-play-circle,
/*box-slideshow*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.footnote i.fa.fa-play-circle,
div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.footnote i.fa.fa-play-circle,
div.wrapper div.content-larger div.box div.box-slideshow.slider div.footnote i.fa.fa-play-circle
 {
font-size: 1.7em;
}     

/*** fa-mouse-pointer*/

/*image cover*/
div.fullwidth-cover.only-small-devices div.box div.box-image div.footnote i.fa.fa-mouse-pointer,
/*image*/
div.wrapper div.content-center div.box figure.box-image div.footnote i.fa.fa-mouse-pointer,
div.wrapper div.content-fullwidth figure.box-image div.footnote i.fa.fa-mouse-pointer,
div.wrapper div.content-larger figure.box-image div.footnote i.fa.fa-mouse-pointer,
/*video e audio*/
div.wrapper div.content-center div.box div.footnote i.fa.fa-mouse-pointer,
div.wrapper div.content-fullwidth div.box div.footnote i.fa.fa-mouse-pointer,
div.wrapper div.content-larger div.box div.footnote i.fa.fa-mouse-pointer,
/*box-slideshow*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.footnote i.fa.fa-mouse-pointer,
div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.footnote i.fa.fa-mouse-pointer,
div.wrapper div.content-larger div.box div.box-slideshow.slider div.footnote i.fa.fa-mouse-pointer
 {
font-size: 1.3em;
}     

/*** fa-search-plus*/

/*image cover*/
div.fullwidth-cover.only-small-devices div.box div.box-image div.footnote i.fa.fa-search-plus,
/*image*/
div.wrapper div.content-center div.box figure.box-image div.footnote i.fa.fa-search-plus,
div.wrapper div.content-fullwidth figure.box-image div.footnote i.fa.fa-search-plus,
div.wrapper div.content-larger figure.box-image div.footnote i.fa.fa-search-plus,
/*video e audio*/
div.wrapper div.content-center div.box div.footnote i.fa.fa-search-plus,
div.wrapper div.content-fullwidth div.box div.footnote i.fa.fa-search-plus,
div.wrapper div.content-larger div.box div.footnote i.fa.fa-search-plus,
/*box-slideshow*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.footnote i.fa.fa-search-plus,
div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.footnote i.fa.fa-search-plus,
div.wrapper div.content-larger div.box div.box-slideshow.slider div.footnote i.fa.fa-search-plus,

/*** fa-file-pdf-o*/

/*image cover*/
div.fullwidth-cover.only-small-devices div.box div.box-image div.footnote i.fa.fa-file-pdf-o,
/*image*/
div.wrapper div.content-center div.box figure.box-image div.footnote i.fa.fa-file-pdf-o,
div.wrapper div.content-fullwidth figure.box-image div.footnote i.fa.fa-file-pdf-o,
div.wrapper div.content-larger figure.box-image div.footnote i.fa.fa-file-pdf-o,
/*video e audio*/
div.wrapper div.content-center div.box div.footnote i.fa.fa-file-pdf-o,
div.wrapper div.content-fullwidth div.box div.footnote i.fa.fa-file-pdf-o,
div.wrapper div.content-larger div.box div.footnote i.fa.fa-file-pdf-o,
/*box-slideshow*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.footnote i.fa.fa-file-pdf-o,
div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.footnote i.fa.fa-file-pdf-o,
div.wrapper div.content-larger div.box div.box-slideshow.slider div.footnote i.fa.fa-file-pdf-o,

/*** fa-file-text*/

/*image cover*/
div.fullwidth-cover.only-small-devices div.box div.box-image div.footnote i.fa.fa-file-text,
/*image*/
div.wrapper div.content-center div.box figure.box-image div.footnote i.fa.fa-file-text,
div.wrapper div.content-fullwidth figure.box-image div.footnote i.fa.fa-file-text,
div.wrapper div.content-larger figure.box-image div.footnote i.fa.fa-file-text,
/*video e audio*/
div.wrapper div.content-center div.box div.footnote i.fa.fa-file-text,
div.wrapper div.content-fullwidth div.box div.footnote i.fa.fa-file-text,
div.wrapper div.content-larger div.box div.footnote i.fa.fa-file-text,
/*box-slideshow*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.footnote i.fa.fa-file-text,
div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.footnote i.fa.fa-file-text,
div.wrapper div.content-larger div.box div.box-slideshow.slider div.footnote i.fa.fa-file-text,

/*** fa-volume-up*/

/*image cover*/
div.fullwidth-cover.only-small-devices div.box div.box-image div.footnote i.fa.fa-volume-up,
/*image*/
div.wrapper div.content-center div.box figure.box-image div.footnote i.fa.fa-volume-up,
div.wrapper div.content-fullwidth figure.box-image div.footnote i.fa.fa-volume-up,
div.wrapper div.content-larger figure.box-image div.footnote i.fa.fa-volume-up,
/*video e audio*/
div.wrapper div.content-center div.box div.footnote i.fa.fa-volume-up,
div.wrapper div.content-fullwidth div.box div.footnote i.fa.fa-volume-up,
div.wrapper div.content-larger div.box div.footnote i.fa.fa-volume-up,
/*box-slideshow*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.footnote i.fa.fa-volume-up,
div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.footnote i.fa.fa-volume-up,
div.wrapper div.content-larger div.box div.box-slideshow.slider div.footnote i.fa.fa-volume-up,

/*** fa-map-marker*/

/*image cover*/
div.wrapper div.fullwidth-cover.only-small-devices div.box div.box-image div.footnote i.fa.fa-map-marker,
/*image*/
div.wrapper div.content-center div.box figure.box-image div.footnote i.fa.fa-map-marker,
div.wrapper div.content-fullwidth figure.box-image div.footnote i.fa.fa-map-marker,
div.wrapper div.content-larger figure.box-image div.footnote i.fa.fa-map-marker,
/*video e audio*/
div.wrapper div.content-center div.box div.footnote i.fa.fa-map-marker,
div.wrapper div.content-fullwidth div.box div.footnote i.fa.fa-map-marker,
div.wrapper div.content-larger div.box div.footnote i.fa.fa-map-marker,
/*box-slideshow*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.footnote i.fa.fa-map-marker,
div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.footnote i.fa.fa-map-marker,
div.wrapper div.content-larger div.box div.box-slideshow.slider div.footnote i.fa.fa-map-marker
 {
font-size: 1.5em;
}

/*** fafa icon de finalizar o texto: círculo*/

div.wrapper div.content-center p i.fa.fa-circle
 {
font-size: 0.7em;
}


/** colors */

/*** content-center*/

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

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

/*div.wrapper div.content-center > p.fist-paragraph::first-letter,
div.wrapper div.content-center div.box div.box-text > h2 {
opacity:1;
}*/

/*div.wrapper div.content-center > h2,
div.wrapper div.content-center > h3.question,
div.wrapper div.content-center > h4 {
opacity:0.9;
}

div.wrapper div.content-center div.box .box-text > h4 {
opacity: 0.72;
}

div.wrapper div.content-center > h3,
div.wrapper div.content-center > h3.question::before {
opacity:0.6;
}

div.wrapper div.content-center div.box div.box-text > h3,
div.wrapper div.content-center div.box div.box-numbers > h3
 {
opacity: 0.52;
}*/

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

/*** boxes, figcaption/div.captions-media, cite, span.media-name e footnote*/

/*blockquote: box-video*/
div.wrapper div.content-center div.box.box-left div.box-video div.video-overlay blockquote,
div.wrapper div.content-center div.box.box-right div.box-video div.video-overlay blockquote,
div.wrapper div.content-center div.box div.box-video div.video-overlay blockquote,
div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay blockquote,
div.wrapper div.content-larger div.box div.box-video div.video-overlay blockquote,
/*cite: box-video*/
div.wrapper div.content-center div.box.box-left div.box-video div.video-overlay blockquote cite.video-overlay-cite,
div.wrapper div.content-center div.box.box-right div.box-video div.video-overlay blockquote cite.video-overlay-cite,
div.wrapper div.content-center div.box div.box-video div.video-overlay cite.video-overlay-cite,
div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay cite.video-overlay-cite,
div.wrapper div.content-larger div.box div.box-video div.video-overlay cite.video-overlay-cite
{
color: #FFF;
}

/*cite: box-video*/
div.wrapper div.content-center div.box.box-left div.box-video div.video-overlay blockquote cite.video-overlay-cite,
div.wrapper div.content-center div.box.box-right div.box-video div.video-overlay blockquote cite.video-overlay-cite,
div.wrapper div.content-center div.box div.box-video div.video-overlay cite.video-overlay-cite,
div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay cite.video-overlay-cite,
div.wrapper div.content-larger div.box div.box-video div.video-overlay cite.video-overlay-cite {
opacity: 0.6;
}

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

/** opacity*/

/*** 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,
.content-fullwidth 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 {
opacity: 1;
}

/*** 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 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
 {
opacity: 0.6;
}

/*** 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 de abertura*/
div.content.content-fullwidth div.box.only-large-devices 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,
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 {
opacity: 0.5;
}

/*** footnote*/

/*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,
div.wrapper div.content-fullwidth figure.box-image div.footnote p,
div.wrapper div.content-larger figure.box-image div.footnote p,
/*video audio*/
div.wrapper div.content-center div.box div.footnote p,
div.wrapper div.content-fullwidth div.box div.footnote p,
div.wrapper div.content-larger div.box div.footnote p,
/*box-slideshow*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.footnote p,
div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.footnote p,
div.wrapper div.content-larger div.box div.box-slideshow.slider div.footnote p  {
color: rgba(0, 0, 0, 0.3);
}

/*** fa*/

/*image-cover*/
div.fullwidth-cover.only-small-devices div.box .box-image div.footnote p i.fa,
/*image*/
div.wrapper div.content-center div.box figure.box-image div.footnote p i.fa,
div.wrapper div.content-fullwidth figure.box-image div.footnote p i.fa,
div.wrapper div.content-larger figure.box-image div.footnote p i.fa,
/*video e audio*/
div.wrapper div.content-center div.box div.footnote p i.fa,
div.wrapper div.content-fullwidth div.box div.footnote p i.fa,
div.wrapper div.content-larger div.box div.footnote p i.fa,
/*box-slideshow*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.footnote p i.fa,
div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.footnote p i.fa,
div.wrapper div.content-larger div.box div.box-slideshow.slider div.footnote p i.fa {
color: #c70606;
/*color: #000;*/
opacity: 0.8;
}

/*** button: box-slideshow*/
.content-center div.box-slideshow button,
.content-fullwidth div.box-slideshow button {
opacity: 0.8;
}


/** 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.fullwidth-cover.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*/



/**/

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: 20px;
margin-bottom: -4px;
}




/* 05 TUDO DE: FOOTER */



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