@charset "utf-8";
/*mania-de-amar*/
body, html{width:100%;height:100%;background: #000;color: #FFF;font-size: 16px;}
body{font-family: "acumin-pro", sans-serif;font-weight:400;}

img{max-width: 100%;height: auto;}

.font-zuume{
	font-family: "zuume", sans-serif;
}
.font-cheddar{
	font-family: "cheddar-gothic-rough", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: lowercase;
}
.font-weight-thin{font-weight: 100 !important;}
.font-weight-xlight{font-weight: 200 !important;}
.font-weight-medium{font-weight: 500 !important;}
.font-weight-sbold{font-weight: 600 !important;}
.font-weight-xbold{font-weight: 800 !important;}
.font-weight-black{font-weight: 900 !important;}

a{transition: color .15s ease-in-out, background-color .15s ease-in-out, background .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
a:hover{text-decoration: none;}

.rounded-50rem{ border-radius:0.5rem;}
.rounded-75rem{ border-radius:0.75rem;}
.rounded-100rem{ border-radius:1rem;}
.rounded-150rem{ border-radius: 1.5rem;}
.rounded-200rem{ border-radius: 2rem;}
.rounded-50p{ border-radius: 50%;}
.rounded-top-100rem{
	border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.rounded-bottom-100rem{	
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
/*tipologias*/
p, button, ul, ol {font-size:1rem;line-height: 1.3;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-size:1.5rem;line-height: 1.3;}

.lh-100{line-height: 1;}
.lh-110{line-height: 1.1;}
.lh-120{line-height: 1.2;}
.lh-130{line-height: 1.3;}
.lh-140{line-height: 1.4;}
.lh-150{line-height: 1.5;}
.lh-160{line-height: 1.6;}

.font-sm-12{font-size: 0.75rem;}
.font-sm-13{font-size: 0.8125rem;}
.font-sm-14{font-size: 0.875rem;}
.font-sm-15{font-size: 0.9375rem;}
.font-sm-16{font-size: 1rem;}
.font-sm-17{font-size: 1.0625rem;}
.font-sm-18{font-size: 1.125rem;}
.font-sm-20{font-size: 1.25rem;}
.font-sm-21{font-size: 1.3125rem;}
.font-sm-22{font-size: 1.375rem;}
.font-sm-24{font-size: 1.5rem;}
.font-sm-26{font-size: 1.625rem;}
.font-sm-28{font-size: 1.75rem;}
.font-sm-30{font-size: 1.875rem;}
.font-sm-32{font-size: 2rem;}
.font-sm-36{font-size: 2.25rem;}
.font-sm-40{font-size: 2.5rem;}
.font-sm-44{font-size: 2.75rem;}
.font-sm-48{font-size: 3rem;}
.font-sm-52{font-size: 3.25rem;}
.font-sm-56{font-size: 3.5rem;}
.font-sm-60{font-size: 3.75rem;}
.font-sm-64{font-size: 4rem;}
.font-sm-68{font-size: 4.25rem;}
.font-sm-72{font-size: 4.5rem;}
.font-sm-76{font-size: 4.75rem;}
.font-sm-80{font-size: 5rem;}
.font-sm-84{font-size: 5.25rem;}
.font-sm-88{font-size: 5.5rem;}
.font-sm-92{font-size: 5.75rem;}
.font-sm-96{font-size: 6rem;}
.font-sm-104{font-size: 6.5rem;}
.font-sm-112{font-size: 7rem;}
.font-sm-120{font-size: 7.5rem;}
.font-sm-128{font-size: 8rem;}
/*fim tipologias*/

.border-2{
	border: 2px solid #FFF;
}
.bg-black{background:#000;}
.text-black{color:#000;}

.bg-black2{background:#130000;}
.text-black2{color:#130000;}

.bg-red{background: #EB2D25;}
.text-red{color:#EB2D25;}

.bg-red2{background: #A70202;}
.text-red2{color:#A70202;}


.btn-branco-preto{
	color:#000;
	background:#FFF;
}

.btn-1{
	color:#FFF;
	background: #F8372F;
background: -webkit-linear-gradient(180deg, rgba(19, 0, 0, 1) 0%, rgba(19, 0, 0, 1) 30%, rgba(248, 55, 47, 1) 30%, rgba(248, 55, 47, 1) 100%);
background: -moz-linear-gradient(180deg, rgba(19, 0, 0, 1) 0%, rgba(19, 0, 0, 1) 30%, rgba(248, 55, 47, 1) 30%, rgba(248, 55, 47, 1) 100%);
background: linear-gradient(180deg, rgba(19, 0, 0, 1) 0%, rgba(19, 0, 0, 1) 30%, rgba(248, 55, 47, 1) 30%, rgba(248, 55, 47, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#130000", endColorstr="#F8372F", GradientType=0);
	border:none;
	line-height:100%;
}
.btn-1:hover{
	
background: #FFFFFF;
color:#F8372F;
background: -webkit-linear-gradient(180deg, rgba(19, 0, 0, 1) 0%, rgba(19, 0, 0, 1) 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);
background: -moz-linear-gradient(180deg, rgba(19, 0, 0, 1) 0%, rgba(19, 0, 0, 1) 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(180deg, rgba(19, 0, 0, 1) 0%, rgba(19, 0, 0, 1) 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#130000", endColorstr="#FFFFFF", GradientType=0);
}



.btn-branco-preto:hover{
	color:#FFF;
	background:#000;
}

.btn-preto-branco{
	color:#FFF;
	background:#000;
}

.btn-preto-branco:hover{
	color:#000;
	background:#FFF;
}


.btn-vermelho-preto{
	color:#FFF;
	background:#EB2D25;
}

.btn-vermelho-preto:hover{
	color:#EB2D25;
	background:#000;
}

.btn-vermelho-branco{
	color:#FFF;
	background:#EB2D25;
}

.btn-vermelho-branco:hover{
	color:#EB2D25;
	background:#FFF;
}

#app{
	
}
.anchor{
	top:-2rem;
}
#banner{background: #9E0101;}

#chopp-01{
	background:#000;
}
.conte{
    margin-top: -16px;
}
#chopp-01 .d-flex{
    border: 2px dashed #FFF;
    width: 326px;
}
#chopp-01 .d-flex div{
    padding:1rem;
    height: 100%;
}
#chopp-01 .d-flex .img{width: 120px;}
#chopp-01 .d-flex .txt{width: 210px;border-left: 2px dashed #FFF;}

.video-container video{
    max-width: 100%;
    border: 10px solid #FFF;
}

@media (min-width:375px){
.container{max-width: 360px;}

}

@media (min-width:480px){
.container{max-width: 420px;}
#banner, #banner .video-bg{
}	
}

@media (min-width:576px){
.container {max-width: 540px;}
#banner, #banner .video-bg{
}
	
}
@media (min-width:768px){
.container {max-width: 720px;}
/*tipologias*/
.font-md-12{font-size: 0.75rem;}
.font-md-13{font-size: 0.8125rem;}
.font-md-14{font-size: 0.875rem;}
.font-md-15{font-size: 0.9375rem;}
.font-md-16{font-size: 1rem;}
.font-md-17{font-size: 1.0625rem;}
.font-md-18{font-size: 1.125rem;}
.font-md-20{font-size: 1.25rem;}
.font-md-21{font-size: 1.3125rem;}
.font-md-22{font-size: 1.375rem;}
.font-md-24{font-size: 1.5rem;}
.font-md-26{font-size: 1.625rem;}
.font-md-28{font-size: 1.75rem;}
.font-md-30{font-size: 1.875rem;}
.font-md-32{font-size: 2rem;}
.font-md-36{font-size: 2.25rem;}
.font-md-40{font-size: 2.5rem;}
.font-md-44{font-size: 2.75rem;}
.font-md-48{font-size: 3rem;}
.font-md-52{font-size: 3.25rem;}
.font-md-56{font-size: 3.5rem;}
.font-md-60{font-size: 3.75rem;}
.font-md-64{font-size: 4rem;}
.font-md-68{font-size: 4.25rem;}
.font-md-72{font-size: 4.5rem;}
.font-md-76{font-size: 4.75rem;}
.font-md-80{font-size: 5rem;}
.font-md-84{font-size: 5.25rem;}
.font-md-88{font-size: 5.5rem;}
.font-md-92{font-size: 5.75rem;}
.font-md-96{font-size: 6rem;}
.font-md-104{font-size: 6.5rem;}
.font-md-112{font-size: 7rem;}
.font-md-120{font-size: 7.5rem;}
.font-md-128{font-size: 8rem;}
/*fim tipologias*/

#banner{
	background-image:url(../imgs/banner1920x670.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	height: 340px;
}
	
#chopp-01{
	background-image:url(../imgs/bg-2-1920x630.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}


	
}


@media (min-width: 992px){
.container {    max-width: 960px;}	

#msgError{display: none;}

#banner{
	height: 420px;
}
	
}


@media (min-width:1200px){
.container {    max-width: 1140px;}
/*tipologias*/
.font-xl-12{font-size: 0.75rem;}
.font-xl-13{font-size: 0.8125rem;}
.font-xl-14{font-size: 0.875rem;}
.font-xl-15{font-size: 0.9375rem;}
.font-xl-16{font-size: 1rem;}
.font-xl-17{font-size: 1.0625rem;}
.font-xl-18{font-size: 1.125rem;}
.font-xl-20{font-size: 1.25rem;}
.font-xl-21{font-size: 1.3125rem;}
.font-xl-22{font-size: 1.375rem;}
.font-xl-24{font-size: 1.5rem;}
.font-xl-26{font-size: 1.625rem;}
.font-xl-28{font-size: 1.75rem;}
.font-xl-30{font-size: 1.875rem;}
.font-xl-32{font-size: 2rem;}
.font-xl-36{font-size: 2.25rem;}
.font-xl-40{font-size: 2.5rem;}
.font-xl-44{font-size: 2.75rem;}
.font-xl-48{font-size: 3rem;}
.font-xl-52{font-size: 3.25rem;}
.font-xl-56{font-size: 3.5rem;}
.font-xl-60{font-size: 3.75rem;}
.font-xl-64{font-size: 4rem;}
.font-xl-68{font-size: 4.25rem;}
.font-xl-72{font-size: 4.5rem;}
.font-xl-76{font-size: 4.75rem;}
.font-xl-80{font-size: 5rem;}
.font-xl-84{font-size: 5.25rem;}
.font-xl-88{font-size: 5.5rem;}
.font-xl-92{font-size: 5.75rem;}
.font-xl-96{font-size: 6rem;}
.font-xl-104{font-size: 6.5rem;}
.font-xl-112{font-size: 7rem;}
.font-xl-120{font-size: 7.5rem;}
.font-xl-128{font-size: 8rem;}
/*fim tipologias*/



#banner{
	height: 500px;
}
#chopp-01{}
#chopp-01 .d-flex{
    width: 396px;
}

#chopp-01 .d-flex div{
    padding: 1.5rem;
}
#chopp-01 .d-flex .img{width: 170px;}
#chopp-01 .d-flex .txt{width: 248px;border-left: 2px dashed #FFF;}

.m-negative{
    margin-top: -6rem;
}	
	
}




@media (min-width:1440px){
	
	#banner{
    height: 560px;
}

#chopp-01{}
}


@media (min-width:1640px){
	
#banner{
    height: 670px;
}

#chopp-01{
}
/***d**/	
}