*{

	margin: 0;
	padding: 0;
	font-family: "Archivo", Arial, Tahoma, sans-serif;

	scroll-behavior: smooth;
	font-display: swap;
}

body{

	min-height: 150vh;
}

header{
	
	position: fixed;
	top: 0;
	box-shadow: 0 0 5px rgba(0,0,0,.19);
    background-color: rgba(42,42,42,.55);
	
}

header div{
	
	
	justify-content: space-between;
	
	
}

header img{
	
	width: 150px;
	height: auto;
	
}


#menu, #menu ul{
	
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	
}

#menu ul{
	
	list-style: none;
	
}

#menu ul li{
	
	font-family: Quicksand;
	padding: 20px;
	font-size: 18px;
	
}

#menu ul a{
	
	color: white;
	text-decoration: none;
	
}



#menu-mobile{
	
	display: none;
	position: fixed;
	top: 72px;
	width: 100%;
	background-color: #292929;
}

#menu-mobile ul{
	
	list-style: none;
	
		
}

#menu-mobile ul a{
	
	    font-family: Quicksand;
    letter-spacing: -1px;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
	text-decoration: none;
	color: white;
		
}

#menu-mobile ul li{
	
	
	padding: 15px 25px;
	border-bottom: 1px solid #3b3b3b;
	
}



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


.boxed{

	width: 1200px;
	max-width: 93%;
	margin: auto;

}

.no-wrap{
	
	flex-wrap: nowrap !important;
}

.full-width{
	
	width: 100%;
	height: auto;
	
}


.center, .flex-start, .flex-end{
	
	display: flex;
	align-items: center;
	
}

.center{
	
	justify-content: center;
	
}

.flex-start{
	
	justify-content: flex-start;
	
}

.flex-end{
	
	justify-content: flex-end;
	
}




.row{

	display: flex;
	flex-wrap: wrap;

}


.bg-black {
	
	background-color: black !important;
}

.bg-transparent{
	
	background-color: transparent!important;
	
}


.bg-black h2, .bg-black p{
	
	color: white !important;
	
}


.form-group{
	display: flex;
	flex-direction: column;
	margin: 10px 0;
	
}

label{
	color: white;
	
}


input[type="text"], input[type="email"]{
	
	border: none;
	padding: 8px 15px;
	
}
input[type="text"]{
	
	max-width: 80%;
	
}

input[type="submit"]{
	
	border: 1px solid #adadad;
	background-color: #3e3d3d;
	color: white;
	padding: 8px 12px;
	font-size: 13px;
	transition: 1s ease;
	cursor: pointer;
	
}


input[type="submit"]:hover{
	
	border: 1px solid black;
	background-color: black;
	color: white;
	
}

textarea{
	
	height: 260px;
	
}

.align-initial{
	
	
	align-items: initial !important;
	
}

.margin-y-15px{
	
	margin: 15px 0;
	
}

.col-33{
	
	width: 33.3333%;
	
}

.col-40 {

	width: 40%;

}

.col-50 {

	width: 50%;

}
.col-50-mobile{
	
	width: 50%;
	
}

.col-50-mobile img{
	
	max-width: 100%;
	width: auto;
	height: auto;

	
}

.col-60 {

	width: 60%;

}

.col-70 {

	width: 70%;

}
.col-100{
	
	width: 100%;
	
	
	
}

.end{
	
	display: flex;
    justify-content: end;
	
}

.padding-section{
	
	padding: 50px 0;
	
}

/*.scroll{
	
	visibility: hidden;
	
}*/


h2{
	
	font-size: 70px;
	font-family: 'Hind', sans-serif;
}

p, label{
	
	font-family: 'Quicksand', sans-serif;

	
}
label{
	font-weight: 700;
	margin: 5px 0;
	
}

footer{
	
	    background-color: #242424;
/*    color: #666;*/
	color: white;
    border-top: 1px solid #222;
    padding: 17px 0;
    font-size: 11px;
	
}


.overflow{
	
	overflow-y: auto;
	
	
}
.overflow p{
	
	padding-bottom: 10px;
	
}


.overflow::-webkit-scrollbar {
  width: 15px;               /* width of the entire scrollbar */
}

.overflow::-webkit-scrollbar-track {
  background: white;        /* color of the tracking area */
}

.overflow::-webkit-scrollbar-thumb {
  background-color: darkgray;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid white;  /* creates padding around scroll thumb */
}












#banner, #contato{
	
	background-image: url(img/background/fundo-preto.webp);
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 50px;
	
}

#contato{
	
	min-height: 500px;
	
}

#contato h2, #contato p{
	
	color: white !important;
	
}

#contato .col-33 h3{
	
	color: white;
	
}


#contato .col-33 p{
	
	text-align: left;
	
}

#contato .contato p{
	
	margin: 10px 0 !important;
	
}


.icon{
	
	width: 40px;
	height: 40px;
	margin-right: 10px;
}

#logo-banner{
	max-width: 100%;
	width: 467px;
	height: auto;
}


#biografia{
	
	background-image: url(img/background/fundo-branco.webp);
	background-size: cover;
	background-repeat: no-repeat;
	
	
}

#biografia p{
	
	line-height: 22px;
	text-align: justify;
	
}

#biografia .overflow{
	
	max-height: 500px;
	
}

#videos iframe{
	
	width: 100%;
	height: 400px;
	
}

#novidades{
	background-image: url(img/background/fundo-busto-brian.webp);
	background-size: cover;
	background-repeat: no-repeat;
/*	min-height: 800px;*/
	background-attachment: fixed;
	
}

#novidades h2, #contato h2, #contato p{
	
	text-align: center;
	margin: auto;
}


.container-boxes{
	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	
}

.box{
	
	width: 350px;
	max-width: 350px;
	background-color: rgba(0, 0, 0, 0.7);
/*	min-height: 700px;*/
/*	padding: 20px;*/
	margin: 20px 5px;
	
}

.box h3, .box p{
	
	padding: 20px;
	color: white;
	
}
.box h3{
	
	padding-bottom: 0px;
	
}
.box p{
	
	padding-top: 5px;
}

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



#btn-wpp{
	
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	
}

#btn-wpp img{
	
	width: 40px;
	height: 40px;
	
	
}

.btn-show{
	
	display: none;
	
}


/*menu mobile*/

#btn-menu-mobile, #btn-fechar, .show-menu{
	
	display: none;
	
}


.alert{
	
	background-color: green;
	color: white;
	padding: 20px;
	text-align: center;
	display: none;
	opacity: 0.7;
}


@media (max-width: 900px){
	
	
	
}

@media (max-width: 900px){
	
	

	h2{
		
		font-size: 50px;
		
	}
	
	input[type="text"]{
	
		max-width: 100%;

	}
	
	#menu{
		
		display: none;
		
	}
	
	
	.reverse-mobile{
		
		flex-direction: column-reverse;
		
	}
	

	.col-100, .col-50, .col-33, .col-70, .col-40, .col-60{

		margin-top: 20px;	
		width: 100%;

	}
	
	#biografia .col-50.end img{
		
		margin: auto;
		
	}
	
	#img-brian-contato{
		
		display: none;
		
	}
	
	
	#banner, #contato{
	
		background-image: url(img/background/fundo-preto-pequeno.webp);
	}
	
	#biografia{
	
		background-image: url(img/background/fundo-branco-pequeno.webp);

	}
	
	#novidades{
		background-image: url(img/background/fundo-busto-brian-mobile.webp);
	}


	
/*	menu mobile*/
	
	#btn-menu-mobile, #btn-fechar{
		
		height: 70px;
		width: 35px;
		justify-content: center;
		align-content: center;

	}
	
	#btn-fechar{
		
		display: none;
		
	}
	
	#btn-menu-mobile img, #btn-fechar img{
		
		padding: 20px 0;
		width: 100%;
		
		
	}
	
	.btn-show{
		
		display: flex !important;
		
	}
	
	
	.show-menu{
		
		display: block !important;
	}

	.padding-section{
		
		padding: 20px 0;
		
	}
	
	.center-mobile{
		
		justify-content: center !important;
		
	}
}