@viewport {
	zoom: 1.0;
	width: device-width
}
@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';
@import 'https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap';
@import 'https://fonts.googleapis.com/css2?family=Muli:wght@100..900&display=swap';
@import 'botoes.css';
@import 'icon-img.css';
@import 'navbar.css';
@import 'keyframes.css';

/*Fonte padrão do site */
body {
	font-family: 'Roboto', sans-serif;
	background: #FFF;
    font-size: 21px;
	overflow-x: hidden;
}
.carousel-caption {
	background-color: rgba(0, 161, 154, 0.3);
	color: #FFF;
	text-align: center;
	position: absolute;
	bottom: 100px;
	/*left: 30px;*/
	z-index: 10;
	padding: 10px 10px 10px 10px;
	width: auto !important
}
            .background-image {
            position: relative;
            width: 100%;
            height: 450px; /* Ajuste a altura conforme necessário */
            background-size: cover;
            background-position: center;
            animation: pulse 1s ease-in-out;
            }
            .overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            }
/* cor da vitrine */
.panel-custom {
	background: #00A19A !important;
	color: #FFF !important;
	border-radius: 0px;
	font-weight: bold;
}
.panel-imobiliarios { /*para internos também */
	background: #00A19A !important;
	color: #FFF !important;
	border-radius: 0px;
	font-weight: bold;
}
.panel-tecnologia { /*para internos tmabém */
	background: #00A19A !important;
	color: #FFF !important;
	border-radius: 0px;
	font-weight: bold;
}
.panel-veiculos {
	background: #212529 !important;
	color: #FFF !important;
	border-radius: 0px;
	font-weight: bold;
}

.panel-casa {
	background: #FFC107 !important;
	color: #FFF !important;
	border-radius: 0px;
	font-weight: bold;
}
.panel-empresarial {
	background: #0D6EFD !important;
	color: #FFF !important;
	border-radius: 0px;
	font-weight: bold;
}
.panel-eventos {
	background: #417F04 !important;
	color: #FFF !important;
	border-radius: 0px;
	font-weight: bold;
}

.panel-viagem {
	background: #0DCAF0 !important;
	color: #FFF !important;
	border-radius: 0px;
	font-weight: bold;
}
.panel-vida {
	background: #82C046 !important;
	color: #FFF !important;
	border-radius: 0px;
	font-weight: bold;
}
.panel-body {
	background: #FBFBFB !important;
	font-size: 17px !important;
}

/* tamanho e cor dos icones na vitrine*/
.icon-col {
	color: #000;
	background-color: FFF;
	font-size: 70px;
	padding-top: 30px;
	padding-bottom: 20px
}

.icon-col a {
	color: #202856
}

.icon-col a:hover {
	color: #224EA0
}

/* cor bkgr footer */
.container-footer {
	background-color: #00A19A;
    color: #fff !important;
    width: 100%;
	font-size: 18px;
	padding-top: 40px
}

/* gerais */


.img-logo {
	display: block; /* Para remover o espaço extra abaixo da imagem */
	max-width: 100%; /* Para garantir que a imagem não ultrapasse a largura do seu contêiner */
	height: auto; /* Para manter a proporção da imagem */
}

h1 {
	color: #000;
	font-size: 34px;
	font-weight: bold;
	text-decoration: none
}

h2 {
	color: #000;
	font-size: 30px !important;
	font-weight: bold;
	text-decoration: none;
	text-align: center
}

.span-h2 {
	color: #333;
	font-size: 30px !important;
	text-align: center
}

.container-content {
	padding: 20px 0px;
	background-color: #FFF;
	text-align: justify
}

.container-rodape {
	font-size: 18px;
	text-align: left
}

.container-saudacao {
	display: none
}

.col-top {
	border: 1px solid #FFF;
	text-align: right;
	font-size: 12px;
	min-height: 120px
}

.col-top p {
	font-size: 14px;
	font-weight: normal;
    margin-left: 0 !important;
}

.menu img {
	margin-bottom: 10px
}

.wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 40px;
	padding-bottom: 20px
}

.number {
 font-size: 21px;
	font-weight: bold;
	width: 80px;
	height: 80px;
	border: 1px solid #ccc;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

.imgFa {
	background: #FFF !important;
	color: #496bc6 !important
}

.vitrine {
	padding: 0 10px;
	background-color: #FFF
}

.img-thumbnail {
	margin-bottom: 10px;
	display: flex;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
}

.img-thumbnail:hover {
	box-shadow: 0 0 1em rgba(215, 215, 215, 1.0);
	border-radius: 10px;
	filter: grayscale(50%)
}

/*blur(1px)*/
.btn {
	font-size: 18px;
	margin-bottom: 3px
}

.btn-left {
	text-align: left
}

/*Botoes navegação topo*/
.btn-menu {
	padding-top: 5px;
	padding-bottom: 5px
}

.btn-menu .btn {
	font-size: 16px !important;
	margin: 5px 0px 5px 5px !important;
	width: 185px
}

/*Botoes atendimento rápido*/
.btn-banner {
	font-size: 18px !important;
	padding-top: 5px
}

.btn-banner .btn {
	font-size: 18px !important;
	margin-bottom: 5px !important;
	width: 195px
}

/*Botoes navegação rodapé*/
.btn-social {
	padding-top: 5px
}

.btn-social .btn {
	font-size: 17px !important;
	margin-left: 15px !important;
	margin-bottom: 5px !important;
	width: 195px
}

/*Botoes submenu*/
.btn-text {
	font-size: 20px !important;
	transition-duration: .3s;
	text-decoration: none !important;
	color: #294B8B !important;
	border-radius: 5px;
	background-color: #FFF;
	border: 1px solid #294B8B;
	white-space: normal;
	margin: 5px
}

.btn-text:hover {
	padding-left: 20px;
	font-weight: bold !important;
	background-color: #E7EBF3;
	border: 1px solid #294B8B;
	-webkit-box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, .07);
	-moz-box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, .07);
	box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, .07)
}

.btn-text:hover::after {
	transition-delay: 1.5s;
	content: " \27A1  "
}

/*carrossel*/

.carousel img {
	background: #FFF;
	width: 100%;
	text-align: center !important
}

/*.carousel-caption {
    margin-left: 200px !important;
}*/
.carousel-caption h3 {
    color: #FFF;
	font-family: 'Muli', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 50px;
	text-shadow: 4px 2px 4px rgba(0, 161, 154, 1.0);
    margin-bottom: 0;
	margin-top: 6px !important;
	text-align: left;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #474747;
  animation: pulse 3s ease-in-out;
}

.carousel-caption p {
	font-size: 35px;
	margin-top: 0;
	text-align: left
}

/* PARA TELAS MENORES QUE 1280PX */
.container-main {
	max-width: 1280px;
	width: 95%
}

.carousel-caption {
    margin-left: 0px !important;
    margin-bottom: 50px !important;
}
.carousel-caption h3 {
    color: #FFF;
    font-size: 40px;
	text-shadow: 4px 2px 4px rgba(0, 0, 0, 1.0);
    margin-bottom: 0;
	margin-top: 6px !important;
	text-align: left;
}

.carousel-caption p {
	font-size: 25px;
	margin-top: 0;
	text-align: left
}

.slide-col {
	max-width: 1280px;
	display: flex;
	text-align: center !important;
	background-color: #EAEAEA;
	margin: 0 auto;
	width: 95%
}

/* PARA TELAS MAIORES OU IGUAL A 1280PX */

@media (min-width: 1281px) {
	.container-main {
		width: 1270px
	}
    .carousel-caption {
    margin-left: 0px !important;
    margin-bottom: 50px !important;
}
.carousel-caption h3 {
    color: #FFF;
    font-size: 50px;
	text-shadow: 4px 2px 4px rgba(0, 0, 0, 1.0);
    margin-bottom: 0;
	margin-top: 6px !important;
	text-align: left;
}

.carousel-caption p {
	font-size: 35px;
	margin-top: 0;
	text-align: left
}

	.slide-col {
		width: 1250px;
		display: flex;
		text-align: center !important
	}
	margin: 0 auto;
}

/* PARA SMARTPHONES */

@media (max-width:768px) and (min-width:1px) {
	body {
		background: #FFF;
		font-size: 24px !important;
		font-family: 'Roboto', sans-serif;
		overflow-x: hidden;
	}

.carousel-caption {
    margin-left: 0px !important;
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}
.carousel-caption h3 {
    color: #FFF;
    font-size: 38px;
	text-shadow: 4px 2px 4px rgba(0, 0, 0, 1.0);
	margin-top: 0px !important;
	margin-bottom: -50px !important;
	text-align: center !important;
}

.carousel-caption p {
 font-size: 21px;
	text-align: center !important;
}

	h1 {
		font-size: 30px !important;
		text-align: center
	}

	h2 {
		font-size: 28px !important;
		text-align: center
	}

	ul,
	li {
		text-align: left !important
	}

	.container-saudacao {
		display: inline;
		text-align: center
	}

	.container-slide {
		display: none
	}

	.col-top {
		text-align: center !important;
		padding-bottom: 0px;
		min-height: 100px
	}
.col-top h1 {
	font-size: 16px !important;
	font-weight: normal;
}
	.col-logo {
		text-align: center !important;
		padding-bottom: 0px;
		font-size: 14px;
	}

	.btn {
		font-size: 17px;
		margin-bottom: 10px
	}

	.container-rodape {
		font-size: 16px !important;
		text-align: center !important
	}

	.container-footer {
		font-size: 15px;
		text-align: center;
		padding-top: 30px
	}

	.btn-menu .btn {
		font-size: 18px !important;
		margin: 5px 0px 5px 0px !important;
		width: 270px
	}

	.btn-social {
		font-size: 18px !important;
		padding-top: 5px
	}

	.btn-social .btn {
		font-size: 18px !important;
		margin-bottom: 5px !important;
		width: 270px
	}

	.btn-banner {
		font-size: 18px !important;
		padding-top: 5px
	}

	.btn-banner .btn {
		font-size: 18px !important;
		margin-bottom: 5px !important;
		width: 200px
	}

	.img-thumbnail {
		margin-bottom: 15px
	}

	.img-logo {
        margin: 0 auto;	/* Para centralizar horizontalmente a imagem */
		margin-bottom: 5px;
		text-align: center !important
	}
}

.form-control {
	height: 50px;
	font-size: 17px;
}

.align-center {
	display: flex;
	justify-content: center;
	align-items: center;
}