/* CONFIGURACOES GERAIS */


@font-face {
    font-family: 'Montserrat-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat-Regular'), url('fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat-Bold'), url('fonts/Montserrat-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat-ExtraBold'), url('fonts/Montserrat-ExtraBold.ttf') format('truetype');
}



body {
	font-family: 'Montserrat-Regular';
	font-weight: normal;
	font-size: 16px;
}

h1 {
	font-family: 'Montserrat-ExtraBold';
	font-size: 32px;
}

h2 {
	font-family: 'Montserrat-ExtraBold';
	font-size: 36px;
}

/* BOTAO TOP - INICIO */
#backToTopBtn {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Fixed position */
	bottom: 60px;
	/* Place the button at the bottom of the page */
	right: 30px;
	/* Place the button at the right */
	z-index: 99;
	/* Make sure it does not overlap other elements */
	border: none;
	/* Remove borders */
	outline: none;
	/* Remove outline */
	background-color: #00B5E6;
	/* Set a background color */
	color: #FFFFFF;
	/* Text color */
	cursor: pointer;
	/* Add a mouse pointer on hover */
	padding: 4px 8px 4px 8px;
	/* Some padding */
	border-radius: 50px;
	/* Rounded corners */
	font-size: 20px;
	/* Increase font size */
}

#backToTopBtn:hover {
	color: #FFFFFF;
}

/* BOTAO TOP - FIM */

/* BOTAO ZAP - INICIO */
#zap-Btn {
	/* Hidden by default */
	position: fixed;
	/* Fixed position */
	bottom: 14px;
	/* Place the button at the bottom of the page */
	right: 30px;
	/* Place the button at the right */
	z-index: 98;
	/* Make sure it does not overlap other elements */
	border: none;
	/* Remove borders */
	outline: none;
	/* Remove outline */
	background-color: #25D366;
	/* Set a background color */
	color: #FFFFFF;
	/* Text color */
	cursor: pointer;
	/* Add a mouse pointer on hover */
	padding: 4px 8px 4px 8px;
	/* Some padding */
	border-radius: 50px;
	/* Rounded corners */
	font-size: 20px;
	/* Increase font size */
}

#zap-Btn:hover {
	color: #000000;
}

/* BOTAO TOP - FIM */

.botao-sessao {
	text-align: center;
	padding-top: 20px;
}

.blue-text {
	color: #056D9E;
}

.yellow-text {
	color: #FCD427;
}

.btn-yellow {
	background-color: #FCD427;
	color: #034667 !important;
	padding: 8px 20px;
	font-size: 14px;
	font-weight: 900;
	border-radius: 20px;
}

.btn-yellow i {
	margin-right: 5px;
}

.btn-yellow:hover {
	background-color: #FB8C28;
	color: #000000!important;
}

.btn-blue {
	background-color: #056D9E;
	color: #FFFFFF !important;
	padding: 8px 20px;
	font-size: 14px;
	font-weight: 900;
	border-radius: 20px;
}

.btn-blue i {
	margin-right: 5px;
}

.btn-blue:hover {
	background-color: #00B5E6;
	color: #FFFFFF!important;
}

.subtitulo {
	margin-bottom: 40px;
	font-size: 16px;
}

.subtitulo2 {
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: 900;
}



/* NAVBAR - TEMA LIGTH */

.navbar-dark {
	background-color: #056D9E !important;
	width: 100%;
	padding-top: 14px!important;
	padding-bottom: 14px!important;

}

/* NAVBAR - LINKS */

.navbar a {
	color: #FFFFFF;
	font-family: 'Montserrat-Regular';
	font-weight: 300;
	font-size: 14px;
}

.navbar a:hover {
	color: #FCD427;
}

.nav-item {
	padding-left: 8px;
}

.btn-navbar {
	color: #034667 !important;
	margin-top: 1px;
	margin-left: 10px;
	padding-top: 6px !important;
	background-color: #FCD427;
	border-radius: 20px;
	font-family: 'Montserrat-Regular'!important;
	font-weight: 900;
}

.btn-navbar:hover {
	background-color: #FB8C28;
	color: #000000!important;
}

.btn-navbar i {
	margin-right: 5px;
}

/* NAVBAR - ALTURA DA LOGOMARCA (Brand) */

.logomarca {
    height: 120px;
}

/* NAVBAR - TOGGLER */

.navbar-toggler {
	border: transparent;
	margin: 0px!important;
	padding: 0px!important;
}

.navbar-toggler:focus {
	color: transparent;
}

.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* HERO */

.hero-section {
	padding-top: 10px;
	padding-bottom: 20px;
	color: #000000;
}


.hero-direita {
	padding-left: 10px;
	padding-right: 10px;
	background-image: url('imagens/fundo-fred.png');
    background-position: bottom 0px center;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
  }

.hero-direita img {
	max-height: 430px;
	padding: 30px;
}

.hero-esquerda {
	text-align: left;
}

.hero-destaques {
	font-size: 14px;
	margin-bottom: 20px;
}

.hero-destaques i {
	font-size: 36px;
	margin-bottom: 10px;
	color: #056D9E;
}

.hero-section h1 {
	color: #000000;
}

.hero-destaque-texto1 {
	color: #FCD427;
	font-family: 'Montserrat-ExtraBold';
	font-size: 26px;
	font-weight: 900;
	margin-bottom: 0px;
}

.hero-destaque-texto2 {
	color: #056D9E;
}

.destaque-item-container {
	padding: 10px 10px;
	text-align: center!important;
}

.destaque-item {
	padding: 15px;
	height: 100%;
	width: 100%;
	border: #000000 solid 1px;
	border-radius: 6px;
}

/* SERVIÇOS */

.servicos-section {
	padding: 60px 10px 60px 10px;
}

.servicos-section {
	.titulos {
		text-align: center;
	}
}

.servicos-item {
  	border-radius: 6px;
  	height: 100%;
    text-align: center;
    padding: 20px;
    border: #000000 solid 1px;
}

.servicos-icon-box {
	margin: 10px 10px 10px 10px;
 }

 .service-icon {
 	color: #056D9E;
 	font-size: 32px;
 	margin-bottom: 10px;
 }

.servicos-titulo {
	font-family: 'Montserrat-Bold';
	font-size: 18px;
	margin-bottom: 16px!important;
	margin-top: 0px!important;
}

.servicos-texto {
	font-size: 14px;
}    

/* FUNCIONA */

.funciona-section {
	padding: 50px 10px 50px 10px;
}

.funciona-section {
	.titulos {
		text-align: center;
	}
}

.funciona-bkg {
	background-color: #FCD427;
	padding: 20px;
	border-radius: 6px;
}

.funciona-container {
	
}

/* FUNCIONA - STEPS */
.steps {
position: relative;
}

/* Linha horizontal */
.steps::before {
content: "";
position: absolute;
top: 25px;
left: 5%;
width: 90%;
height: 4px;
background: #056D9E;
z-index: 0;
}

.step {
position: relative;
text-align: center;
z-index: 1;
}

.step .circle {
width: 50px;
height: 50px;
border: 4px solid #056D9E;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 15px;
color: #FFFFFF;
font-weight: bold;
background: #056D9E;
}

.step h6 {
font-family: 'Montserrat-Bold';
font-size: 16px;
margin-bottom: 10px;
}

.step p {
font-size: 14px;
color: #000000;
}

/* CARRO */

.carro-section {
	padding: 40px 10px 60px 10px;
	background-color: #FFFFFF;
}

.carro-container {
	border-radius: 6px;
	background-color: #FFFFFF;
}

.carro-item {
	padding: 20px;
}

.carro-item-carro {
    width: 100%;
}

.carro-item-carro img {
	border-radius: 6px;
    width: 100%;
}

.carro-item-carro a:hover {
	opacity: 0.5;
	transition: .5s ease;
}

.carro-item-icon {
	position: absolute;
	width: 100px;
}

.carro-item-details {
}

.carro-item-details-text {
	padding: 0px;
	text-align: left;
	height: 100%;
	font-weight: 900;
}

.carro-item-details-text i {
	margin-right: 10px;
	color: #056D9E;
}

.carro-indicado {
	background-color: #056D9E;
	color: #FFFFFF;
	border-radius: 6px;
	height: 100%;
	text-align: center;
	padding: 0px 20px;
	text-align: center;
}

.carro-indicado h3 {
	font-size: 16px;
	font-weight: 900;
	margin-top: 4px;
	color: #FFFFFF;
}

.carro-indicado p {
	font-size: 14px;
	color: #FFFFFF;
	margin-bottom: 0px;
}

.carro-indicado-icon-box {
	margin-bottom: 6px;
	margin-top: 20px;
 }

.carro-indicado-icon {
 	background-color: #FCD427;
 	color: #056D9E;
 	padding: 12px;
 	font-size: 24px;
 	width: 50px;
 	border-radius: 30px;
 }

/* ATENDIMENTO */ 

.atendimento-section {
	padding: 60px 10px 60px 10px;
}

.atendimento-container {
	padding: 0px 8px;
	border-radius: 6px;
}

.atendimento-esquerda {
	border-radius: 6px;
	margin: 0px;
	color: #000000;
	padding: 0px;
}

.atendimento-esquerda p {
	margin-bottom: 10px;
}

.atendimento-direita {
	padding: 0px;
	margin: 0px;
}

.atendimento-direita img {
	border-radius: 8px;
}

.atendimento-item-details-text {
	padding: 0px;
	text-align: left;
	margin-bottom: 6px;
}

.atendimento-item-details-text i {
	margin-right: 10px;
	color: #056D9E;
}

/* CONTATO */

.contato-section {
	padding: 50px 10px 50px 10px;
}

.contato-section {
	.titulos {
		text-align: center;
	}
}

.contato-bkg {
	background-color: #FCD427;
	padding: 20px 20px 10px 20px!important;
	border-radius: 6px;
	color: #000000;
	text-align: center;
}

/* RODAPE */ 

.rodape-section {
	padding: 10px;
	background-color: #056D9E;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
}

.rodape-section p {
	margin: 0px;
}

.rodape-webdesigner a {
	text-decoration: none;
	color: #00B5E6;
}

.rodape-webdesigner a:hover {
	color: #8CE6FF;
}

@media (max-width: 960px) {
	/* Estilos aplicados apenas em ecrãs com largura máxima de 960px */

	.navbar-dark {
		padding: 20px 0px 20px 0px;
	}

	.nav-item {
		padding-left: 0px;
	}

	.navbar-nav {
		margin-top: 20px;
		padding-bottom: 20px;
	}

	.navbar a {
		font-size: 14px;
	}

	.navbar-collapse {
		margin-left: 16px;
	}

	.btn-navbar {
    	margin-left: 0px!important;
    	margin-top: 14px;
	}

	.hero-section {
		padding: 30px 10px 30px 10px;
	}

	.servicos-section {
		padding: 30px 20px 60px 20px;
	}

	.publico-direita {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.hero-esquerda {
		text-align: center;
		margin-bottom: 50px;
	}

	.carro-section {
		padding: 40px 20px 60px 20px;
	}

	.carro-item {
    	text-align: center;
	}

	.carro-item-details-text {
		text-align: center;
	}

	.carro-indicado {
		margin-top: 20px;
}

	.funciona-section {
		padding: 30px 20px 50px 20px;
	}

	.atendimento-section {
		padding: 30px 20px 60px 20px;
	}

	.atendimento-esquerda {
		text-align: center;
		padding-bottom: 60px;
	}

	.atendimento-item-details-text {
		text-align: center;
	}

	.contato-section {
		padding: 50px 20px 50px 20px;
	}

	.logomarca {
    height: 90px;
	}

	.carro-indicado {
	padding: 20px 20px;
	}

	
}

@media (max-width: 768px) {
	/* Estilos aplicados apenas em ecrãs com largura máxima de 768px */

	.steps::before {
        display: none;
      }

      .step {
        margin-bottom: 40px;
      }
}      


@media (max-width: 425px) {

}