@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');

body{
	font-family: 'Outfit', sans-serif;
	font-size:16px;
	line-height:26px;
	color:#282828;
	background-color: #fff;
}

.topo__headline{
	text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 2px;
    margin-bottom: 4px;
    color: #fbed21;
}

b, strong {
    font-weight: 600;
}

.py-5{
	padding-top: 80px !important;
	padding-bottom: 80px !important;
}


h1,
#produto h3{
	font-size: 40px;
	line-height: 36px;
	font-weight: 600;
}

#menu{
	font-size: 13px;	
	padding-top: 16px;
	padding-bottom: 16px;
	background-color: #282828;
	text-transform: uppercase;
}

#menu .menu__links a{
	color: #fbed21;
	font-weight: 600;
	margin-left: 8px;
}

#menu .menu__links  a:hover, #menu .menu__links  a:active, #menu .menu__links a:focus{
	color:#fbed21;
	text-decoration:none;	
	opacity: .7;
	transition: .5s;
}

.btn-primary,
#menu .btn-primary,
#politica .btn-primary{
	color: #fbed21;
	background-color: #000;
	border: none;
	font-size: 11px;
    padding: 12px 28px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 150px;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus,
#menu .btn-primary:hover, #menu .btn-primary:active, #menu .btn-primary:focus,
#politica .btn-primary:hover, #politica .btn-primary:active, #politica .btn-primary:focus{
	color: #fbed21 !important;
	background-color: #282828;
}

#menu .btn-primary{
	background-color: #000;
	color: #fbed21 !important;
	font-weight: 600;
	margin-left: 24px !important;
}

#menu .btn-primary:hover, #menu .btn-primary:active, #menu .btn-primary:focus{
	opacity: 1 !important;
	background-color: #000;
}

.menu__logotipo{
	margin-left: 0 !important;
}

#menu i{
	font-size: 16px;
	margin-right: 4px;
}

.reduz{
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.reduz img{
	height: 32px;
}

.menu__social{
	margin-left: 25px;
}

.menu__social a{
	color: #fff !important;
	background-color: #000;
	padding: 5px 12px !important;
	margin-left: 0 !important;
	font-weight: 400 !important;
	width: 34px;
}

.menu__social a:hover{
	background-color: #2e2e2e;
}

#banner{
	background-color: #fbed21;
	font-weight: 500;
}

#banner .swiper-pagination-bullet-active{
	background-color: #282828;
}

#banner .swiper-button-next, #banner .swiper-button-prev{
	filter: invert(80%);
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
	bottom: var(--swiper-pagination-bottom, 24px);
}

#banner h1{
	color: #282828;
    font-size: 56px;
    line-height: 56px;
    font-weight: 500;
    margin-bottom: 32px;
    text-transform: none;
}

#bannerInterno{
	background-color: #ccc;
    color: #282828;
	background-image: url("imagens/39b1b0fc4a4f43d604bbb161072120b9.png?3");
	background-position: right center;
	background-size: contain;
	background-repeat: no-repeat;
	padding-top: 64px !important;
	padding-bottom: 64px !important;
}

#bannerInterno h1{
	color: #282828;
    font-size: 40px;
    letter-spacing: -1px;
    margin-bottom: 8px;
    font-weight: 500;
}

#bannerInterno .col{
	font-size: 14px;
}

#bannerInterno a{
	color: #282828;
	font-weight: 500;
	text-decoration: underline;
}

#bannerInterno a:hover, #bannerInterno a:active, #bannerInterno a:focus{
	text-decoration: none;
}

.body__produtos #produtos .bloco__topo{
	display: none;
}

#empresa h1{
	margin-bottom: 25px;
}

#empresa .container{
	background-image: url("selo-1999.jpg");
	background-position: top right;
	background-repeat: no-repeat;
}

#empresa hr{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

#empresa .bloco__registros{
	background-image: url("imagens/21327ba33b3689e713cdff1641128004.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
}

#equipe .bloco__registros{
	background-image: url("imagens/ca529f0fe8b0c42a40d52288a30bd915.png?3");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
}

#equipe{
	background-color: #fbed21;
}

#sobre .bloco__registros{
	font-size: 18px;
	line-height: 30px;
}

#sobre .registro__imagem{
	height: 400px !important;
    background-size: cover !important;
    border-radius: 8px;
}

#destaques{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: -32px;
    z-index: 1010;
    position: relative;
}

#destaques .container{
    background-color: #282828;
    border-radius: 14px;
    -webkit-box-shadow: 0px 0px 12px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 12px rgb(0 0 0 / 10%);
    padding: 32px 48px;
}

#destaques .registro .row{
    display: flex !important;
    justify-content: flex-end !important;
}

#destaques .registro__direita {
    display: contents;
}

#destaques .registro__esquerda {
    display: contents;
}

#destaques img{
	height: 48px;
	margin-bottom: 0 !important;
    padding-right: 24px;
}

#destaques h3{
	text-transform: uppercase;
	color: #fbed21;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;
    align-self: center !important;
    width: 64%;
    font-weight: 400;
}

#produtos h3,
#produto p strong{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	color: #000;
	margin-bottom: 16px;
}

#produto .registro__direita em{
	font-style: normal;
	font-weight: 600;
}

#produtos a:hover, #produtos a:active, #produtos a:focus,
#produto a:hover, #produto a:active, #produto a:focus{
	text-decoration: none;
	color: #424242;
}

#produto iframe,
#sobre iframe{
	border-radius: 8px;
}

#produtos .registro__imagem{
	height: 260px !important;
	margin-bottom: 16px !important;
}

#produtos .card{
	padding: 24px;
	border: solid 1px rgba(0,0,0,.125) !important;
	border-radius: 16px;
}

#produtos .card:hover{
	border: solid 1px #fbed21 !important;
	color: #424242 !important;
    -webkit-box-shadow: 0px 0px 30px -5px rgba(46,74,117,0.2);
    -moz-box-shadow: 0px 0px 30px -5px rgba(46,74,117,0.2);
    box-shadow: 0px 0px 30px -5px rgba(46,74,117,0.2);
}

#produtos .card-body{
	padding: 0;
}

#produtos .nav-link {
	font-size: 12px;
    padding: 12px 18px;
    border: solid 1px rgba(0,0,0,.125);
    margin-bottom: 7px;
    background-color: #fff;
    color: #999;
	font-weight: 600;
	text-transform: uppercase;
}

#produtos .nav .active{
	background-color: #282828;
    border-color: #282828;
	color: #fbed21;
	font-weight: 600;
}

#produtos .categoria__titulo,
#orcamento h5{
	text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px !important;
    color: #282828;
}

#produto .bloco__topo{
	display: none;
}

#produto img{
	border: solid 1px #e5e5e5;
	margin-bottom: 0 !important;
	max-width: 100%;
	border-radius: 8px;
}

#produto h3{
	margin-bottom: 32px;
}

#produto .lSSlideOuter{
	margin-bottom: 40px;
}

#produto .media-body {
    padding-left: 50px;
	flex: unset;
}

#produto .media-img{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

#produto .media a{
	color: #eb9a49;
	font-weight: 500;
}

#produto .btn__share a{
	color: #fff;
}

#produto .media strong{
    letter-spacing: 1px;
    font-size: 14px;
}

#produto .btn-primary{
	background-color: #424242;
	border: none;
	font-size: 11px;
    padding: 16px;
    text-transform: uppercase;
    font-weight: 600 !important;
    letter-spacing: 2px;
    color: #fff !important;
}

#produto .btn-primary:hover, #produto .btn-primary:active, #produto .btn-primary:focus{
	background-color: #fbed21;
}

#produto table{
	margin-top: 40px;
	margin-bottom: 30px;
}

#produto table tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}

#produto table tr td{
	color: #424242;
	width: 50%;
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

#orcamento{
	background-color: #fff;
}

#orcamento .accordion-button:not(.collapsed){
	color: #fbed21;
	background-color: #282828;
}

#orcamento .accordion-body{
    font-size: 13px;
    font-weight: 500;
}

#orcamento .accordion-button{
	font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
}

#orcamento li,
#orcamento .table tr td{
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
}

.orcamento__direita .invalid-feedback{
	color: #b02a37;
}

#newsletter{
	padding-top: 0 !important;
	padding-bottom: 60px !important;
}

#newsletter label{
	display: none;
}

#assistencias .bloco__topo{
	text-align: center !important;
}

#assistencias .bloco__topo em{
    font-style: normal;
    background-color: #fbed21;
    padding: 24px 40px;
    border-radius: 200px;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
}

#assistencias .bloco__topo a{
	color: #282828;
	text-decoration: underline;
	font-weight: 500;
}

#assistencias .bloco__topo strong{
	font-weight: 700;
}

#assistencias .bloco__topo a:hover, #assistencias .bloco__topo a:active, #assistencias .bloco__topo a:focus{
	text-decoration: none;
}

#assistencias .bloco__registros{
	font-size: 14px;
	line-height: 21px;
}

#assistencias h3{
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	color: #000;
}

#depoimentos{
	padding-top: 0 !important;
	padding-bottom: 80px !important;
}

#depoimentos .container{
	background-color: #282828;
	color: #fff;
	padding: 56px 88px;
	border-radius: 16px;
}

#depoimentos .bloco__registros{
	font-size: 18px;
	line-height: 30px;
}

#depoimentos h1{
	font-weight: 400;
	color: #fff;
}

#depoimentos img{
	height: 64px;
}

#depoimentos h5{
	color: #fbed21;
	font-size: 16px;
	margin-bottom: 4px;
}

#depoimentos h6{
	color: #fbed21;
	font-size: 14px;
	margin-bottom: 0;
}

#contato {
	padding-top: 80px !important;
	padding-bottom: 56px !important;
}

#contato .btn-primary{
	color: #fbed21;
	background-color: #000;
	border: none;
	font-size: 11px;
    padding: 12px 28px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 150px;
}

#contato .btn-primary:hover, #contato .btn-primary:active, #contato .btn-primary:focus{
	color: #fbed21 !important;
	background-color: #000;
}

#copyright{
	font-weight: 500;
}

#contato, #copyright{
	background-color: #282828;
    color: #fff;
}

#contato a, #copyright a{
	color: #fbed21;
	font-weight: 400;
}

#contato a:hover, #contato a:active, #contato a:focus,
#copyright a:hover, #copyright a:active, #copyright a:focus{
	color: #fbed21;
	text-decoration: underline;
}

#contato h1, #contato strong{
	color: #fff;
}

#contato h1{
	font-weight: 400;
}

#contato .form-control, #orcamento .form-control{
    padding: 12px 18px;
    font-size: 14px;
}

#contato .form-group {
    margin-bottom: 10px;
}

.invalid-feedback {
    color: #fbed21;
}

#parceiros{
	background-color: #fff;
	padding-bottom: 50px !important;
}

#parceiros .registro__imagem{
	margin-bottom: 0 !important;
}

#toTop{
	background-color: #fbed21;
	color: #282828 !important;
}

.navbar-toggler .icon-bar{
	background-color: #fbed21;
}

@media (max-width: 767.98px){

	.py-5 {
	    padding-top: 40px !important;
	    padding-bottom: 40px !important;
	}

	h1,
	#produto h3 {
    	font-size: 32px;
    	line-height: 32px;
	}
	a{
		text-decoration: none;
	}

	#menu .menu__links a,
	#menu .btn-primary{
		margin-left: 0 !important;
	}

	#menu img{
		height: 28px;
	}

	.menu__logotipo{
		margin-top: 8px;
		margin-bottom: 8px;
	}

	#menu .btn-primary{
		margin-top: 16px;
	}

	#banner .jumbotron{
		font-size: 16px;
		line-height: 21px;
		height: 400px !important;
		padding-right: 130px;
		padding-bottom: 40px !important;
		background-color: #fbed21;
		background-image: url("imagens/2a5a0ae9dc9f6e54fca5f0f61b0e9b5b.jpg?1") !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	#banner h1{
	    font-size: 32px;
	    line-height: 33px;
	    margin-bottom: 16px;
	}

	#bannerInterno{
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	#bannerInterno h1{
		font-size: 32px;
		line-height: 32px;
		margin-bottom: 2px;
	}

	#destaques .registro{
		margin-bottom: 16px !important;
	}

	#destaques .registro:last-of-type{
		margin-bottom: 0 !important;
	}

	#destaques h3 {
	    width: 78%;
	}

	#destaques img {
	    height: 40px;
	}

	#sobre .registro__imagem{
		height: 240px !important;
	}

	#equipe .bloco__registros{
		background-size: contain;
		background-position: center center;
		height: 300px;
	}

	#produto .media-body{
		padding-left: 12px;
	}

	#produto .registro__esquerda{
		margin-bottom: 56px;
	}	

	#depoimentos{
		padding-bottom: 40px !important;
	}

	#faq .container, #depoimentos .container {
	    width: 100%;
	    margin: auto;
	    padding: 40px;
	}

	#assistencias .bloco__topo {
	    margin-bottom: 24px !important;
	}

	#assistencias .bloco__registros{
		text-align: center;
	}

	#assistencias .registro{
		margin-bottom: 8px !important;
	}

	#assistencias .bloco__registros h3{
		margin-bottom: 0;
	}

	.orcamento__direita{
		margin-top: 48px;
	}

	#contato{
		padding-top: 40px !important;
		padding-bottom: 40px !important;
		text-align: center;
	}
}