@import url('../fontes/akrobat.css');
@import url('hamburger-menu.css');

body{
	font-family: 'akrobatregular';
	background-color: #f8f8f8;
	overflow-x: hidden;
}

p{
  text-align: justify;
}

.modal{
	z-index: 99999 !important;
}

.menu-hamburger{
	display: none;
	width: 80px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: 25px;
	z-index: 9999;

}

#menu-mobile{
	display: none;
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 9995;
	top: 0;
	right: -100vw;
	background-color: #FFF;
}

/******************************************
	SUPERIOR E MENU PRINCIPAL
******************************************/
.logo-principal img{
	width: 100%;
	max-width:275px
}

#header-menu{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index:9999;
	padding-top:10px;
	padding-bottom: 10px;
	background-color: rgba(255,255,255,0.8);
}

.menu-container{
	text-align:right;
	padding-top:10px
}

.container-social{
	margin-bottom: 10px;
}

.container-social a{
	margin-right: 15px;
	color:#0370b8
}

.container-social a:last-child{
	margin: 0;
}

.container-social a:hover{
	text-decoration: none;
}

.menu-principal-container{
	float: right;
}

.menu-principal-container a{
	text-align: right;
	display:block;
	float:left;
	margin-right:20px;
	color:#1f468b
}

.menu-principal-container a:last-child{
	margin: 0;
}

.menu-principal-container a:hover{
	text-decoration: none;
}

.menu-principal-container a span:first-child{
	display: block;
	font-family: 'akrobatthin';
	margin-bottom:-3px
}

.menu-principal-container a span:last-child{
	font-family: 'akrobatblack';
	font-size:1.1em
}

/******************************************
	BOOTSTRAP 4 CARROUSSEL
******************************************/

/******************************************
	TOPO PAGINAS INTERNAS
******************************************/

.topo_{
	height:400px;
	position:relative;
}

.topo_ > div:first-child{
	background-color: rgba(255,255,255, 0.2);
	height:100%;
	width:100%;
	position:relative;
	display:table
}

.topo_ > div h1{
	margin-bottom: 75px;
	font-family: 'akrobatextrabold';
  color: #FFF;
  text-shadow: 2px 2px 4px #000000;
}

.topo_ > div:first-child > div{
	display: table-cell;
	vertical-align:bottom;
	text-align:center
}

.topo_ > div:last-child{
	position: absolute;
  bottom:0;
  left:0;
  width: 100%;
}

.topo_sobreapier{
	background:url(../images/apier-background.jpg) center center no-repeat;
	background-size:cover;
}

.topo_faq{
	background:url(../images/faq-background.jpg) center center no-repeat;
	background-size:cover;
}

.topo_nossosservicos{
	background:url(../images/servicos-background.jpg) center center no-repeat;
	background-size:cover;
}

.topo_clientes{
  background:url(../images/clientes-background.jpg) center center no-repeat;
  background-size:cover;
}

.topo_sejaclientes{
  background:url(../images/cliente-background.jpg) center center no-repeat;
  background-size:cover;
}

.topo_pataamiga{
  background:url(../images/imagem-patast.jpg) center center no-repeat;
  background-size:cover;
}

/******************************************
	TOPO PAGINAS INTERNAS
******************************************/

/******************************************
	BOOTSTRAP 4 CARROUSSEL
******************************************/

.header-accordion-pier{
	border: none !important;
	padding-left: 0;
}

.header-accordion-pier .titulo_item_faq{
	font-size: 1.6em;
	color: midnightblue;
	font-family: 'akrobatsemibold' !important;
	padding-left: 0;
	letter-spacing: -0.5px;
	cursor: pointer;
	padding-bottom: 25px;
	display: block;
}

/******************************************
	INDEX
******************************************/
.sobre-empresa-home{
	padding-top:150px; padding-bottom:150px;
}

.sobre-empresa-home > div{
	margin:0
}

/******************************************
	INDEX
******************************************/

/******************************************
	BOOTSTRAP 4 CARROUSSEL
******************************************/
.skyblue {
	background-color: #22c8ff;
}

.carousel-indicators {
	bottom: 0;
}
.carousel-control.right,
.carousel-control.left {
	background-image: none;
}
.carousel-item {
	min-height: 350px;
	height: 100%;
	width:100%;
}

.carousel-caption{
	bottom: 25%;
}

.carousel-caption h3,
.carousel .icon-container,
.carousel-caption button,
.carousel-caption p,
.carousel-caption a {
	/*background-color: #09c;*/
	text-transform: uppercase;
	color: #162e44;
}
.carousel-caption h3 {
	padding: .5em;
	color:#FFFFFF;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	font-family: 'akrobatblack';
	font-size: 2.5em
}
.carousel .icon-container {
	display: inline-block;
	font-size: 25px;
	line-height: 25px;
	padding: 1em;
	text-align: center;
	border-radius: 50%;
}
.carousel-caption button {
	border-color: #00bfff;
	margin-top: 1em;
}

.carousel-caption a{
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid #FFF;
	display: block;
	padding: 10px;
	width: 320px;
	text-align: center;
	margin: 25px auto;
}

.carousel-caption a:hover{
	text-decoration: none;
}

/* Animation delays */
.carousel-caption h3:first-child {
	animation-delay: 1s;
}
.carousel-caption h3:nth-child(2) {
	animation-delay: 2s;
}
.carousel-caption button {
	animation-delay: 3s;
}
/******************************************
	BOOTSTRAP 4 CARROUSSEL
******************************************/

.container_servicos{
	margin-top: 150px;
	margin-bottom:150px;
}

.container_servicos_bio{
	margin-bottom: 75px;
}

.bio_abordagem{
	margin-bottom: 75px;
	background:url(../images/trash12.jpg) center center no-repeat;
	background-size:cover;
	padding:0;
}

.bio_contrato{
	margin-bottom: 75px;
	background:url(../images/trash14.jpg) center center no-repeat;
	background-size:cover;
	padding:0;
}

.bio_coleta{
	margin-bottom: 75px;
	background:url(../images/trash3.jpg) center center no-repeat;
	background-size:cover;
	padding:0;
}

.bio_transporte{
	margin-bottom: 75px;
	background:url(../images/trash9.jpg) center center no-repeat;
	background-size:cover;
	padding:0
}

.bio_tratamento{
	margin-bottom: 75px;
	background:url(../images/trash10.jpg) center center no-repeat;
	background-size:cover;
	padding:0;
}

.bio_disposicao{
	margin-bottom: 75px;
	background:url(../images/trash11.jpg) center center no-repeat;
	background-size:cover;
	padding:0;
}

.bio_coleta > div,
.bio_transporte > div,
.bio_tratamento > div,
.bio_disposicao > div,
.bio_contrato > div,
.bio_abordagem > div{
	display: table;
	width:100%;
	height:100%;
	background-color:rgba(22,46,68,0.7);
}

.container_servicos_bio > div{
	padding-top: 45px;
	padding-bottom:45px;
}

.container_servicos_bio a{
	display: block;
	width:320px;
	color:royalblue;
	border:1px solid royalblue;
	text-align:center;
	padding:12px 5px;
}

.container_servicos_bio h3{
	margin-bottom: 45px;
}

.bio_coleta > div > div,
.bio_transporte > div > div,
.bio_tratamento > div > div,
.bio_disposicao > div > div,
.bio_contrato > div > div,
.bio_abordagem > div > div{
	display: table-cell;
	vertical-align:middle;
	text-align:center;
}

@media only screen and (max-width : 1900px) {




}



@media only screen and (max-width : 1200px) {


	.menu-principal-container a span:last-child{
		font-family: 'akrobatblack';
		font-size:1.1em
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {



}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {


}

/* Extra Small Devices, Phones */
@media (min-width : 240px) and (max-width : 480px) {

	#header-menu{
		padding: 0;
	}

	#logo-principal{
		padding: 40px;
		padding-top: 20px;
		padding-left: 0;
		text-align: left;
	}

	#logo-principal img{
		max-width: 240px;
	}

	.menu-container{
		display: none;
	}

	.menu-hamburger{
		display: block;
	}

	#menu-mobile{
		display: block;
	}

	.menu-principal-container{
		float: none;
		padding-left: 35px;
	}

	.menu-principal-container a{
		text-align: left;
		display:block;
		float:none;
		margin-right:20px;
		color:#1f468b;
	}

	.menu-principal-container a:last-child{
		margin: 0;
	}

	.menu-principal-container a:hover{
		text-decoration: none;
	}

	.menu-principal-container a span:first-child{
		display: block;
		font-family: 'akrobatthin';
		margin-bottom:-3px
	}

	.menu-principal-container a span:last-child{
		font-family: 'akrobatblack';
		font-size:1.2em
	}

	.container-social a{
		display: block;
	}

	.carousel-caption a{
		width: 100%;
	}
}