@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(fontes/fontes.css);

html, 
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'NaturaSans_light', Sans-Serif;
	background: url(../images/background.jpg) center center no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}

*[data-alt] {
	cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	font-size: 1em;
	font-weight: normal;
}

p {
	margin: 0 0 1em;
}
p:last-child {
	margin-bottom: 0;
}
p strong {
	font-family: 'NaturaSans_bold';
}
a {
	cursor: pointer;
	text-decoration: none;
}

.line {
	display: none;
	position: absolute;
	width: 2px;
	height: 2px;
	margin: -1px 0 0 -1px;
	background: white;
	z-index: 1000;
}
.line.orange {
	background-color: #f47920;
}
.line.green {
	background-color: #cfdd42;
}

.bullet {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	transform: translate(-50%, -50%);
	background-color: white;
	border-radius: 50%;
	z-index: 1001;
	overflow: hidden;
}
.bullet.orange {
	background-color: #f47920;
}
.bullet.green {
	background-color: #cfdd42;
}

.pull-left {
	float: left;
}
.pull-right {
	float: right;
}


strong.natura_sans {
	font-family: 'NaturaSans_bold';
	font-weight: 400;
}

*[data-slide] {
	cursor: pointer;
}
*[data-slide]:hover {
	opacity: .7;
}

#menu {
	display: none;
	position: fixed;
	top: 50%;
	right: 50px;
	width: 40px;
	height: 400px;
	margin: -200px 0 0 0;
	z-index: 99998;
}
#menu .nav .up {
	display: block;
	width: 22px;
	height: 32px;
	background: url(../images/nav/nav-up.png) center center no-repeat;
	margin: 0 auto 18px;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#menu .nav .down {
	display: block;
	width: 22px;
	height: 32px;
	background: url(../images/nav/nav-down.png) center center no-repeat;
	margin: 18px auto 0;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#menu .nav .up.hide,
#menu .nav .down.hide {
	visibility: hidden;
}
#menu .nav .bullets {
	position: relative;
	display: block;
	height: 300px;
	overflow: hidden;
}
#menu .nav .bullets .content {
	position: absolute;
	top: 0;
	/*margin-top: -30px;*/
	-webkit-transition: all .3s;
	transition: all .3s;
}
#menu .nav .bullets .content > span {
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	background: #FFFFFF center center no-repeat;
	border: 8px solid white;
	border-radius: 50%;
	margin: 22px 12px;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#menu .nav .bullets .content > span.item-1 {
	background-image: url(../images/nav/nav-bullet-1.png); 
}
#menu .nav .bullets .content > span.item-2 {
	background-image: url(../images/nav/nav-bullet-2.png); 
}
#menu .nav .bullets .content > span.item-3 {
	background-image: url(../images/nav/nav-bullet-3.png); 
}
#menu .nav .bullets .content > span.item-4 {
	background-image: url(../images/nav/nav-bullet-4.png); 
}
#menu .nav .bullets .content > span.item-5 {
	background-image: url(../images/nav/nav-bullet-5.png); 
}
#menu .nav .bullets .content > span.active {
	width: 34px;
	height: 34px;
	border-width: 5px;
	margin: 13px 3px;
}
#menu .indice .item {
	display: none;
	position: fixed;
	right: 100px;
	width: 340px;
	padding: 20px 25px;
	background: rgba(140,182,202,.9);
	border-radius: 10px;
	box-shadow: 8px 8px 18px rgba(0,0,0,.3);
	overflow: hidden;
	transform: translateY(-50%);
}
#menu .indice .item.item-1 {
	display: none!important;
}
#menu .indice .item.item-3 {
	background: rgba(255,141,16,.8);
}
#menu .indice .item.item-4 {
	background: rgba(218,166,119,.8);
}
#menu .indice .item h2 {
	margin: 15px 0;
	font-family: 'NaturaSans_bold';
	font-size: 20px;
}
#menu .indice .item h2:first-child {
	margin-top: 0;
}
#menu .indice .item h2:last-child {
	margin-bottom: 0;
}
#menu .indice .item h2.manuscrito {
	font-family: 'NaturaScript';
	font-size: 26px;
	letter-spacing: 0px;
	margin-bottom: -15px;
}
#menu .indice .item h3 {
	margin: 10px 0 5px 20px;
	font-family: 'NaturaSans';
	font-size: 18px;
}
#menu .indice .item h4 {
	margin: 5px 0 5px 30px;
	font-family: 'NaturaSans_light';
	font-size: 16px;
}
#menu.gray .nav .bullets .content > span {
	border-color: #a7a9ac;
}
#menu.gray .nav .up {
	background-image: url(../images/nav/nav-up-gray.png);
}
#menu.gray .nav .down {
	background-image: url(../images/nav/nav-down-gray.png);
}

#video {
	display: none;
	background: #000;
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 99999;
}
#video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#video .close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 70px;
	height: 70px;
	background: url(../images/close.png) center top no-repeat;
	background-size: contain;
	transition: all .4s;
}
#video .close:hover {
	cursor: pointer;
	opacity: .8;
}


.alt {
	display: none;
	position: absolute;
	top: 0;
	left: 40px;
	width: 424px;
	padding: 30px 30px 30px 40px;
	background: gray;
	border: 2px solid black;
	border-radius: 10px;
	font-family: 'NaturaSans';
	color: white;
	font-size: 14px;
	box-sizing: border-box;
	transform: translateY(-50%);
	z-index: 99999;
}
.alt:after {
	content: "\f105";
	position: absolute;
	top: 50%;
	left: 0;
	width: 44px;
	height: 44px;
	margin: -22px 0 0 -22px;
	background: inherit;
	border-radius: 50%;
	border: 2px solid;
	border-color: inherit;
	font: normal normal normal 20px/1 FontAwesome;
    text-align: center;
    text-indent: 2px;
    text-rendering: auto;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	box-sizing: border-box;
	z-index: 999;
}
.alt.top:after {
	top: 55px;
}
.alt.left {
	padding: 30px 40px 30px 30px;
}
.alt.left:after {
	content: "\f104";
	left: initial;
	right: 0;
	margin: -22px -22px 0 0;
	text-indent: -2px;
}
.alt h2 {
	font-family: 'NaturaSans_bold';
	font-size: 1.2em;
	margin-bottom: 10px;
}
.alt ul {
	margin: 0;
	padding-left: 15px;
}
.alt a {
	color: inherit;
	text-decoration: underline;
}
.alt a:hover {
	text-decoration: underline;
}
.alt .scroll {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 30px 30px 30px 40px;
	box-sizing: border-box;
	border-radius: 10px;
	overflow: hidden;
	overflow-y: scroll;
}
.alt [data-video] {
	cursor: pointer;
}
.alt .alt-video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 10px;
	overflow: hidden;
}
.alt .alt-video .video {
	display: none;
	background: #000;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 998;
}
.alt .alt-video .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.alt .alt-video .video .close {
	display: none!important;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 70px;
	height: 70px;
	background: url(../images/close.png) center top no-repeat;
	background-size: contain;
	transition: all .4s;
}
.alt .alt-video .video .close:hover {
	cursor: pointer;
	opacity: .8;
}

#screens {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: translate(0, 0);
	/*transition: all 2s ease;*/
}
#screens.loading {
	margin-top: 100%;
}

section {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
	left: 0;
	background: center center no-repeat;
	background-size: cover;
}
section.transition-out {
	/*-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;*/
}
section.transition-in {
	/*-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;*/
}
section.transition-back {
	/*-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;*/
}

section#s0 {
	top: 0;
	background-image: url(../images/00/background.jpg);
	/*background-attachment: fixed;*/
}
section#s0 .row {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1200px;
	height: 800px;
	margin: -400px 0 0 -600px;
	text-align: center;
}
section#s0 .natura {
	margin-bottom: 50px;
}
section#s0 .title {
	font-family: 'NaturaSans_bold';
	font-size: 26px;
	font-weight: normal;
	color: white;
}
section#s0 .nav {
	margin: 50px 0;
}
section#s0 .nav > div {
	display: inline-block;
	vertical-align: top;
	width: 300px;
	margin: 0 20px;
	font-size: 18px;
	color: white;
}
section#s0 .nav > div .image {
	width: 100%;
	height: 230px;
	line-height: 230px;
	vertical-align: middle;
	margin-bottom: 20px;
}
section#s0 .nav > div .image img {
	vertical-align: middle;
}
section#s0 .aguarde {
	/*display: none;*/
	font-family: 'NaturaSans_bold';
	font-size: 26px;
	color: white;
}
section#s0 .ok {
	display: none;
}
section#s0 .ok a {
	display: inline-block;
	background: white;
	font-family: 'NaturaSans_bold';
	font-size: 26px;
	line-height: 36px;
	color: #e7891e;
	border-radius: 5px;
	padding: 5px 20px 2px;
	opacity: .9;
}
section#s0 .ok a:hover {
	opacity: 1;
}
@media (max-width: 1600px) {
	section#s0 .row {
		transform: scale(.7);
	}
}

section#s1 {
	/*top: 0vh;*/
	background-image: url(../images/01/background.jpg);
	background-attachment: fixed;
}
section#s1 .natura {
	display: none;
	position: absolute;
	top: 30%;
	left: 50%;
	width: 530px;
	height: 244px;
	background: url(../images/01/instituto-natura.png) center center no-repeat;
	margin: -122px 0 0 -265px;
}
section#s1 .title {
	display: none;
	position: absolute;
	top: 60%;
	left: 0;
	width: 100%;
	height: auto;
	font-family: 'NaturaSans';
	font-size: 100px;
	text-align: center;
	color: white;
	white-space: nowrap;
	text-shadow: 0 0 30px rgba(0,0,0,.4);
	margin: -60px 0 0 0;
}
section#s1 .conteudo {
	display: none;
	position: absolute;
	bottom: 7%;
	left: 20%;
	width: 210px;
	font-size: 18px;
	color: white;
	text-shadow: 1px 1px 2px rgba(0,0,0,.8);
	margin: 0 0 0 0;
}
section#s1 .mouse {
	display: none;
	position: absolute;
	bottom: 10%;
	left: 50%;
	width: 60px;
	height: 60px;
	background: url(../images/01/mouse.png) center center no-repeat;
	margin: 0 0 0 -30px;
}
@media (max-width: 1600px) {
	section#s1 .title {
		font-size: 80px;
	}
	section#s1 .conteudo {
		font-size: 15px;
	}
}

section#s2 {
	background-image: url(../images/02/background.jpg);
}
section#s2 .l1 {
	left: 50%;
	top: 0;
	/*height: calc(50% - 48px);*/
}
section#s2 .play {
	display: none;
	position: absolute;
	top: 45%;
	left: 50%;
	width: 140px;
	background: url(../images/play.png) center top no-repeat;
	margin: -56px 0 0 -70px;
	padding-top: 114px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 16px;
}
section#s2 .play:hover {
	cursor: pointer;
	opacity: .8;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
section#s2 .quote {
	display: none;
	position: absolute;
	top: 50%;
	left: 15%;
	width: 440px;
	font-family: 'NaturaSans';
	font-size: 32px;
	color: white;
	margin: -240px 0 0 0;
}
section#s2 .quote img {
	margin-left: -35px;
}
section#s2 .quote p:first-child {
	line-height: 1.15em;
} 
section#s2 .quote .author {
	font-size: .7em;
}
section#s2 .quote .author strong {
	font-family: 'NaturaSans_bold';
	font-size: 1.3em;
}
section#s2 .conversa {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -90px 0 0 125px;
	width: 430px;
	font-family: 'NaturaSans';
	font-size: 22px;
	color: white;
}
section#s2 .conversa h2 {
	margin-bottom: 10px;
	font-family: 'NaturaSans_bold';
	font-size: 1.8em;
	font-weight: normal;
}
section#s2 .mouse {
	display: none;
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 100px;
	background: url(../images/mouse.png) center center no-repeat;
	margin: -36px 0 0 -50px;
	padding-top: 70px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 14px;
}
@media (max-width: 1600px) {
	section#s2 .play {
		top: 40%;
	}
	section#s2 .quote {
		left: 12%;
		width: 350px;
		margin-top: -210px;
		font-size: 26px;
	}
	section#s2 .conversa {
		width: 350px;
		margin-top: -100px;
		margin-left: 120px;
		font-size: 18px;
	}
}

section#s3 {
	background-color: #f47920;
	background-image: url(../images/03/background.jpg);
}
section#s3 .title {
	display: none;
	position: absolute;
	top: 29%;
	left: 25%;
	font-family: 'NaturaSans_bold';
	font-size: 90px;
	color: white;
	white-space: nowrap;
}
section#s3 .subtitle {
	display: none;
	position: absolute;
	top: 41%;
	left: 20%;
	font-family: 'NaturaScript';
	font-size: 50px;
	color: white;
	white-space: nowrap;
	overflow: hidden;
}
section#s3 .content {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 520px;
	font-size: 20px;
	line-height: 1.4em;
	color: white;
	margin: 0 0 0 -315px;
}
section#s3 .content a {
	color: #f0bc21;
	font-family: 'NaturaSans_bold';
}
section#s3 .content a:hover {
	color: #ffcf3e;
}
section#s3 .infos {
	display: none;
	position: absolute;
	bottom: 7%;
	left: 20%;
	width: 260px;
	font-size: 18px;
	color: white;
	margin: 0 0 0 0;
}
section#s3 #s3-alt1 {
	width: 350px;
}
section#s3 .alt {
	background: #d9842f;
	border-color:  #f3c520;
}
section#s3 .alt:after {
	color:  #f3c520;
}
@media (max-width: 1600px) {
	section#s3 .title {
		top: 25%;
		font-size: 70px;
	}
	section#s3 .subtitle {
		top: 38%;
		left: 15%;
		font-size: 40px;
	}
	section#s3 .content {
		top: 49%;
		font-size: 18px;
		margin-left: -200px;
	}
	section#s3 .infos {
		font-size: 15px;
	}
}

section#s4 {
	background-image: url(../images/04/background.jpg);
}
section#s4 .l1 {
	left: 50%;
	top: 0;
	/*height: calc(50% - 48px);*/
}
section#s4 .play {
	display: none;
	position: absolute;
	top: 40%;
	left: 50%;
	width: 140px;
	background: url(../images/play.png) center top no-repeat;
	margin: -56px 0 0 -70px;
	padding-top: 114px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 16px;
}
section#s4 .play:hover {
	transition: all .4s;
	cursor: pointer;
	opacity: .8;
}
section#s4 .title {
	display: none;
	position: absolute;
	top: 75%;
	left: 50%;
	margin: -90px 0 0 -310px;
	width: 620px;
	font-family: 'NaturaSans_bold';
	font-size: 38px;
	text-align: center;
	color: white;
}
section#s4 .mouse {
	display: none;
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 100px;
	background: url(../images/mouse.png) center center no-repeat;
	margin: -36px 0 0 -50px;
	padding-top: 70px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 14px;
}
@media (max-width: 1600px) {
	section#s4 .play {
		top: 40%;
	}
	section#s4 .title {
		margin-top: -60px;
    	font-size: 32px;
	}
}


section#s5 {
	background-color: white;
}
section#s5 .title {
	display: none;
	position: absolute;
	top: 10%;
	left: 20%;
	font-family: 'NaturaSans_bold';
	font-size: 40px;
	color: black;
	white-space: nowrap;
}
section#s5 .title p {
	font-family: 'NaturaSans_light';
	font-size: 0.6em;
	margin-top: 10px;
}
section#s5 .graph .l1 {
	background-color: #ababac;
	top: 75%;
	left: 20%;
	width: 380px;
	height: 2px;
}
section#s5 .graph .bars {
	display: none;
	position: absolute;
	width: 125px;
	height: 0;
	bottom: 25%;
	left: 20%;
	background: url(../images/05/graph-bar.png) repeat-x;
	background-size: auto 100%;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .5s;
}
section#s5 .graph .bars:before {
	content: '';
	position: absolute;
	top: -100px;
	width: 125px;
	height: 100px;
	background: url(../images/05/graph-ico.png) center top no-repeat;
}
section#s5 .graph .bar1 {
	height: 210px;
	margin-left: 25px;
}
section#s5 .graph .bar2 {
	height: 265px;
	margin-left: 230px;
}
section#s5 .graph .bars .valor {
	display: none;
	position: absolute;
	bottom: 10px;
	width: 100%;
	font-family: 'NaturaSans_bold';
	font-size: 44px;
	text-align: center;
}
section#s5 .graph .bars .ano {
	position: absolute;
	top: 100%;
	width: 100%;
	margin-top: 10px;
	color: #5acbf1;
	font-family: 'NaturaSans_bold';
	font-size: 32px;
	text-align: center;
}
section#s5 .content {
	display: none;
	position: absolute;
	top: 15%;
	left: 55%;
	font-size: 22px;
	line-height: 1.4em;
	color: black;
}
section#s5 .content .ano {
	display: inline-block;
	font-family: 'NaturaSans_bold';
	font-size: 1.5em;
	border-bottom: 4px solid black;
}
section#s5 .content .consultores,
section#s5 .content .investidores,
section#s5 .content .pdf {
	display: none;
	position: relative;
	margin-top: 45px;
}
section#s5 .content .consultores h2,
section#s5 .content .investidores h2 {
	font-family: 'NaturaSans_bold';
	font-size: 2em;
	line-height: 1em;
	color: #ff9e12;
	margin-bottom: 5px;
}
section#s5 .content .pdf {
	background: url(../images/05/pdf.png) left center no-repeat;
	padding: 20px 0 20px 100px;
	font-family: 'NaturaSans';
	font-size: 0.9em;
	line-height: 1em;
}
section#s5 .content .pdf p { margin-bottom: 5px; }
section#s5 .content .pdf p a { color: black; }
section#s5 .content .pdf strong {
	font-family: 'NaturaSans_bold';
}
@media (max-width: 1600px) {
	section#s5 .title {
		left: 15%;
		font-size: 34px;
	}
	section#s5 .graph .l1 {
		top: 85%;
		left: 15%;
	}
	section#s5 .graph .bars {
		bottom: 15%;
		left: 15%;
	}
	section#s5 .content {
		top: 10%;
		left: 55%;
		font-size: 18px;
	}
	section#s5 .content .ano {
		border-width: 3px;
	}
	section#s5 .content .consultores,
	section#s5 .content .investidores,
	section#s5 .content .pdf {
		margin-top: 35px;
	}
}

section#s6 {
	background-color: #f6f5f5;
}
section#s6 .l1 {
	background-color: #ababac;
	top: 0;
	left: 20%; 
	width: 2px;
	height: calc( 10% + 35px );
}
section#s6 .b1 {
	background-color: #ababac;
	top: calc( 10% + 35px );
	left: 20%;
}
section#s6 .title {
	display: none;
	position: absolute;
	top: 10%;
	left: 20%;
	margin-left: 50px;
	font-family: 'NaturaSans_bold';
	font-size: 40px;
	line-height: 1em;
	color: black;
	white-space: nowrap;
}
section#s6 .graph {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 150px;
}
section#s6 .graph .bars {
	display: none;
	box-sizing: border-box;
}
section#s6 .graph .bars .texto {
	display: none;
	position: relative;
	font-family: 'NaturaSans_light';
	font-size: 24px;
	line-height: 28px;
	white-space: nowrap;
}
section#s6 .graph .bars .texto strong {
	font-weight: 400;
	font-family: 'NaturaSans_bold';
	font-size: 48px;
	letter-spacing: 0!important;
}
section#s6 .graph .bar1 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 336px;
	padding-top: 270px;
	margin: -135px 0 0 -150px;
	background: url(../images/06/ico-alunos.png) center top no-repeat;
	text-align: center;
}
section#s6 .graph .bar1 .texto {
	font-size: 28px;
	letter-spacing: 3px;
}
section#s6 .graph .bar1 .texto strong {
	font-size: 68px;
}
section#s6 .graph .line-1 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 232px;
	height: 226px;
	width: 0; height: 0;
	margin: 0 0 0 0;
	background: url(../images/06/line-1.png) right bottom no-repeat;
}
section#s6 .graph .bar2 {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 173px;
	padding: 55px 180px 55px 0;
	margin: -328px 0 0 -540px;
	background: url(../images/06/ico-escolas.png) right center no-repeat;
	text-align: right;
}
section#s6 .graph .line-2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 289px;
	height: 112px;
	width: 0; height: 0;
	margin: 0 0 0 0;
	background: url(../images/06/line-2.png) left top no-repeat;
}
section#s6 .graph .bar3 {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 183px;
	padding: 60px 0 60px 200px;
	margin: 20px 0 0 200px;
	background: url(../images/06/ico-professores.png) left center no-repeat;
	text-align: left;
}
section#s6 .graph .line-3 {
	position: absolute;
	top: 0;
	right: 0;
	width: 298px;
	height: 66px;
	width: 0; height: 0;
	margin: 0 0 0 0;
	background: url(../images/06/line-3.png) right top no-repeat;
}
section#s6 .graph .bar4 {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 171px;
	padding: 40px 160px 40px 0;
	margin: -30px 0 50px -680px;
	background: url(../images/06/ico-secretarias-municipais.png) right center no-repeat;
	text-align: right;
}
section#s6 .graph .line-4 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 228px;
	height: 190px;
	width: 0; height: 0;
	margin: 0 0 0 0;
	background: url(../images/06/line-4.png) left bottom no-repeat;
}
section#s6 .graph .bar5 {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 121px;
	padding: 10px 0 20px 130px;
	margin: -240px 0 0 170px;
	background: url(../images/06/ico-secretarias-estaduais.png) left top no-repeat;
	text-align: left;
}
section#s6 [data-alt] {
	color:  #f3c623;
}
section#s6 .alt {
	width: 300px;
	background: white;
	border-color:  #f3c623;
	color: #000000;
}
section#s6 .alt:after {
	color:  #f3c623;
}
@media (max-width: 1600px) {
	section#s6 .graph {
		transform: scale(.8);
		margin: 120px 0 0 -50px;
	}
}

section#s7 {
	background-color: #af6e4a;
	background-image: url(../images/07/background.jpg);
}
section#s7 .title {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	font-family: 'NaturaSans_bold';
	font-size: 80px;
	line-height: 1em;
	color: white;
	white-space: nowrap;
}
section#s7 .subtitle {
	display: none;
	position: absolute;
	top: 45%;
	left: 25%;
	font-family: 'NaturaScript';
	font-size: 65px;
	color: white;
	white-space: nowrap;
}
section#s7 .infos {
	display: none;
	position: absolute;
	bottom: 7%;
	left: 70%;
	width: 260px;
	font-size: 18px;
	color: white;
	margin: 0 0 0 0;
}
@media (max-width: 1600px) {
	section#s7 .title {
		font-size: 60px;
	}
	section#s7 .subtitle {
		top: 46%;
		font-size: 50px;
	}
	section#s7 .infos {
		font-size: 15px;
	}
}

section#s8 {
	background-color: white;
}
section#s8 .l1 {
	background-color: #ababac;
	top: 0;
	left: 20%;
	width: 2px;
	height: calc( 15% + 20px );
}
section#s8 .b1 {
	background-color: #ababac;
	top: calc( 15% + 20px );
	left: 20%;
}
section#s8 .title {
	display: none;
	position: absolute;
	top: 15%;
	left: 20%;
	margin-left: 60px;
	font-family: 'NaturaSans_bold';
	font-size: 40px;
	color: black;
	white-space: nowrap;
}
section#s8 .title p {
	font-size: 25px;
}
section#s8 .content {
	display: none;
	position: absolute;
	top: 35%;
	font-size: 20px;
	line-height: 1.4em;
	letter-spacing: 2px;
	width: 490px;
}
section#s8 .content p.li {
	font-size: 26px;
	font-family: 'NaturaSans_bold';
}
section#s8 .content p.li span {
	color: #f47920;
}
section#s8 .content.col-1 {
	left: 20%;
	margin-left: 60px;
}
section#s8 .content.col-2 {
	left: 55%;
}
@media (max-width: 1600px) {
	section#s8 .l1,
	section#s8 .b1,
	section#s8 .title,
	section#s8 .content.col-1 {
		left: 10%;
	}
	section#s8 .title p {
		font-size: 20px;
	}
	section#s8 .content {
		top: 40%;
		width: 420px;
		font-size: 17px;
	}
	section#s8 .content p.li {
		font-size: 20px;
	}
}

section#s9 {
	background-color: #f4f3f3;
}
section#s9 > .title {
	display: none;
	position: absolute;
	top: 10%;
	left: 0;
	width: 100%;
	font-family: 'NaturaSans_bold';
	font-size: 36px;
	letter-spacing: 1px;
	text-align: center;
	color: black;
	white-space: nowrap;
}
section#s9 .l1 {
	background-color: #818285;
	top: calc( 50% - 165px );
	left: 0;
	height: 2px;
	width: calc( 50% - 525px );
}
section#s9 .b1 {
	background-color: #818285;
	top: calc( 50% - 165px );
	left: calc( 50% - 525px );
}
section#s9 > .items {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1100px;
	margin: -250px 0 0 -550px;
	text-align: center;
}
section#s9 > .items > div {
	position: relative;
	display: inline-block;
	width: 185px;
	margin: 0 -7px;
}
section#s9 > .items > div .icon {
	display: none;
	width: 185px;
	height: 173px;
	padding: 14px 0;
	box-sizing: border-box;
	background: url(../images/09/stroke-top.png) left top no-repeat;
	text-align: center;
	overflow: hidden;
}
section#s9 > .items > div:nth-child(2n) .icon {
	background: url(../images/09/stroke-bottom.png) left bottom no-repeat;
}
section#s9 > .items > div .icon img {
	display: none;
}
section#s9 > .items > div .content {
	position: absolute;
	top: 220px;
	left: 50%;
	width: 450px;
	margin-left: -225px;
	text-align: center;
	font-size: 22px;
}
section#s9 > .items > div .content .title {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 52px;
	line-height: 1em;
	margin-bottom: 30px;
}
section#s9 > .items > div .content .text {
	display: none;
}
@media (max-width: 1600px) {
	section#s9 .l1 {
		top: calc( 50% - 88px );
		width: calc( 50% - 422px );
	}
	section#s9 .b1 {
		top: calc( 50% - 88px );
		left: calc( 50% - 422px );
	}
	section#s9 > .items {
		transform: scale(.8);
		margin: -175px 0 0 -550px;
	}
	section#s9 > .items > div .content {
		top: 210px;
		font-size: 18px;
	}
	/*section#s9 > .items > div .content .title {
		font-size: 38px;
		margin-bottom: 20px;
	}*/
}




section#s10 {
	background-color: #c7bd4c;
	background-image: url(../images/10/background.jpg);
}
section#s10 .title {
	display: none;
	position: absolute;
	top: 15%;
	left: 18%;
	font-family: 'NaturaSans_light';
	font-size: 36px;
	letter-spacing: 1px;
	color: white;
	white-space: nowrap;
}
section#s10 .flags {
	position: absolute;
	top: 50%;
	left: 18%;
	margin-top: -240px;
	font-family: 'NaturaSans_bold';
	font-size: 30px;
	letter-spacing: 1px;
	color: white;
}
section#s10 .flags > .flag-1 {
	background: url(../images/10/icone-1.png) left center no-repeat;
}
section#s10 .flags > .flag-2 {
	background: url(../images/10/icone-2.png) left center no-repeat;
}
section#s10 .flags > .flag-3 {
	background: url(../images/10/icone-3.png) left center no-repeat;
	margin-top: -20px;
}
section#s10 .flags > div {
	display: none;
	position: relative;
	padding: 20px 0 20px 140px;
	margin: 40px 0;
}
section#s10 .content {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: 115px;
	width: 460px;
	font-family: 'NaturaSans_bold';
	font-size: 36px;
	letter-spacing: 1px;
	color: white;
}
section#s10 .l1 {
	left: 50%;
	top: 0;
	/*height: calc(50% - 48px);*/
}
section#s10 .play {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 140px;
	background: url(../images/play.png) center top no-repeat;
	margin: -56px 0 0 -70px;
	padding-top: 114px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 16px;
}
section#s10 .play:hover {
	cursor: pointer;
	opacity: .8;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
section#s10 .mouse {
	display: none;
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 100px;
	background: url(../images/mouse.png) center center no-repeat;
	margin: -36px 0 0 -50px;
	padding-top: 70px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 14px;
}
@media (max-width: 1600px) {
	section#s10 .title {
		left: 10%;
		font-size: 30px;
	}
	section#s10 .flags {
		left: 10%;
		margin-top: -165px;
		font-size: 26px;
	}
	section#s10 .flags > div {
		padding: 25px 0 25px 140px;
		margin: 20px 0;
	}
	section#s10 .flags .flag-3 {
		margin-top: -20px;
	}
	section#s10 .content {
		width: 315px;
		margin-top: -100px;
		font-size: 30px;
	}
}

section#s11 {
	background-image: url(../images/11/background.jpg);
}
section#s11 .l1 {
	left: 50%;
	top: 0;
	/*height: calc(50% - 48px);*/
}
section#s11 .play {
	display: none;
	position: absolute;
	top: 45%;
	left: 50%;
	width: 140px;
	background: url(../images/play.png) center top no-repeat;
	margin: -56px 0 0 -70px;
	padding-top: 114px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 16px;
}
section#s11 .play:hover {
	cursor: pointer;
	opacity: .8;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
section#s11 .title {
	display: none;
	position: absolute;
	top: 50%;
	left: 15%;
	width: 470px;
	font-family: 'NaturaSans_bold';
	font-size: 76px;
	color: white;
	margin: -190px 0 0 0;
	letter-spacing: 4px;
}
section#s11 .content {
	display: none;
	position: absolute;
    top: 50%;
    left: 15%;
    margin: 20px 0 0 75px;
    width: 430px;
    font-size: 22px;
    line-height: 1.4em;
    color: white;
}
section#s11 .mouse {
	display: none;
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 100px;
	background: url(../images/mouse.png) center center no-repeat;
	margin: -36px 0 0 -50px;
	padding-top: 70px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 14px;
}
@media (max-width: 1600px) {
	section#s11 .title {
		width: 370px;
		left: 10%;
		margin-top: -130px;
		font-size: 55px;
	}
	section#s11 .content {
		width: 350px;
		left: 10%;
		margin-left: 50px;
		font-size: 18px;
	}
}


section#s12 {
	background: white;
}
section#s12 .l1 {
	background-color: #ababac;
	top: 0;
	left: 15%;
	width: 2px;
	height: calc( 50% - 230px );
}
section#s12 .b1 {
	background-color: #ababac;
	top: calc( 50% - 230px );
	left: 15%;
}
section#s12 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
}
section#s12 .col-1 {
	position: absolute;
	left: 50%;
	width: 660px;
    font-size: 20px;
    line-height: 1.2em;
    margin: -240px 0 0 -550px;
}
section#s12 .content .title {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 32px;
	color: #f3c520;
	margin-bottom: 75px;
}
section#s12 .content .title h2 {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 2px;
}
section#s12 .content .title a {
	display: block;
	margin-top: 10px;
	font-size: 22px;
	color: black;
}
section#s12 .content .row {
	display: none;
	margin-top: 30px;
}
section#s12 .content h3 {
	font-family: 'NaturaSans_bold';
	font-size: 28px;
	color: #f37432;
	margin-bottom: 10px;
}
section#s12 .col-2 {
	display: none;
	position: absolute;
	left: 50%;
	width: 255px;
    font-size: 16px;
    line-height: 1.4em;
    margin: -110px 0 0 300px;
}
section#s12 .col-2 p span {
	font-family: 'NaturaSans';
	color: #f3c520;
}
section#s12 .col-2 .icon {
	position: absolute;
	top: -80px;
    left: -60px;
	width: 47px;
	height: 61px;
	background: url(../images/12/icon-avaliacao.jpg) center center no-repeat;
}
section#s12 .col-2 .l2 {
	top: 0;
	left: -35px;
	width: 3px;
	height: 220px;
	background: #f7941d;
	display: block;
}
section#s12 .alt {
	background: white;
	border-color:  #f3c623;
	color: #000000;
}
section#s12 .alt:after {
	color:  #f3c623;
}
section#s12 #s12-alt1 {
	width: 160px;
}
section#s12 #s12-alt2 {
	width: 380px;
}

@media (max-width: 1600px) {
	section#s12 .l1 {
		left: 8%;
		height: calc( 50% - 190px );
	}
	section#s12 .b1 {
		top: calc( 50% - 190px );
		left: 8%;
	}
	section#s12 .col-1 {
		width: 500px;
	    font-size: 16px;
	    margin: -200px 0 0 -470px;
	}
	section#s12 .content .title {
		font-size: 28px;
		margin-bottom: 50px;
	}
	section#s12 .content .title a {
		font-size: 18px;
	}
	section#s12 .content .row {
		margin-top: 20px;
	}
	section#s12 .content h3 {
		font-size: 22px;
	}
	section#s12 .col-2 .l2 {
		height: 190px;
	}
	section#s12 .col-2 {
		width: 220px;
	    font-size: 14px;
	    margin: -100px 0 0 200px;
	}
	section#s12 .col-2 p span {
		font-family: 'NaturaSans';
		color: #f3c520;
	}
}


section#s13 {
	background: #f37432;
}
section#s13 .l1 {
	background-color: white;
	top: calc( 50% - 130px );
	left: 0;
	width: calc( 50% - 630px );
	height: 2px;
}
section#s13 .b1 {
	background-color: white;
	top: calc( 50% - 130px );
	left: calc( 50% - 630px );
}
section#s13 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
}
section#s13 .col-1 {
	left: 50%;
    margin: -240px 0 0 -550px;
}
section#s13 .content .title {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 76px;
	line-height: 1em;
	text-align: right;
	color: #de3100;
	border-right: 4px solid #de3100;
    padding-right: 20px;
}
section#s13 .col-2 {
	display: none;
	left: 50%;
	width: 440px;
	font-family: 'NaturaSans';
	font-size: 24px;
	letter-spacing: 2px;
	color: white;
	margin: -230px 0 0 -220px;
}
section#s13 .col-2 p > span {
	display: inline-block;
	position: relative;
    margin-left: -20px;
    width: 20px;
}
section#s13 .col-3 {
	display: none;
	left: 50%;
	width: 220px;
    font-size: 16px;
    line-height: 1.4em;
    margin: -175px 0 0 400px;
}
section#s13 .col-3 .icon {
	position: absolute;
	top: -70px;
    left: -75px;
	width: 78px;
	height: 51px;
	background: url(../images/13/icon-olho.png) center center no-repeat;
}
section#s13 .col-3 .l2 {
	top: 0;
	left: -35px;
	width: 3px;
	height: 180px;
	background: #f7941d;
	display: block;
}
@media (max-width: 1600px) {
	section#s13 .l1 {
		top: calc( 50% - 145px );
		width: calc( 50% - 530px );
	}
	section#s13 .b1 {
		top: calc( 50% - 145px );
    	left: calc( 50% - 530px );
	}
	section#s13 .col-1 {
		left: 50%;
	    margin: -220px 0 0 -460px;
	}
	section#s13 .content .title {
		display: none;
		font-size: 55px;
	    padding-right: 20px;
	}
	section#s13 .col-2 {
		width: 360px;
		font-size: 20px;
		margin: -215px 0 0 -200px;
	}
	section#s13 .col-2 p > span {
	    margin-left: -20px;
	    width: 20px;
	}
	section#s13 .col-3 {
		width: 190px;
	    font-size: 14px;
	    margin: -160px 0 0 290px;
	}
}


section#s14 {
	background: #ffffff;
}
section#s14 .image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(../images/14/background.jpg) top right no-repeat;
	background-size: auto 100%;
	background-attachment: fixed;
}
section#s14 .image img {
	opacity: 0;
	height: 100%;
}
section#s14 .infos {
	display: none;
	position: absolute;
	bottom: 50px;
	left: 50px;
	width: 200px;
	font-size: 14px;
	color: white;
}
section#s14 .graph {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 750px;
	height: 460px;
	margin-left: -350px;
}
section#s14 .graph .col-1 {
	float: left;
	width: 315px;
}
section#s14 .graph .col-2 {
	float: right;
	width: 410px;
	margin-left: 15px;
}
section#s14 .graph .videos {
	display: none;
	width: 290px;
	height: 165px;
	padding-right: 22px;
	border-right: 2px solid #b6b6b7;
	margin-bottom: 20px;
}
section#s14 .graph .videos .content {
	float: left;
	width: 200px;
	padding-top: 15px;
	font-size: 18px;
}
section#s14 .graph .videos .content h2 {
	display: inline-block;
	font-family: 'NaturaSans_bold';
	font-size: 38px;
}
section#s14 .graph .videos .icon {
	float: right;
	margin-top: 65px;
	width: 80px;
    text-align: center;
    font-size: 14px;
}
section#s14 .graph .tv {
	display: none;
	position: relative;
}
section#s14 .graph .tv .content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 190px;
	margin: -65px 0 0 -95px;
	font-size: 18px;
}
section#s14 .graph .tv .content h2 {
	font-family: 'NaturaSans_bold';
	font-size: 34px;
}
section#s14 .graph .kits {
	display: none;
	float: left;
	width: 100%;
	border-bottom: 2px solid #b6b6b7;
}
section#s14 .graph .kits .icon {
	float: left;
	margin: 30px 35px 30px 0;
}
section#s14 .graph .kits .content {
	font-size: 18px;
}
section#s14 .graph .kits .content h2 {
	display: inline-block;
	font-family: 'NaturaSans_bold';
	font-size: 38px;
}
section#s14 .graph .kits .content h2 .plus {
	position: relative;
	display: inline-block;
	width: 25px;
	margin-left: -25px;
	font-family: 'NaturaSans_light';
	color: black;
}
section#s14 .graph .professores {
	display: none;
	float: left;
	width: 100%;
	padding-top: 35px;
	text-align: center;
}
section#s14 .graph .professores .content {
	margin-top: 25px;
	font-size: 18px;
}
section#s14 .graph .professores .content h2 {
	display: inline-block;
	font-family: 'NaturaSans_bold';
	font-size: 38px;
}
section#s14 .graph .content [data-alt] {
	color: #ffde2d;
}
section#s14 .alt {
	background: white;
	border-color:  #f5d14c;
	color: black;
	width: 640px;
	height: 360px;
}
section#s14 #s14-alt1 {
	background: white;
	border-color:  #f5d14c;
	color: black;
	width: 640px;
	height: 360px;
}
section#s14 .alt:after {
	color:  #f5d14c;
}
section#s14 #s14-alt1 img.poster {
	max-width: 100%;
}
section#s14 #s14-alt2 img.poster {
	max-width: 100%;
}
@media (max-width: 1600px) {
	section#s14 .graph {
		transform: translate(-50%, -50%) scale(.8);
		margin-left: -265px;
	}
}





section#s15 {
	background-image: url(../images/15/background.jpg);
}
section#s15 .l1 {
	left: 50%;
	top: 0;
	/*height: calc(50% - 48px);*/
}
section#s15 .play {
	display: none;
	position: absolute;
	top: 40%;
	left: 50%;
	width: 140px;
	background: url(../images/play.png) center top no-repeat;
	margin: -56px 0 0 -70px;
	padding-top: 114px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 16px;
}
section#s15 .play:hover {
	transition: all .4s;
	cursor: pointer;
	opacity: .8;
}
section#s15 .title {
	display: none;
	display: none;
	position: absolute;
	top: 75%;
	left: 50%;
	margin: -70px 0 0 -400px;
	width: 800px;
	font-family: 'NaturaSans_bold';
	font-size: 38px;
	text-align: center;
	color: white;
}
section#s15 .mouse {
	display: none;
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 100px;
	background: url(../images/mouse.png) center center no-repeat;
	margin: -36px 0 0 -50px;
	padding-top: 70px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 14px;
}
@media (max-width: 1600px) {
	section#s15 .title {
		margin-top: -60px;
		font-size: 32px;
	}
}



section#s16 {
	background: white;
}
section#s16 .l1 {
	background-color: #ababac;
	top: 0;
	left: 15%;
	width: 2px;
	height: calc( 50% - 230px );
}
section#s16 .b1 {
	background-color: #ababac;
	top: calc( 50% - 230px );
	left: 15%;
}
section#s16 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
}
section#s16 .col-1 {
	position: absolute;
	left: 50%;
	width: 660px;
    font-size: 20px;
    line-height: 1.2em;
    margin: -240px 0 0 -550px;
}
section#s16 .content .title {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 32px;
	color: #f3c520;
	margin-bottom: 75px;
}
section#s16 .content .title h2 {
	display: inline-block;
	letter-spacing: 2px;
}
section#s16 .content .title a {
	display: block;
	margin-top: 10px;
	font-size: 22px;
	color: black;
}
section#s16 .content .row {
	display: none;
	margin-top: 30px;
}
section#s16 .content h3 {
	font-family: 'NaturaSans_bold';
	font-size: 28px;
	color: #f37432;
	margin-bottom: 10px;
}
section#s16 .content p a {
	color: #f3c520;
	font-family: 'NaturaSans_bold';
}
section#s16 .alt {
	background: white;
	border-color:  #f3c623;
	color: #000000;
}
section#s16 .alt:after {
	color:  #f3c623;
}
section#s16 #s16-alt1 {
	width: 380px;
}
section#s16 #s16-alt2 {
	width: 450px;
	height: 500px;
}

@media (max-width: 1600px) {
	section#s16 .l1 {
		left: 13%;
		height: calc( 50% - 190px );
	}
	section#s16 .b1 {
		top: calc( 50% - 190px );
		left: 13%;
	}
	section#s16 .col-1 {
		width: 500px;
	    font-size: 16px;
	    margin: -200px 0 0 -400px;
	}
	section#s16 .content .title {
		font-size: 28px;
		margin-bottom: 50px;
	}
	section#s16 .content .title a {
		font-size: 18px;
	}
	section#s16 .content .row {
		margin-top: 20px;
	}
	section#s16 .content h3 {
		font-size: 22px;
	}
}


section#s17 {
	background: #f37432;
}
section#s17 .l1 {
	background-color: white;
	top: calc( 50% - 130px );
	left: 0;
	width: calc( 50% - 630px );
	height: 2px;
}
section#s17 .b1 {
	background-color: white;
	top: calc( 50% - 130px );
	left: calc( 50% - 630px );
}
section#s17 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
}
section#s17 .col-1 {
	left: 50%;
    margin: -240px 0 0 -550px;
}
section#s17 .content .title {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 76px;
	line-height: 1em;
	text-align: right;
	color: #de3100;
	border-right: 4px solid #de3100;
    padding-right: 20px;
}
section#s17 .col-2 {
	display: none;
	left: 50%;
	width: 440px;
	font-family: 'NaturaSans';
	font-size: 24px;
	letter-spacing: 2px;
	color: white;
	margin: -230px 0 0 -220px;
}
section#s17 .col-2 p > span {
	display: inline-block;
	position: relative;
    margin-left: -20px;
    width: 20px;
}
section#s17 .col-3 {
	display: none;
	left: 50%;
	width: 220px;
    font-size: 16px;
    line-height: 1.4em;
    margin: -175px 0 0 400px;
}
section#s17 .col-3 .icon {
	position: absolute;
	top: -70px;
    left: -75px;
	width: 78px;
	height: 51px;
	background: url(../images/13/icon-olho.png) center center no-repeat;
}
section#s17 .col-3 .l2 {
	top: 0;
	left: -35px;
	width: 3px;
	height: 200px;
	background: #f7941d;
	display: block;
}
@media (max-width: 1600px) {
	section#s17 .l1 {
		top: calc( 50% - 145px );
		width: calc( 50% - 530px );
	}
	section#s17 .b1 {
		top: calc( 50% - 145px );
    	left: calc( 50% - 530px );
	}
	section#s17 .col-1 {
		left: 50%;
	    margin: -220px 0 0 -460px;
	}
	section#s17 .content .title {
		display: none;
		font-size: 55px;
	    padding-right: 20px;
	}
	section#s17 .col-2 {
		width: 360px;
		font-size: 20px;
		margin: -215px 0 0 -200px;
	}
	section#s17 .col-2 p > span {
	    margin-left: -20px;
	    width: 20px;
	}
	section#s17 .col-3 {
		width: 190px;
	    font-size: 14px;
	    margin: -160px 0 0 290px;
	}
	section#s17 .col-3 .l2 {
		height: 170px;
	}
}


section#s18 {
	background: #ffffff;
}
section#s18 .pagination {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -350px 0 0 -700px;
	font-family: 'NaturaSans_bold';
	font-size: 20px;
	color: black;
}
section#s18 .item {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}
section#s18 .item .image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background: top right no-repeat;
	background-size: auto 100%;
	background-attachment: fixed;
}
section#s18 .item .image img {
	display: block;
	opacity: 0;
	width: auto;
	height: 100%;
}
section#s18 .item-1 .image {
	background-image: url(../images/18/1/background.jpg);
}
section#s18 .item-1 .graph {
	position: absolute;
	top: 50%;
	left: 30%;
	width: 322px;
	height: 440px;
	margin: -220px 0 0 -161px;
	text-align: center;
	font-size: 18px;
}
section#s18 .item-1 .graph img {
	display: none;
}
section#s18 .item-1 .graph h2 {
	display: none;
	margin-top: 50px;
	font-family: 'NaturaSans_bold';
	font-size: 38px;
	color: black;
	padding-bottom: 10px;
	border-bottom: 1px solid #ababac;
	margin-bottom: 20px;
}
section#s18 .item-1 .graph p {
	display: none;
}
section#s18 .item-2 .image {
	background-image: url(../images/18/2/background.jpg);
}
section#s18 .item-2 .graph {
	/*display: none;*/
	position: absolute;
	top: 50%;
	left: 30%;
	width: 700px;
	height: 440px;
	margin: -170px 0 0 -350px;
	text-align: center;
	font-size: 18px;
}
section#s18 .item-2 .graph > div {
	position: absolute;
	top: 290px;
	width: 290px;
}
section#s18 .item-2 .graph > div .line {
	display: block;
	width: 290px;
	height: 1px;
	background: black;
}
section#s18 .item-2 .graph > div .bars {
	display: none;
	position: absolute;
	width: 88px;
	height: 0;
	bottom: 25%;
	left: 35px;
	background-size: auto 100%;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .5s;
}
section#s18 .item-2 .graph > div .bars:before {
	content: '';
	position: absolute;
	left: 0;
	top: -70px;
	width: 88px;
	height: 70px;
	background: center top no-repeat;
}
section#s18 .item-2 .graph > div .bar1 {
	height: 109px;
	margin-left: 0px;
	background-image: url(../images/18/2/bar-1.png);
}
section#s18 .item-2 .graph > div .bar2 {
	height: 219px;
	margin-left: 130px;
	background-image: url(../images/18/2/bar-2.png);
}
section#s18 .item-2 .graph > div .bar1:before {
	background-image: url(../images/18/2/2015.png);
}
section#s18 .item-2 .graph > div .bar2:before {
	background-image: url(../images/18/2/2016.png);
}
section#s18 .item-2 .graph > div .bars .valor {
	display: none;
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	font-family: 'NaturaSans_bold';
	font-size: 44px;
	text-align: center;
}
section#s18 .item-2 .graph > div .bars .ano {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	margin-top: 10px;
	color: #5acbf1;
	font-family: 'NaturaSans_bold';
	font-size: 32px;
	text-align: center;
}
section#s18 .item-2 .graph > div .bar1 .ano {
	color: #fdb834
}
section#s18 .item-2 .graph > div .label {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	margin-top: 60px;
	color: black;
	font-family: 'NaturaSans_light';
	font-size: 22px;
	text-align: center;
}
section#s18 .item-2 .graph > div.graph-1 {
	left: 0px;
}
section#s18 .item-2 .graph > div.graph-2 {
	left: 410px;
}
section#s18 .item-3 .image {
	background-image: url(../images/18/3/background.jpg);
}
section#s18 .item-3 .graph > div {
	position: absolute;
	top: 290px;
	width: 290px;
}
section#s18 .item-3 .graph {
	/*display: none;*/
	position: absolute;
	top: 50%;
	left: 30%;
	width: 700px;
	height: 440px;
	margin: -170px 0 0 -350px;
	text-align: center;
	font-size: 18px;
}
section#s18 .item-3 .graph > div .line {
	display: block;
	width: 290px;
	height: 1px;
	background: black;
}
section#s18 .item-3 .graph > div .bars {
	display: none;
	position: absolute;
	width: 90px;
	height: 0;
	bottom: 25%;
	left: 35px;
	background-size: auto 100%;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .5s;
}
section#s18 .item-3 .graph > div .bars:before {
	content: '';
	position: absolute;
	left: 0;
	top: -90px;
	width: 90px;
	height: 90px;
	background: center top no-repeat;
}
section#s18 .item-3 .graph > div .bar1 {
	height: 140px;
	margin-left: 0px;
	background-image: url(../images/18/2/bar-1.png);
}
section#s18 .item-3 .graph > div .bar2 {
	height: 240px;
	margin-left: 140px;
	background-image: url(../images/18/2/bar-2.png);
}
section#s18 .item-3 .graph > div .bar1:before {
	background-image: url(../images/18/3/2015.png);
}
section#s18 .item-3 .graph > div .bar2:before {
	background-image: url(../images/18/3/2016.png);
}
section#s18 .item-3 .graph > div .bars .valor {
	display: none;
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	font-family: 'NaturaSans_bold';
	font-size: 44px;
	line-height: 1em;
	text-align: center;
}
section#s18 .item-3 .graph > div .bars .ano {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	margin-top: 10px;
	color: #5acbf1;
	font-family: 'NaturaSans_bold';
	font-size: 32px;
	text-align: center;
}
section#s18 .item-3 .graph > div .bar1 .ano {
	color: #fdb834
}
section#s18 .item-3 .graph > div .label {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	margin-top: 60px;
	color: black;
	font-family: 'NaturaSans_light';
	font-size: 22px;
	text-align: center;
}
section#s18 .item-3 .graph > div.graph-1 {
	width: 260px;
	left: 0px;
}
section#s18 .item-3 .graph > div .bar3 {
	left: 25px;
}
section#s18 .item-3 .graph > div .bar3 .chart {
	position: absolute;
	bottom: 25px;
	width: 210px;
	height: 210px;
	background: url(../images/18/3/usuarios.png) center center no-repeat;
}
section#s18 .item-3 .graph > div .bar3 .valor {
	bottom: 240px;
    left: 95px;
    color: #5acbf1;
}
section#s18 .item-3 .graph > div .bar3 .ano {
	width: 210px;
}
section#s18 .item-3 .graph > div.graph-2 {
	width: 310px;
	left: 380px;
}
section#s18 .item-infos {
	display: block;
}
section#s18 .infos {
	display: none;
	position: absolute;
	bottom: 50px;
	left: 50px;
	width: 200px;
	font-size: 14px;
	color: white;
}
@media (max-width: 1600px) {
	section#s18 .pagination {
		margin: -250px 0 0 -550px;
		font-size: 18px;
	}
	section#s18 .item-1 .graph {
		transform: scale(.9);
		margin: -220px 0 0 -161px;
	}
	section#s18 .item-2 .graph {
		transform: scale(.7);
		margin: -170px 0 0 -350px;
	}
	section#s18 .item-3 .graph {
		transform: scale(.7);
		margin: -170px 0 0 -350px;
	}
}


section#s19-video {
	background-image: url(../images/19-video/background.jpg);
}
section#s19-video .l1 {
	left: 50%;
	top: 0;
	/*height: calc(50% - 48px);*/
}
section#s19-video .play {
	display: none;
	position: absolute;
	top: 40%;
	left: 50%;
	width: 140px;
	background: url(../images/play.png) center top no-repeat;
	margin: -56px 0 0 -70px;
	padding-top: 114px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 16px;
}
section#s19-video .play:hover {
	transition: all .4s;
	cursor: pointer;
	opacity: .8;
}
section#s19-video .title {
	display: none;
	display: none;
	position: absolute;
	top: 75%;
	left: 50%;
	margin: -70px 0 0 -400px;
	width: 800px;
	font-family: 'NaturaSans_bold';
	font-size: 38px;
	text-align: center;
	color: white;
}
section#s19-video .mouse {
	display: none;
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 100px;
	background: url(../images/mouse.png) center center no-repeat;
	margin: -36px 0 0 -50px;
	padding-top: 70px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 14px;
}
@media (max-width: 1600px) {
	section#s19-video .title {
		margin-top: -60px;
		font-size: 32px;
	}
}


section#s19 {
	background-image: url(../images/19/background.jpg);
}
section#s19 .l1 {
	left: 50%;
	top: 0;
	/*height: calc(50% - 48px);*/
}
section#s19 .play {
	display: none;
	position: absolute;
	top: 45%;
	left: 50%;
	width: 140px;
	background: url(../images/play.png) center top no-repeat;
	margin: -56px 0 0 -70px;
	padding-top: 114px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 16px;
}
section#s19 .play:hover {
	cursor: pointer;
	opacity: .8;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
section#s19 .title {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 620px;
	font-family: 'NaturaSans_bold';
	font-size: 76px;
	color: white;
	margin: -250px 0 0 -720px;
	letter-spacing: 2px;
	line-height: 1em;
}
section#s19 .content {
	display: none;
	position: absolute;
    top: 50%;
    left: 50%;
    margin: -70px 0 0 -620px;
    width: 470px;
    font-size: 22px;
    line-height: 1.4em;
    color: white;
}
section#s19 .mouse {
	display: none;
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 100px;
	background: url(../images/mouse.png) center center no-repeat;
	margin: -36px 0 0 -50px;
	padding-top: 70px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 14px;
}
@media (max-width: 1600px) {
	section#s19 .title {
		width: 500px;
	    margin: -200px 0 0 -550px;
	    font-size: 55px;
	}
	section#s19 .content {
		width: 350px;
		margin: -70px 0 0 -480px;
		font-size: 16px;
	}
}


section#s20 {
	background: white;
}
section#s20 .l1 {
	background-color: #ababac;
	top: 0;
	left: 15%;
	width: 2px;
	height: calc( 50% - 230px );
}
section#s20 .b1 {
	background-color: #ababac;
	top: calc( 50% - 230px );
	left: 15%;
}
section#s20 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
}
section#s20 .col-1 {
	position: absolute;
	left: 50%;
	width: 660px;
    font-size: 20px;
    line-height: 1.2em;
    margin: -240px 0 0 -550px;
}
section#s20 .content .title {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 36px;
	line-height: 1.2em;
	color: #f3c520;
	margin-bottom: 75px;
	letter-spacing: 2px;
}
section#s20 .content .title h2 {
	display: inline-block;
	
}
section#s20 .content .row {
	display: none;
	margin-top: 30px;
}
section#s20 .content h3 {
	font-family: 'NaturaSans_bold';
	font-size: 28px;
	color: #f37432;
	margin-bottom: 10px;
}
section#s20 .content p a {
	color: #f3c520;
	font-family: 'NaturaSans_bold';
}
section#s20 .alt {
	background: white;
	border-color:  #f3c623;
	color: #000000;
}
section#s20 .alt:after {
	color:  #f3c623;
}
section#s20 #s20-alt1 {
	width: 300px;
}
section#s20 #s20-alt2 {
	width: 250px;
}

@media (max-width: 1600px) {
	section#s20 .l1 {
		left: 13%;
		height: calc( 50% - 190px );
	}
	section#s20 .b1 {
		top: calc( 50% - 190px );
		left: 13%;
	}
	section#s20 .col-1 {
		width: 500px;
	    font-size: 16px;
	    margin: -200px 0 0 -400px;
	}
	section#s20 .content .title {
		font-size: 28px;
		margin-bottom: 50px;
	}
	section#s20 .content .title a {
		font-size: 18px;
	}
	section#s20 .content .row {
		margin-top: 20px;
	}
	section#s20 .content h3 {
		font-size: 22px;
	}
}


section#s21 {
	background: #6b489d;
}
section#s21 .l1 {
	background-color: white;
	top: calc( 50% - 180px );
	left: 0;
	width: calc( 50% - 630px );
	height: 2px;
}
section#s21 .b1 {
	background-color: white;
	top: calc( 50% - 180px );
	left: calc( 50% - 630px );
}
section#s21 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
}
section#s21 .col-1 {
	left: 50%;
    margin: -290px 0 0 -550px;
}
section#s21 .content .title {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 76px;
	line-height: 1em;
	text-align: right;
	color: #86ddd4;
	border-right: 4px solid #86ddd4;
    padding-right: 20px;
}
section#s21 .col-2 {
	display: none;
	left: 50%;
	width: 440px;
	font-family: 'NaturaSans';
	font-size: 24px;
	letter-spacing: 2px;
	color: white;
	margin: -280px 0 0 -220px;
}
section#s21 .col-2 p > span {
	display: inline-block;
	position: relative;
    margin-left: -20px;
    width: 20px;
}
section#s21 .col-3 {
	display: none;
	left: 50%;
	width: 220px;
    font-size: 16px;
    line-height: 1.4em;
    margin: -225px 0 0 400px;
    color: white;
}
section#s21 .col-3 .icon {
	position: absolute;
	top: -70px;
    left: -75px;
	width: 78px;
	height: 51px;
	background: url(../images/21/icon-olho.png) center center no-repeat;
}
section#s21 .col-3 .l2 {
	top: 0;
	left: -35px;
	width: 3px;
	height: 200px;
	background: #fdb414;
	display: block;
}
@media (max-width: 1600px) {
	section#s21 .l1 {
		top: calc( 50% - 145px );
		width: calc( 50% - 530px );
	}
	section#s21 .b1 {
		top: calc( 50% - 145px );
    	left: calc( 50% - 530px );
	}
	section#s21 .col-1 {
		left: 50%;
	    margin: -220px 0 0 -460px;
	}
	section#s21 .content .title {
		display: none;
		font-size: 55px;
	    padding-right: 20px;
	}
	section#s21 .col-2 {
		width: 360px;
		font-size: 18px;
		margin: -215px 0 0 -200px;
	}
	section#s21 .col-2 p > span {
	    margin-left: -20px;
	    width: 20px;
	}
	section#s21 .col-3 {
		width: 190px;
	    font-size: 14px;
	    margin: -160px 0 0 290px;
	}
	section#s21 .col-3 .l2 {
		height: 170px;
	}
}


section#s22 {
	background: white;
}
section#s22 .title {
	display: none;
	position: absolute;
	top: 50%;
	right: 50%;
	margin: -350px -550px 0 0; 
	text-align: right;
	font-family: 'NaturaSans_bold';
	font-size: 36px;
}
section#s22 .map {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-left: -200px;
}
section#s22 .pin {
	display: none;
	position: absolute;
	bottom: 50%;
	right: 50%;
	margin: 0 -550px -350px 0;
	text-align: center;
	font-family: 'NaturaSans_bold';
	font-size: 32px;
}
section#s22 .pin img {}
section#s22 .pin h2 {
	font-size: 64px;
	margin: 15px 0 0;
}
section#s22 .pin p {
	margin:0;
	font-family: 'NaturaSans_light';
}
section#s22 .item-1 .pin p strong {
	color: #7dd3f7;
}
section#s22 .item-2 .pin p strong {
	color: #92278f;
}
section#s22 .pin hr {
	max-width: 165px;
	background: black;
	height: 1px;
	border: none;
	margin: 15px 0;
}
@media (max-width: 1600px) {
	section#s22 .map img {
		max-height: 500px;
	}
	section#s22 .title {
		margin: -250px -400px 0 0; 
		font-size: 32px;
	}
	section#s22 .pin {
		margin: 0 -400px -250px 0;
		font-size: 26px;
	}
	section#s22 .pin img {
		width: 90px;
	}
	section#s22 .pin h2 {
		font-size: 58px;
	}
}



section#s23 {
	background: #6b489d;
}
section#s23 .title {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -350px 0 0 -635px;
	width: 510px;
	font-family: 'NaturaSans_bold';
	font-size: 36px;
	color: #86ddd4;
}
section#s23 .title p {
	font-family: 'NaturaSans';
	font-size: 18px;
	line-height: 1.4em;
	color: white;
}
section#s23 .graph {
	/*display: none;*/
	position: absolute;
	top: 50%;
	left: 50%;
	width: 771px;
	height: 425px;
	margin: -120px 0 0 -320px;
}
section#s23 .graph .grid {
	position: relative;
}
section#s23 .graph .grid > div {
	position: absolute;
	left: 35px;
	padding: 25px 0;
	overflow: hidden;
}
section#s23 .graph .grid .lines {
	position: relative;
	padding: 0;
	left: 0;
}
section#s23 .graph .grid .line-1 {
	bottom: 300px;
}
section#s23 .graph .grid .line-2 {
	bottom: 150px;
}
section#s23 .graph .grid .line-3 {
	bottom: 82px;
}
section#s23 .graph .grid .line-1 img,
section#s23 .graph .grid .line-2 img,
section#s23 .graph .grid .line-3 img {
	margin: 0 25px;
}
section#s23 .graph .grid > div .label {
	white-space: nowrap;
	font-family: 'NaturaSans_bold';
	font-size: 24px;
	color: white;
	padding-left: 25px;
}
section#s23 .graph .grid > div .label span {
	position: relative;
	display: inline-block;
	width: 80px;
	text-align: center;
	margin-left: 75px;
}
section#s23 .graph .grid > div .label span:first-child {
	margin-left: 0px;
}
section#s23 .graph .grid > div .line-label {
	position: absolute;
	top: 100%;
	margin-top: -20px;
	white-space: nowrap;
	font-family: 'NaturaSans_bold';
	font-size: 20px;
	line-height: 1em;
	color: white;
}
section#s23 .graph .grid > div .line-label span {
	position: relative;
	display: inline-block;
	width: 80px;
	text-align: center;
	margin-left: 75px;
	transform: translateX(-50%);
}
section#s23 .graph .grid > div .line-label span:first-child {
	margin-left: 30px;
}
section#s23 .graph .legends {
	position: absolute;
	top: 0;
	left: -315px;
	font-family: 'NaturaSans_bold';
	font-size: 28px;
	line-height: 1em;
}
section#s23 .graph .legends > div {
	display: none;
}
section#s23 .graph .legends .legend-1 { color: #ffde2d; margin-top: 80px; }
section#s23 .graph .legends .legend-2 { color: #fdb834; margin-top: 40px; }
section#s23 .graph .legends .legend-3 { color: #f58220; margin-top: 40px; }
@media (max-width: 1600px) {
	section#s23 .title {
		width: 450px;
		margin: -250px 0 0 -450px;
		font-size: 32px;
	}
	section#s23 .title p { 
		font-size: 16px;
	}
	section#s23 .graph {
		margin-left: -345px;
		transform: scale(.7);
	}
}


section#s24 {
	background: white;
}
section#s24 .title {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -375px 0 0 -635px;
	width: 510px;
	font-family: 'NaturaSans_bold';
	font-size: 36px;
	color: #86ddd4;
}
section#s24 .title p {
	font-family: 'NaturaSans';
	font-size: 18px;
	line-height: 1.4em;
	color: #5a5a5a;
}
section#s24 .graph {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 794px;
	height: 437px;
	margin: -175px 0 0 -635px;
}
section#s24 .graph h2 {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 28px;
	color: black;
	margin-bottom: 75px;
}
section#s24 .graph .grid {
	position: relative;
	transform: scale(.8);
    margin: -40px 0 0 -80px;
}
section#s24 .graph .grid > .lines {
	position: relative;
	overflow: hidden;
}
section#s24 .graph .grid > .lines .label {
	white-space: nowrap;
	font-family: 'NaturaSans_bold';
	font-size: 24px;
	color: black;
	padding-left: 25px;
}
section#s24 .graph .grid > .lines .label span {
	position: relative;
	display: inline-block;
	width: 80px;
	text-align: center;
	margin-left: 75px;
}
section#s24 .graph .grid > .lines .label span:first-child {
	margin-left: 0px;
}
section#s24 .graph .grid > .line-1 {
	position: absolute;
	left: 25px;
	bottom: 85px;
	overflow: hidden;
}
section#s24 .graph .grid > .line-1 img {
	display: block;
}
section#s24 .graph .grid > .line-1 > .label {
	position: absolute;
	top: 0;
	bottom: 0;
	font-family: 'NaturaSans_bold';
	font-size: 34px;
	color: white;
}
section#s24 .graph .grid > .line-1 > .label > span {
	display: none;
	position: absolute;
	width: 85px;
	height: 85px;
	border-radius: 50%;
	background: #f58220;
	overflow: hidden;
	text-align: center;
    line-height: 85px;
    padding-top: 5px;
    box-sizing: border-box;
    animation-duration: .3s;
}
section#s24 .graph .grid > .line-1 > .label > span.ball {
	width: 159px;
	height: 159px;
	background: transparent;
	line-height: 159px;
    padding-top: 0;
}
section#s24 .graph .grid > .line-1 > .label > span.ball span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    padding-top: 50px;
	font-family: 'NaturaSans';
	font-size: 18px;
	line-height: 1.2em;
	color: black;
	text-align: center;
}
section#s24 .alt {
	background: white;
	border-color:  #f3c623;
	color: black;
}
section#s24 .alt:after {
	color:  #f3c623;
}
section#s24 #s24-alt1 {
	width: 200px;
}
@media (max-width: 1600px) {
	section#s24 .title {
		width: 450px;
		margin: -250px 0 0 -450px;
		font-size: 32px;
	}
	section#s24 .title p { 
		font-size: 16px;
	}
	section#s24 .graph {
		margin: -160px 0 0 -570px;
    	transform: scale(.7);
	}
}


section#s25 {
	background: #6b489d;
}
section#s25 .pagination {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -550px;
	font-family: 'NaturaSans_bold';
	font-size: 20px;
	color: white;
}
section#s25 .row {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -225px 0 0 -550px;
	font-family: 'NaturaSans';
	font-size: 18px;
	line-height: 1.4em;
	color: white;
}
section#s25 .row .title {
	font-family: 'NaturaSans_bold';
	font-size: 36px;
	line-height: 1em;
	color: #6498b5;
	margin-bottom: 20px;
}
section#s25 .item {
	display: none;
	position: relative;
}
section#s25 .item-1 {
	width: 450px;
}
section#s25 .item-1 a {
	font-family: 'NaturaSans_bold';
	color: #f3c623;
}
section#s25 .item-2 .col-1,
section#s25 .item-2 .col-2 {
	display: inline-block;
	vertical-align: top;
	width: 510px;
	margin-right: 30px;
}
section#s25 .item-2 p.li {
	margin-left: 20px;
}
section#s25 .item-2 p.li > span {
	display: inline-block;
	position: relative;
    margin-left: -20px;
    width: 20px;
}
section#s25 .item-2 a {
	color: white;
	text-decoration: underline;
}
section#s25 .alt {
	background: #6b489d;
	border-color:  #f3c623;
	color: white;
}
section#s25 .alt:after {
	color:  #f3c623;
}
section#s25 #s25-alt1 {
	width: 350px;
}
@media (max-width: 1600px) {
	section#s25 .pagination {
		margin: -250px 0 0 -475px;
		font-size: 20px;
	}
	section#s25 .row {
		margin: -200px 0 0 -475px;
		font-size: 16px;
	}
	section#s25 .row .title {
		font-size: 32px;
	}
	section#s25 .item-1 {
		width: 400px;
	}
	section#s25 .item-2 .col-1 {
		width: 400px;
	}
	section#s25 .item-2 .col-2 {
		width: 500px;
	}
}




section#s26 {
	background: #86ddd4;
}
section#s26 .l1 {
	background-color: white;
	top: 0;
	left: 50%;
	width: 2px;
	margin-left: -550px;
	height: calc( 50% - 20px );
}
section#s26 .b1 {
	background-color: white;
	top: calc( 50% - 20px );
	left: 50%;
	margin-left: -550px;
}
section#s26 .quote {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 540px;
	margin: -150px 0 0 -400px;
	font-size: 26px;
	color: #7f5f4d;
}
section#s26 .quote img {
	margin: 0 0 10px -35px;
}
section#s26 .quote p:first-child {
	line-height: 1.15em;
} 
section#s26 .quote .author {
	font-size: .7em;
}
section#s26 .quote .author strong {
	font-family: 'NaturaSans_bold';
	font-size: 1.5em;
}
@media (max-width: 1600px) {
	section#s26 .l1 {
		height: calc( 50% - 50px );
		margin-left: -380px;
	}
	section#s26 .b1 {
		top: calc( 50% - 50px );
		margin-left: -380px;
	}
	section#s26 .quote {
		width: 450px;
		margin: -150px 0 0 -250px;
		font-size: 22px;
		margin-bottom: 50px;
	}
}


section#s27 {
	background-image: url(../images/27/background.jpg);
}
section#s27 .l1 {
	left: 50%;
	top: 0;
	/*height: calc(50% - 48px);*/
}
section#s27 .play {
	display: none;
	position: absolute;
	top: 40%;
	left: 50%;
	width: 140px;
	background: url(../images/play.png) center top no-repeat;
	margin: -56px 0 0 -70px;
	padding-top: 114px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 16px;
}
section#s27 .play:hover {
	transition: all .4s;
	cursor: pointer;
	opacity: .8;
}
section#s27 .title {
	display: none;
	display: none;
	position: absolute;
	top: 75%;
	left: 50%;
	margin: -70px 0 0 -400px;
	width: 800px;
	font-family: 'NaturaSans_bold';
	font-size: 38px;
	text-align: center;
	color: white;
}
section#s27 .mouse {
	display: none;
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 100px;
	background: url(../images/mouse.png) center center no-repeat;
	margin: -36px 0 0 -50px;
	padding-top: 70px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 14px;
}
@media (max-width: 1600px) {
	section#s27 .title {
		margin-top: -60px;
		font-size: 32px;
	}
}



section#s28 {
	background: white;
}
section#s28 .l1 {
	background-color: #ababac;
	top: 0;
	left: 15%;
	width: 2px;
	height: calc( 50% - 280px );
}
section#s28 .b1 {
	background-color: #ababac;
	top: calc( 50% - 280px );
	left: 15%;
}
section#s28 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
}
section#s28 .col-1 {
	position: absolute;
	left: 50%;
	width: 660px;
    font-size: 20px;
    line-height: 1.2em;
    margin: -300px 0 0 -550px;
}
section#s28 .content .title {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 36px;
	line-height: 1.2em;
	color: #f3c520;
	margin-bottom: 75px;
	letter-spacing: 2px;
}
section#s28 .content .title h2 {
	display: inline-block;
	
}
section#s28 .content .row {
	display: none;
	margin-top: 30px;
}
section#s28 .content h3 {
	font-family: 'NaturaSans_bold';
	font-size: 28px;
	color: #f37432;
	margin-bottom: 10px;
}
section#s28 .content p a {
	color: #f3c520;
	font-family: 'NaturaSans_bold';
}
section#s28 .alt {
	background: white;
	border-color:  #f3c623;
	color: #000000;
}
section#s28 .alt:after {
	color:  #f3c623;
}
section#s28 #s28-alt1 {
	width: 350px;
}
section#s28 #s28-alt2 {
	width: 350px;
	text-align: center;
}
section#s28 #s28-alt2 .etapas {
	color: #6f7f9f;
}
section#s28 #s28-alt2 .etapas span {
	display: inline-block;
	width: 1px;
	background: #6f7f9f;
	height: 15px;
}
@media (max-width: 1600px) {
	section#s28 .l1 {
		left: 13%;
		height: calc( 50% - 230px );
	}
	section#s28 .b1 {
		top: calc( 50% - 230px );
		left: 13%;
	}
	section#s28 .col-1 {
		width: 500px;
	    font-size: 16px;
	    margin: -250px 0 0 -400px;
	}
	section#s28 .content .title {
		font-size: 28px;
		margin-bottom: 50px;
	}
	section#s28 .content .title a {
		font-size: 18px;
	}
	section#s28 .content .row {
		margin-top: 20px;
	}
	section#s28 .content h3 {
		font-size: 22px;
	}
}


section#s29 {
	background: #6b489d;
}
section#s29 .l1 {
	background-color: white;
	top: calc( 50% - 180px );
	left: 0;
	width: calc( 50% - 630px );
	height: 2px;
}
section#s29 .b1 {
	background-color: white;
	top: calc( 50% - 180px );
	left: calc( 50% - 630px );
}
section#s29 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
}
section#s29 .col-1 {
	left: 50%;
    margin: -290px 0 0 -550px;
}
section#s29 .content .title {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 76px;
	line-height: 1em;
	text-align: right;
	color: #86ddd4;
	border-right: 4px solid #86ddd4;
    padding-right: 20px;
}
section#s29 .col-2 {
	display: none;
	left: 50%;
	width: 385px;
	font-family: 'NaturaSans';
	font-size: 21px;
	letter-spacing: 2px;
	color: white;
	margin: -280px 0 0 -220px;
}
section#s29 .col-3 {
	display: none;
	left: 50%;
	width: 385px;
    font-family: 'NaturaSans';
	font-size: 21px;
	letter-spacing: 2px;
	color: white;
    margin: -280px 0 0 250px;
    color: white;
}
section#s29 .col-2 p > span,
section#s29 .col-3 p > span {
	display: inline-block;
	position: relative;
    margin-left: -20px;
    width: 20px;
}
section#s29 .content p a {
	font-family: 'NaturaSans_bold';
	color: #fdb414;
}
section#s29 .alt {
	background: #6b489d;
	border-color:  #fdb414;
	color: white;
	width: 330px;
}
section#s29 .alt:after {
	color:  #fdb414;
}
@media (max-width: 1600px) {
	section#s29 .l1 {
		top: calc( 50% - 145px );
		width: calc( 50% - 530px );
	}
	section#s29 .b1 {
		top: calc( 50% - 145px );
    	left: calc( 50% - 530px );
	}
	section#s29 .col-1 {
		left: 50%;
	    margin: -220px 0 0 -460px;
	}
	section#s29 .content .title {
		display: none;
		font-size: 55px;
	    padding-right: 20px;
	}
	section#s29 .col-2 {
		width: 330px;
		font-size: 18px;
		margin: -215px 0 0 -200px;
	}
	section#s29 .col-2 p > span {
	    margin-left: -20px;
	    width: 20px;
	}
	section#s29 .col-3 {
		width: 300px;
	    font-size: 18px;
	    margin: -215px 0 0 200px;
	}
}


section#s30 {
	background: #5eadc5;
}
section#s30 .map {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-left: -300px;
}
section#s30 .map img {
	height: 750px;
}
section#s30 .map .content {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -200px;
	width: 350px;
}
section#s30 .map .content h2 {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 36px;
	color: #6f57b8;
	margin-bottom: 30px;
}
section#s30 .map .content .texto {
	display: none;
	font-size: 18px;
	color: white;
}
section#s30 .map .content p a {
	font-family: 'NaturaSans_bold';
	color: #f0c918;
}
section#s30 .col {
	/*display: none;*/
	position: absolute;
	top: 50%;
	left: 50%;
	width: 350px;
    font-size: 16px;
    line-height: 1.4em;
    margin: -300px 0 0 300px;
    color: black;
}
section#s30 .col > div {
	display: none;
	position: relative;
}
section#s30 .col .item-1 {
	margin-bottom: 100px;
}
section#s30 .col .item-1 .icon {
	position: absolute;
	top: -80px;
    left: -62px;
	width: 50px;
	height: 67px;
	background: url(../images/30/icon-avaliacao.png) center center no-repeat;
}
section#s30 .col .item-1 .l2 {
	top: 0;
	left: -35px;
	width: 3px;
	height: 200px;
	background: #f2941b;
	display: block;
}
section#s30 .col .item-2 .icon {
	position: absolute;
	top: -70px;
    left: -75px;
	width: 78px;
	height: 51px;
	background: url(../images/30/icon-olho.png) center center no-repeat;
}
section#s30 .col .item-2 .l2 {
	top: 0;
	left: -35px;
	width: 3px;
	height: 200px;
	background: #f2941b;
	display: block;
}
section#s30 .col p span {
	font-family: 'NaturaSans_bold';
	color: #f0c918;
}

section#s30 .alt {
	background: #5eadc5;
	border-color:  #f0c918;
	color: black;
	width: 330px;
}
section#s30 .alt:after {
	color:  #f0c918;
}
@media (max-width: 1600px) {
	section#s30 .map img {
		height: 550px;
	}
	section#s30 .map .content {
		margin: -125px 0 0 -200px;
		width: 280px;
	}
	section#s30 .map .content h2 {
		font-size: 32px;
	}
	section#s30 .map .content .texto {
		font-size: 16px;
	}
	section#s30 .col {
		width: 350px;
	    font-size: 14px;
	    line-height: 1.2em;
	    margin: -200px 0 0 100px;
	}
	section#s30 .col .item-1 .l2,
	section#s30 .col .item-2 .l2 {
		height: 150px;
	}
}


section#s31 {
	background: #6f57b8 right center no-repeat;
	background-image: url(../images/31/background.jpg);
	background-size: 50% auto;
	background-attachment: fixed;: 
}
section#s31 .l1 {
	background-color: white;
	top: 0;
	left: 50%;
	width: 2px;
	height: calc( 50% - 0px );
}
section#s31 .b1 {
	background-color: white;
	top: calc( 50% - 0px );
	left: 50%;
}
section#s31 .infos {
	display: none;
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: 50px;
	width: 210px;
	font-size: 18px;
	color: white;
}
section#s31 .quote {
	display: none;
	position: absolute;
	top: 50%;
	left: 25%;
	width: 540px;
	margin: -250px 0 0 -270px;
	font-size: 26px;
	color: #85ddd3;
}
section#s31 .quote img {
	margin: 0 0 10px -35px;
}
section#s31 .quote p:first-child {
	line-height: 1.15em;
} 
section#s31 .quote .author {
	font-size: .7em;
}
section#s31 .quote .author strong {
	font-family: 'NaturaSans_bold';
	font-size: 1.5em;
}
@media (max-width: 1600px) {
	section#s31 .infos {
		width: 190px;
		font-size: 16px;
	}
	section#s31 .quote {
		width: 450px;
		margin: -200px 0 0 -225px;
		font-size: 22px;
		margin-bottom: 50px;
	}
}


section#s32 {
	background-image: url(../images/32/background.jpg);
}
section#s32 .l1 {
	left: 50%;
	top: 0;
	/*height: calc(50% - 48px);*/
}
section#s32 .play {
	display: none;
	position: absolute;
	top: 40%;
	left: 50%;
	width: 140px;
	background: url(../images/play.png) center top no-repeat;
	margin: -56px 0 0 -70px;
	padding-top: 114px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 16px;
}
section#s32 .play:hover {
	transition: all .4s;
	cursor: pointer;
	opacity: .8;
}
section#s32 .title {
	display: none;
	display: none;
	position: absolute;
	top: 75%;
	left: 50%;
	margin: -70px 0 0 -400px;
	width: 800px;
	font-family: 'NaturaSans_bold';
	font-size: 38px;
	text-align: center;
	color: white;
}
section#s32 .mouse {
	display: none;
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 100px;
	background: url(../images/mouse.png) center center no-repeat;
	margin: -36px 0 0 -50px;
	padding-top: 70px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 14px;
}
@media (max-width: 1600px) {
	section#s32 .title {
		margin-top: -60px;
		font-size: 32px;
	}
}



section#s33 {
	background-image: url(../images/33/background.jpg);
}
section#s33 .l1 {
	left: 50%;
	top: 0;
	/*height: calc(50% - 48px);*/
}
section#s33 .play {
	display: none;
	position: absolute;
	top: 45%;
	left: 50%;
	width: 140px;
	background: url(../images/play.png) center top no-repeat;
	margin: -56px 0 0 -70px;
	padding-top: 114px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 16px;
}
section#s33 .play:hover {
	cursor: pointer;
	opacity: .8;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
section#s33 .title {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 620px;
	font-family: 'NaturaSans_bold';
	font-size: 76px;
	color: white;
	margin: -130px 0 0 -720px;
	letter-spacing: 2px;
	line-height: 1em;
}
section#s33 .content {
	display: none;
	position: absolute;
    top: 50%;
    left: 50%;
    margin: 60px 0 0 -620px;
    width: 470px;
    font-size: 22px;
    line-height: 1.4em;
    color: white;
}
section#s33 .mouse {
	display: none;
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 100px;
	background: url(../images/mouse.png) center center no-repeat;
	margin: -36px 0 0 -50px;
	padding-top: 70px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 14px;
}
@media (max-width: 1600px) {
	section#s33 .title {
		width: 500px;
	    margin: -90px 0 0 -500px;
	    font-size: 55px;
	}
	section#s33 .content {
		width: 350px;
		margin: 50px 0 0 -440px;
		font-size: 16px;
	}
}


section#s34 {
	background: white;
}
section#s34 .l1 {
	background-color: #ababac;
	top: 0;
	left: 15%;
	width: 2px;
	height: calc( 50% - 230px );
}
section#s34 .b1 {
	background-color: #ababac;
	top: calc( 50% - 230px );
	left: 15%;
}
section#s34 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
}
section#s34 .col-1 {
	position: absolute;
	left: 50%;
	width: 660px;
    font-size: 20px;
    line-height: 1.2em;
    margin: -250px 0 0 -550px;
}
section#s34 .content .title {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 36px;
	line-height: 1em;
	color: #f5d14c;
	margin-bottom: 75px;
	letter-spacing: 2px;
}
section#s34 .content .title h2 {
	display: inline-block;
	color: #f5d14c;
}
section#s34 .content .title a {
	display: block;
	font-size: 22px;
	letter-spacing: 0;
	color: black;
}
section#s34 .content .row {
	display: none;
	margin-top: 30px;
}
section#s34 .content h3 {
	font-family: 'NaturaSans_bold';
	font-size: 28px;
	color: #6499b7;
	margin-bottom: 10px;
}
section#s34 .content p a {
	color: #f5d14c;
	font-family: 'NaturaSans_bold';
}
section#s34 .col-2 {
	display: none;
	position: absolute;
	left: 50%;
	width: 255px;
    font-size: 16px;
    line-height: 1.4em;
    margin: -270px 0 0 300px;
}
section#s34 .col-2 p span {
	font-family: 'NaturaSans';
	color: #f3c520;
}
section#s34 .col-2 .icon {
	position: absolute;
	top: -80px;
    left: -60px;
	width: 47px;
	height: 61px;
	background: url(../images/12/icon-avaliacao.jpg) center center no-repeat;
}
section#s34 .col-2 .l2 {
	top: 0;
	left: -35px;
	width: 3px;
	height: 440px;
	background: #f7941d;
	display: block;
}
section#s34 .alt {
	background: white;
	border-color:  #f5d14c;
	color: #000000;
}
section#s34 .alt:after {
	color:  #f5d14c;
}
section#s34 #s34-alt1 {
	width: 350px;
}
section#s34 #s34-alt2 {
	width: 350px;
}
section#s34 #s34-alt3 {
	width: 320px;
}
@media (max-width: 1600px) {
	section#s34 .l1 {
		left: 13%;
		height: calc( 50% - 160px );
	}
	section#s34 .b1 {
		top: calc( 50% - 160px );
		left: 13%;
	}
	section#s34 .col-1 {
		width: 500px;
	    font-size: 16px;
	    margin: -180px 0 0 -400px;
	}
	section#s34 .content .title {
		font-size: 28px;
		margin-bottom: 50px;
	}
	section#s34 .content .title a {
		font-size: 18px;
	}
	section#s34 .content .row {
		margin-top: 20px;
	}
	section#s34 .content h3 {
		font-size: 22px;
	}
	section#s34 .col-2 {
		width: 250px;
	    font-size: 14px;
	    margin: -170px 0 0 200px;
	}
	section#s34 .col-2 .l2 {
		height: 350px;
	}
}



section#s35 {
	background: #ff822a;
}
section#s35 .l1 {
	background-color: white;
	top: calc( 50% - 240px );
	left: 0;
	width: calc( 50% - 630px );
	height: 2px;
}
section#s35 .b1 {
	background-color: white;
	top: calc( 50% - 240px );
	left: calc( 50% - 630px );
}
section#s35 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
}
section#s35 .col-1 {
	left: 50%;
    margin: -350px 0 0 -550px;
}
section#s35 .content .title {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 76px;
	line-height: 1em;
	text-align: right;
	color: #86ded5;
	border-right: 4px solid #86ddd4;
    padding-right: 20px;
}
section#s35 .col-2 {
	display: none;
	left: 50%;
	width: 440px;
	font-family: 'NaturaSans';
	font-size: 24px;
	letter-spacing: 2px;
	color: white;
	margin: -350px 0 0 -220px;
}
section#s35 .col-2 p > span {
	display: inline-block;
	position: relative;
    margin-left: -20px;
    width: 20px;
}
section#s35 .col-3 {
	display: none;
	left: 50%;
	width: 220px;
    font-size: 16px;
    line-height: 1.4em;
    margin: -300px 0 0 400px;
    color: black;
}
section#s35 .col-3 .icon {
	position: absolute;
	top: -70px;
    left: -75px;
	width: 78px;
	height: 51px;
	background: url(../images/35/icon-olho.png) center center no-repeat;
}
section#s35 .col-3 .l2 {
	top: 0;
	left: -35px;
	width: 3px;
	height: 200px;
	background: #86ded5;
	display: block;
}
@media (max-width: 1600px) {
	section#s35 .l1 {
		top: calc( 50% - 175px );
		width: calc( 50% - 530px );
	}
	section#s35 .b1 {
		top: calc( 50% - 175px );
    	left: calc( 50% - 530px );
	}
	section#s35 .col-1 {
		left: 50%;
	    margin: -250px 0 0 -460px;
	}
	section#s35 .content .title {
		display: none;
		font-size: 55px;
	    padding-right: 20px;
	}
	section#s35 .col-2 {
		width: 360px;
		font-size: 18px;
		margin: -250px 0 0 -200px;
	}
	section#s35 .col-2 p > span {
	    margin-left: -20px;
	    width: 20px;
	}
	section#s35 .col-3 {
		width: 190px;
	    font-size: 14px;
	    margin: -190px 0 0 290px;
	}
	section#s35 .col-3 .l2 {
		height: 170px;
	}
}


section#s36 {
	background: white;
}
section#s36 .graph {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -160px;
}
section#s36 .graph > div {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 18px;
	line-height: 1.4em;
}
section#s36 .graph > div h2 {
	font-family: 'NaturaSans_bold';
	font-size: 68px;
	line-height: 1em;
	margin: 0;
}
section#s36 .graph > div h3 {
	font-size: 24px;
	line-height: 1em;
	margin: 0 0 5px 0;
}
section#s36 .graph > div p {
	margin-bottom: 10px;
}
section#s36 .graph > div span.plus {
	position: relative;
	display: inline-block;
	width: 40px;
	margin-left: -40px;
}
section#s36 .graph > div img {
	display: block;
}
section#s36 .graph > div.graph-1 {
	width: 356px;
	height: 426px;
	margin: -213px 0 0 -300px;
}
section#s36 .graph > div.graph-1 .content {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 50%;
	width: 220px;
	height: 220px;
	margin: -110px 0 0 -110px;
}
section#s36 .graph > div.graph-1 .content h3 {}
section#s36 .graph > div.graph-1 .content h2 {}
section#s36 .graph > div.graph-2 {
	width: 460px;
	margin: -355px 0 0 0;
}
section#s36 .graph > div.graph-2 > div {
	float: left;
}
section#s36 .graph > div.graph-2 > div.line-1 {
	width: 80px;
}
section#s36 .graph > div.graph-2 > div.content {
	width: 260px;
	margin-top: 45px;
}
section#s36 .graph > div.graph-2 > div.icon {
	float: right;
	margin-top: 90px;
}
section#s36 .graph > div.graph-3 {
	width: 480px;
	margin: -90px 0 0 80px;
}
section#s36 .graph > div.graph-3 > div {
	float: left;
}
section#s36 .graph > div.graph-3 > div.line-2 {
	margin-left: 60px;
}
section#s36 .graph > div.graph-3 > div.icon {
	margin-left: 60px;
	margin-top: 75px;
	margin-bottom: 70px;
}
section#s36 .graph > div.graph-3 > div.content {
	width: 265px;
	margin-left: 60px;
	margin-top: 45px;
}
section#s36 .graph > div.graph-3 > div.line-3 {
}
section#s36 .graph > div.graph-4 {
	width: 420px;
	margin: 180px 0 0 0;
}
section#s36 .graph > div.graph-4 > div {
	float: left;
}
section#s36 .graph > div.graph-4 > div.line-4 {
	width: 80px;
	margin-top: 45px;
}
section#s36 .graph > div.graph-4 > div.content {
	width: 260px;
	margin-top: 0;
}
section#s36 .graph > div.graph-4 > div.icon {
	float: right;
	margin-top: 20px;
}
@media (max-width: 1600px) {
	#s36 .graph {
		transform: scale(.8);
	}
}


section#s37 {
	background-image: url(../images/37/background.jpg);
}
section#s37 .l1 {
	left: 50%;
	top: 0;
	/*height: calc(50% - 48px);*/
}
section#s37 .play {
	display: none;
	position: absolute;
	top: 40%;
	left: 50%;
	width: 140px;
	background: url(../images/play.png) center top no-repeat;
	margin: -56px 0 0 -70px;
	padding-top: 114px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 16px;
}
section#s37 .play:hover {
	transition: all .4s;
	cursor: pointer;
	opacity: .8;
}
section#s37 .title {
	display: none;
	display: none;
	position: absolute;
	top: 75%;
	left: 50%;
	margin: -70px 0 0 -400px;
	width: 800px;
	font-family: 'NaturaSans_bold';
	font-size: 38px;
	text-align: center;
	color: white;
}
section#s37 .mouse {
	display: none;
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 100px;
	background: url(../images/mouse.png) center center no-repeat;
	margin: -36px 0 0 -50px;
	padding-top: 70px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 14px;
}
@media (max-width: 1600px) {
	section#s37 .title {
		margin-top: -60px;
		font-size: 32px;
	}
}



section#s38 {
	background: white;
}
section#s38 .l1 {
	background-color: #ababac;
	top: 0;
	left: 15%;
	width: 2px;
	height: calc( 50% - 280px );
}
section#s38 .b1 {
	background-color: #ababac;
	top: calc( 50% - 280px );
	left: 15%;
}
section#s38 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
}
section#s38 .col-1 {
	position: absolute;
	left: 50%;
	width: 660px;
    font-size: 20px;
    line-height: 1.2em;
    margin: -300px 0 0 -550px;
}
section#s38 .content .title {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 36px;
	line-height: 1.2em;
	color: #f3c520;
	margin-bottom: 75px;
	letter-spacing: 2px;
}
section#s38 .content .title h2 {
	display: inline-block;
	
}
section#s38 .content .row {
	display: none;
	margin-top: 30px;
}
section#s38 .content h3 {
	font-family: 'NaturaSans_bold';
	font-size: 28px;
	color: #f37432;
	margin-bottom: 10px;
}
section#s38 .content p a {
	color: #f3c520;;
}
section#s38 .alt {
	background: white;
	border-color:  #f3c623;
	color: #000000;
}
section#s38 .alt:after {
	color:  #f3c623;
}
section#s38 #s38-alt1 {
	width: 260px;
}

@media (max-width: 1600px) {
	section#s38 .l1 {
		left: 13%;
		height: calc( 50% - 230px );
	}
	section#s38 .b1 {
		top: calc( 50% - 230px );
		left: 13%;
	}
	section#s38 .col-1 {
		width: 500px;
	    font-size: 16px;
	    margin: -250px 0 0 -400px;
	}
	section#s38 .content .title {
		font-size: 28px;
		margin-bottom: 50px;
	}
	section#s38 .content .title a {
		font-size: 18px;
	}
	section#s38 .content .row {
		margin-top: 20px;
	}
	section#s38 .content h3 {
		font-size: 22px;
	}
}



section#s39 {
	background: #ff9933;
}
section#s39 .pagination {
	display: none!important;
	position: absolute;
	bottom: 50px;
	left: 50%;
	width: 200px;
	margin: 0 0 0 -100px;
	font-family: 'NaturaSans_bold';
	font-size: 20px;
	color: white;
	text-align: center;
}
section#s39 .pagination span {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #ffad5c;
	border-radius: 50%;
	margin: 0 5px;
}
section#s39 .pagination span.active {
	background: white;
}
section#s39 .title {
	position: absolute;
	top: 100px;
	left: 50%;
	width: 600px;
	margin: 0 0 0 -300px;
	font-family: 'NaturaSans_bold';
	font-size: 26px;
	text-align: center;
	color: white;
}
section#s39 .row {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1200px;
	margin: -400px 0 0 -600px;
	font-family: 'NaturaSans';
	font-size: 18px;
	line-height: 1.4em;
	color: white;
}
section#s39 .item {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
section#s39 .item .map img {
	height: 800px;
}
section#s39 .item .content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 700px;
	margin-top: -100px;
}
section#s39 .item .content .number {
	display: none;
	position: absolute;
    top: -100px;
    width: 60px;
    height: 60px;
    font-family: 'NaturaSans_bold';
    font-size: 50px;
    text-align: center;
    line-height: 73px;
    color: #ffc195;
    border-radius: 50%;
    border: 3px solid #ffc195;
}
section#s39 .item .col {
	display: none;
	float: left;
	vertical-align: top;
	color: #663333;
	font-size: 18px;
}
section#s39 .item .col.col-1 {
	padding-right: 25px;
	margin-right: 25px;
	border-right: 4px solid #663333;
}
section#s39 .item .col h2 {
	font-family: 'NaturaSans_bold';
	font-size: 72px;
	line-height: 1em;
}
section#s39 .item .col p.li {
	margin-left: 20px;
}
section#s39 .item .col p.li > span {
	display: inline-block;
	position: relative;
    margin-left: -20px;
    width: 20px;
}
section#s39 .item-1 .number {
	left: 135px;
}
section#s39 .item-1 .content {
	margin-left: -125px;
}
section#s39 .item-1 .col.col-1 {
	width: 200px;
	text-align: right;
}
section#s39 .item-1 .col.col-2 {
	width: 350px;
	font-size: 23px;
	line-height: 1.2em;
}
section#s39 .item-2 .number {
	left: 235px;
}
section#s39 .item-2 .content {
	margin-left: -75px;
}
section#s39 .item-2 .col.col-1 {
	width: 300px;
	text-align: right;
}
section#s39 .item-2 .col.col-2 {
	width: 250px;
	font-size: 23px;
	line-height: 1.2em;
}
@media (max-width: 1600px) {
	section#s39 .title {
		font-size: 23px;
	}
	section#s39 .row {
		width: 1100px;
		margin: -275px 0 0 -550px;
	}
	section#s39 .item .map img {
		height: 550px;
	}
	section#s39 .item .content {
		width: 650px;
		margin-top: -50px;
	}
	section#s39 .item-1 .content {
		margin-left: -200px;
	}
	section#s39 .item-2 .content {
		margin-left: -150px;
	}
}


section#s40 {
	background: #5fafc6;
}
section#s40 .l1 {
	background-color: white;
	top: calc( 50% - 190px );
	left: 0;
	width: calc( 50% - 630px );
	height: 2px;
}
section#s40 .b1 {
	background-color: white;
	top: calc( 50% - 190px );
	left: calc( 50% - 630px );
}
section#s40 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
}
section#s40 .col-1 {
	left: 50%;
    margin: -300px 0 0 -550px;
}
section#s40 .content .title {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 76px;
	line-height: 1em;
	text-align: right;
	color: #86ded5;
	border-right: 4px solid #86ddd4;
    padding-right: 20px;
}
section#s40 .col-2 {
	display: none;
	left: 50%;
	width: 440px;
	font-family: 'NaturaSans';
	font-size: 30px;
	line-height: 1em;
	color: white;
	margin: -300px 0 0 -220px;
}
section#s40 .col-2 p {
	margin-bottom: 15px;
}
section#s40 .col-2 strong {
	font-family: 'NaturaSans_bold';
}
section#s40 .col-2 p.li {
	font-size: 22px;
	line-height: 1.4em;
	margin-left: 20px;
	margin-bottom: 30px;
}
section#s40 .col-2 p.li > span {
	display: inline-block;
	position: relative;
    margin-left: -20px;
    width: 20px;
}
section#s40 .col-3 {
	/*display: none;*/
	left: 50%;
	width: 220px;
    font-size: 16px;
    line-height: 1.4em;
    margin: -300px 0 0 400px;
}
section#s40 .col-3 > div {
	display: none;
	position: relative;
}
section#s40 .col-3 .row-1,
section#s40 .col-3 .row-2 {
	height: 140px;
	margin-left: -35px;
	padding-left: 35px;
	border-left: 2px solid #f7941d;
}
section#s40 .col-3 .row-1:before,
section#s40 .col-3 .row-2:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	width: 22px;
	height: 22px;
	background: #f2aa33;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}
section#s40 .col-3 .row-1 > div {
	position: absolute;
	margin-top: -25px;
}
section#s40 .col-3 .row-2 > div {
	position: absolute;
	margin-top: -10px;
}
section#s40 .col-3 .row-1,
section#s40 .col-3 .row-2 {
	color: #356a8c;
}
section#s40 .col-3 .row-1 p,
section#s40 .col-3 .row-2 p {
	margin: 0;
}
section#s40 .col-3 .row-1 p.strong,
section#s40 .col-3 .row-2 p.strong {
	font-family: 'NaturaSans_bold';
	font-size: 65px;
	line-height: 1em;
    margin-top: 0;
}
section#s40 .col-3 .row-1 {
	padding-bottom: 30px;
}
section#s40 .col-3 .row-2 {
	padding-bottom: 50px;
	margin-bottom: 100px;
}
section#s40 .col-3 .row-3 {
	color: black;
}
section#s40 .col-3 .icon {
	position: absolute;
	top: -70px;
    left: -75px;
	width: 78px;
	height: 51px;
	background: url(../images/40/icon-olho.png) center center no-repeat;
}
section#s40 .col-3 .l2 {
	top: 0;
	left: -35px;
	width: 3px;
	height: 200px;
	background: #f2aa33;
	display: block;
}
@media (max-width: 1600px) {
	section#s40 .l1 {
		top: calc( 50% - 125px );
		width: calc( 50% - 530px );
	}
	section#s40 .b1 {
		top: calc( 50% - 125px );
    	left: calc( 50% - 530px );
	}
	section#s40 .col-1 {
		left: 50%;
	    margin: -200px 0 0 -460px;
	}
	section#s40 .content .title {
		display: none;
		font-size: 55px;
	    padding-right: 20px;
	}
	section#s40 .col-2 {
		width: 360px;
		font-size: 28px;
		margin: -200px 0 0 -230px;
	}
	section#s40 .col-2 p.li {
		font-size: 19px;
		margin-left: 20px;
		margin-bottom: 50px;
	}
	section#s40 .col-3 {
		width: 230px;
	    font-size: 14px;
	    margin: -240px 0 0 260px;
	}
	section#s40 .col-3 .row-1,
	section#s40 .col-3 .row-2 {
		height: 90px;
	}
	section#s40 .col-3 .row-1 p.strong,
	section#s40 .col-3 .row-2 p.strong {
		font-size: 60px;
	}
	section#s40 .col-3 .row-2 {
		padding-bottom: 50px;
		margin-bottom: 100px;
	}
	section#s40 .col-3 .l2 {
		height: 115px;
	}
}


section#s41 {
	background: #ecebeb;
}
section#s41 .title {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	margin: -400px 0 0 -400px;
	text-align: center;
	font-size: 28px;
	color: #7080a0;
}
section#s41 .title h2 {
	font-family: 'NaturaSans_bold';
	font-size: 40px;
}
section#s41 .title h3 {
	display: none;
	margin-top: 30px;
	font-family: 'NaturaSans_bold';
	font-size: 34px;
	color: #7080a0;
	/*color: #f3c520;*/
}
section#s41 .legends {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -750px;
	width: 150px;
	font-family: 'NaturaSans_bold';
	font-size: 18px;
}
section#s41 .legends > div {
	display: none;
	position: absolute;
	top: 50%;
	left: 0;
}
section#s41 .legends > div.leg-1 {
	margin-top: 130px;
}
section#s41 .legends > div.leg-2 {
	margin-top: 380px;
}
section#s41 .col {
	display: none;
	width: 475px;
}
section#s41 .col h2 {
	text-align: center;
	font-family: 'NaturaSans_bold';
	font-size: 40px;
	color: #376d8d;
	margin-bottom: 75px;
}
section#s41 .col.pt h2,
section#s41 .col.pt .graph .val .value {
	color: #f2821a;
}
section#s41 .col.mat h2,
section#s41 .col.mat .graph .val .value {
	color: #376d8d;
}
section#s41 .graph {
	position: relative;
	margin-bottom: 150px;
}
section#s41 .graph .bar {
	position: relative;
	width: 475px;
	width: 0;
	height: 95px;
	background: url(../images/41/graph-pt-bar.png) right center no-repeat;
}
section#s41 .mat .graph .bar {
	background-image: url(../images/41/graph-mat-bar.png);
}
section#s41 .graph .icon {
	display: none;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -65px 0 0 -15px;
}
section#s41 .graph .val {
	display: none;
	position: absolute;
	top: -25px;
	left: 0;
	font-family: 'NaturaSans_bold';
	text-align: left;
}
section#s41 .graph .val .label {
	font-size: 20px;
	color: #231f20;
	margin: 0 0 100px 20px;
}
section#s41 .graph .val .value {
	font-size: 58px;
}
section#s41 .graph .val.val-1 {
	left: 175px;
}
section#s41 .graph .val.val-2 {
	left: 322px;
}

section#s41 .graph-right {
	width: 475px;
	height: 95px;
}
section#s41 .graph-right .bar {
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/41/graph-pt-bar-2.png) left center no-repeat;
}
section#s41 .mat .graph-right .bar {
	background-image: url(../images/41/graph-mat-bar-2.png);
}
section#s41 .graph-right .icon {
	left: auto;
    right: 0;
    margin: -65px -15px 0 0;
}
section#s41 .graph-right .val.val-1 {
	left: 70px;
}
section#s41 .graph-right .val.val-2 {
	left: 218px;
}

section#s41 .pt {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -525px;
}
section#s41 .mat {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 100px;
}
@media (max-width: 1600px) {
	section#s41 .title {
		width: 600px;
		margin: -280px 0 0 -300px;
		font-size: 24px;
	}
	section#s41 .title h2 {
		font-size: 36px;
	}
	section#s41 .title h3 {
		margin-top: 25px;
		font-size: 30px;
	}
	section#s41 .pt {
		transform: scale(.7);
		margin: -170px 0 0 -425px;
	}
	section#s41 .mat {
		transform: scale(.7);
		margin: -170px 0 0 0px;
	}
	section#s41 .legends {
		margin: -150px 0 0 -540px;
		width: 125px;
		font-size: 15px;
	}
	section#s41 .legends > div.leg-1 {
		margin-top: 160px;
	}
	section#s41 .legends > div.leg-2 {
		margin-top: 340px;
	}
}


section#s42 {
	background: #f3edf1;
}
section#s42 .map {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}
section#s42 .map img {
	width: auto;
	height: 100%;
}
section#s42 .infos {
	display: none;
	position: absolute;
	right: 75px;
	bottom: 100px;
	width: 180px;
	color: #755847;
	font-size: 14px;
}
section#s42 .content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	margin: -330px 0 0 -500px;
}
section#s42 .content .title {
	display: none;
	width: 380px;
	font-family: 'NaturaSans_bold';
	font-size: 38px;
	line-height: 1.2em;
	color: #ff6b0c;
	margin-bottom: 30px;
}
section#s42 .content .texto {
	display: none;
	font-size: 18px;
	line-height: 1.4em;
}
section#s42 .content .texto a {
	font-family: 'NaturaSans_bold';
	color: #f3c520;
}
section#s42 .alt {
	background: #f3edf1;
	border-color: #f3c520;
	color: black;
}
section#s42 .alt:after {
	color: #f3c520;
}
@media (max-width: 1600px) {
	section#s42 .infos {
		width: 150px;
		bottom: 30px;
		right: 30px;
		font-size: 12px;
	}
	section#s42 .content {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 450px;
		margin: -220px 0 0 -450px;
	}
	section#s42 .content .title {
		width: 530px;
		font-size: 32px;
		line-height: 1em;
	}
	section#s42 .content .texto {
		font-size: 16px;
		line-height: 1.2em;
	}
}



section#s43 {
	background-image: url(../images/43/background.jpg);
}
section#s43 .l1 {
	left: 50%;
	top: 0;
	/*height: calc(50% - 48px);*/
}
section#s43 .play {
	display: none;
	position: absolute;
	top: 40%;
	left: 50%;
	width: 140px;
	background: url(../images/play.png) center top no-repeat;
	margin: -56px 0 0 -70px;
	padding-top: 114px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 16px;
}
section#s43 .play:hover {
	transition: all .4s;
	cursor: pointer;
	opacity: .8;
}
section#s43 .title {
	display: none;
	display: none;
	position: absolute;
	top: 75%;
	left: 50%;
	margin: -70px 0 0 -400px;
	width: 800px;
	font-family: 'NaturaSans_bold';
	font-size: 38px;
	text-align: center;
	color: white;
}
section#s43 .mouse {
	display: none;
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 100px;
	background: url(../images/mouse.png) center center no-repeat;
	margin: -36px 0 0 -50px;
	padding-top: 70px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 14px;
}
@media (max-width: 1600px) {
	section#s43 .title {
		margin-top: -60px;
		font-size: 32px;
	}
}


section#s44 {
	background-image: url(../images/44/background.jpg);
}
section#s44 .l1 {
	left: 50%;
	top: 0;
	/*height: calc(50% - 48px);*/
}
section#s44 .play {
	display: none;
	position: absolute;
	top: 45%;
	left: 50%;
	width: 140px;
	background: url(../images/play.png) center top no-repeat;
	margin: -56px 0 0 -70px;
	padding-top: 114px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 16px;
}
section#s44 .play:hover {
	cursor: pointer;
	opacity: .8;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
section#s44 .title {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 550px;
	font-family: 'NaturaSans_bold';
	font-size: 56px;
	color: white;
	margin: -130px 0 0 -620px;
	letter-spacing: 2px;
	line-height: 1em;
}
section#s44 .mouse {
	display: none;
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 100px;
	background: url(../images/mouse.png) center center no-repeat;
	margin: -36px 0 0 -50px;
	padding-top: 70px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 14px;
}
@media (max-width: 1600px) {
	section#s44 .title {
		width: 450px;
	    margin: -90px 0 0 -500px;
	    font-size: 48px;
	}
	section#s44 .content {
		width: 350px;
		margin: 50px 0 0 -440px;
		font-size: 16px;
	}
}



section#s45 {
	background: white;
}
section#s45 .l1 {
	background-color: #ababac;
	top: 0;
	left: 15%;
	width: 2px;
	height: calc( 50% - 280px );
}
section#s45 .b1 {
	background-color: #ababac;
	top: calc( 50% - 280px );
	left: 15%;
}
section#s45 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
}
section#s45 .col-1 {
	position: absolute;
	left: 50%;
	width: 660px;
    font-size: 20px;
    line-height: 1.2em;
    margin: -300px 0 0 -550px;
}
section#s45 .content .title {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 36px;
	line-height: 1.2em;
	color: #f3c520;
	margin-bottom: 75px;
	letter-spacing: 2px;
}
section#s45 .content .title h2 {
	display: inline-block;	
}
section#s45 .content .row {
	display: none;
	margin-top: 30px;
}
section#s45 .content h3 {
	font-family: 'NaturaSans_bold';
	font-size: 28px;
	color: #708cb4;
	margin-bottom: 10px;
}
section#s45 .content p a {
	color: #f3c520;
	font-family: 'NaturaSans_bold';
}
section#s45 .alt {
	background: white;
	border-color:  #f3c623;
	color: #000000;
}
section#s45 .alt:after {
	color:  #f3c623;
}
section#s45 #s45-alt1 {
	width: 150px;
}
section#s45 #s45-alt2 {
	width: 300px;
}

@media (max-width: 1600px) {
	section#s45 .l1 {
		left: 13%;
		height: calc( 50% - 230px );
	}
	section#s45 .b1 {
		top: calc( 50% - 230px );
		left: 13%;
	}
	section#s45 .col-1 {
		width: 500px;
	    font-size: 16px;
	    margin: -250px 0 0 -400px;
	}
	section#s45 .content .title {
		font-size: 28px;
		margin-bottom: 50px;
	}
	section#s45 .content .title a {
		font-size: 18px;
	}
	section#s45 .content .row {
		margin-top: 20px;
	}
	section#s45 .content h3 {
		font-size: 22px;
	}
}



section#s46 {
	background: #708cb4;
}
section#s46 .l1 {
	background-color: white;
	top: calc( 50% - 240px );
	left: 0;
	width: calc( 50% - 630px );
	height: 2px;
}
section#s46 .b1 {
	background-color: white;
	top: calc( 50% - 240px );
	left: calc( 50% - 630px );
}
section#s46 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
}
section#s46 .col-1 {
	left: 50%;
    margin: -350px 0 0 -550px;
}
section#s46 .content .title {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 76px;
	line-height: 1em;
	text-align: right;
	color: #d5e04e;
	border-right: 4px solid #d5e04e;
    padding-right: 20px;
}
section#s46 .col-2 {
	display: none;
	left: 50%;
	width: 440px;
	font-family: 'NaturaSans';
	font-size: 24px;
	letter-spacing: 2px;
	color: white;
	margin: -350px 0 0 -220px;
}
section#s46 .col-2 p > span {
	display: inline-block;
	position: relative;
    margin-left: -20px;
    width: 20px;
}
section#s46 .col-3 {
	display: none;
	left: 50%;
	width: 220px;
    font-size: 16px;
    line-height: 1.4em;
    margin: -300px 0 0 400px;
    color: black;
}
section#s46 .col-3 .icon {
	position: absolute;
	top: -70px;
    left: -75px;
	width: 78px;
	height: 51px;
	background: url(../images/46/icon-olho.png) center center no-repeat;
}
section#s46 .col-3 .l2 {
	top: 0;
	left: -35px;
	width: 3px;
	height: 200px;
	background: #f7941d;
	display: block;
}
section#s46 .content p a {
	color: #f3c520;
	font-family: 'NaturaSans_bold';
}
section#s46 .alt {
	background: #708cb4;
	border-color:  #f3c520;
	color: white;
}
section#s46 .alt:after {
	color:  #f3c520;
}
section#s46 #s46-alt1 {
	width: 250px;
}
@media (max-width: 1600px) {
	section#s46 .l1 {
		top: calc( 50% - 175px );
		width: calc( 50% - 530px );
	}
	section#s46 .b1 {
		top: calc( 50% - 175px );
    	left: calc( 50% - 530px );
	}
	section#s46 .col-1 {
		left: 50%;
	    margin: -250px 0 0 -460px;
	}
	section#s46 .content .title {
		display: none;
		font-size: 55px;
	    padding-right: 20px;
	}
	section#s46 .col-2 {
		width: 360px;
		font-size: 18px;
		margin: -250px 0 0 -200px;
	}
	section#s46 .col-2 p > span {
	    margin-left: -20px;
	    width: 20px;
	}
	section#s46 .col-3 {
		width: 190px;
	    font-size: 14px;
	    margin: -190px 0 0 290px;
	}
	section#s46 .col-3 .l2 {
		height: 170px;
	}
}


section#s47 {
	background: white;
}
section#s47 .title {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -250px 0 0 -550px;
	width: 1100px;
	font-family: 'NaturaSans_bold';
	font-size: 36px;
	color: #708cb4;
}
section#s47 .row {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -600px;
	width: 1100px;
	font-family: 'NaturaSans_light';
	font-size: 22px;
	color: black;
	text-align: center;
}
section#s47 .row > div {
	display: inline-block;
	margin: 0 50px;
}
section#s47 .row > div > div {
	display: none;
}
section#s47 .row h2 {
	display: inline-block;
	white-space: nowrap;
	font-family: 'NaturaSans_bold';
	font-size: 60px;
	line-height: 1em;
	border-bottom: 1px solid black;
	margin: 10px 0 20px;
}
section#s47 .row p {
	margin: 0;
	line-height: 1.4em;
}
@media (max-width: 1600px) {
	section#s47 .title {
		margin: -200px 0 0 -475px;
		width: 900px;
		font-size: 36px;
	}
	section#s47 .row {
		margin: -100px 0 0 -500px;
		width: 900px;
		font-size: 18px;
	}
	section#s47 .row > div {
		display: inline-block;
		margin: 0 50px;
	}
	section#s47 .row h2 {
		font-size: 54px;
	}
}


section#s48 {
	background-image: url(../images/48/background.jpg);
}
section#s48 .l1 {
	left: 50%;
	top: 0;
	/*height: calc(50% - 48px);*/
}
section#s48 .play {
	display: none;
	position: absolute;
	top: 40%;
	left: 50%;
	width: 140px;
	background: url(../images/play.png) center top no-repeat;
	margin: -56px 0 0 -70px;
	padding-top: 114px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 16px;
}
section#s48 .play:hover {
	transition: all .4s;
	cursor: pointer;
	opacity: .8;
}
section#s48 .title {
	display: none;
	position: absolute;
	top: 75%;
	left: 50%;
	margin: -70px 0 0 -400px;
	width: 800px;
	font-family: 'NaturaSans_bold';
	font-size: 38px;
	text-align: center;
	color: white;
}
section#s48 .mouse {
	display: none;
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 100px;
	background: url(../images/mouse.png) center center no-repeat;
	margin: -36px 0 0 -50px;
	padding-top: 70px;
    color: white;
    text-align: center;
    font-family: 'NaturaSans';
    font-size: 14px;
}
@media (max-width: 1600px) {
	section#s48 .title {
		margin-top: -60px;
		font-size: 32px;
	}
}



section#s49 {
	background: white;
}
section#s49 .l1 {
	background-color: #ababac;
	top: 0;
	left: 15%;
	width: 2px;
	height: calc( 50% - 280px );
}
section#s49 .b1 {
	background-color: #ababac;
	top: calc( 50% - 280px );
	left: 15%;
}
section#s49 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
}
section#s49 .col-1 {
	position: absolute;
	left: 50%;
	width: 660px;
    font-size: 20px;
    line-height: 1.2em;
    margin: -300px 0 0 -550px;
}
section#s49 .content .title {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 36px;
	line-height: 1.2em;
	color: #708cb4;
	margin-bottom: 75px;
	letter-spacing: 2px;
}
section#s49 .content .title h2 {
	display: inline-block;	
}
section#s49 .content .title p {
	margin-top: 10px;
	font-family: 'NaturaSans';
	font-size: 22px;
	line-height: 1.4em;
}
section#s49 .content .row {
	display: none;
	margin-top: 30px;
}
section#s49 .content h3 {
	font-family: 'NaturaSans_bold';
	font-size: 28px;
	color: #708cb4;
	margin-bottom: 10px;
}
@media (max-width: 1600px) {
	section#s49 .l1 {
		left: 13%;
		height: calc( 50% - 230px );
	}
	section#s49 .b1 {
		top: calc( 50% - 230px );
		left: 13%;
	}
	section#s49 .col-1 {
		width: 500px;
	    font-size: 16px;
	    margin: -250px 0 0 -400px;
	}
	section#s49 .content .title {
		font-size: 28px;
		margin-bottom: 50px;
	}
	section#s49 .content .title p {
		font-size: 18px;
	}
	section#s49 .content .row {
		margin-top: 20px;
	}
	section#s49 .content h3 {
		font-size: 22px;
	}
}


section#s50 {
	background: #708cb4;
}
section#s50 .l1 {
	background-color: white;
	top: calc( 50% - 90px );
	left: 0;
	width: calc( 50% - 630px );
	height: 2px;
}
section#s50 .b1 {
	background-color: white;
	top: calc( 50% - 90px );
	left: calc( 50% - 630px );
}
section#s50 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
}
section#s50 .col-1 {
	left: 50%;
    margin: -200px 0 0 -550px;
}
section#s50 .content .title {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 76px;
	line-height: 1em;
	text-align: right;
	color: #d5e04e;
	border-right: 4px solid #d5e04e;
    padding-right: 20px;
}
section#s50 .col-2 {
	display: none;
	left: 50%;
	width: 440px;
	font-family: 'NaturaSans';
	font-size: 24px;
	letter-spacing: 2px;
	color: white;
	margin: -200px 0 0 -220px;
}
section#s50 .col-2 p > span {
	display: inline-block;
	position: relative;
    margin-left: -20px;
    width: 20px;
}
section#s50 .col-3 {
	display: none;
	left: 50%;
	width: 220px;
    font-size: 16px;
    line-height: 1.4em;
    margin: -150px 0 0 400px;
    color: black;
}
section#s50 .col-3 .icon {
	position: absolute;
	top: -70px;
    left: -75px;
	width: 78px;
	height: 51px;
	background: url(../images/46/icon-olho.png) center center no-repeat;
}
section#s50 .col-3 .l2 {
	top: 0;
	left: -35px;
	width: 3px;
	height: 200px;
	background: #f7941d;
	display: block;
}
@media (max-width: 1600px) {
	section#s50 .l1 {
		top: calc( 50% - 75px );
		width: calc( 50% - 530px );
	}
	section#s50 .b1 {
		top: calc( 50% - 75px );
    	left: calc( 50% - 530px );
	}
	section#s50 .col-1 {
		left: 50%;
	    margin: -150px 0 0 -460px;
	}
	section#s50 .content .title {
		display: none;
		font-size: 55px;
	    padding-right: 20px;
	}
	section#s50 .col-2 {
		width: 360px;
		font-size: 18px;
		margin: -150px 0 0 -200px;
	}
	section#s50 .col-2 p > span {
	    margin-left: -20px;
	    width: 20px;
	}
	section#s50 .col-3 {
		width: 190px;
	    font-size: 14px;
	    margin: -100px 0 0 290px;
	}
	section#s50 .col-3 .l2 {
		height: 170px;
	}
}



section#s51 {
	background: white;
}
section#s51 .l1 {
	background-color: #ababac;
	top: 0;
	left: 15%;
	width: 2px;
	height: calc( 50% - 280px );
}
section#s51 .b1 {
	background-color: #ababac;
	top: calc( 50% - 280px );
	left: 15%;
}
section#s51 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
}
section#s51 .col-1 {
	position: absolute;
	left: 50%;
	width: 660px;
    font-size: 20px;
    line-height: 1.2em;
    margin: -300px 0 0 -550px;
}
section#s51 .content .title {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 36px;
	line-height: 1.2em;
	color: #708cb4;
	margin-bottom: 75px;
	letter-spacing: 2px;
}
section#s51 .content .title h2 {
	display: inline-block;	
	color: #f5d14c;
}
section#s51 .content .title p {
	margin-top: 10px;
	font-family: 'NaturaSans';
	font-size: 22px;
	line-height: 1.4em;
}
section#s51 .content .row {
	display: none;
	margin-top: 30px;
}
section#s51 .content h3 {
	font-family: 'NaturaSans_bold';
	font-size: 28px;
	color: #708cb4;
	margin-bottom: 10px;
}
section#s51 .col-2 {
	display: none;
	position: absolute;
	left: 50%;
	width: 300px;
    font-size: 20px;
    line-height: 1.2em;
    margin: -300px 0 0 250px;
    color: #6498b5;
}
section#s51 .col-2 .quote img {
	margin-left: -40px;
}
section#s51 .alt {
	background: white;
	border-color:  #f5d14c;
	color: black;
}
section#s51 .alt:after {
	color:  #f5d14c;
}
section#s51 #s51-alt1 {
	width: 640px;
	height: 360px;
}
section#s51 #s51-alt1 img.poster {
	max-width: 100%;
}
@media (max-width: 1600px) {
	section#s51 .l1 {
		left: 13%;
		height: calc( 50% - 230px );
	}
	section#s51 .b1 {
		top: calc( 50% - 230px );
		left: 13%;
	}
	section#s51 .col-1 {
		width: 500px;
	    font-size: 16px;
	    margin: -250px 0 0 -400px;
	}
	section#s51 .content .title {
		font-size: 28px;
		margin-bottom: 50px;
	}
	section#s51 .content .title p {
		font-size: 18px;
	}
	section#s51 .content .row {
		margin-top: 20px;
	}
	section#s51 .content h3 {
		font-size: 22px;
	}
	section#s51 .col-2 {
		width: 250px;
	    font-size: 18px;
	    margin: -225px 0 0 200px;
	}
	section#s51 #s51-alt1 {
		width: 480px;
		height: 270px;
	}
}



section#s52 {
	background: #708cb4;
}
section#s52 .l1 {
	background-color: white;
	top: calc( 50% - 90px );
	left: 0;
	width: calc( 50% - 630px );
	height: 2px;
}
section#s52 .b1 {
	background-color: white;
	top: calc( 50% - 90px );
	left: calc( 50% - 630px );
}
section#s52 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
}
section#s52 .col-1 {
	left: 50%;
    margin: -200px 0 0 -550px;
}
section#s52 .content .title {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 76px;
	line-height: 1em;
	text-align: right;
	color: #d5e04e;
	border-right: 4px solid #d5e04e;
    padding-right: 20px;
}
section#s52 .col-2 {
	display: none;
	left: 50%;
	width: 440px;
	font-family: 'NaturaSans';
	font-size: 24px;
	letter-spacing: 2px;
	color: white;
	margin: -200px 0 0 -220px;
}
section#s52 .col-2 p > span {
	display: inline-block;
	position: relative;
    margin-left: -20px;
    width: 20px;
}
section#s52 .col-3 {
	display: none;
	left: 50%;
	width: 220px;
    font-size: 16px;
    line-height: 1.4em;
    margin: -150px 0 0 400px;
    color: black;
}
section#s52 .col-3 .icon {
	position: absolute;
	top: -70px;
    left: -75px;
	width: 78px;
	height: 51px;
	background: url(../images/46/icon-olho.png) center center no-repeat;
}
section#s52 .col-3 .l2 {
	top: 0;
	left: -35px;
	width: 3px;
	height: 200px;
	background: #f7941d;
	display: block;
}
@media (max-width: 1600px) {
	section#s52 .l1 {
		top: calc( 50% - 75px );
		width: calc( 50% - 530px );
	}
	section#s52 .b1 {
		top: calc( 50% - 75px );
    	left: calc( 50% - 530px );
	}
	section#s52 .col-1 {
		left: 50%;
	    margin: -150px 0 0 -460px;
	}
	section#s52 .content .title {
		display: none;
		font-size: 55px;
	    padding-right: 20px;
	}
	section#s52 .col-2 {
		width: 360px;
		font-size: 18px;
		margin: -150px 0 0 -200px;
	}
	section#s52 .col-2 p > span {
	    margin-left: -20px;
	    width: 20px;
	}
	section#s52 .col-3 {
		width: 190px;
	    font-size: 14px;
	    margin: -100px 0 0 290px;
	}
	section#s52 .col-3 .l2 {
		height: 170px;
	}
}



section#s53 {
	background: white;
}
section#s53 .l1 {
	background-color: #a7a9ac;
	top: calc( 50% - 275px );
	left: 0;
	width: calc( 50% - 630px );
	height: 2px;
}
section#s53 .b1 {
	background-color: #a7a9ac;
	top: calc( 50% - 275px );
	left: calc( 50% - 630px );
}
section#s53 .title {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -550px;
	font-family: 'NaturaSans_bold';
	font-size: 54px;
	line-height: 1em;
	color: black;
}
section#s53 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
	font-size: 18px;
}
section#s53 .content .row {
	position: relative;
	display: none;
}
section#s53 .content .row h3 {
	font-family: 'NaturaSans_bold';
	font-size: 28px;
	margin-bottom: 10px;
	color: #97d4d8;
}
section#s53 .col-1 {
	left: 50%;
	width: 480px;
    margin: -200px 0 0 -550px;
}
section#s53 .col-1 .row-1 {
	margin-bottom: 60px;
}
section#s53 .col-1 .row-1 h3 {
	color: #f79033;
}
section#s53 .col-1 .row-2 {}
section#s53 .col-1 .row-2 h3 {
	color: #6d509f;
}
section#s53 .col-2 {
	left: 50%;
	width: 510px;
	margin: -200px 0 0 20px;
}
section#s53 .col-2 .row-3 {
	margin-bottom: 40px;
}
section#s53 .col-2 .row-4 {}
@media (max-width: 1600px) {
	section#s53 .l1 {
		top: calc( 50% - 230px );
		width: calc( 50% - 530px );
	}
	section#s53 .b1 {
		top: calc( 50% - 230px );
    	left: calc( 50% - 530px );
	}
	section#s53 .title {
		display: none;
		font-size: 48px;
	    margin: -250px 0 0 -480px;
	}
	section#s53 .content .row h3 {
		font-size: 24px;
	}
	section#s53 .col-1 {
		width: 400px;
		font-size: 16px;
	    margin: -170px 0 0 -480px;
	}
	section#s53 .col-2 {
		width: 400px;
		font-size: 16px;
		margin: -170px 0 0 20px;
	}
	section#s53 .col-2 p > span {
	    margin-left: -20px;
	    width: 20px;
	}
}



section#s54 {
	background: #8db2c8;
}
section#s54 .l1 {
	background-color: white;
	top: calc( 50% - 235px );
	left: 0;
	width: calc( 50% - 600px );
	height: 2px;
}
section#s54 .b1 {
	background-color: white;
	top: calc( 50% - 235px );
	left: calc( 50% - 600px );
}
section#s54 .title {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -525px;
	font-family: 'NaturaSans_bold';
	font-size: 54px;
	line-height: 1.2em;
	color: black;
}
section#s54 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
	font-size: 18px;
}
section#s54 .content .row {
	position: relative;
	display: none;
	margin-bottom: 30px;
}
section#s54 .content .row a {
	font-family: 'NaturaSans_bold';
	color: #f3c520;
}
section#s54 .col-1 {
	left: 50%;
	width: 780px;
    margin: -120px 0 0 -525px;
}
section#s54 .alt {
	border-color: #f3c520;
	background: #8db2c8;
	color: black;
}
section#s54 .alt:after {
	color: #f3c520;
}
section#s54 #s54-alt1,
section#s54 #s54-alt2,
section#s54 #s54-alt3 {
	width: 300px;
}
@media (max-width: 1600px) {
	section#s54 .l1 {
		top: calc( 50% - 150px );
		width: calc( 50% - 475px );
	}
	section#s54 .b1 {
		top: calc( 50% - 150px );
    	left: calc( 50% - 475px );
	}
	section#s54 .title {
		display: none;
		font-size: 48px;
	    margin: -200px 0 0 -400px;
	}
	section#s54 .col-1 {
		width: 650px;
		font-size: 16px;
	    margin: -50px 0 0 -400px;
	}
}



section#s55 {
	background: white;
}
section#s55 .l1 {
	background-color: #a7a9ac;
	top: calc( 50% - 275px );
	left: 0;
	width: calc( 50% - 630px );
	height: 2px;
}
section#s55 .b1 {
	background-color: #a7a9ac;
	top: calc( 50% - 275px );
	left: calc( 50% - 630px );
}
section#s55 .pagination {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -350px 0 0 -545px;
	font-family: 'NaturaSans_bold';
	font-size: 18px;
	line-height: 1em;
	letter-spacing: 2px;
	color: black;
}
section#s55 .title {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -550px;
	font-family: 'NaturaSans_bold';
	font-size: 54px;
	line-height: 1em;
	color: #f3c520;
}
section#s55 .content {
	/*display: none;*/
	position: absolute;
	top: 50%;
	font-size: 18px;
}
section#s55 .content .row {
	position: relative;
}
section#s55 .col-1 {
	left: 50%;
	width: 480px;
    margin: -230px 0 0 -545px;
}
section#s55 .col-1 .row-1 {
	display: none;
	margin-bottom: 50px;
}
section#s55 .content .row .item {
	display: none;
	width: 1100px;
}
section#s55 .content .row .item > div {
	display: inline-block;
	vertical-align: top;
	width: 420px;
	margin-right: 120px;
}
section#s55 .content .row .item h3 {
	margin-top: 15px;
	font-family: 'NaturaSans_bold';
	text-decoration: underline;
}
section#s55 .content .row .item p {
	margin: 0;
}
section#s55 .alt {
	background: white;
	border-color:  #f5d14c;
	color: black;
	width: 640px;
	height: 360px;
}
section#s55 #s55-alt1 {
	background: white;
	border-color:  #f5d14c;
	color: black;
	width: 640px;
	height: 360px;
}
section#s55 .alt:after {
	color:  #f5d14c;
}
section#s55 #s55-alt1 img.poster {
	max-width: 100%;
}
@media (max-width: 1600px) {
	section#s55 .l1 {
		top: calc( 50% - 230px );
		width: calc( 50% - 530px );
	}
	section#s55 .b1 {
		top: calc( 50% - 230px );
    	left: calc( 50% - 530px );
	}
	section#s55 .pagination {
	    margin: -290px 0 0 -475px;
	}
	section#s55 .title {
		display: none;
		font-size: 48px;
	    margin: -250px 0 0 -480px;
	}
	section#s55 .col-1 {
		width: 500px;
		font-size: 16px;
	    margin: -190px 0 0 -475px;
	}
	section#s55 .content .row .item > div {
		width: 400px;
		margin-right: 70px;
	}
}


section#s56 {
	background: #8db2c8;
}
section#s56 .l1 {
	background-color: white;
	top: 0;
	left: 50%;
	width: 2px;
	height: calc( 50% - 150px );
}
section#s56 .b1 {
	background-color: white;
	top: calc( 50% - 150px );
	left: 50%;
}
section#s56 .content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 700px;
	margin: -50px 0 0 -350px;
	text-align: center;
}
section#s56 .content .title {
	display: none;
	font-family: 'NaturaSans_bold';
	font-size: 30px;
	line-height: 1.4em;
	color: black;
}
section#s56 .content .title a {
	color: white;
	text-decoration: underline;
}
section#s56 .content .natura {
	display: none;
	margin-top: 150px;
}
@media (max-width: 1600px) {
	section#s56 .content .title {
		font-size: 26px;
		line-height: 1.4em;
	}
	section#s56 .content .natura {
		margin-top: 75px;
	}
	section#s56 .content .natura img {
		max-width: 320px;
	}
}