/* CSS Document */

@media screen and (min-width: 1200px){
/*********************************** TOPO *********************************************/
	#topo-redes-sociais .facebook:hover{
		background-position:bottom left;
	}
	#topo-redes-sociais .twitter:hover{
		background-position:-68px bottom;
	}
	#topo-redes-sociais .youtube:hover{
		background-position:-151px bottom;
	}
	#topo-redes-sociais .instagram:hover{
		background-position:-240px bottom;
	}
	#topo-redes-sociais .pinterest:hover{
		background-position:-320px bottom;
	}
	#topo-redes-sociais .google-mais:hover{
		background-position:-396px bottom;
	}	
	#topo-redes-sociais .snap:hover{
		background-position:-447px bottom;
	}
	#topo-redes-sociais .periscopes:hover{
		background-position:-497px bottom;
	}
	#menu:hover #box-menu{
		height:260px;
	}
	#box-menu li a:hover{
		background-color:#fff;
		color:#000;
	}	
	#icon-menu{
		display:none;
	}
/******************************************** PERFIL ************************************************/
#box-perfil{
	height:948px;
}
/******************************************** REDES SOCIAIS ************************************************/
#instagram ul li:nth-child(4n){
	margin-right:0;
}
/******************************************** HOVER SUBMENU ************************************************/
.hover-preto span:hover{
	color:#000 !important;
}
.hover-branco span:hover{
	color:#fff !important;
}

}
@media screen and (min-width: 1200px) and (max-width: 1500px){
	.info-imprensa-foto div{
		top:27%;
	}
}
@media screen and (max-width: 1199px){
	#banner{
		background-attachment:inherit;
	}
	#box-menu.rolar{
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		transition: all 400ms ease;
		height:260px;
	}
	#box-menu{
		transition:none;
	}
/******************************************** OCULTAR SCROLLBAR ************************************************/
#perfil-ajax{
	min-height:200px;
}
#perfil, #perfil-ajax .text-conteudo, #bloco-de-notas, #bloco-notas-ajax .text-conteudo, #imprensa-ajax .text-conteudo,
#editora, #editora-ajax .text-conteudo, #estudio-estudio .scrollbar, #instituto-ajax .text-conteudo, #bloco-ajax .text-conteudo{
	height:auto;
}
#perfil{
	background-color:#949494;	
}
#box-perfil, #editora, #bloco-de-notas, #editora{
	padding:60px 0;
}
#box-perfil, #editora{
	top:0;
}
#perfil-fundo-img, #perfil-fundo-color{
	display:none;
}
#instituto{
	background-size:100% 100%;
}
#bloco-ajax{
	background-repeat:repeat-y;
}
/******************************************** FOTO ************************************************/
.foto-galeria-item a > div{
	top:0 !important;
	left:0 !important;
}
/******************************************** VIDEO ************************************************/
.video-galeria-item a .info-video{
	-webkit-background-size: 110%;
    -moz-background-size: 110%;
    -o-background-size: 110%;
    background-size: 110%;
}
.video-galeria-item i{
	background-position:top right;
}
.info-video div{
	opacity:1;
}
/******************************************** DISCOGRAFIA ************************************************/
.discografia-galeria-item i, .info-discografia div{
	opacity:1;
}
.discografia-galeria-item a .info-discografia{
	-webkit-background-size: 110%;
    -moz-background-size: 110%;
    -o-background-size: 110%;
    background-size: 110%;
}
/******************************************** FÃ CLUBE ************************************************/
.simple-galeria-item a div, .simple-galeria-item a div i{	
	-webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px){	
	#icon-menu{
		display:none;
	}
/*********************************** BANNER *********************************************/
#banner{
	height:1000px;
	background-position:center -84px;
}
/******************************************** FOTO ************************************************/
/*.foto-galeria-item a > div{
	padding:5px 0 0 7px;
}*/
.foto-galeria-item a > div h2{
	font-size:43px;
}
.foto-galeria-item a > div span{
	display:inline-block;
}
/******************************************** REDES SOCIAIS ************************************************/
#instagram ul li:nth-child(4n){
	margin-right:0;
}
/******************************************** IMPRENSA FOTOS ************************************************/
.info-imprensa-foto div{
	top:30%;
}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.container-longo{
	width:750px;
	margin:0 auto;
}
.container-curto{
	width:700px;
	margin:0 auto;
}
/*********************************** SCROLLBAR *********************************************/
.scrollbar{
	padding-left:30px;
}
.scrollbar .mCustomScrollBox{
	width:670px;
}
/******************************************** TOPO ************************************************/
#topo-video{
	display:none !important;
}
#menu{
	margin-right:54px;
}
#icon-menu{
	display:none;
}
/******************************************** BANNER ************************************************/
#banner{
	height:1000px;
	background-size: 212% auto;
	background-position:center -56px;
}
.banner-linhas-1{
	width:1500px;
	margin-left:-750px;
}
/******************************************** BLOCO DE NOTAS ************************************************/
#bloco-de-notas .container-curto img{
	display:none;
}
#bloco-de-notas-menu{
	margin-bottom:32px;
}
#bloco-de-notas h3{
	border-top:solid 2px #000;
	padding-top:26px;
}
/******************************************** FOTO ************************************************/
/*.foto-galeria-item a > div{
	padding:5px 0 0 7px;
}*/
.foto-galeria-item a > div h2{
	font-size:48px;
}
.foto-galeria-item a > div span{
	display:inline-block;
}
/******************************************** BG ************************************************/
#bg-imprensa, #bg-fa-clube, #bg-contato{
	height:740px;
	background-size:cover;
}
/******************************************** EDITORA ************************************************/
#editora h2{
	font-size:56px;
}
/******************************************** INSTITUTO ************************************************/
#instituto{
	background-size:100% 100%;
}
#menu-instituto{
	width:720px;
	height:auto;
	padding-right:190px;
}
#menu-instituto span{
	display:inline-block;
	margin-bottom:12px;
}
/******************************************** REDES SOCIAIS ************************************************/
#redes-sociais > div > div{
	margin-left:9px;
	padding-left:12px;
}
#redes-sociais #instagram{
	width:217px;
}
#instagram ul li:nth-child(3n){
	margin-right:0;
}
#instagram ul li:nth-child(n+10){
	display:none;
}
#redes-sociais #twitter{
	width:209px;
}
}
@media screen and (min-width: 598px) and (max-width: 767px){
.container-longo{
	width:580px;
	margin:0 auto;
}
.container-curto{
	width:530px;
	margin:0 auto;
}
/*********************************** SCROLLBAR *********************************************/
.scrollbar{
	padding-left:25px;
}
.scrollbar .mCustomScrollBox{
	width:530px;
}
.scrollbar .mCSB_scrollTools{
	right:-25px;
}
/******************************************** TOPO ************************************************/
#topo{
	padding-top:12px;
	height:43px;
}
#topo .container-longo{
	width:100%;
	position:static;
}
#icon-mais{
	display:inline-block;
	margin-right:14px;
	float:right;
	font-size:32px;
	color:#949494;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

#icon-mais.active{
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
#topo-redes-sociais{
	display:none;
	position:absolute;
	top:55px;
	right:0;
	padding:15px 17px 0;
	background-color:rgba(0, 0, 0, 0.8);
}
#topo-redes-sociais a{
	float:none;
	margin:0 auto 21px;
}
#topo-redes-sociais .facebook{
	margin:0 auto 21px;
}
#menu span{
	display:none;
}
#topo-video{
	display:none !important;
}
#menu{
	margin-right:54px;
	position:inherit;
}
#box-menu{
	height:auto;
	display:none;
	background-color:rgba(0, 0, 0, 0.8);
	top:55px;
	padding:0 4px 6px 0;
}
#box-menu a{
	background:none;
	display:inline-block;
	padding:3px 3px;
}
#icon-busca{
	background-position:center center;
	margin-right:15px;
}
#icon-menu{
	float:left;
	margin-left:12px;
	width: 42px;
	height: 31px;
	position: relative;
	-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;
	cursor: pointer;
}
#icon-menu span{
	display: block;
	position: absolute;
	height: 6px;
	width: 100%;
	background: #fff;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
#icon-menu span:nth-child(1) {
  top: 0px;
}

#icon-menu span:nth-child(2),#icon-menu span:nth-child(3) {
  top: 12px;
}

#icon-menu span:nth-child(4) {
  top: 24px;
}

#icon-menu.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#icon-menu.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#icon-menu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#icon-menu.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/******************************************** BANNER ************************************************/
#banner{
	height:1000px;
	margin-top:55px;
	background-size:225% auto;
	background-position:center -29px;
}
.banner-linhas-1{
	width:1200px;
	margin-left:-600px;
}
/******************************************** PERFIL ************************************************/
#box-perfil h2, #bloco-de-notas h2{
	font-size:48px;
}
#perfil-menu li{
	font-size:25px;
}
/******************************************** BLOCO DE NOTAS ************************************************/
#bloco-de-notas .container-curto img{
	display:none;
}
#bloco-de-notas-menu{
	margin-bottom:32px;
}
#bloco-de-notas h3{
	font-size:34px;
	border-top:solid 2px #000;
	padding-top:26px;
}
/******************************************** FOTO ************************************************/
/*.foto-galeria-item a > div{
	padding:5px 0 0 7px;
}*/
.foto-galeria-item a > div h2{
	font-size:48px;
}
.foto-galeria-item a > div span{
	display:inline-block;
}
/******************************************** BG // IMPRENSA ************************************************/
#bg-imprensa, #bg-fa-clube, #bg-contato{
	height:740px;
	background-size:cover;
}
#impresa-text-menu li{
	font-size:23px;
	margin-bottom:12px;
}
.info-imprensa-foto div{
	top:26%;
}
/******************************************** EDITORA ************************************************/
#editora h2{
	font-size:43px;
}
#editora-menu li{
	font-size:25px;
}
/******************************************** ESTUDIO ************************************************/
#estudio-estudio{
	padding:60px 0;
}
#estudio, #estudio-estudio .scrollbar{
	height:auto;
}
/******************************************** INSTITUTO ************************************************/
#instituto{
	background-size:100% 100%;
}
#menu-instituto{
	width:542px;
	height:auto;
	padding-right:130px;
}
#menu-instituto span{
	display:inline-block;
	margin-bottom:12px;
}
#instituto-ajax .text-conteudo{
	height:auto;
}
/******************************************** BLOCO ************************************************/
#bloco-ajax .text-conteudo{
	height:auto;
}
#bloco-ajax{
	background-repeat:repeat-y;
}
#linhas-bloco > img{
	width:1230px;
	margin-left:-615px;
}
/******************************************** CONTATO ************************************************/
#contato-form input, #contato-form textarea{
	width:95%;
}
/******************************************** REDES SOCIAIS ************************************************/
#redes-sociais > div > div{
	margin-left:8px;
	padding-left:8px;
	height:auto;
}
#redes-sociais > div > div span{
	display:table;
	margin:0 auto 28px;
}
#redes-sociais #instagram{
	width:100%;
	margin-bottom:25px;
}
#instagram ul li{
	margin-right:8px;
}
#instagram ul li:nth-child(8){
	margin-right:0;
}
#instagram ul li:nth-child(n+9){
	display:none;
}
#redes-sociais #twitter{
	width:282px;
	margin:0;
	padding:0;
	background:none;
}
	
}
@media screen and (max-width: 597px){
.container-longo{
	width:90%;
	margin:0 5%;
}
.container-curto{
	width:86%;
	margin:0 7%;
}
.text-conteudo p{
	line-height:23px;
}
.slide-item > a, .slide-item > div{
	margin:0;
}
/*********************************** SCROLLBAR *********************************************/
.scrollbar{
	padding-left:0;
}
.scrollbar .mCustomScrollBox{
	width:100%;
}
/******************************************** TOPO ************************************************/
#topo{
	padding-top:12px;
	height:43px;
}
#topo .container-longo{
	position:static;
}
#icon-mais{
	display:inline-block;
	float:right;
	font-size:32px;
	color:#949494;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

#icon-mais.active{
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
#topo-redes-sociais{
	display:none;
	position:absolute;
	top:55px;
	right:0;
	padding:15px 17px 0;
	background-color:rgba(0, 0, 0, 0.8);
}
#topo-redes-sociais a{
	float:none;
	margin:0 auto 21px;
}
#topo-redes-sociais .facebook{
	margin:0 auto 21px;
}
#menu span{
	display:none;
}
#topo-video{
	display:none !important;
}
#menu{
	margin-right:54px;
	position:inherit;
}
#box-menu{
	height:auto;
	display:none;
	background-color:rgba(0, 0, 0, 0.7);	
	top:55px;
	padding:5px 0;
}
#box-menu a{
	background:none;
	display:inline-block;
	padding:2px 3px;
}
#icon-busca{
	margin-right:18px;
	background-position:center center;
}
#icon-menu{
	position:absolute;
	top:12px;
	left:5px;
	width: 42px;
	height: 31px;
	-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;
	cursor: pointer;
}
#icon-menu span{
	display: block;
	position: absolute;
	height: 6px;
	width: 100%;
	background: #fff;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
#icon-menu span:nth-child(1) {
  top: 0px;
}

#icon-menu span:nth-child(2),#icon-menu span:nth-child(3) {
  top: 12px;
}

#icon-menu span:nth-child(4) {
  top: 24px;
}

#icon-menu.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#icon-menu.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#icon-menu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#icon-menu.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
/******************************************** BANNER ************************************************/
#banner{
	height:665px;
	margin-top:55px;
	background-size:244% auto;
}
.logo{
	width:15%;
	margin-left:-7.5%;
}
.banner-linhas-1{
	width:190%;
	margin-left:-95%;
	margin-bottom:-11%;
	bottom:50%;
}
/******************************************** PERFIL ************************************************/
#perfil{
	margin-top:-265px;
	height:auto;
	padding:46px 0;
	background-color:#949494;
}
#perfil-fundo-img, #perfil-fundo-color{
	display:none;
}
#box-perfil h2, #bloco-de-notas h2{
	font-size:30px;
	margin-bottom:12px;
	text-align:center;
}
#perfil-menu{
	display:block;
	margin:3px auto 40px;
	text-align:center;
}
#perfil-menu li{
	font-size:24px;
	margin-bottom:4px;
	float:none;
}
#perfil-menu i{
	display:none;
}
#box-perfil{
	position:static;
	min-height:600px;
}
#perfil-ajax > div{
	position:inherit;
}
#perfil-ajax .text-conteudo{
	height:auto;
}

/******************************************** BLOCO DE NOTAS ************************************************/
#bloco-de-notas{
	height:auto;
	padding:46px 0;
	min-height:740px;
}
#bloco-de-notas-menu{
	display:block;
	margin:3px auto 40px;
	text-align:center;
}
#bloco-de-notas-menu li{
	font-size:24px;
	margin-bottom:4px;
	float:none;
}
#bloco-de-notas-menu i, #bloco-de-notas .container-curto img{
	display:none;
}
#bloco-de-notas h3{
	font-size:34px;
	border-top:solid 2px #000;
	padding-top:30px;
	text-align:center;
}
#bloco-notas-ajax > div{
	position:inherit;
}
#bloco-notas-ajax .text-conteudo{
	height:auto;
}
/******************************************** FOTO ************************************************/
#foto{
	padding-top:36px;
}
/*.foto-galeria-item a > div{
	padding:5px 0 0 7px;
}*/
.foto-galeria-item a > div h2{
	font-size:48px;
}
.foto-galeria-item a > div span{
	display:inline-block;
}
#foto-menu{
	height:auto;
}
#foto-menu > span, #foto-menu ul, #foto-menu ul li{
	float:none;
	display:table;
	margin:0 auto 22px;
}
#foto-menu > span:before{
	width: 10px;
    height: 15px;
    margin-top: -7px;
    right: 0;
    top: 50%;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
/******************************************** VIDEOS ************************************************/
#video{
	padding-top:36px;
}
#video-menu{
	height:auto;
}
#video-menu > span, #video-menu ul, #video-menu ul li{
	float:none;
	display:table;
	margin:0 auto 22px;
}
#video-menu > span:before{
	width: 10px;
    height: 15px;
    margin-top: -7px;
    right: 0;
    top: 50%;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
/******************************************** DISCOGRAFIA ************************************************/
#discografia{
	padding-top:36px;
}
#discografia-menu{
	height:auto;
}
#discografia-menu > span, #discografia-menu ul, #discografia-menu ul li{
	float:none;
	display:table;
	margin:0 auto 22px;
}
#discografia-menu > span:before{
	width: 10px;
    height: 15px;
    margin-top: -7px;
    right: 0;
    top: 50%;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
/******************************************** IMPRENSA ************************************************/
#imprensa h2{
	font-size:56px;
	margin-top:-60px;
}
#login-imprensa{
	width:100%;
}
#login-imprensa input{
	width:96%;
	padding:6px 2%;
}
#impresa-text-menu{
	
}
#impresa-text-menu li{
	font-size:24px;
	float:none;
	margin:12px 0;
	text-align:center;
}
#impresa-text-menu li i{
	display:none;
}
/******************************************** FÃ CLUBE ************************************************/
#titulo-fa-clube{
	height:48px;
	padding-top:31px;
}
#titulo-fa-clube h2{
	font-size:56px;
	margin:-76px 0 10px;
}
/******************************************** BG ************************************************/
#bg-imprensa, #bg-fa-clube, #bg-contato{
	height:440px;
	background-size:cover;
}
/******************************************** EDITORA ************************************************/
#editora{
	padding:40px 0;
	height:auto;
}
#editora h2{
	font-size:30px;
	text-align:center;
	margin-bottom:4px;
}
#editora-menu{
	display:block;
	text-align:center;
}
#editora-menu li{
	font-size:24px;
	float:none;
	margin:12px 0;
}
#editora-menu li i{
	display:none;
}
#editora-ajax .text-conteudo{
	height:auto;
}
/******************************************** ESTÚDIO ************************************************/
#menu-estudio{
	height:auto;
	padding:13px 0 12px;
}
#menu-estudio span{
	display:block;
	margin:12px 0;
	text-align:center;
}
#estudio-estudio{
	padding-top:40px;
}
#estudio-estudio h2{
	padding:0;
	margin-bottom:6px;
}
#estudio-estudio .scrollbar{
	height:auto;
}
/******************************************** INSTITUTO ************************************************/
#instituto{
	background-size:100% 100%;
}
.instituto-logo{
	width:200px;
	margin:27px 0 25px;
}
#menu-instituto{
	width:auto;
	height:auto;
	text-align:center;
	padding:13px;
	margin-bottom:25px;
}
#menu-instituto span{
	display:block;
	margin:12px 0;
}
#instituto-ajax .text-conteudo{
	height:auto;
}
#instituto-menu-slide{
	margin:0 auto 16px;
}
/******************************************** BLOCO ************************************************/
#linhas-bloco > img{
	width:598px;
	margin-left:-298px;
	top:50px;
}
#bloco-menu{
	height:auto;
	padding:13px 0 12px;
}
#bloco-menu span{
	display:block;
	margin:12px 0;
	text-align:center;
	float:none;
}
#bloco-ajax{
	height:440px;
	background-size:cover;
}
#bloco-bloco{
	padding-top:40px;
}
#bloco-bloco h2{
	padding:0;
	margin-bottom:6px;
}
#bloco-ajax .scrollbar{
	height:auto;
}
/******************************************** CONTATO ************************************************/
#contato-form input, #contato-form textarea{
	width:95%;
}
#box-contato h2{
	font-size:56px;
}
#contato-form span{
	font-size:28px;
}
#endereco span{
	font-size:20px;
}
/******************************************** REDES SOCIAIS ************************************************/
#redes-sociais{
	padding:10px 0;
}
#redes-sociais > div > div{
	padding-left:0;
	height:auto;
	background:none;
}
#redes-sociais #instagram, #redes-sociais #twitter, #redes-sociais #facebook{
	width:288px;	
	display:table;
	margin:30px auto;
	float:none;
}
#redes-sociais > div > div span{
	display:table;
	margin:0 auto 28px;
}
#instagram ul li{
	width:90px;
	height:90px;
	margin-right:8px;
}
#instagram ul li:nth-child(3n){
	margin-right:0;
}
#instagram ul li:nth-child(n+10){
	display:none;
}
.estudio-roda{
	display:inline-block;
	margin-top:35px;
}
.iwwa{
	display:inline-block;
	margin-top:37px;
}
#footer p{
	margin-top:-117px;
	float:left;
}
}
@media screen and (min-width: 320px) and (max-width: 390px){
	.info-imprensa-foto div{
		top:28%;
	}
}