@import url("fonts/Roboto-Black/styles.css");
@import url("fonts/Roboto-Bold/styles.css");
@import url("fonts/Roboto-Light/styles.css");
@import url("fonts/Roboto-Thin/styles.css");



.mobile {display: none;}




.clearfix:after { content: "."; display: block;	clear: both; visibility: hidden; line-height: 0; }

body, html {
	margin: 0px; padding: 0px; border: 0px;
	background-color: #000 !important;
	color: #fff !important;
}

.landing-container {
	width: 100%;

/*
	background-image: url(../img/WM-BG-Gradient.png);
	background-repeat: repeat-x;
	background-size: contain;
	background-position: center center ;
*/
}

.hero { 
	position: relative;
	width: 100%;
/* 	margin-bottom: 60px; */
	background-image: url("../img/landing.jpg");
	background-position: top center;
	background-size: cover;
	
	height: 1830px;

}

.hero .titulo {
	position: relative;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.hero .titulo .logo {
	margin: 0px auto;
	padding-bottom: 90px; 
	padding-top: 660px;

	max-width: 750px;
}

.hero .titulo .logo img {
	width: 100%;
}

.hero .titulo .album {
/* 	margin: 0px auto; */
    margin: 20px auto 0px;
    max-width: 420px;
}

.hero .titulo .album img { width: 100%; }


.hero .coverwrap {
	margin: 100px auto 80px;
}



.container-body {margin-top: -620px;}

.coverwrap {
	width: 100%;
	max-width: 486px;
	margin: 0px auto;
}

.coverwrap img {
	width: 100%;
}



.linkswrap {
	width: 100%;

	font-family: 'Roboto-Thin';
	font-size: 20px;
	color: #333;
	line-height: 50px;
	
	color: #fff;
}

.linkswrap .ondeouvir {
	margin: 0px auto;
	max-width: 530px;
	text-align: center;
	
/* 	border-bottom: 1px solid #fff; */
	
	margin-bottom: 50px;
	
	
}

.linkswrap .ondeouvir .separador {
	bottom: 0;
	margin: 0px auto;
	width: 100%;
/* 	border-bottom: 2px solid #fff; */
}

.ondeouvir img {
/* 	width: 46px; */
}

.linkswrap .btns {
	width: 100%;
	margin-top: 24px;
	margin-bottom: 22px;
	text-align: center;
}

.btns .btn {
	width: 141px;
	margin: 10px 0;
}

.btnleft {
	float: left;
	margin-left: 20px;
}

.btnmiddle {
	left: 50%;
}

.btnright {
	float: right;
	margin-right: 20px;
}

.btn2cl {
/* 	margin: 0 13px; */
}


.ondecomprar {
	margin: 0px auto;
	max-width: 530px;
	text-align: center;
	padding-bottom: 50px;
}

.ondecomprar img {
	max-width: 600px;
}

.container-videos {
	max-width: 620px;
	padding-bottom: 45px;

	max-width: 486px;
	margin: 100px auto 20px;

}

.container-videos .row {
	margin: 20px 0;
}

.playvideo-container {
	position: relative;
	border: 1px solid #fff;
	
	margin-bottom: 40px;
}

.playvideo {
	width: 100%;
}

.playvideo img {
	width: 100%;
/* 	border: 1px solid #000; */
}

.playvideo .thumboverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}

.playvideo .btn_play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}



.yu2fvl {
  z-index: 9999;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

@media (max-width: 1650px) {
	.hero {
		height: 1680px;
	}
	
	.container-body {
		margin-top: -500px;
	}
}

@media (max-width: 1450px) {



/* 	.container-body {margin-top: -18vw;} */
}

@media (max-width: 1450px) {
	
	.hero {
		height: 1402px;	
	}
	
	.hero .titulo .logo {
		padding-top: 570px;
		max-width: 700px;
	}
	
	.hero .titulo .album {
		margin: 0px auto 0px;
		max-width: 400px;
	}
	
	.container-body {
		margin-top: -360px;
	}
	
}


@media (max-width: 1200px) { 
	.hero {
/* 		margin-bottom: 80px; */
/* 		height: 99vw; */
	}
	
/* 	.hero .titulo .logo, .hero .titulo .album { width: 70%;}	 */
	
/* 	.container-body {    margin-top: -27vw; } */
	
/*
	.hero .titulo .album {
		max-width: 410px;
	}
*/
}

@media (max-width: 990px) { 
/* 	.hero .titulo .logo, .hero .titulo .album { width: 70%;  } */
	
/* 	.container-body { margin-top: -17vw; } */
}

@media (max-width: 760px) { 
	/*.hero .titulo { position: relative; margin-top: -40%;} */
	.hero .titulo .logo, .hero .titulo .album { /* width: 400px; */ }	
	
	.linkswrap { font-size: 20px; }

	.hero .titulo .album {
/* 	    margin: 30px auto; */
	    
/* 	    max-width: 370px; */
	}
}


@media (max-width: 640px) {
	.hero {
    	height: 170vw;
    	background-size: cover;
    }
    
	.container-videos {padding-bottom: 40px;}
	.container-videos .row {margin: 0px 0; margin-top: 30px;}
	.hero .titulo { /* margin-top: -50px; */}
	.hero .titulo .logo { width: 80%; /* width: 550px; */ padding-top: 70vw; }
	.hero .titulo .logo img { /* width: 90%; */ margin-top: -3vw; }
	.linkswrap .ondecomprar {
		margin-bottom: 0px;
	}
	.btn2cl { margin: 0px;}
	.ondecomprar img {	max-width: 90%;}
	
	.container-body {
		margin-top: -41vw;
	}
	
	
	
	
	.hero .titulo .album { width: 60%;  margin:-4vw auto 0px;}
	
	.hero .coverwrap {
	    margin: 34px auto 0px;
	}
	
	.linkswrap {
		margin: 0px 0px;
	}
	
	.hero .coverwrap {
	    margin: 34px auto 0px;
	}
	
	.container-videos {
		margin: 10vw auto 20px;
	}
	
	
	.playvideo-container {
		margin-bottom: 0px;
	}
}


@media (max-width: 550px) {
	.hero .coverwrap {
		width: 80%;
	}
	
	
}

@media (max-width: 400px) {
	.hero .titulo .album { margin:-12vw auto 0px;}
}