/* ============================== */
/* ! DESKTOP                      */
/* ============================== */

	html, body{
		height:100%;
  	}
	body {
		font-family: 'Montserrat', sans-serif;
	}
	.row {
		min-width: 320px;
	}
	.overflowhidden {
		overflow: hidden;
	}


	#menu {
		background-color: #e2204f;
		height: 120px;
		position: fixed;
		width: 100%;
		-webkit-box-shadow: 0px 10px 110px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 10px 110px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 10px 110px 0px rgba(0,0,0,0.75);
		z-index: 1000000;
		min-width: 320px;
	}
	#menu .icone-menu, #menu .logo-mobile {
		display: none;
	}
	#menu nav ul li {
		color: #fff;
		line-height: 120px;
		height: 120px;
		text-align: center;
		list-style: none;
		list-style-type: none;
		text-transform: uppercase;
		font-size: 22px;
	}
	#menu nav ul li span {
		position: relative;
	}
	#menu nav ul a li span:after {
		content: "";
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		width: 0%;
	}
	#menu nav ul a:hover li span:after {
		content: "";
		height: 4px;
		width: 100%;
		background-color: #ffec00;
		top: 28px;
		left: 0;
		position: absolute;
	}
	#menu nav ul li.logotipo {
		background-image: url(../img/logo_renatamalliny.png);
		background-position: center center;
		background-repeat: no-repeat;
		text-indent: -9000px;
	}
	




	#principal {
		height: 100%;
		padding-top: 120px;
		max-height: 910px;
		min-height: 680px;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#principal .slideshow {
		width: 100%;
		height: 100%;
		position: relative;
	}
	#principal .row, #principal .twelve {
		height: 100%;
	}
	#principal .slideshow .slide {
		background-position: center center;
		background-size: cover;
		padding-top: 120px;
		top:10px;
		height: 100%;
		width: 100%;
	}
	#principal .slideshow .slide.um {
		background-image: url(../img/banner1.jpg);
	}
	#principal .slideshow .slide.dois {
		background-image: url(../img/banner2.jpg);
	}
	#principal .slideshow .slide.tres {
		background-image: url(../img/banner3.jpg);
	}
	#principal .slideshow:before {
		content: "";
		background-image: url(../img/overlay_principal.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		position: absolute;
		width: 100.5%;
		height: 100%;
		z-index: 10000;
		margin-left: -0.25%;
	}
	#principal .row {
		position: relative;
		overflow: visible;
	}
	#principal .microfone {
		position: absolute;
		display: block;
		margin-top: -350px;
		margin-right: 120px;
		top: 100%;
		right: 0%;
		width: 307px;
		height: 432px;
		background-image: url(../img/e_microfone.png);
		background-repeat: no-repeat;
		z-index: 100000;
	}
	#principal .shows {
		position: absolute;
		bottom: 0;
		z-index: 10000;
		list-style: none;
		margin: 0;
		left: 100px;
		width: 132px;
		height: 193px;
		overflow: hidden;
		padding-left: 0;
		margin-left: 40px;
	}	
	#principal .shows li {
		border-top: solid 1px #E2204F;
		top: auto !important;
		bottom: 0;
	}	
	#principal .shows li .casa {
		padding: 15px 5px;
		width: 132px;
		display: block;
		text-align: center;
		text-transform: uppercase;
		font-size: 16px;
	}	
	#principal .shows .data {
		width: 132px;
		height: 120px;
		border-top: solid 6px #E2204F;
		border-left: solid 6px #E2204F;
		border-right: solid 6px #E2204F;
		display: block;
		background-color: #d5d5d5;
		text-align: center;
		text-transform: uppercase;
		font-size: 14px;
	}	
	#principal .shows .data .dia {
		display: block;
		margin-top:5px;
		font-size: 93px;
		line-height: 85px;
	}	
	#principal .shows a {
		position: absolute;
		top: 15%;
		text-decoration: none;
		color: #787878;
		z-index: 200;
	}
	#principal .shows a.esq {
		left: 0px;
	}
	#principal .shows a.dir {
		right: 0px;
	}
	
	
	
	
	#eu {
		background-color: #e2204f;
		height: 417px;
		background-image: url(../img/fundo_eu1.png);
		background-position: center top;
		padding-top: 60px;
	}
	#eu p {
		margin: 0;
		margin-left: 400px;
		margin-right: 100px;
		color: #fff;
		text-transform: uppercase;
		font-size: 12px;
		line-height: 26px;
		position: relative;
	}
	#eu p:first-child:before {
		content: "";
		position: absolute;
		width: 64px;
		height: 53px;
		background-image: url(../img/diamante.png);
		left: -75px;
		top: 7px;
	}
	#eu .row {
		position: relative;
		overflow: visible;
	}
	#eu .viola {
		position: absolute;
		display: block;
		top: 170px;
		right: -480px;
		width: 1042px;
		height: 400px;
		background-image: url(../img/e_viola.png);
		background-repeat: no-repeat;
		z-index: 100000;
	}
	#eu .parallax-bg1 {
		position: absolute;
		display: block;
		background-color: #fff;
		-webkit-transform: matrix(0.675,0.907,-0.431,0.903,0,0);
		-moz-transform: matrix(0.675,0.907,-0.431,0.903,0px,0px);
		-ms-transform: matrix(0.675,0.907,-0.431,0.903,0,0);
		-o-transform: matrix(0.675,0.907,-0.431,0.903,0,0);
		transform: matrix(0.675,0.907,-0.431,0.903,0,0);
		top: 0px;
		right: -1500px;
		width: 1500px;
		height: 1500px;
		background-repeat: no-repeat;
		z-index: 99999;
	}

	
	
	
	#ficha {
		background-image: url(../img/fundo_ficha.jpg);
		background-position: center top;
		height: 742px;
	}
	#ficha .row {
		position: relative;
		overflow: visible;
	}
	#ficha .twelve p {
		margin-left: 610px;
		font-size: 15px;
		line-height: 25px;
		text-transform: uppercase;
		color: #787878;
		margin-top: 70px;
	}
	#ficha .twelve p span {
		color: #e2254f;
	}
	#ficha .parallax-bg2 {
		position: absolute;
		display: block;
		background-color: #fff;
		-webkit-transform: matrix(1.048,0.005,-0.304,0.953,0,0);
		-moz-transform: matrix(1.048,0.005,-0.304,0.953,0px,0px);
		-ms-transform: matrix(1.048,0.005,-0.304,0.953,0,0);
		-o-transform: matrix(1.048,0.005,-0.304,0.953,0,0);
		transform: matrix(1.048,0.005,-0.304,0.953,0,0);
		top: 300px;
		left: -1735px;
		width: 1500px;
		height: 1500px;
		background-repeat: no-repeat;
		z-index: 99999;
	}
	#ficha .parallax-bg2:after {
		content: "";
		-webkit-transform: matrix(0.729,0.604,-0.435,1.012,0,0);
		-moz-transform: matrix(0.729,0.604,-0.435,1.012,0px,0px);
		-ms-transform: matrix(0.729,0.604,-0.435,1.012,0,0);
		-o-transform: matrix(0.729,0.604,-0.435,1.012,0,0);
		transform: matrix(0.729,0.604,-0.435,1.012,0,0);		
		position: absolute;
		top: 78px;
		right: -107px;
		height: 500px;
		width: 250px;
		background-color: #fff;
	}
	#ficha .cabos {
		position: absolute;
		display: block;
		top: 790px;
		left: -190px;
		width: 596px;
		height: 375px;
		background-image: url(../img/e_cabos.png);
		background-repeat: no-repeat;
		z-index: 99998;
	}
	
	
	#musicas {
		overflow: hidden;
		padding-top: 50px;
		text-align: center;
	}
	#musicas .row {
		position: relative;
		overflow: visible;
	}
	#musicas h1 {
		font-size: 47px;
		color: #e2254f;
		line-height: 42px;
		letter-spacing: 0px;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 60px;
	}
	#musicas h2 {
		font-size: 30px;
		color: #e2254f;
		letter-spacing: 0px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
	}
	#musicas p {
		font-size: 15px;
		line-height: 40px;
		text-transform: uppercase;
		color: #6c6c6c;
		text-align: left;
	}
	#musicas p .nota {
		position: relative;
	}
	#musicas p .nota:before {
		content:attr(rel);
		text-transform: none;
		color:#000;
		font-weight: bold;
		position: absolute;
		margin-left: -5px;
		top: -28px;
		left: 50%;
		width: 100px;
	}
	#musicas .composer {
	text-align: left;
	display: inline;
	}
	#musicas p span.pink {
		color: #e2254f;
	}
	#musicas p span.intro {
		text-transform: none;
		color:#000;
		font-weight: bold;
	}
	#musicas .parallax-bg3 {
		position: absolute;
		display: block;
		background-color: #e2254f;
		-webkit-transform: matrix(0.675,0.907,-0.431,0.903,0,0);
		-moz-transform: matrix(0.675,0.907,-0.431,0.903,0px,0px);
		-ms-transform: matrix(0.675,0.907,-0.431,0.903,0,0);
		-o-transform: matrix(0.675,0.907,-0.431,0.903,0,0);
		transform: matrix(0.675,0.907,-0.431,0.903,0,0);
		top: -100px;
		right: -1600px;
		width: 1500px;
		height: 1500px;
		background-repeat: no-repeat;
		z-index: 99999;
	}
	#musicas .parallax-bg4 {
		position: absolute;
		display: block;
		background-color: #e2254f;
		-webkit-transform: matrix(0.675,0.907,-0.431,0.903,0,0);
		-moz-transform: matrix(0.675,0.907,-0.431,0.903,0px,0px);
		-ms-transform: matrix(0.675,0.907,-0.431,0.903,0,0);
		-o-transform: matrix(0.675,0.907,-0.431,0.903,0,0);
		transform: matrix(0.675,0.907,-0.431,0.903,0,0);
		top: 490px;
		left: -1600px;
		width: 1500px;
		height: 1500px;
		background-repeat: no-repeat;
		z-index: 99999;
	}
	#musicas .botoes {
		text-align: center
	}
	#musicas .ubaplayer-controls {
		text-align: center;
		list-style: none;
		display: inline-block;
		padding: 0;
	}
	#musicas .ubaplayer-controls a {
		text-indent: -8000px;
	}
	#musicas .ubaplayer-button {
		display: inline-block;
		width: 88px;
		height: 88px;
		background-image: url(../img/botao_play.png);
	}
	#musicas .ubaplayer-playing {
		background-image: url(../img/botao_pause.png);
	}
	#musicas .botao-download {
		display: inline-block;
		width: 88px;
		height: 88px;
		background-image: url(../img/botao_download.png);
		text-indent: -8000px;
		margin-left: 30px;
	}
	#musicas .logovermelho {
		margin-top: 35px;
		margin-bottom: 25px;
		width: 313px;
		height: 115px;
	}
	#musicas .mobile {
		display: none;
	}
	
	
	
	#video .sanfona {
		background-image: url(../img/e_sanfona.png);
		width: 249px;
		height: 183px;
		top: -150px;
		right: 130px;
		display: block;
		position: absolute;
		z-index: 99999;
	}
	#video {
		background-position: center top;
		background-image: url(../img/fundo_video.jpg);
		text-align: center;
		border:0;
	}
	#video h1 br {
		display: none;
	}
	#video h1 {
		font-size: 47px;
		color: #fff;
		line-height: 42px;
		letter-spacing: 0px;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 50px;
		margin-top: 50px;
	}
	#video .video {
		width: 853px;
		display: inline-block;
		border: 0;
	}
	#video .row {
		position: relative;
		overflow: visible;
		height: 622px;
	}
	
	
	
	#midias {
		background-image: url(../img/fundo_frases.png);
		height: 510px;
		border-bottom: 2px solid #e2254e;
	}
	#midias .row {
		position: relative;
		overflow: visible;
	}
	#midias .conteudo {
		text-align: center;
	}
	#midias .conteudo h1 {
		font-size: 120px;
		font-weight: bold;
		letter-spacing: 0;
		margin: 0;
		color: #e2254e;
		position: absolute;
		margin-left: -500px;
		left:50%;
		top: 360px;
		width: 1000px;
		z-index: 9999;
	}
	#midias .conteudo img {
		position: absolute;
		bottom: -508px;
		left: 50%;
		margin-left: -395px
	}
	
	
	
	#plugins {
		background-image: url(../img/fundo_fog.png);
		background-position: center top;
		background-repeat: repeat-x;
		position: relative;
		z-index: 5
	}
	#plugins .box {
		background-color: #E2204F;
		margin-top: 150px;
		margin-bottom: 25px;
		text-align: center;
		position: relative;
		padding-bottom: 13px;
	}
	#plugins .box:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 55px;
		top: -55px;
		left: 0;
		background-image: url(../img/midias_bg.png);
		background-size: 100% 100%;
	}
	#plugins .box.fb:after {
		content: "";
		position: absolute;
		top: -100px;
		left: 50%;
		margin-left: -40px;
		background-image: url(../img/i_fb.png);
		width: 81px;
		height: 80px;
	}
	#plugins .box.tw:after {
		content: "";
		position: absolute;
		top: -100px;
		left: 50%;
		margin-left: -40px;
		background-image: url(../img/i_tw.png);
		width: 81px;
		height: 80px;
	}
	#plugins .box.tw {
		padding-bottom: 8px;
	}
	#plugins .box.tw .pc{
		margin-left: 12px;
		margin-right: 12px;
	}
	#plugins .box.ig:after {
		content: "";
		position: absolute;
		top: -100px;
		left: 50%;
		margin-left: -40px;
		background-image: url(../img/i_ig.png);
		width: 81px;
		height: 80px;
	}
	#plugins a.mobile {
		display: none;
	}
	#instafeed a img {
		width:30%;
		margin: 4px 4px 7.5px;
		border: 1px solid #fff;
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;
	}


	#contato {
		height: 545px;
		background-image: url(../img/fundo_contato.jpg);
		background-position: center top;
	}
	#contato .row {
		position: relative;
		overflow: visible;
	}
	#contato .parallax-bg5 {
		position: absolute;
		display: block;
		background-color: #fff;
		-webkit-transform: matrix(1,0,-0.747,1,0,0);
		-moz-transform: matrix(1,0,-0.747,1,0px,0px);
		-ms-transform: matrix(1,0,-0.747,1,0,0);
		-o-transform: matrix(1,0,-0.747,1,0,0);
		transform: matrix(1,0,-0.747,1,0,0);
		top: -192px;
		left: -1500px;
		width: 1500px;
		height: 1500px;
		background-repeat: no-repeat;
		z-index: 0;
	}
	#contato .diamante {
		position: relative;
		z-index: 5;
	}
	#contato form {
		position: relative;
		z-index: 6;
		margin-top: -150px;
		width: 420px;
	}
	#contato form input[type="text"] {
		border-radius: 3px;
		border: 1px solid #e2254e;
		width: 100%;
		margin-bottom: 10px;
		line-height: 30px;
		padding-left: 10px;
	}
	#contato form textarea {
		border-radius: 3px;
		border: 1px solid #e2254e;
		height: 100px;
		width: 100%;
		padding-left: 10px;
		max-width: 100%;
		min-width: 100%;
		line-height: 30px;
	}
	#contato form input[type="submit"] {
		width: 190px;
		line-height: 30px;
		background-color: #e2254e;
		color: #fff;
		border: 0;
		float: right;
		margin-top: -30px;
		position: relative;
		z-index: 6;
	}
	#contato form .erro {
		background-color: #ffcccc;
	}
	#contato p {
		font-weight: bold;
		font-size: 42px;
		color: #e2254e;
		text-transform: uppercase;
		margin: 23px 0 0 0;
		line-height: 30px;
	}
	#contato p span {
		font-weight: lighter;
		font-size: 26px;
		display: block;
	}
	#contato p span span{
		font-weight: bold;
		font-size: 16px;
		display: inline;
		color: #000;
	}
	
	
	
	#copyright {
		background-color: #e32e55;
		font-size: 18px;
		text-transform: uppercase;
		padding: 10px 0;
		color: #fff;
		position: relative;
		z-index: 5
	}
	#copyright .row {
		position: relative;
	}
	#copyright .regrahum {
		background-image: url(../img/logo_regrahum.png);
		text-indent: -9000px;
		width: 90px;
		height: 23px;
		position: absolute;
		right: 0;
		top: 0px;
		display: block;
	}

	
	
/* ============================= */
/* ! MOBILE                      */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	#menu {
		background-color: #e2204f;
		height: 60px;
	}
	.fundo-menu:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #e2204f;
		z-index: 100;
	}
	#menu .logo-mobile {
		display: block;
		background-image: url(../img/logo_renatamalliny.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		width: 120px;
		height: 60px;
		top:0;
		position: absolute;
		z-index: 1001;
	}
	#menu .icone-menu {
		display: block;
		position: absolute;
		right: 16px;
		top: 17px;
		font-size: 40px;
		color: #fff;
		text-decoration: none;
		z-index: 101
	}
	#menu nav ul {
		background-color: rgba(226,32,79, 0.8);
		margin-top: 60px;
		display: none;
	}
	#menu nav ul a {
		text-decoration: none;
	}
	#menu nav ul li {
		line-height: 60px;
		height: 60px;
	}
	#menu nav ul li.logotipo {
		display:none;
	}





	#principal {
		padding-top: 60px;
		min-height: 420px;
	}
	#principal .row .twelve {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#principal .microfone {
		display: none !important;
	}
	#principal .shows {
		left: 50%;
		margin-left: -69px;
		padding: 0;
		width: 132px;
		height: 199px;
	}
	
	
	
	#eu {
		height: auto;
		padding-bottom: 60px;
		padding-left: 20px;
		background-image: url(../img/fundo_eu1_mobile.png);
		background-position: right bottom;
		background-repeat: no-repeat;
	}
	#eu p {
		margin: 0 50px 0 0;
	}
	#eu p br {
		display: none;
	}
	#eu .viola {
		display: none !important;
	}
	#eu .parallax-bg1 {
		top: -600px;
	}




	#ficha {
		height: auto;
		background-image: url(../img/fundo_ficha_mobile.jpg);
		background-size: cover;
		background-position: right top;
	}
	#ficha .parallax-bg2 {
		display: none !important;
	}
	#ficha .cabos {
		display: none !important;
	}
	#ficha .twelve p {
		margin: 0px 20px;
		padding: 60px 0;
		font-size: 12px;
	}
	
	
	#musicas h1 br {
		display: none;
	}
	#musicas h1 {
		font-size: 30px;
		margin-top: 15px;
		line-height: 30px;
	}
	#musicas h2 {
		margin-top: 0px;
		line-height: 32px;
		margin-bottom: 15px;
		margin-left: 40px;
	}
	#musicas p {
		font-size: 12px;
		line-height: 30px;
	}
	#musicas p .nota::before {
	    top: -20px;
	}
	#musicas .ubaplayer-button {
	    width: 50px;
	    height: 50px;
		background-size: cover;
	}
	#musicas .botao-download {
	    width: 50px;
	    height: 50px;
		background-size: cover;
	}
	#musicas .botao-download {
	    margin-left: 10px;
	}
	#musicas .logovermelho {
	    margin-top: 20px;
	    margin-bottom: 170px;
	    width: 313px;
	    height: 115px;
	}
	#musicas .parallax-bg3 {
		display: none !important;
	}
	#musicas .parallax-bg4 {
		display: none !important;
	}
	#musicas .six {
		margin-bottom: 40px;
	}
	#musicas .mobile {
		display: block;
		text-align: left;
		margin-top: -66px;
		width: 24px;
		height: 48px;
		background-image: url(../img/botao_exibirmusica.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		text-decoration: none;
		color:#6C6C6C;
		font-size: 10px;
		line-height: 10px;
		text-align: center;
		margin-left: -10px;
	}
	#musicas .letra-um, #musicas .letra-dois {
		display: none;
	}


	#video h1 {
		margin-top: 0;
		margin-bottom: 30px;
		font-size: 30px;
		line-height: 30px;
		padding-top: 60px;
	}
	#video .sanfona {
		left: 50%;
		margin-left: -124px;
	}
	#video .video {
		width: 100%;
		height: auto;
	}
	#video .video iframe {
		width: 100%;
		height: 300px;
		margin-bottom: 17px;
	}
	#video h1 br {
		display: block;
	}
	#video .row {
	    height: auto;
	}
	
	
	
	#midias {
		height: auto;
	}
	#midias .conteudo h1 {
		position: relative;
	    font-size: 32px;
	    top: 0;
	    left: 0;
	    margin-left: 0;
	    margin-right: 0;
	    margin-top: 0px;
	    padding-top: 40px;
	    width: auto;
	}
	#midias .conteudo img {
		position: relative;
	    font-size: 32px;
	    top: 7px;
	    left: 0;
	    margin-left: 0;
	    margin-right: 0;
	    margin-top: 0px;
	    padding-top: 0px;
	    width: auto;
	}

	#plugins {
		margin-bottom: 10px;
	}
	#plugins .box {
		float: left;
		width: 33.33%;
		height: auto;
		background-color: transparent;
		text-transform: uppercase;
		padding-top: 150px;
		margin-top: 0;
	}
	#plugins .box:after {
		top: 50px !important;
	}
	#plugins .box:before {
	    content: "";
	    height: 40px;
	    background-image: none;
	}
	#plugins a.mobile {
		display: block;
		margin-top: -110px;
		padding-top: 100px;
		position: relative;
		z-index: 500;
		color: #6C6C6C;
		text-decoration: none;
	}
	#plugins .pc {
		display: none;
	}


	#contato {
		/*background-image: url(../img/fundo_contato_mobile.jpg);*/
		background-image: none;
		background-position: right top;
		height: auto;
		padding-bottom: 30px;
	}
	#contato .diamante {
		width: 100%;
	}
	#contato form {
	    width: 100%;
	}
	#contato p {
	    font-size: 41px;
	}


	#copyright {
		font-size: 12px;
	}
	#copyright .regrahum {
	    margin-right: 20px;
	}
	

}