@charset "utf-8";
*{
	font-family: "Inter", sans-serif;
}

body {
	position: relative;	
}
section{
	padding: 125px 0 0 0;
}
.content-100vh-height{
	min-height: calc(100vh - 100px);
}
/*NAV BAR*/
#navbar-top{
	height: 100px;
	background-color: white !important;
}
#navbar-top .container-fluid{
	max-width: 1320px;
}
#navbar-top h1{
	text-indent: -99999px;
	line-height: 0;
}
.navbar-expand-lg .navbar-nav .nav-link{
	display: flex;
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	letter-spacing: 0em;
	height: 43px;
	padding: 12px 24px 12px 24px;
	gap: 8px;
	border-radius: 8px;
	color: #60606A;
	background-color: #FFFFFF;
	margin: 0 5px;
}
.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link.active {
	font-weight: 500;
	color: #383842;
	background-color: #F2F3F7;
}
.btn.btn-primary{
	display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    height: 50px;
    padding: 15px 30px 15px 30px;
    gap: 8px;
	border-radius: 12px;
    background-color: #F26E24;
    border-color: #D4540C;
    color: white;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:target, .btn.btn-primary:focus-within, .btn.btn-primary:focus-visible {
	font-weight: 500;
	background-color: #D4540C;
}
.btn.btn-check:focus+.btn-primary, .btn.btn-primary:focus{
	box-shadow: 0 0 0 0.25rem rgba(242,110,36,.5);
}
.minhaLoja{
	margin: -5px 0 0 20px;
}
/*NAV BAR*/
/*BANNER*/
#inicio{
	background-color: #F97830;
	background-image: url("../imagens/banner-bg-produtos.png"), url("../imagens/banner-bg-txt.png");
	background-position: bottom right, top left;
	background-size: contain, contain;
	background-repeat: no-repeat, no-repeat;
	padding-top: 100px;
	height: 100vh;
}
#inicio h2{
	font-family: "Montserrat", sans-serif !important;
	font-size: 40px;
	font-weight: 600;
	line-height: 48px;
	letter-spacing: 0em;
	text-align: left;
	color: white;
	margin-bottom: 2rem;
}
#inicio h3{
	font-family: "Montserrat", sans-serif !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	letter-spacing: 0em;
	text-align: left;
	color:#FFC8AA;
	text-transform: uppercase;
	margin-bottom: 2rem;
}
#inicio p{
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
	color:#FFE8DB;
	margin-bottom: 2rem;
}
#inicio .btn.btn-primary {
    display: inline-flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    height: 60px;
    padding: 20px 40px;
    border-radius: 12px;
    gap: 8px;
    background-color: #183C88;
    border-color: #122D67;
    color: white;
}
#inicio .btn.btn-primary:hover, #inicio .btn.btn-primary:focus, #inicio .btn.btn-primary:target, #inicio .btn.btn-primary:focus-within, #inicio .btn.btn-primary:focus-visible {
	font-weight: 500;
	background-color: #122D67;
}
#inicio .btn.btn-primary i{
	color: #F26E24;
}
/*BANNER*/
/*EMPRESA*/
#empresa h2{
	font-family: "Montserrat", sans-serif !important;
	font-size: 28px;
	font-weight: 600;
	line-height: 36.4px;
	text-align: left;
	color:#1F2229;
}
#empresa h3{
	font-family: "Montserrat", sans-serif !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	text-align: left;
	color:#F26E24;
	text-transform: uppercase;
	margin-bottom: 1rem;
}
#empresa p{
	font-family: "Inter", sans-serif !important;
	font-size: 16px;
	font-weight: 400;
	line-height: 25.6px;
	text-align: left;
	color:#474757;
}
#empresa img{
	width: 100%;
	margin: 2rem 0;
}
/*EMPRESA*/
/*SOLUÇÕES*/
#solucoes h2{
	font-family: "Montserrat", sans-serif !important;
	font-size: 28px;
	font-weight: 600;
	line-height: 36.4px;
	text-align: left;
	color:#1F2229;
}
#solucoes h3{
	font-family: "Montserrat", sans-serif !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	text-align: left;
	color:#F26E24;
	text-transform: uppercase;
	margin-bottom: 1rem;
}
#solucoes h4{
	font-family: "Montserrat", sans-serif !important;
	font-size: 18px;
	font-weight: 600;
	line-height: 21.6px;
	text-align: left;
	color:#1F2229;
	margin-bottom: 1rem;
}
#solucoes p{
	font-family: "Inter", sans-serif !important;
	font-size: 16px;
	font-weight: 400;
	line-height: 25.6px;
	text-align: left;
	color:#474757;
}
#solucoes img{
	width: 100%;
}
.icoBoxSolucoes{
	height: 24px;
	width: auto !important;
}
.boxSolucoesImpar{
	padding: 17px 17px 17px 0;
}
.boxSolucoesPar{
	padding: 17px 0 17px 17px;
}
.boxSolucoesContent{
	background-color: #F7F8FB;
	padding: 24px;
	border-radius: 12px;
}
.boxSolucoesContent ul {
  list-style-image: url("../imagens/icones/solucoes-li-icon.svg");
}
.boxSolucoesContent ul li{
	font-size: 16px;
	font-weight: 400;
	line-height: 25.6px;
	text-align: left;
	color: #474757;
}
.boxSolucoesContent ul li::marker{
	font-size: 32px;
}
#solucoes .col-12.col-md-7{
	margin-bottom: 5rem;
}
/*SOLUÇÕES*/
/*SIINGULO WEB*/
#siingulo{
	background-color: #0539A2;
	background-image: url("../imagens/siingulo-web-bg.png");
	background-position: right center;
	padding: 125px 0 50px 0;
}
#siingulo h2{
	font-family: "Montserrat", sans-serif !important;
	font-size: 24px;
	font-weight: 600;
	line-height: 31.2px;
	text-align: left;
	color:#FFFFFF;
	margin-bottom: 2rem;
}
#siingulo h3{
	font-family: "Montserrat", sans-serif !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	text-align: left;
	color:#F26E24;
	text-transform: uppercase;
	margin-bottom: 2rem;
}
#siingulo p, #siingulo span{
	font-size: 16px;
	font-weight: 400;
	line-height: 25.6px;
	text-align: left;
	color: #FFFFFF;
}
#siingulo span{
	line-height: 1;
}
#siingulo a {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 25.6px;
    text-align: left;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0 1rem 0.7rem 1rem;
    margin-top: 1.5rem;
    border-bottom: solid 1px #F26E24;
}
#siingulo a i{
	color: #F26E24;
	margin-left: 1rem;
}
.siinguloBullets{
	margin-top: 3rem;
}
.siinguloBullet {
    float: left;
    margin-right: 15px;
    width: 46px;
}
/*SIINGULO WEB*/
/*CONTATO*/
#contato h2{
	font-family: "Montserrat", sans-serif !important;
	font-size: 24px;
	font-weight: 600;
	line-height: 31.2px;
	text-align: left;
	color: #1F2229;
	margin-bottom: 2rem;
}
#contato h3{
	font-family: "Montserrat", sans-serif !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	text-align: left;
	color:#F26E24;
	text-transform: uppercase;
	margin-bottom: 2rem;
}
#contato h4{
	font-size: 16px;
	font-weight: 600;
	line-height: 25.6px;
	text-align: left;
	color:#1F2229;
	margin-bottom: 1rem;
}
#contato p, .linkEmail{
	font-size: 16px;
	font-weight: 400;
	line-height: 25.6px;
	text-align: left;
	color: #464656;
	text-decoration: none;
}
.linkEmail:hover{
	color: #343440;
	text-decoration: underline;
}
#contato .solcial-list{
	list-style: none;
	display: inline-flex;
	padding: 0;
}
#contato .solcial-list li{
	margin: 1rem 0 1rem 1rem;
}
#contato .solcial-list li:first-child{
	margin: 1rem 0;
}
#contato .solcial-list img{
	margin-right: 10px;
}
#contato .boxForm{
	padding: 40px;
	border: solid 1px #DCDDE1;
	border-radius: 12px;
}
#contactForm label{
	opacity: .65;
}
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    opacity: .65;
    transform: scale(.85) translateY(-1rem) translateX(0rem);
}
#contactForm #mensagem{
	height: 100px;
}
#contactForm .form-floating {
	margin-bottom: 2rem;
}
#contactForm .form-floating>.form-control{
	border-top: none;
	border-left:  none;
	border-right:  none;
	color: #212529;
	border-radius: 0;
}
#contactForm .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #F26E24;
    outline: 0;
    box-shadow: none;
}
#contactForm span{
	cursor: pointer;
	color:#F26E24;	
}
#contactForm span:hover{
	text-decoration: underline;
}
/*CONTATO*/
/*FOOTER*/
footer{
	background-color: #F3F4F7;
	padding: 84px 0 20px 0;
	margin-top: 3rem;
}
footer .solcial-list{
	list-style: none;
	display: inline-flex;
	padding: 0;
}
footer .solcial-list li{
	margin: 1.2rem 0 1rem 2rem;
}
footer .solcial-list li:first-child{
	margin: 1rem 0;
}
footer a .siinguloSocial{
	margin-right: 10px;	
}
/*FOOTER*/
@media (max-width: 992px){
	#navbar-top .container-fluid {
		background-color: white;
		padding-bottom: var(--bs-gutter-x, 0.75rem);
	}
	.navbar-toggler:focus {
		box-shadow: 0 0 0 0;
	}
	.minhaLoja {
		margin: 0;
	}
	#inicio .align-content-center {
		align-content: unset !important;
	}
	#inicio #banner-content{
		margin-top: 10px;
	}
	#inicio .btn.btn-primary {
		border: solid 3px #f97830;
	}
	.boxSolucoesPar, .boxSolucoesImpar {
		padding: 17px;
	}
	#solucoes .col-12.col-md-7 {
		margin: 0 0 3rem 0;
	}
	#solucoes-2{
		margin: 5rem 0;
		display: inline-flex;
		flex-wrap: wrap-reverse;
	}
	#siingulo .siinguloBullets {
		margin-top: 2rem;
	}
	#siingulo p{
		margin-bottom: 3rem;
	}
	#siingulo span, #siingulo a {
		line-height: 1.2;
		display: block;
		margin: 1rem auto;
		width: 50%;
	}
	.linkEmail span{
		display: none;
	}
	#contato .boxForm {
		width: 90%;
		margin: auto;
	}
	#contato p {
    	font-size: 14px;
		text-align: center;
	}
	#contato .justify-content-end {
		justify-content: center !important;
	}
	footer .linkEmail{
		display: inline-flex;
	}
	footer .linkEmail span{
		display: block;
	}
	.emailFooter{
		justify-content: flex-start !important;
		margin: -20px 0 20px 0;
	}
	.copyWriter {
		font-size: 13px;
		margin-top: 5px;
	}
}