@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/*font-family: "Open Sans", sans-serif; = Myraid Pro*/
/*font-family: "Montserrat", sans-serif; = Gotham*/

*{
	font-family: "Open Sans", sans-serif;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6{
	font-family: "Montserrat", sans-serif;
	font-weight: 900;
}
.bg-dark {
    background-color: #e30613 !important;
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #e30613;
    --bs-btn-border-color: #e30613;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #C10510;
    --bs-btn-hover-border-color: #C10510;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e30613;
    --bs-btn-active-border-color: #e30613;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #e30613;
    --bs-btn-disabled-border-color: #e30613;
}
.d-lg-block{
	display: block !important;
}
.d-mb-block{
	display: none !important;
}
main{
	margin-top: 8vh;
}

/*NAVBAR*/
#navbar-top {
    height: 8vh;
}
#navbar-top h1,
#footer a span
{
	display: none;
}
#navbar-top img{
	height: 4.5vh;
	width: auto;
}
#contatoTopo {
    height: 8vh;
    padding: 1vh 2rem 1vh 0;
}
#contatoTopo a{
	color: white;
	text-decoration: none;
	font-weight: 500;
	opacity: .8;
}
#contatoTopo a:hover{
	opacity: 1;
}
#contatoTopo .whatsappTopo {
    line-height: 1.9rem;
    display: inline-flex;
}
#contatoTopo .whatsappTopo span{
	margin-right: .5rem;
}
#contatoTopo .whatsappTopo img {
    height: 1.5rem !important;
    width: auto;
}
#contatoTopo .emailTopo{
	font-size: .8rem;
}
.footerSociais i{
	font-size: 2rem;
}
.footerContato i{
	margin-right: .5rem;
}
/*NAVBAR*/
/*BANNER*/
#banners .container{
	padding: 0;
	width: 100%;
	max-width: 100vw !important;
}
.bannerTopo{
    height: 82vh;
    width: auto;
    margin: auto;
}
.carousel-item.banner1, .carousel-item.banner2,.carousel-item.banner3{
	background-image: url("../imagens/banners/assinatura-banner.png"), url("../imagens/banners/bg-banner-1.png");
	background-size: 5vh, cover;
	background-position: bottom right, center center;
	background-repeat: no-repeat, repeat-x;
}
/*BANNER*/
/*PRODUÇÃO*/
#producao .container{
	background-color: #e30613;
	background-image: url("../imagens/background/bg-livros.png");
	background-size: 1000px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-blend-mode: darken;
	color: white;
	padding: 4rem 3rem 12rem 3rem;
}
#producao h2{
	margin-bottom: 2rem;
	font-size: 1.8rem;
}
#producao p{
	margin-bottom: 0;
}
#producao #producaoFooter img{
	width: auto;
	height: 122px;
	margin: 4rem 0 4rem 2rem;
}
#producao #producaoFooter .orcamento {
    font-family: "Montserrat", sans-serif;
    color: #e30613;
    font-size: 1.5rem;
	font-weight: 800;
    margin: 4rem 0;
    padding: 1.5rem 3rem;
    border-radius: .5rem;
    opacity: .9;
}
#producao .orcamento:hover{
	background-color: white;
	opacity: 1;
}
/*PRODUÇÃO*/
/*EXPERIÊNCIA*/
#experiencia .container{
	padding: 4rem 3rem;
}
#experiencia .experiencia-item{
	border: none;
	padding: 0 1.5rem;
}
#experiencia h2, #experiencia h3, #experiencia p{
	text-align: center;
	color: white
}
#experiencia h2{
	color: #e30613 !important;
	text-align: center;
}
#experiencia img{
	display: block;
	width: 50%;
	margin: 2rem auto;
}
#experiencia .experiencia-content{
	border-radius: 20px;
	margin: 2rem auto;
	padding: 2rem;
}
/*EXPERIÊNCIA*/
/*VIDEO*/
#video .container{
	color: white;
	padding: 3rem 0;
}
#video h2{
	margin-bottom: 2rem;
	text-align: center;
}
#video .ratio{
	width: 80%;
	margin: auto;		
}
/*VIDEO*/
/*CONTATO*/
#contato .container{
	padding: 3rem 0;
}
#contactForm{
	width: 80%;
	margin: auto;
}
#contato  h2{
	color: #e30613 !important;
	text-align: center;
	margin-bottom: 2rem;
}
.form-floating>.form-control, .form-floating>.form-control-plaintext {
    border-radius: 0;
    border: none;
    border-bottom: solid 1px #d1d1d1;
}
.form-control:focus{
	box-shadow: none !important;
	border-bottom: solid 1px #000 !important;
}
/*CONTATO*/
/*FOOTER*/
#footer .container{
	color: white;
	padding: 3rem 0;
}
.footerLogo img{
	height: 40px;
	width: auto;
}
#footer a{
	text-decoration: none;
	color: white;
	opacity: .9;
}
#footer a:hover{
	opacity: 1;
}
.footerContato a, .footerEndereco p{
	font-size: 13px;
}
/*FOOTER*/
/*MEDIA QUERIES*/
@media (max-width: 992px){
	.d-lg-block{
		display: none !important;
	}
	.d-mb-block{
		display: block !important;
	}
	#navbar-top img {
		height: 30px;
	}
	.bannerTopo {
		height: auto;
		width: 100vw;
		margin: auto;
	}
	.carousel-control-prev, .carousel-control-next{
		display: none !important;
	}
	.carousel-indicators {
		margin-bottom: 0;
	}
	#producao .container {
		background-size: 110%;
		padding: 4rem 1rem 8rem 1rem;
	}
	#producao .orcamento {
		font-size: 1rem;
		float: none;
		display: table;
		padding: 1rem 2rem;
	}
	#experiencia .container {
		padding: 4rem 1rem;
	}
	#footer .footerContato{
		display: block !important;
		text-align: center;
	}
	.row {
    	--bs-gutter-x: 0 !important;
	}
	.footerLogo img{
		height: 30px;
	}
	#footer .row{
		width: 85vw;
		margin: auto;
	}
	#footer .p-4 {
		padding: 1.5rem .5 !important;
	}
}