a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}button,html,input,select,textarea{color:#222;}html{font-size:1em;line-height:1.4}::-moz-selection{color:#fff;background:rgba(254, 205, 4, .8);}::selection{color:#fff;background:rgba(254, 205, 4, .8);text-shadow:none;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}

/*rgb(254, 205, 4)*/

/* Loading */

#arte-folha .loading{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#fff;
	z-index:1001;
	text-align: center;
}

#arte-folha .loading svg{
	width:100px;
	height:100px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
}

/* type */

body#arte-folha {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-family: 'Helvetica', 'Arial', sans-serif;
	color:#333;
	background-color: #0074AC;
}

#arte-folha h1, #arte-folha h2, #arte-folha h3, #arte-folha h4, #arte-folha h5{
	font-family: 'Fjalla One', 'Helvetica', 'Arial', sans-serif;
	letter-spacing: -0.04em;
}

#arte-folha h1 {
	text-transform: uppercase;
	font-size: 65px;
	border-bottom: 10px solid #fecd04;
	display:inline-block;
	color:#333;
}

#arte-folha .h1-container{
	width:100%;
	max-width:620px;
	margin:0 auto;
}

#arte-folha .patrocinio{
	width:100%;
	max-width:620px;
	margin:0 auto;
	font-size:0;
}

#arte-folha .patro-intro{
	background-color:#fff;
	padding:5px 10px;
	margin:0 -10px;
	width: calc(100% + 20px);
}

#arte-folha .patro-intro > div{
	width:100%;
	max-width:640px;
	margin:0 auto;
	padding:5px 10px;
}

.patrocinio{
	margin-bottom:30px;
}

.patrocinio img, .patro-intro img{
	max-width:100%;
}

.texto h1{
	margin-bottom: .2em;
}

.texto h2{
	font-size: 25px;
	line-height: 1.3em;
}

#arte-folha a{
	color:#0074ac;
}

#arte-folha a:hover{
	text-decoration: none;
}

#arte-folha p{
	font-family: 'Georgia', serif;
	font-size: 23px;
	line-height:1.25em;
}

#arte-folha p{
	font-family: 'Crimson Text', 'Georgia', serif;
}

#arte-folha p.linhafina{
	font-size:25px;
	line-height:1.3em;
	width:100%;
	font-family: 'Fjalla One', 'Helvetica', 'Arial', sans-serif;
	color:#888;
}

#arte-folha .capitulos a {
	text-decoration:none;
	color:#333;
}

#arte-folha .capitulos .desc{
	max-width:300px;
}

.no-scroll{
	overflow:hidden;
}

/* Topo */

#arte-folha header {
	width: 100%;
	height: 80px;
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);

	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}

.tudosobre {
	width:100%;
	max-width:620px;
	margin: 5px auto 20px;
	position:relative;
}

.tudosobre a:hover{
	opacity:.7;

	transition: all .15s;
	-webkit-transition: all .15s;
	-moz-transition: all .15s;
	-o-transition: all .15s;
	-ms-transition: all .15s;
}

.tudosobre img{
	width:100%;
	max-width:300px;
}

.logo{
	width: 220px;
	margin: 5px auto;
	display: block;
	position:relative;
}

.logo img{
	width:100%;
}

#arte-folha .assine-fol{
	position: absolute;
	right: 110px;
	line-height: 40px;
	top: 40px;
	color: #FFF;
	text-decoration: none;

	transition: color .15s;
	-webkit-transition: color .15s;
	-moz-transition: color .15s;
	-o-transition: color .15s;
	-ms-transition: color .15s;
}

#arte-folha .assine-fol b{
	font-weight:bold;
}

#arte-folha .assine-fol:hover{
	color:#fecd04;
}

#menu {
	position: absolute;
	right: 0;
	top: 40px;
	cursor:pointer;
	padding-right: 40px;
}

#menu p{
	color:#fff;
	font-family: 'Fjalla One', 'Helvetica', 'Arial', sans-serif;
	text-transform: uppercase;
	line-height:38px;
	padding-top:2px;

	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}

.menu-icon{
	width: 40px;
	padding:10px;
	height: 40px;
	position: absolute;
	right:0;
	top:0;
}

.no-touch #menu:hover p{
	color:#fecd04;

	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}

.no-touch #menu:hover .closes{
	background-color: #fecd04;

	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}

.closes {
	width:20px;
	height:2px;
	background-color:#fff;
	position:absolute;
	top:19px;
	left:10px;

	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;

	transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
}

.close01 {
	transform: translateY(-5px) rotate(0deg);
	-webkit-transform: translateY(-5px) rotate(0deg);
	-moz-transform: translateY(-5px) rotate(0deg);
	-o-transform: translateY(-5px) rotate(0deg);
	-ms-transform: translateY(-5px) rotate(0deg);

	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}

.no-touch #menu:hover .close01 {
	transform: translateY(-8px) rotate(0deg);
	-webkit-transform: translateY(-8px) rotate(0deg);
	-moz-transform: translateY(-8px) rotate(0deg);
	-o-transform: translateY(-8px) rotate(0deg);
	-ms-transform: translateY(-8px) rotate(0deg);

	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}

.close02 {
	opacity: 1;

	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}

.close03 {
	transform: translateY(5px) rotate(0deg);
	-webkit-transform: translateY(5px) rotate(0deg);
	-moz-transform: translateY(5px) rotate(0deg);
	-o-transform: translateY(5px) rotate(0deg);
	-ms-transform: translateY(5px) rotate(0deg);

	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}

.no-touch #menu:hover .close03 {
	transform: translateY(8px) rotate(0deg);
	-webkit-transform: translateY(8px) rotate(0deg);
	-moz-transform: translateY(8px) rotate(0deg);
	-o-transform: translateY(8px) rotate(0deg);
	-ms-transform: translateY(8px) rotate(0deg);

	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}

.no-touch #menu.closer:hover .close01, .closer .close01 {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);

	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}

.closer .close02 {
	opacity: 0;
	transition: all .5s;
}

.no-touch #menu.closer:hover .close03, .closer .close03 {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);

	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}

/* Menu */

#folha-nav {
	position: fixed;
	right: 0;
	bottom: 0;
	top:80px;
	left:0;
	width:100%;
	z-index: 1001;
	display:none;
	overflow: hidden;
	background-color:rgba(0,0,0,.3);
	opacity:0;
}

.menu-container{
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:100%;
	max-width:400px;
}

.menuAberto #folha-nav{
	display:block;
	opacity:1;
}

#folha-nav ul{
	width:calc(100% - 40px);
	margin:0 0 0 auto;
	box-shadow:0 0 30px rgba(0,0,0,.3);
	background-color:#0074AC;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	opacity:0;
	overflow-y:auto;
	overflow-x:hidden;

	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
}

#folha-nav ul.main{
	width:100%;
}

#folha-nav ul.main,
#folha-nav ul.open {
	opacity:1;

	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
}

#folha-nav ul.open{
	background-color:#fff;
}

#folha-nav ul.open li a{
	background-color:#fff;
	color:#000;
}

#folha-nav ul.open li a:visited{
	opacity:.7;
}

#arte-folha.menuAberto nav ul{
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
}

#folha-nav li {
	list-style: none;
	font: 21px 'Helvetica', 'Arial', sans-serif;
	font-weight: 300;
	letter-spacing: .05em;
	opacity:0;
	color:#000;

	transform: translateX(50%);
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-o-transform: translateX(50%);
	-ms-transform: translateX(50%);

	transition: all .15s;
	-webkit-transition: all .15s;
	-moz-transition: all .15s;
	-o-transition: all .15s;
	-ms-transition: all .15s;
}

#folha-nav .main li{
	color:#fff;
}

#folha-nav ul.open li, #folha-nav ul li:nth-child(2){
	display:block;
	background:none;
}

#folha-nav ul li:nth-child(2) p{
	cursor:default;
}

#folha-nav ul.main li:nth-child(2) p{
	cursor:pointer;
}

#folha-nav li p{
	font-weight: bold;
	font-family: 'Fjalla One', 'Helvetica', 'Arial', sans-serif;
	display:block;
	padding:10px;
	cursor:pointer;

	transition: all .15s;
	-webkit-transition: all .15s;
	-moz-transition: all .15s;
	-o-transition: all .15s;
	-ms-transition: all .15s;
}

#folha-nav li.active a {
	cursor: default;
}

#folha-nav li a {
	text-decoration: none;
	color: #fff;
	display:block;
	padding: 10px 10px 10px 40px;
	background:left center no-repeat;
	background-size: 40px;

	transition: all .15s;
	-webkit-transition: all .15s;
	-moz-transition: all .15s;
	-o-transition: all .15s;
	-ms-transition: all .15s;
}

#folha-nav li a.arte{
	background-image:url(../images/interativo.svg);
}

#folha-nav li a.foto{
	background-image:url(../images/galeria.svg);
}

#folha-nav li a.tv{
	background-image:url(../images/video.svg);
}

#folha-nav li a.materia{
	background-image:url(../images/txt.svg);
}

nav li a.musica#arte-folha {
	background-image:url(../images/audio.svg);
}

.no-touch #folha-nav ul.open li p:first-child:hover, .no-touch #folha-nav li p:first-child:hover {
	color:#000;
	background-color:#fff;
}

.no-touch #folha-nav li a:hover, #folha-nav ul.open li.active a {
	background-color:#fecd04;
	color:#000;
}

#folha-nav li a span {
	display: block;
	font-size: 20px;
	font-family: 'Crimson Text', 'Georgia', serif;
	text-transform: none;
	letter-spacing: 0;
}

.sem {
	position: absolute;
	margin: 0;
	width: 100%;
	height: 100%;
}

#arte-folha.menuAberto nav li {
	opacity: 1;
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
	-ms-transform: translateY(0%);

	transition: all .3s .5s;
	-webkit-transition: all .3s .5s;
	-moz-transition: all .3s .5s;
	-o-transition: all .3s .5s;
	-ms-transition: all .3s .5s;
}

#arte-folha.menuAberto ul li:nth-child(2){
	transition-delay:.53s;
	-webkit-transition-delay:.53s;
	-moz-transition-delay:.53s;
	-o-transition-delay:.53s;
	-ms-transition-delay:.53s;
}

#arte-folha.menuAberto ul li:nth-child(3){
	transition-delay:.56s;
	-webkit-transition-delay:.56s;
	-moz-transition-delay:.56s;
	-o-transition-delay:.56s;
	-ms-transition-delay:.56s;
}

#arte-folha.menuAberto ul li:nth-child(4){
	transition-delay:.59s;
	-webkit-transition-delay:.59s;
	-moz-transition-delay:.59s;
	-o-transition-delay:.59s;
	-ms-transition-delay:.59s;
}

#arte-folha.menuAberto ul li:nth-child(5){
	transition-delay:.62s;
	-webkit-transition-delay:.62s;
	-moz-transition-delay:.62s;
	-o-transition-delay:.62s;
	-ms-transition-delay:.62s;
}

#arte-folha.menuAberto ul li:nth-child(6){
	transition-delay:.65s;
	-webkit-transition-delay:.65s;
	-moz-transition-delay:.65s;
	-o-transition-delay:.65s;
	-ms-transition-delay:.65s;
}

.legenda-menu{
	padding:20px 10px;
}

.legenda-menu > div{
	height:35px;
	line-height:35px;
	padding-left: 30px;
	background: top left no-repeat;
	background-size: 30px;
}

.legenda-menu > div.lgd-info{
	background-image: url(../images/interativo.svg);
}

.legenda-menu > div.lgd-video{
	background-image: url(../images/video.svg);
}

.legenda-menu > div.lgd-foto{
	background-image: url(../images/galeria.svg);
}

.legenda-menu > div.lgd-texto{
	background-image: url(../images/txt.svg);
}

.legenda-menu > div.lgd-musica{
	background-image: url(../images/audio.svg);
}

.ripple{
	background-color:rgba(255,255,255,.3);
	position:absolute;
	border-radius:50%;

	transition: all 1.3s;
	-webkit-transition: all 1.3s;
	-moz-transition: all 1.3s;
	-o-transition: all 1.3s;
	-ms-transition: all 1.3s;

	transform:translate(-50%,-50%) scale(0);
	-webkit-transform:translate(-50%,-50%) scale(0);
	-moz-transform:translate(-50%,-50%) scale(0);
	-o-transform:translate(-50%,-50%) scale(0);
	-ms-transform:translate(-50%,-50%) scale(0);
}

.ripple.animate{
	opacity:0;

	transform:translate(-50%,-50%) scale(1);
	-webkit-transform:translate(-50%,-50%) scale(1);
	-moz-transform:translate(-50%,-50%) scale(1);
	-o-transform:translate(-50%,-50%) scale(1);
	-ms-transform:translate(-50%,-50%) scale(1);
}

/* Footer */

#arte-folha .footer {
	padding: 50px 10px;
	background-color: #0074ac;
	-webkit-font-smoothing:subpixel-antialiased;
	-moz-osx-font-smoothing:auto;
}

#arte-folha .footer p {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	font-size: 11px;
	color: #eee;
	font-family: 'Helvetica', 'Arial', sans-serif;
	text-align: center;
	line-height: 14px;
}

#arte-folha .footer a{
	color: #fecd04;
}

/* article */

#arte-folha article{
	padding-top:80px;
}

.fundo-intro{
	position:absolute;
	left:0;
	bottom:39px;
	width:100%;
	mix-blend-mode: multiply;
	min-height:60%;
}

.not-blend .fundo-intro{
	opacity:.5;
}

.titulo{
	width: 100%;
	max-width: 620px;
	padding: 10px;
	position: absolute;
	bottom: 22%;
	left: 50%;
	max-height: 80%;

	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
}

.texto{
	padding:50px 0;
}

.texto h2{
	width:100%;
	padding-top: 20px;
	margin: 0 auto .2em;
	max-width:620px;
}

.no-scroll{
	overflow:hidden;
}

#arte-folha p.autor{
	font-family: 'Helvetica', 'Arial', sans-serif;
	text-transform:uppercase;
	color:#666;
	font-weight:bold;
	font-size:14px;
	line-height:16px;
}

#expediente p{
	font-family: 'Helvetica', 'Arial', sans-serif;
	color:#666;
	font-size:18px;
}

#expediente p b{
	font-weight:bold;
}

#arte-folha .autor span{
	display:block;
	font-weight: normal;
}

#arte-folha .autor span b{
	font-weight:bold;
}

.texto .container{
	width:100%;
	margin: 0 auto;
	padding:0 10px;
}

.texto.txt-content{
	padding-top:0;
}

.texto.txt-content .container{
	max-width:none;
}

.texto.txt-content .container p{
	margin:0 auto;
}

#arte-folha .texto p{
	width:100%;
	max-width: 620px;
	padding:.5em 0;
}

.init{
	display:block;
	width:100%;
	text-align:center;
	padding:0 10px;
}

.texto figure.intxt{
	position:relative;
	width:100%;
	max-width:940px;
	margin:20px auto;
}
.texto figure.intxt img {
	width:100%;
}
.texto figure.intxt figcaption{
	padding: 0 10px;
	border-bottom:1px solid #eee;
}

#arte-folha .texto figure.intxt figcaption p{
	font-family: 'Helvetica', 'Arial', sans-serif;
	max-width: 100%;
	font-size: 16px;
}

.texto figure.intxt figcaption p span{
	font-size:12px;
	display:block;
	padding-top:3px;
	color:#444;
}

.txt-content .embed{
	padding:20px 0;
}

.replace{
	display:none;
}

.azul{
	background-color:#0074AC;
	color:#fff;
}

.azul h2{
	color:#fecd04;
}

.azul p{
	margin:0 auto;
}

#container {
	background-color:#fff;
	overflow-x:hidden;
}

#container #content{
	background-color: #fff;
	width:100%;
	position:relative;
	border-radius:5px;

	transition:opacity .3s;
	-webkit-transition:opacity .3s;
	-moz-transition:opacity .3s;
	-o-transition:opacity .3s;
	-ms-transition:opacity .3s;
}

#container .topo-gd{
	height:50vh;
	overflow:hidden;
	position:relative;
	width:100%;
}

#container .topo-gd img{
	position:absolute;
	top:50%;
	left:50%;
	width:auto;
	height:auto;
	min-width:100%;
	min-height:100%;
	z-index:0;

	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
}

.topo-gd + .texto{
	background: url(../images/fundo-topo.svg) center top no-repeat;
	background-size:100% 85px;
	margin-top:-85px;
	padding-top:40px;
	position:relative;
}

#container #content > h1, #container #content > p{
	opacity:0;

	transform:translateY(50px);
	-webkit-transform:translateY(50px);
	-moz-transform:translateY(50px);
	-o-transform:translateY(50px);
	-ms-transform:translateY(50px);

	transition:opacity .3s, transform .5s;
	-webkit-transition:opacity .3s, transform .5s;
	-moz-transition:opacity .3s, transform .5s;
	-o-transition:opacity .3s, transform .5s;
	-ms-transition:opacity .3s, transform .5s;
}

#container.not-animate #content{
	opacity:1;
}

#container.not-animate #content > h1, #container.not-animate #content > p{
	opacity:1;

	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-o-transform:translateY(0);
	-ms-transform:translateY(0);
}

#container.visible #content{
	opacity:1;

	transition:opacity .3s, transform .5s;
	-webkit-transition:opacity .3s, transform .5s;
	-moz-transition:opacity .3s, transform .5s;
	-o-transition:opacity .3s, transform .5s;
	-ms-transition:opacity .3s, transform .5s;
}

#container.loaded #content > h1, #container.loaded #content > p{
	opacity:1;

	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-o-transform:translateY(0);
	-ms-transform:translateY(0);

	transition:opacity .3s, transform .5s;
	-webkit-transition:opacity .3s, transform .5s;
	-moz-transition:opacity .3s, transform .5s;
	-o-transition:opacity .3s, transform .5s;
	-ms-transition:opacity .3s, transform .5s;
}

#folha-nav ul li.voltar {
	height:44px;
	width:100%;
	cursor:pointer;

	transition: background-color .15s 0s;
	-webkit-transition: background-color .15s 0s;
	-moz-transition: background-color .15s 0s;
	-o-transition: background-color .15s 0s;
	-ms-transition: background-color .15s 0s;
}

.voltar:hover{
	background-color:#fecd04;
}

.voltar:before{
	content: '';
	height: 15px;
	width: 15px;
	position: absolute;
	top: 10px;
	border: solid #000;
	border-width: 1px 0 0 1px;
	left: 10px;
}

.voltar:after{
	content:'Voltar';
	line-height:44px;
	padding-left:40px;
}

.voltar:before {
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
}

.full {
	height:calc(100vh - 80px);
	position:relative;
	background-position: center center;
	background-size:cover;
}

#scroll-container{
	width:100%;
	height:500px;
	position:absolute;
	bottom:0;
	left:0;
	-webkit-filter: url("#goo");
	filter: url("../index.html#goo");
	overflow:hidden;
}

.firefox #scroll-container{
	filter: none;
}

.seta-scroll{
	width:100px;
	height:100px;
	background-color: #0074ac;
	border-radius: 50%;
	position:absolute;
	left: 50%;
	bottom:0;
	cursor:pointer;

	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-ms-transform:translateX(-50%);

	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}

.seta-scroll:hover{
	transform:translateY(15px) translateX(-50%);
	-webkit-transform:translateY(15px) translateX(-50%);
	-moz-transform:translateY(15px) translateX(-50%);
	-o-transform:translateY(15px) translateX(-50%);
	-ms-transform:translateY(15px) translateX(-50%);

	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}

.seta-scroll:after{
	content:'';
	width:15px;
	height:15px;
	position:absolute;
	top:50%;
	left:50%;
	border-bottom: 5px solid #fff;
	border-right: 5px solid #fff;
}

.seta-scroll:after{
	transform: translate(-50%,-35px) rotate(45deg);
	-webkit-transform: translate(-50%,-35px) rotate(45deg);
	-moz-transform: translate(-50%,-35px) rotate(45deg);
	-o-transform: translate(-50%,-35px) rotate(45deg);
	-ms-transform: translate(-50%,-35px) rotate(45deg);
}

.seta-base{
	width:100%;
	height:50px;
	background-color: #0074ac;
	position:absolute;
	left: 50%;
	top:460px;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
}

.capitulos{
	position:relative;
	width:100%;
	font-size: 0;
}

.capitulo{
	width:100%;
	position:relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.capitulo .img-container{
	width:50%;
	overflow:hidden;
	position:relative;
}


.capitulo .img-container img{
	width:100%;

	transition:transform 3.5s;
	-webkit-transition:transform 3.5s;
	-moz-transition:transform 3.5s;
	-o-transition:transform 3.5s;
	-ms-transition:transform 3.5s;
}

.capitulo:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);

	transition:transform 3.5s;
	-webkit-transition:transform 3.5s;
	-moz-transition:transform 3.5s;
	-o-transition:transform 3.5s;
	-ms-transition:transform 3.5s;
}

.msie .capitulo img{
	width:100%;
	height:auto;

	transition:none;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
}
.msie .capitul:hover img{
	transition:none;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
}

.msie .capitulo figcaption{
	width:100%;
	padding:20px 10px 40px;
}

.msie .capitulo .img-container{
	width: 100%;
	height:350px;
}

.msie .capitulo .img-container img{
	position:absolute;
	height:auto;
	width:auto;
	min-height:100%;
	min-width:100%;
	top:50%;
	left:50%;

	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
}

.capitulo figcaption{
	width:50%;
	padding:20% 10px 0;
	vertical-align: middle;
	background-color:#fff;
}

.capitulos a:nth-child(even) .capitulo{
	-webkit-flex-direction:row-reverse;
	flex-direction:row-reverse;
}

#arte-folha p.first:first-letter{
	font-family: 'Fjalla One', 'Helvetica', 'Arial', sans-serif;
	font-size: 79px;
	float: left;
	line-height: 90px;
	margin: 3px 5px -10px -3px;
	-webkit-font-smoothing:antialiased;
}

/* embed */

.embed{
	width:100%;
	max-width:940px;
	position:relative;
	margin:0 auto;
	padding:0 10px;
}

.embed.sobrevoo{
	max-width:1500px;
}

.embed.hq{
	max-width:none;
}

#arte-folha iframe{
	width:100%;
	margin: 0 auto;
	display:block;
}

.info{
	text-align:center;
	position:relative;
	display:block;
}

#arte-folha iframe.w940{
	max-width:940px;
}

#arte-folha iframe.carto{
	max-height:60vh;
}

.mobile .error-mobile {
	background:#ccc;
	padding:25px;
}

.error-mobile p {
	text-align: center;
}
.error-mobile img {
	max-width:75%;
	text-align: center;
}

/* rodapé */

.rodape{
	padding-bottom:0;
	width: 100%;
}

.rodape h2{
	text-transform:uppercase;
}

.goo{
	width:100%;
	height:200px;
	position:relative;
	-webkit-filter: url('#goo');
	filter: url('../index.html#goo');
}

.firefox .goo {
	filter:none;
}

.goo .base {
	background-color:#0074AC;
	width: 100%;
	height:50px;
	background-color: #0074ac;
	position:absolute;
	bottom:0;
	padding:10px;
}

.goo .base a{
	color:#fff;
	font-size:16px;
}

.goo .bolha a{
	text-decoration:none;
}


.goo .bolha a span{
	color:#fff;
	background-color:#0074AC;
	padding: 5px 7px;
	text-align:center;
	position:absolute;
	top:60px;
	font-size:14px;
	line-height:1.2em;
	opacity:0;
	width:100%;

	transition:opacity .2s;
	-webkit-transition:opacity .2s;
	-moz-transition:opacity .2s;
	-o-transition:opacity .2s;
	-ms-transition:opacity .2s;
}

.no-touch .goo .bolha a:hover span{
	opacity:1;
}

.touch .goo .bolha a span{
	display:none;
}

.goo .bolha-container{
	width:100px;
	height:100px;
	position:absolute;
	left:50%;
	bottom:10px;
	z-index:1;

	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
}

.goo .bolha{
	width: 100px;
	height:100px;
	background-color: #0074ac;
	border-radius:50%;
	cursor:pointer;
	z-index:1;
	position:absolute;
}

.goo .plus{
	position: absolute;
	width:26px;
	height:26px;
	left:37px;
	top:20px;
	cursor:pointer;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;

	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);

	transition:transform .3s;
	-webkit-transition:transform .3s;
	-moz-transition:transform .3s;
	-o-transition:transform .3s;
	-ms-transition:transform .3s;
}

.bolha:hover .plus{
	transform: rotate(45deg) translate(3px,3px);
	-webkit-transform: rotate(45deg) translate(3px,3px);
	-moz-transform: rotate(45deg) translate(3px,3px);
	-o-transform: rotate(45deg) translate(3px,3px);
	-ms-transform: rotate(45deg) translate(3px,3px);
}

.bolha a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}

.bola{
	width:50px;
	height:50px;
	border-radius:50%;
	border:solid 4px;
	position:absolute;
	z-index:0;
	background-color: #fff;
	cursor:pointer;
	background:center center no-repeat;
	background-size:100%;

	transition:transform .5s;
	-webkit-transition:transform .5s;
	-moz-transition:transform .5s;
	-o-transition:transform .5s;
	-ms-transition:transform .5s;
}

.lateral-share{
	position:fixed;
	right:3%;
	bottom:10px;
	height:50px;
	width:50px;
}

.share-btn{
	width:50px;
	height:50px;
	border-radius:50%;
	border:solid 4px;
	position:absolute;
	z-index:0;
	background-color: #fff;
	cursor:pointer;

	transform:scale(.8);
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	-o-transform:scale(.8);
	-ms-transform:scale(.8);
	transition:transform .3s;
	-webkit-transition:transform .3s;
	-moz-transition:transform .3s;
	-o-transition:transform .3s;
	-ms-transition:transform .3s;
}

.opened .share-btn.facebook{
	transform:translateY(-55px) scale(1);
	-webkit-transform:translateY(-55px) scale(1);
	-moz-transform:translateY(-55px) scale(1);
	-o-transform:translateY(-55px) scale(1);
	-ms-transform:translateY(-55px) scale(1);
}

.not-mobile .opened .share-btn.twitter{
	transform:translateY(-110px) scale(1);
	-webkit-transform:translateY(-110px) scale(1);
	-moz-transform:translateY(-110px) scale(1);
	-o-transform:translateY(-110px) scale(1);
	-ms-transform:translateY(-110px) scale(1);
}

.mobile .opened .share-btn.twitter{
	transform:translateY(-165px) scale(1);
	-webkit-transform:translateY(-165px) scale(1);
	-moz-transform:translateY(-165px) scale(1);
	-o-transform:translateY(-165px) scale(1);
	-ms-transform:translateY(-165px) scale(1);
}

.opened .share-btn.gplus{
	transform:translateY(-165px) scale(1);
	-webkit-transform:translateY(-165px) scale(1);
	-moz-transform:translateY(-165px) scale(1);
	-o-transform:translateY(-165px) scale(1);
	-ms-transform:translateY(-165px) scale(1);
}

.opened .share-btn.whatsapp{
	transform:translateY(-110px) scale(1);
	-webkit-transform:translateY(-110px) scale(1);
	-moz-transform:translateY(-110px) scale(1);
	-o-transform:translateY(-110px) scale(1);
	-ms-transform:translateY(-110px) scale(1);
}

#main-share{
	z-index:1;

	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
}

#arte-folha #main-share p{
	margin:-3px 0 0 -2px;
}

#main-share{
	border-color:#666;
}

#main-share path{
	fill:#666;
}

.closed #main-share{
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
}

.bola a, .share-btn a, .share-btn p{
	display:block;
	width:42px;
	height:42px;
	text-decoration:none;
	text-align:center;
	position:relative;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 60px;
}

.bola svg, .share-btn svg{
	width: 70%;
	height: 70%;
}

.bola span{
	position:absolute;
	top:-25px;
	left:50%;
	color:#000;
	opacity:0;

	transform:translate(-50%,15px);
	-webkit-transform:translate(-50%,15px);
	-moz-transform:translate(-50%,15px);
	-o-transform:translate(-50%,15px);
	-ms-transform:translate(-50%,15px);

	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}

.bola:hover span{
	opacity:1;

	transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
}

.facebook{
	border-color:#3C5998;
}

.bola.facebook{
	top:-10px;
	left:-60px;

	transform:translate(85px,35px);
	-webkit-transform:translate(85px,35px);
	-moz-transform:translate(85px,35px);
	-o-transform:translate(85px,35px);
	-ms-transform:translate(85px,35px);
}

.facebook svg{
	margin-left: -1.5px;
}

.twitter{
	border-color:#35CCFF;
}

.not-mobile .bola.twitter{
	top:-70px;
	left:25px;

	transform:translate(0,95px);
	-webkit-transform:translate(0,95px);
	-moz-transform:translate(0,95px);
	-o-transform:translate(0,95px);
	-ms-transform:translate(0,95px);

	transition-delay: .25s;
	-webkit-transition-delay: .25s;
	-moz-transition-delay: .25s;
	-o-transition-delay: .25s;
	-ms-transition-delay: .25s;
}

.mobile .bola.twitter{
	top:-10px;
	right:-60px;

	transform:translate(-85px,35px);
	-webkit-transform:translate(-85px,35px);
	-moz-transform:translate(-85px,35px);
	-o-transform:translate(-85px,35px);
	-ms-transform:translate(-85px,35px);

	transition-delay: .5s;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-o-transition-delay: .5s;
	-ms-transition-delay: .5s;
}

.bola.gplus{
	top:-10px;
	right:-60px;

	transform:translate(-85px,35px);
	-webkit-transform:translate(-85px,35px);
	-moz-transform:translate(-85px,35px);
	-o-transform:translate(-85px,35px);
	-ms-transform:translate(-85px,35px);

	transition-delay: .5s;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-o-transition-delay: .5s;
	-ms-transition-delay: .5s;
}

.gplus{
	border-color:#DD4B39;
}

.gplus svg{
	margin-left: 2px;
	margin-top:2px;
}

.bola.whatsapp{
	top:-70px;
	left:25px;

	transform:translate(0,95px);
	-webkit-transform:translate(0,95px);
	-moz-transform:translate(0,95px);
	-o-transform:translate(0,95px);
	-ms-transform:translate(0,95px);

	transition-delay: .25s;
	-webkit-transition-delay: .25s;
	-moz-transition-delay: .25s;
	-o-transition-delay: .25s;
	-ms-transition-delay: .25s;
}

.whatsapp{
	border-color:#43D854;
}

.not-mobile .aberto .bola, .mobile .aberto .bola{
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-o-transform:translate(0,0);
	-ms-transform:translate(0,0);
}

.pin{
	background:url(../images/pin.svg) center center no-repeat;
	width:30px;
	height:30px;
	position:absolute;
	left:10px;
	top:10px;
	z-index:1;
	background-size:100%;
	text-decoration:none;
}

.touch .pin{
	display:none;
}

.galeria:hover .pin{
	display:block;
}

#fullscreen{
	width:40px;
	height:40px;
	background-color:rgba(0,0,0,0);
	border:0;
	display:block;
	margin: 0 auto 10px;
	outline:none;
	position:relative;
	cursor:pointer;
}

#fullscreen p{
	text-align: center;
	font-size:14px;
	width: 80px;
	line-height: 40px;
	display: inline-block;

	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
}

#fullscreen svg{
	width:100%;
	cursor:pointer;
	height:100%;
}

.info:-moz-full-screen img {
	position: fixed;
}

.info:-ms-fullscreen {
	width: auto;
}

.info:-ms-fullscreen img {
	position: fixed;
}

.info:fullscreen img {
	position: fixed;
}

.info.fs{
	width:100%;
	height:100%;
	padding:0;
	max-width:none;
	position:relative;
}

.info.fs .container{
	width:100%;
	height:100%;
	padding:0;
}

.info.fs canvas, .info.fs iframe{
	max-width:none;
}

.info.fs iframe{
	height:100%;
}

#hzImg{
	display:none!important;
}

/* queries */

@media only screen and (max-width: 790px) {

	p.linhafina {
		font-size:19px;
	}

	.capitulo{
		width:100%;
		position:relative;
		display: block;
		-webkit-flex-direction: none;
		flex-direction: none;
	}

	.capitulo img{
		width:100%;
		height:auto;
	}

	.capitulo figcaption{
		width:100%;
		padding:20px 10px 40px;
	}

	.capitulo .img-container{
		width: 100%;
		height:350px;
	}

	.capitulo .img-container img{
		position:absolute;
		height:auto;
		width:auto;
		min-height:100%;
		min-width:100%;
		top:50%;
		left:50%;

		transform:translate(-50%,-50%);
		-webkit-transform:translate(-50%,-50%);
		-moz-transform:translate(-50%,-50%);
		-o-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
	}
}

@media only screen and (max-width:939px){
	.embed{
		padding:0;
	}
	.topo-gd + .texto{
		background-size:940px 85px;
	}
}

@media only screen and (max-width:700px){
	.assine-fol{
		right:auto;
		left:10px;
	}
}

@media only screen and (max-width:450px){
	#arte-folha h1{
		font-size: 40px;
	}
	#menu > p{
		display:none;
	}
	.logo{
		position: absolute;
		left: 0;
		top: 40px;
		height: 26px;
		margin: 8px 0 0 8px;
	}
}

@media only screen and (max-width:490px){
	.assine-fol{
		display:none;
	}
}

/* print */

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}