html,
body {
    height: 100%;
	scroll-behavior: smooth;
}

footer {
    margin-top: unset!important;
}

h1, h2, h3, h5, h6 {
	text-align: center;
}

h1.titulo {
	text-align: center;
	/*color: #033c86;*/
	color: #2a2f36;
	padding: 1rem 0rem;
	text-transform: uppercase;
	font-weight: bolder;
	font-family: HelveticaNeueBdcn;
}

@media(max-width: 375px) {
	h1.titulo {
		font-size: 2em;
	}

	.subtitulo {
		font-size: 1.25em;
	}
}

p, li {
	font-family: HelveticaNeue;
	font-size: medium;
	padding: .2em 0em;
}

.texto-light {
	color: #666;
}
.carousel-banner {
	height: 60vh;
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

@media (max-width: 768px) {
	.carousel-banner {
		height: 70vh;
	}
}

.carousel-img {
	object-fit: cover;
}

@media(min-width: 768px) {
	.carousel-img.crane {
		object-position: 0% 35%;
	}
	
	.carousel-img.mining {
		object-position: top;
	}
}


/*
	Pequena sombra preta para ser usada em texto branco, para facilitar a leitura
*/
.sombra {
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.subtitulo {
    /*color: #001a3b;*/
	color: #033c86;
	/*color: #2a2f36;*/
    font-weight: bold;
	text-transform: uppercase;
	font-family: HelveticaNeueBdcn;
	letter-spacing: .05em;
}

.introducao {
	color: black;
	font-family: HelveticaNeue;
}

.sobre-nos {
	color: black;
}

.navbar {
	min-height: 25vh;
	display: -ms-flexbox;
    -ms-flex-pack: space-around;
}

.navbar-light .navbar-nav .nav-link {
	color: #325993eb;
	font-size: 1.3em;
	transition: background-color .3s;
	text-transform: uppercase;
	font-family: UbuntuMono-B;
}

.nav-item {
	padding: .2em 1em;
}

/*
.navbar .navbar-collapse {
	text-align: center;
}
*/
/*
@media(max-width: 991px) {
	.icone-home {
		display: none;
	}

	.navbar .navbar-collapse {
		text-align: start;
	}
}
*/

/*
.carousel img {
	opacity: 0.6;
}
*/

/* Necessário para o item 'infraestrutura' (duas listas) */
.infra-lista {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.flex-lista {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.lista-small > li {
	font-size: .8em;
}

.lista-double-column {
	columns: 2;
	list-style-position: inside;
}

.lista-double-column > li {
	margin-right: 3em;
}

@media(max-width: 650px) {
	.lista-double-column {
		columns: 1;
	}
}

@media(max-width: 1024px) {
    .form-fale-conosco {
        margin-bottom: 2em;
    }
}

.bg-gray
{
	background-color: #ececec;
}

.endereco-mapa > address {
    margin-bottom: unset;
	line-height: 2em;
	font-size: 1em;
	font-family: HelveticaNeue;
}

/*
.fale-conosco {
	justify-content: space-evenly;
	display: -ms-flexbox;
    -ms-flex-pack: center;
}
*/

#footer-endereco {
	text-align: left;
	width: 300px;
}

address > h3 {
	text-align: left;
}

address {
	font-size: small;
}

#banner-areas {
	height: 60vh;
	background-image: url(../img/banners/instrumentos.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#banner-eng-mult {
	height: 60vh;
	background:  url(../img/banners/robot-arm.jpg), 
				 url(../img/banners/drill.jpg),
				 url(../img/banners/arquitetura.jpg);
	background-repeat: no-repeat;
	background-position: left, center, right;
	background-size: 33% 100%, 34% 100%, 33% 100%;
	

}

@keyframes aparece {
    from {
        opacity: 0;
        transform: scale(.1);
    }
}

/*	Se a duração é 10 segundos, cada imagem fica na tela (4s * 2) 
por causa do reverse alternate.
	2 Segundos de transição	(no periodo de 40 a 60%)
*/
@keyframes troca-img-bg {
	0% {
		background:  url(../img/banners/robot-arm.jpg), 
				 url(../img/banners/drill.jpg),
				 url(../img/banners/arquitetura.jpg);
		background-repeat: no-repeat;
		background-position: left, center, right;
		background-size: 33% 100%, 34% 100%, 33% 100%;
	}
	40% {
		background:  url(../img/banners/robot-arm.jpg), 
				 url(../img/banners/drill.jpg),
				 url(../img/banners/arquitetura.jpg);
		background-repeat: no-repeat;
		background-position: left, center, right;
		background-size: 33% 100%, 34% 100%, 33% 100%;
	}
	60% {
		background: url(../img/banners/iron.jpg),
					url(../img/banners/guindastes.jpg),
				 	url(../img/banners/rede-eletrica.jpg);
		background-repeat: no-repeat;
		background-position: left, center, right;
		background-size: 33% 100%, 34% 100%, 33% 100%;
	}

	100% {
		background: url(../img/banners/iron.jpg),
					url(../img/banners/guindastes.jpg), 
					url(../img/banners/rede-eletrica.jpg);
		background-repeat: no-repeat;
		background-position: left, center, right;
		background-size: 33% 100%, 34% 100%, 33% 100%;
	}
}

@-moz-keyframes troca-img-bg {
	0% {
		background:  url(../img/banners/robot-arm.jpg), 
				 url(../img/banners/drill.jpg),
				 url(../img/banners/arquitetura.jpg);
		background-repeat: no-repeat;
		background-position: left, center, right;
		background-size: 33% 100%, 34% 100%, 33% 100%;
	}
	40% {
		background:  url(../img/banners/robot-arm.jpg), 
				 url(../img/banners/drill.jpg),
				 url(../img/banners/arquitetura.jpg);
		background-repeat: no-repeat;
		background-position: left, center, right;
		background-size: 33% 100%, 34% 100%, 33% 100%;
	}
	60% {
		background:  url(../img/banners/iron.jpg), 
				 url(../img/banners/guindastes.jpg),
				 url(../img/banners/rede-eletrica.jpg);
		background-repeat: no-repeat;
		background-position: left, center, right;
		background-size: 33% 100%, 34% 100%, 33% 100%;
	}

	100% {
		background:  url(../img/banners/iron.jpg), 
				 url(../img/banners/guindastes.jpg),
				 url(../img/banners/rede-eletrica.jpg);
		background-repeat: no-repeat;
		background-position: left, center, right;
		background-size: 33% 100%, 34% 100%, 33% 100%;
	}
}

@-webkit-keyframes troca-img-bg {
	0% {
		background:  url(../img/banners/robot-arm.jpg), 
				 url(../img/banners/drill.jpg),
				 url(../img/banners/arquitetura.jpg);
		background-repeat: no-repeat;
		background-position: left, center, right;
		background-size: 33% 100%, 34% 100%, 33% 100%;
	}
	40% {
		background:  url(../img/banners/robot-arm.jpg), 
				 url(../img/banners/drill.jpg),
				 url(../img/banners/arquitetura.jpg);
		background-repeat: no-repeat;
		background-position: left, center, right;
		background-size: 33% 100%, 34% 100%, 33% 100%;
	}
	60% {
		background:  url(../img/banners/iron.jpg), 
				 url(../img/banners/guindastes.jpg),
				 url(../img/banners/rede-eletrica.jpg);
		background-repeat: no-repeat;
		background-position: left, center, right;
		background-size: 33% 100%, 34% 100%, 33% 100%;
	}

	100% {
		background:  url(../img/banners/iron.jpg), 
				 url(../img/banners/guindastes.jpg),
				 url(../img/banners/rede-eletrica.jpg);
		background-repeat: no-repeat;
		background-position: left, center, right;
		background-size: 33% 100%, 34% 100%, 33% 100%;
	}
}

#banner-fale-conosco {
	height: 60vh;
	background-image: url(../img/banners/contact-us.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

@media(max-width: 768px) {
	#banner-eng-mult {
		height: 30vh;
	}

	#banner-areas {
		height: 30vh;
	}

	#banner-fale-conosco {
		height: 30vh;
	}
	.fale-conosco {
		padding-left: 0!important;
		padding-right: 0!important;
	}
}

/*	Caso especial pois os icones no lado direito da imagem ficam pela metade dependendo do tamanho	*/
@media(max-width: 550px) {
	#banner-fale-conosco {
		height: 30vh;
	}
}

@media(max-width: 425px) {
	#banner-eng-mult {
		height: 30vh;
	}

	#banner-areas {
		height: 30vh;
	}

	#banner-fale-conosco {
		height: 30vh;
	}
}

/*	Botao no canto inferior direito que volta a tela para o topo	*/
.botao-topo {
	display: none;
	z-index: 99;
	position: fixed; /* Fixed/sticky position */
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	color: #4d63a7d9;
	font-size: 3em;
}

@media(max-width: 680px) {
	.botao-topo {
		font-size: 2em;
		right: 20px;
	}
}

/*	Para a row ocupar toda a largura da tela	*/
.row {
	margin: 0;
}

/*	Hide and pre load images*/
.pre-load {
	display: none;
	position:absolute; 
	width:0; 
	height:0; 
	overflow:hidden; 
	z-index:-1;
}

.blend-footer {
	font-family: UbuntuMono-B;
	text-transform: uppercase;
	font-size: medium;
	margin-top: 5px;
	font-weight: 600;
}

[data-toggle~="collapse"] {
    cursor: pointer;
}

.texto-teste-fonte {
	font-family: HelveticaNeue;
}

.texto-teste-fonte > li {
	font-size: 1.1em;
}

.flex-lista > ul.mult-lista,
div.mult-lista
 {
	width: 300px;
}

.alert {
	margin: 0;
}

a.linkedin:hover {
	color: #FFF;
}

.img-text-subtitulo {
	text-transform: uppercase;
	font-weight: 600;
	font-family: HelveticaNeueBdcn;
}

.navbar-logo {
	max-width: 245px;
}

@media(max-width: 375px) {
	.navbar-logo {
		max-width: 200px;
	}
}

@media(max-width: 310px) {
	.navbar-logo {
		max-width: 150px;
	}
}