/* =============================================================================
Reset
========================================================================== */

*{ text-decoration: none; padding: 0; outline: 0; margin: 0; border: 0; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
ul, ol { list-style: none; }
body{ font-family: 'bitstream_cooperbold'; }
.clear{clear: both;}
object{display: none;}

/* =============================================================================
FONTFACE
========================================================================== */

@font-face {
	font-family: 'bitstream_cooperBlkheadline';
	src: url('../fonts/cooperbt-blackheadline-webfont.eot');
	src: url('../fonts/cooperbt-blackheadline-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/cooperbt-blackheadline-webfont.woff2') format('woff2'),
	url('../fonts/cooperbt-blackheadline-webfont.woff') format('woff'),
	url('../fonts/cooperbt-blackheadline-webfont.ttf') format('truetype'),
	url('../fonts/cooperbt-blackheadline-webfont.svg#bitstream_cooperBlkheadline') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bitstream_cooperbold';
	src: url('../fonts/cooperbt-bold-webfont.eot');
	src: url('../fonts/cooperbt-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/cooperbt-bold-webfont.woff2') format('woff2'),
	url('../fonts/cooperbt-bold-webfont.woff') format('woff'),
	url('../fonts/cooperbt-bold-webfont.ttf') format('truetype'),
	url('../fonts/cooperbt-bold-webfont.svg#bitstream_cooperbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bitstream_cooperbold_italic';
	src: url('../fonts/cooperbt-bolditalic-webfont.eot');
	src: url('../fonts/cooperbt-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/cooperbt-bolditalic-webfont.woff2') format('woff2'),
	url('../fonts/cooperbt-bolditalic-webfont.woff') format('woff'),
	url('../fonts/cooperbt-bolditalic-webfont.ttf') format('truetype'),
	url('../fonts/cooperbt-bolditalic-webfont.svg#bitstream_cooperbold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bitstream_coopermedium';
	src: url('../fonts/cooperbt-medium-webfont.eot');
	src: url('../fonts/cooperbt-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/cooperbt-medium-webfont.woff2') format('woff2'),
	url('../fonts/cooperbt-medium-webfont.woff') format('woff'),
	url('../fonts/cooperbt-medium-webfont.ttf') format('truetype'),
	url('../fonts/cooperbt-medium-webfont.svg#bitstream_coopermedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bitstream_coopermedium_italic';
	src: url('../fonts/cooperbt-mediumitalic-webfont.eot');
	src: url('../fonts/cooperbt-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/cooperbt-mediumitalic-webfont.woff2') format('woff2'),
	url('../fonts/cooperbt-mediumitalic-webfont.woff') format('woff'),
	url('../fonts/cooperbt-mediumitalic-webfont.ttf') format('truetype'),
	url('../fonts/cooperbt-mediumitalic-webfont.svg#bitstream_coopermedium_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINNextRoundedLTPro-Bold';
	src: url('../fonts/DINNextRoundedLTPro-Bold.eot');
	src: url('../fonts/DINNextRoundedLTPro-Bold.woff2') format('woff2'),
	url('../fonts/DINNextRoundedLTPro-Bold.woff') format('woff'),
	url('../fonts/DINNextRoundedLTPro-Bold.ttf') format('truetype'),
	url('../fonts/DINNextRoundedLTPro-Bold.svg#DINNextRoundedLTPro-Bold') format('svg'),
	url('../fonts/DINNextRoundedLTPro-Bold.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINNextLTPro-Light';
	src: url('../fonts/DINNextLTPro-Light.eot');
	src: url('../fonts/DINNextLTPro-Light.woff2') format('woff2'),
	url('../fonts/DINNextLTPro-Light.woff') format('woff'),
	url('../fonts/DINNextLTPro-Light.ttf') format('truetype'),
	url('../fonts/DINNextLTPro-Light.svg#DINNextLTPro-Light') format('svg'),
	url('../fonts/DINNextLTPro-Light.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

/* =============================================================================
DEFAULT
========================================================================== */


/* =============================================================================
STYLE
========================================================================== */

body{
	background-color: #eee7df;
}

section{
	background-position: center;
	background-size: cover;
	position: relative;
	overflow: hidden;
	width: 100%;
}

.img-mobile{display: none;}

.btn-grid{display: none;}

.play-historinha{
	position: absolute;
	bottom: 80px;
	width: 100%;
	z-index: 50;
}

.play-historinha p{
    font-family: 'bitstream_coopermedium_italic';
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    letter-spacing: 0.1em;
    display: block;
    width: 100%;
    color: #fff;
}


.play-historinha a{
	width: 4%;
	display: block;
	margin: 0 auto;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.play-historinha a:hover{
	opacity: 0.7;
}

.play-historinha a img{
	width: 100%;
	display: block;
}

.section-00 {background: #dcbcbc url(../images/bg-section-00.jpg) center center no-repeat; background-size: cover; min-height: auto !important;}
.section-00.en {background: #dcbcbc url(../images/bg-section-00-en.jpg) center center no-repeat; background-size: cover; min-height: auto !important;}
.section-10{background: #eee7df;}
.section-20 {background: #dcbcbc url(../images/bg-section-20.jpg) center center no-repeat; background-size: cover;}
.section-30 {background: #dcbcbc url(../images/bg-section-30.jpg) center center no-repeat; background-size: cover;}
.section-40 {background: #dcbcbc url(../images/bg-section-40.jpg) center center no-repeat; background-size: cover; min-height: auto !important;}
.section-50 {background: #dcbcbc;}
.section-60 {background: #dcbcbc url(../images/bg-section-60.jpg) center center no-repeat; background-size: cover;}
.section-80 {background: #2f3453;}

.grid {padding: 0; margin: 0; border: 0; min-height: auto !important;}

.grid section.txt-grid{
    background: #eee7df;
    padding: 40px 0;
}

.grid section.txt-grid .center p{
    color: #2f3453; 
    font-size: 15px;  
}

.grid section.grid-imgs{
    background: #eee7df;
    margin: 0;
}

.grid section.grid-imgs div.grid{

}

.grid section.grid-imgs div.grid div.itens{
    float: left;
    width: 20%;
    height: auto;
    position: relative;
}
.grid section.grid-imgs div.grid div.itens a{
    display: block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.grid section.grid-imgs div.grid div.itens a:hover{
    opacity: 0.8;
}

.grid section.grid-imgs div.grid div.itens .thumb{
    width: 100%;
    height: 100%;
    background-size: cover !important;
}
.grid section.grid-imgs div.grid div.itens img{
    width: 100%;
    height: auto;
    display: block;
}


section.section-80 .center{
	padding: 60px 0;
}

section.section-80 .center p{
	color: #c6e7f4;
	font-family: 'bitstream_cooperbold';
	font-style: normal;
}

section.section-80 .center p a{
	color: #c6e7f4;
}

section.section-80 .center p a span{	
	text-decoration: underline;
}

section.section-80 .center p a:hover{
	color: #fff;
	text-decoration: underline;
}

section > img{
/*visibility: hidden;*/
	opacity: 0;
	display: block;
	width: 100%;
}
section .responsive{
	position: absolute;
	z-index: 100;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
}

section .responsive .center.vMiddle{
	display: table;
	height: 100%;
	width: 100%;
}
section .responsive .center h4{
	margin-top: 106px;
}
section .responsive .center.vMiddle h4{
	margin-top: 0px;
}
section .responsive .center.vMiddle div.top{
	vertical-align: top;	
	display: table-cell;
}
section .responsive .center.vMiddle div.top h4{
	margin-top: 106px;
}

section .responsive .center.vMiddle div.middle{
	vertical-align: middle;	
	display: table-cell;
}

section .responsive .center.vMiddle div.bottom{
	vertical-align: bottom;	
	display: table-cell;
	padding: 0 0 60px 0;
}

section .responsive .center.vMiddle strong{
	font-family: 'bitstream_coopermedium';
	text-transform: uppercase;
	position: absolute;
	font-weight: 100;
	font-size: 14px;
	bottom: 20px;
	color: #fff;
	left: 10px;
}

section .center{
	position: relative;
	max-width: 1320px;
	padding: 0 10px;
	margin: 0 auto;
	width: 100%;
}
section.section-10 .center .arrow-down{
	padding: 0 0 12px 40px;
	width: 8%;
	margin: 0 auto;
}
section.section-10 .center .arrow-down a{
	display: block;
}

section.section-50 .center{
	padding: 24px 0;
}
section.section-70 .center{
	padding: 80px 0 0 0;
	margin-bottom: 30px;
	/*margin-top: 103px;*/
}
section .center img{
	display: block;
	width: 100%;
	}
section .center p{
	font-family: 'bitstream_coopermedium_italic';
	text-align: center;
	line-height: 25px;
	font-size: 15px;
	display: block;
	width: 100%;
	color: #fff;
}

section.section-60 .center p{
	font-size: 15px;
}

section.section-60  .responsive .center.vMiddle div.bottom a{	
	display: inline;
}
section.section-60  .responsive .center.vMiddle div.bottom a:hover h2{
	color: #e1f4fb;
}


section.section-70 .center > p{
	color: #36374d;
}

h1, h2, h3, h4, h5{
	text-align: center;
	display: block;
	width: 100%;
}

h1{
	font-family: 'bitstream_cooperbold_italic';
	margin: 200px 0 30px 0;
	font-size: 18px;
	letter-spacing: 0.1em;
	color: #fff;
}

h2{
	line-height: 94px;
	margin-top: 62px;
	font-size: 110px;
	color: #c6e7f4;
}

h2 span{
	line-height: 51px;
	font-size: 30px;
	display: block;
	color: #fff;
}

h3{
	line-height: 30px;
	font-size: 24px;
	color: #463e4e;
}

h4{
	line-height: 30px;
	font-size: 24px;
	color: #fff;
}

h5{
	font-family: 'bitstream_cooperbold_italic';
	margin: 110px 0 30px 0;
	font-size: 19px;
	color: #35394f;
}

nav{
	width: 100%;
	background: #c6e7f4;
	position: fixed;
	z-index: 150;
	top: 0;
	padding: 15px 0;
}

/*body > nav > ul > li:nth-child(9){
	margin-right:0 !important; 
}*/

nav.desktop ul.follow.mob{
	display: none;
}

.follow{
/*margin-top: 17px;*/
}
.follow-header{
	margin:0 auto;
	max-width: 1117px;
	display: block;
	text-align: center;
}
.follow-footer{
	margin-top: 115px;
}
.share{
	margin: 30px 0;
}
.share{
	display: inline-block;
	width: 100%;
}
.follow-footer,
.share{
text-align: center;
}

.follow-header li a{
	font-size: 18px;
	color: #4b4269;
}

.follow-header li.lnk{
	font-family: 'bitstream_cooperBlkheadline';
	text-transform: uppercase;
	font-style: normal;
	margin: 0 1%;
	padding: 5px 0 0 0;
}

.follow-header li.lnk.ini{
	margin: 0 1% 0 5%;
}
.follow-header li.lnk.end{
	margin: 0 5% 0 1%;
}
.follow-header .language{
	margin-top: 5px;
	/*float: right;*/
}
.follow-header .language a{
	opacity: 1;
}
.follow-header .language a strong{
	font-family: 'DINNextLTPro-Light';
	font-weight: 100;
	/*font-size: 20px;*/
	color: #8281ad;
}
.follow-header .language.act a strong{
	font-family: 'DINNextRoundedLTPro-Bold';
	font-weight: 900;
	color: #35394f;
}

.follow-footer li:first-child{
	margin-bottom: 34px;
	display: block;
}
.follow li,
.share li{
	font-family: 'bitstream_coopermedium_italic';
	display: inline-block;
	vertical-align: middle;
	/*margin: 0 5px;*/
}
.follow li span{
	font-size: 18px;
	/*color: #fff;*/
}
.follow-footer li span,
.share li span{
	font-size: 24px;
	color: #35394f;
}
.follow li a,
.share li a{
	display: block;
	opacity: 1;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.follow li a:hover,
.share li a:hover{
	opacity: 0.7;
}
.follow li a img,
.share li a img{
	max-width: 48px;
}

.video{
	position: relative;
	max-width: 1117px;
	display: block;
	margin: 0 auto;
	width: 100%;
}
.video img{
	width: 100%;
}
.video iframe{
	position: absolute;
	/*display: none;*/
	height: 100%;
	z-index: 10;
	width: 100%;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
}

.logos-app-store{
	display: inline-block;
	/*margin-top: 70px;*/
	padding: 0 60px;
	width: 100%;
}
.logos-app-store ul{
	width: 100%;
	text-align: center;
	margin:2% 0 5% 0;
}

.logos-app-store li{
	padding: 0 3%;
	display: inline-block;
	width: 24%;
	vertical-align: top;
}

.logos-app-store li a:hover img{
	opacity: 0.7;
}

.logos-app-store li img{
	width: 100%;
	display: block;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.logos-app-store li.ico-mp3{
	width: 14%;			
}
.logos-app-store li.ico-spotify{
	width: 14%;	
}
.logos-app-store li.ico-apple-music{

}
.logos-app-store li.ico-google-play{
	width: 28%;
}
.hash-nada-fofo{
	padding: 0 10%;
}

.colluns{
	display: inline-block;
	margin-top: 70px;
	padding: 0 60px;
	width: 100%;
}

.colluns li{
	padding: 0 3%;
	float: left;
	width: 33%;
}


.colluns li a{
	display: block;
	width: 100%;
}
.colluns li a strong,
.colluns li a p{
	text-align: left;
	display: block;
	width: 100%;
}
.colluns li a strong{
	font-family: 'bitstream_cooperBlkheadline';
	font-size: 52px;
	color: #35394f;
}
.colluns li a p{
	font-family: 'bitstream_coopermedium_italic';
	font-size: 18px;
	color: #939598;
}
.colluns li a .img-colluns{
	margin: 5% 0;
	display: block;
}

.colluns li a .img-colluns.lg-pea{
	padding: 0 18% !important;
}

.logo-pea{
	margin: 90px auto;
	max-width: 228px;
}						

i{
	font-family: 'bitstream_coopermedium_italic';
	text-align: center;
	font-size: 20px;
	display: block;
	color: #35394f;
	width: 100%;
}

/*INTERNA ADOTE*/
body.adote{
	background: #eee7df;
}
header{
	position: relative;
	padding: 25% 0 2% 0;
}
header .center{
	position: relative;
	max-width: 1320px;
	padding: 0 10px;
	margin: 0 auto;
}
header img{
	width: 100%; 
	display: block;
	position: absolute;
}
header p{
	color: #fff;
	font-size: 80px;
	font-family: 'bitstream_cooperBlkheadline';
}
header.adote{
	position: relative;
	background: url(../images/header-adote.jpg) top center no-repeat;
	background-size: cover;
}

section.adote{
	padding: 4% 0 0 0;
}

section.adote .center p, section.adote .center h3{
	text-align: left;
	color: #2f3453;
}

section.adote .center h3{
	font-family: 'bitstream_cooperBlkheadline';
	font-size: 54px;
	line-height: normal;
}

section.adote ul{
	padding: 40px 0 0 0;
}

section.adote ul li{
	padding: 5px 0;
	border-bottom: 2px solid #fff;
	margin: 0 0 25px 0;
}

section.adote ul li a p{
	color: #2f3453;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
section.adote ul li a:hover p{
	color: #000;
}

section.adote ul li a p strong{
	display: block;
	font-size: 36px;
	font-family: 'bitstream_cooperBlkheadline';
	font-style: normal;
}

section.adote ul li a p span{
	display: block;
	font-size: 18px;
}

section.adote ul.pagination{
	text-align: center;
	display: none;
}

section.adote ul.pagination li{
	padding: 5px 0;
	border-bottom: none;
	display: inline-block;
	margin: 0 0 25px 0;
}

body.adote section.section-70 .center{
padding-top: 0;
}

/*INTERNA INFORME-SE*/
body.informe-se{
	background: #f2d7d7;
}
header.informe-se{
	position: relative;
	background: url(../images/header-informe.jpg) top center no-repeat;
	background-size: cover;
}
section.informe-se{
	padding: 4% 0 0 0;
}

section.informe-se{
	padding: 4% 0 0 0;
}

section.informe-se .center p, section.informe-se .center h3{
	text-align: left;
	color: #2f3453;
}

section.informe-se .center h3{
	font-family: 'bitstream_cooperBlkheadline';
	font-size: 54px;
	line-height: normal;
}

section.informe-se ul{
	padding: 40px 0 0 0;
}

section.informe-se ul li{
	padding:0 0 30px 0;
	border-bottom: 2px solid #fff;
	margin: 0 0 30px 0;
}

section.informe-se ul li a:hover p strong{
	color: #000;
	text-decoration: none;
}
section.informe-se ul li a:hover p{
	color: #000;
	/*text-decoration: underline;*/
}


section.informe-se ul li img{
	padding: 10px 0 20px 0;
	display: block;
}

section.informe-se ul li p{
	color: #2f3453;
	line-height: normal;
	margin: 0 0 20px 0;
}

section.informe-se ul li p strong{
	display: block;
	font-size: 36px;
	font-family: 'bitstream_cooperBlkheadline';
	font-style: normal;
	margin: 0 0 20px 0;
}

section.informe-se ul li p span{
	display: block;
	font-size: 18px;
	padding: 1% 0;
}

section.informe-se ul li p a{
	font-family: 'bitstream_cooperbold_italic';
	color: #2f3453;
	text-decoration: none;
}

section.informe-se ul.pagination{
	text-align: center;
	display: none;
}

section.informe-se ul.pagination li{
	padding: 5px 0;
	border-bottom: none;
	display: inline-block;
	margin: 0 0 25px 0;
}

body.informe-se section.section-70 .center{
	padding-top: 0;
}

.modal-video{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 300;
	display: none;
}

.modal-video iframe{
	width: 100%;
	height: 100%;
	z-index: 20;
}

div.modal-video .btn-fechar{
	position: absolute;
	top: 5%;
	right: 3%;
	z-index: 100;
	width: 3.15%;
	cursor: pointer;
}

div.modal-video .btn-fechar a {
	width: 100%;
	display: block;
	-webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all .3s cubic-bezier(0.19, 1, 0.22, 1);
}
div.modal-video .btn-fechar a img{
	width: 100%;
	display: block;
}

/*overlay*/
.overlay{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 200;
	display: none;
}


@media (max-width:1340px){

	h2{
		line-height: 7.1vw;
		margin-top: 4.68vw;
		font-size: 8.2vw;
	}

	section .responsive .center h4{
		margin-top: 7.9vw;
	}

	section.section-70 .center{
		margin-bottom: 2.6vw;
	/*margin-top: 8.8vw;*/
	}

	.colluns{
		margin-top: 5.2vw;
		padding: 0 4.5vw;
	}
	.colluns li a strong{
		font-size: 4vw;
	}

	.follow-footer{
		margin-top: 8.6vw;
	}

	.logo-pea{
		margin: 6.7vw auto;
	}

	.play-historinha{
		/*bottom: 22vw;*/
	}
}


@media (max-width:1120px){

	section .center br{
		display: none;
	}
	section.section-50 .center{
		margin-bottom: 6.2vw;
		margin-top: 5.7vw;
	}

	h1{
		margin: 136px 0 100px 0;
	}
	h2 span{
		line-height: 6.3vw;
		font-size: 3vw;
	}
	h3{
		line-height: 3.6vw;
		font-size: 2.4vw;
	}
	h4{
		line-height: 4.15vw;
		font-size: 2.9vw;
	}
	h5{
		margin: 9.8vw 0 2.7vw 0;
	}
	section .center p{
		line-height: 3.9vw;
		font-size: 1.9vw;
	}

	.colluns li a p{
		font-size: 2.3vw;
	}

}

@media (max-width: 1020px){

	h1{
		font-size: 18px;
	}
	nav{
		padding: 10px 5px;
	}

	.follow-header li.lnk{
		margin: 0 1vw;
	}
	.follow-header li a{
		font-size: 14px;
	}
/*	.follow li{
		margin: 0 1px;
	}*/

	.follow-header li.lnk.ini{
		margin: 0 1% 0 2.5%;
	}
	.follow-header li.lnk.end{
		margin: 0 2.5% 0 1%;
	}

	.follow li span {
    	font-size: 16px;
	}

}


@media (max-width: 768px){

	section .responsive{padding: 0 4%;}

	.follow-header li.lnk{
	margin: 0 10px;
	}
	.follow-header li a{
	font-size: 16px;
	}


	.follow li a,
	.share li a	{
		opacity: 1;
	}
	.follow li a img,
	.share li a img
	{
		max-width: 60px;
	}

	.share{
		margin: 4vw 0 4.8vw 0;
	}
	.share li span,
	.follow-footer li span{
		font-size: 3vw;
	}

	.logos-app-store{
		padding: 0;
	}

	nav {
		padding: 15px 15px;
	}

	.colluns{
		padding: 0;
	}
	.colluns li{
		padding: 0 4%;
	}
	.colluns li a strong,
	.colluns li a p{
		text-align: center;
	}

	.logo-pea{
		max-width: 128px;
	}
	section.section-10 .center .arrow-down{
		padding: 0 6px 22px 38px;
		width: 12%;
		margin: 0 auto;
	}

	section.section-80 .center{
		padding: 40px 0;
	}

	section.section-70 .center{
		margin: 0;
		padding: 80px 0 40px 0;
	}

	section.section-50 .center{
		padding: 5%;
		margin: 0;
	}

	.play-historinha{
		bottom: 34vw;
	}

    .grid section.grid-imgs div.grid div.itens{
        width: 33.33%;
    }
    .grid section.txt-grid {
        background: #eee7df;
        padding: 40px 0;
    }

    .section-00{
        min-height: auto !important;
        background-position: 60% 0;
        background-size: 150%;
    }

}

@media (max-width: 767px){

    .grid section.grid-imgs{
        margin: 0 0 0 0;
    }

    .grid section.txt-grid{
        padding: 20px 0;
    }
    .grid section.grid-imgs{
        position: relative;
    }
    .grid section.grid-imgs div.grid {
        position: absolute;
        top: 0; left: 0;
    }
    .grid section.grid-imgs div.grid div.itens{
        width: 100%;
        float: left;
        display: block;
    }
    .grid {min-height: 60% !important;}

    .btn-grid{
        display: inline-block;
        top: 50%;
        width: 40px;
        position: absolute;
        margin-top: -33px;
        z-index: 1000;
    }

    .btn-grid.disabled{
        opacity: 0.3;
    }

    .btn-grid.btn-prev{
        left: 1%;
    }

    .btn-grid.btn-prev img{
        width: 100%;
        display: block;        
    }

    .btn-grid.btn-next{
        right: 1%;
    }
     .btn-grid.btn-next img{
        width: 100%;
        display: block;        
    }

	section.section-10{
	background: #eee7df;
	position: relative;
	padding: 10px 0;
	margin: 0 !important; bottom: initial;
	height: auto !important;
	min-height: auto !important;
	}

	section.section-20 {padding: 50% 0;}
	section.section-30 {padding: 50% 0;}
	section.section-40 {padding: 50% 0;}
	section.section-60 {padding: 40% 0;}

	.img-mobile{display:block !important; margin: 0 !important;}

	nav{padding: 0;}

	nav.desktop{
		position: fixed;
		top: -100vw;
	}

	nav.desktop.act{
		top: 18vw;
	}

	nav.desktop .follow-header li.lnk{
		display: block;
		margin: 2% 0;
		padding: 2% 0;
		border-bottom: 1px solid #fff;
		text-align: left;
	}
	nav.desktop .follow-header li.lnk a{
		padding: 0 0 0 4%;
	}

	nav.desktop .follow-header .language{
		float: left;
		padding: 0 0 0 4%;
	}

	nav.desktop .hdMob{
		display: none;
	}

	nav.desktop ul.follow.mob{
		padding: 2% 0;
		margin: 2% 0 0 0;
		text-align: center;
		border-top: 1px solid #fff;
		display: block;
	}

	nav.mobile{
		display: block;
		background: #c6e7f4;
		z-index: 9300;
		height: 18vw;
		border-bottom: 1px solid #fff;
	}

	nav.mobile span{
		line-height: 18vw;
		font-size: 4vw;
		padding: 0 0 0 4%;
		font-family: 'bitstream_cooperBlkheadline';
		color:#2f3453;
	}

	nav.mobile a.btn-menu{
		width: 23px;
		height: 23px;
		position: fixed;
		top: 6vw;
		right: 10px;
		z-index: 51;

		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}

	nav.mobile a.btn-menu span{
		display: block;
		position: absolute;
		height: 4px;
		width: 55%;
		background: #fff;
		opacity: 1;

		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .2s ease-in-out;
		-moz-transition: .2s ease-in-out;
		-o-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
	}

	nav.mobile a.btn-menu span:nth-child(even){
		left: 50%;
		border-radius: 0 9px 9px 0;
	}

	nav.mobile a.btn-menu span:nth-child(odd){
		left:0px;
		border-radius: 9px 0 0 9px;
	}

	nav.mobile a.btn-menu span:nth-child(1), nav.mobile a.btn-menu span:nth-child(2){
		top: 0px;
	}

	nav.mobile a.btn-menu span:nth-child(3), nav.mobile a.btn-menu span:nth-child(4){
		top: 8px;
	}

	nav.mobile a.btn-menu span:nth-child(5), nav.mobile a.btn-menu span:nth-child(6){
		top: 16px;
	}

	nav.mobile a.btn-menu span:nth-child(6){
		width: 55%;
	}

	nav.mobile a.btn-menu.open span:nth-child(1),nav.mobile a.btn-menu.open span:nth-child(6){
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	nav.mobile a.btn-menu.open span:nth-child(6){
	width: 50%;
	}

	nav.mobile a.btn-menu.open span:nth-child(2),nav.mobile a.btn-menu.open span:nth-child(5){
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	nav.mobile a.btn-menu.open span:nth-child(1){
		left: 0;
		top: 5px;
	}

	nav.mobile a.btn-menu.open span:nth-child(2){
		left: calc(40% - 9px);
		top: 8px;
		width: 100%;
	}

	nav.mobile a.btn-menu.open span:nth-child(3){
	left: -50%;
	opacity: 0;
	}

	nav.mobile a.btn-menu.open span:nth-child(4){
		left: 100%;
		opacity: 0;
	}

	nav.mobile a.btn-menu.open span:nth-child(5){
		left: 0px;
		top: 13px;
	}

	nav.mobile a.btn-menu.open span:nth-child(6){
		left: calc(40% - 0px);
		top: 13px;
	}

	h1{
		font-size: 2.5vw;
		display: none;
	}
	h2{
		line-height: 8.5vw;
	}
	h3{
		line-height: 6.8vw;
		font-size: 4.4vw;
	}
	h4{
		line-height: 6.2vw;
		font-size: 4vw;
	}
	h5{
		font-size: 4vw;
	}
	section .center p {
		line-height: 5.5vw;
		font-size: 3.4vw;
	}
	section .responsive .center.vMiddle strong{
		font-size: 2.5vw;
	}

	.follow li:first-child{
		margin-left: 0;
	}
	.follow li:last-child{
		margin-right: 0;
	}

	.follow-footer li:first-child{
		margin-bottom: 2vw;
	}
	.share li:first-child,
	.share li:last-child{
		display: block;
		margin: 2vw 0;
	}
	.follow li span{
		font-size: 4.6vw;
	}
	.follow-footer li span,
	.share li span{
		font-size: 5vw;
	}

	.follow li a img,
	.share li a img{
		max-width: 40px;
	}

	.colluns li{
		width: 100%;
		margin: 0 0 50px 0;
	}
	.colluns li:first-child{
		margin-bottom: 5vw;
	}
	.colluns li a strong{
		line-height: 8vw;
		font-size: 6vw;
	}
	.colluns li a p{
		line-height: 8.3vw;
		font-size: 4.3vw;
	}

	.logo-pea{
		max-width: 90px;
	}

	i{
		font-size: 2.8vw;
	}

	section.section-70 .center{
		padding: 40px 0 20px 0 !important;
		margin: 0;
	}
	.logos-app-store{
		padding:4% 0;
	}
	.colluns{
		padding: 0 5%;
	}
	.hash-nada-fofo{
		padding: 5%;
	}
	section.section-00 > img{
		opacity: 1;
		padding: 18vw 0 0 0;
	}

	section.section-10 .center .arrow-down{
		padding: 0 15px 20px 18px;
		width: 23%;
	}
	.share {
		margin: 0;
	}
	.play-historinha{
		bottom: 45vw;
	}
	.play-historinha p{
		font-size: 4vw;
	}
	.play-historinha a{
		width: 8%;
	}

	div.modal-video .btn-fechar {
		top: 8%;
		right: 4%;
		width: 8%;
	}

	section.section-80 .center{
		padding: 5%;
	}

	.logos-app-store li.ico-mp3{
		width: 45%;	
		padding: 0 10%;	
	}
	.logos-app-store li.ico-spotify{
		width: 45%;	
		padding: 0 10%;
	}
	.logos-app-store li.ico-apple-music{
		width: 45%;
		padding: 10% 6% 0 6%;	
	}
	.logos-app-store li.ico-google-play{
		width: 45%;
		padding: 10% 3% 0 3%;
	}

	/*adote*/
	section.adote .center h3{
		font-size: 22px;
		padding: 8% 0 0 0;
	}

	section.adote ul li a p strong{
		font-size: 18px;
	}

	/*informe-se*/
	header p {
		padding: 15% 0 2% 0;
		font-size: 40px;
	}

	section.informe-se ul li p strong {
		font-size: 26px;
		margin: 20px 0;
	}

	section.informe-se ul li p{
		line-height: 5.5vw;
	}

}




@media (max-width: 320px) 
{
	h1
	{
		font-size: 15.4vw;
	}
	.follow li
	{
		margin: 0 0.7vw;
	}
}