@font-face {
  font-family: 'Calibri';
  src:  url('../fonts/Calibri.ttf')  format('truetype'), 
  url('../fonts/Calibri.svg#Calibri') format('svg'),
  url('../fonts/Calibri.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


body{
 font-family: 'Calibri';
}
strong{color:  #114891}

ol, ul {
    list-style: none outside none;
}
.no-padding{padding: 0px!important}

.divider{
	border: 1px solid;
    height: 25px;
    vertical-align: middle;
    display: block;
}
/*HEADER*/

.topo{
	background-color:#323232;
	color: white;
	font-size: 14px;
	padding: 15px 0px;
}

.topo i{
    font-size: 20px;
    margin-right: 8px;
}

.topo p{margin-top: -4px}
.preHeader{
	padding: 20px 0px 50px;
	background-image: url(../img/bg-listrado.png);
}

.preHeader .row{
	margin-left: -15px;
    margin-right: -25px;
}

.preHeader .row .col-md-3{
	padding:0px;
}

.preHeader ul{
	margin-top: 40px;
}

.preHeader ul li{
	display: inline;
	border-right: 1px solid;
	border-color: #323232;
	text-transform: uppercase;
	padding: 0px 10px;
	font-size: 17px;
}

.preHeader ul li:first-child{
	padding: 0px 10px 0px 0px;
}

.preHeader ul li:last-child{
	border-right: 0px solid;
}

.preHeader a {
    color: #323232;
    text-decoration: none;
}

.preHeader a:hover, a:focus {
    color: #323232;
    text-decoration: none;
}

.preFooterList ul{text-align: center}
.preFooterList ul li:hover{text-decoration: underline}
nav.navbar.navbar-expand-sm.navbar-light{
	padding: 0px
}

.otherNav{display: none;}

.navPrincipal{
	margin: -29px 0px 0px;
	position: relative;
    z-index: 6;
}

.navPrincipal .container{
	background-color: #114891;
}

.navbar-light .navbar-nav .nav-link {
	color: white;
    padding: 28px;
}

.navbar-light .navbar-nav .nav-link:hover {
	color: white;
	background-color: #000000;
	transition: 0.5s ease;
}

.navPrincipal ul li{
	display: inline;
	text-transform: uppercase;
	color: white;
	font-size: 17px
}

.navPrincipal ul li:first-child{
}

.navPrincipal ul li:last-child{
	border-right: 0px solid;
}

.navbar-nav{
	line-height: 0px !important;
}

.navbar-nav li a{
	padding: 35px
}


/*Linhas de Produto*/
.linhasDeProduto{
	text-align: center;
	margin-top: 50px !important;
    margin-bottom: 60px;
}
.linhasDeProduto .container{padding: 10px}

.linhasDeProduto h2{
	color: #114891;
	font-size: 25px;
	line-height: 0px;
}

hr.linhaz {
    border-top: 1px solid #114891;
}


.linhasDeProduto p{
	color: #494949;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 45px
}

.linhaDeProdutoHovers img:hover{
 	transition: 0.5s ease;
 	background-color: blue;
}

.linhaDeProdutoHovers{
	color: #494949;
	font-size: 14px;
	text-transform: uppercase;
}

.linhaDeProdutoHovers:hover{
    color: #494949;
    text-decoration: none;
    transition: 0.5s ease;
}

.linhaDeProdutoHovers p{
	line-height: 45px;
    margin-bottom: 3px;
}

.appearOverlay .tint {
	position: relative;
	/*float: left;*/
	cursor: pointer;
	overflow: hidden;
	margin-bottom: 0px;
	border: 1px solid #d9d9d9;
}

.appearOverlay .tint:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: none;
}

.appearOverlay:hover .tint:before {
	background: rgba(17,72,145, 0.7);
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.titleLinhaDeProdutoHovers{
	font-weight: bold;
	font-size: 18px !important;
	line-height: 53px;
}

.appearOverlay:hover .titleLinhaDeProdutoHovers{
	text-decoration: none;
	color: #114891;
}

.middle {
	transition: .5s ease;
	display: none;
	position: absolute;
	top: 41%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
	color:white;
}

.middle p {
    color: white;
    line-height: 16px;
    text-transform: initial;
    width: 200px;
}

.middle i{font-size: 30px;}

.appearOverlay:hover .middle{
	display: block
}

.text {
  color: white;
  font-size: 16px;
}



/*Sobre Aesco*/

.sobreAesco{
	background-image: url(../img/bg_grad.png);
	color: white;
	padding: 40px 0px;
	background-repeat-x: repeat;
    background-repeat-y: no-repeat;
    background-size: contain;
}

.sobreAesco h2{
	text-transform: uppercase;
}


.sobreAesco hr{
    color: white !important;
    width: 85px;
    text-align: left;
    margin: 0px;
    border-top: 1px solid white;
}

.sobreAesco .sobreAescoTextCenter{
	font-size: 15px;
	padding: 0px 30px 10px 30px;
}

.atendimento{
	border-left: 1px solid white
}

.atendimento p{
	font-size: 15px;
}

.atendimento ul{
	padding-left: 0px;
}

.atendimento ul li{
	font-size: 17;
}
/*Servicos Oferecidos*/
.servicosOferecidos{
	background-image: url(../img/bg-listrado.png);
	padding: 35px 0px;
	color: #323232;
}

.servicosOferecidos .row{
	padding: 20px 0px 10px 0px;
}


.servicosOferecidos h2{
	text-transform: uppercase;
	color: #114891;
	font-size: 26px
}

.servicosOferecidos hr{
    color: white !important;
    width: 100px;
    text-align: left;
    margin: 0px;
    border-top: 1px solid #114891;
}

.servicosOferecidos p{
	line-height: 17px;
}

.servicosOferecidos .servicosOferecidosH{
    text-align: center;
    padding: 11px;
    font-size: 22px;
    margin-bottom: 0px;
}

.servicosOferecidos .servicosOferecidosDescription {
	text-align: center;
    color: #8b8b8b;
    font-size: 16px;
}

.maps{
	padding:0px;
}

.googleMaps{
	height: 330px
}

.footerSite{
	text-align: center;
    margin-top: -35px;
    margin-bottom: 20px;
}

.endereco{
	background-color:#114891;
	color: white;
	font-size: 26px; 
}

.endereco p{
	margin-top: 14px; 
}

.footerRowOne{
	margin-top:30px
}

.footerRowOne ul li, .footerRowTwo ul li{
	display: inline;
	border-right: 1px solid;
	border-color: #323232;
	text-transform: uppercase;
	padding: 0px 10px;
	font-size: 15px;
}
.footerRowTwo ul li{
	border-color: #114891;
}


.footerRowTwo ul li{
	font-size: 17px;
}


.footerRowOne ul li:first-child,.footerRowTwo ul li:first-child{
	padding: 0px 10px 0px 0px;
}

.footerRowOne ul li:last-child, .footerRowTwo ul li:last-child{
	border-right: 0px solid;
}

.footerRowOne a{
    color: #323232;
    text-decoration: none;
}

.footerRowTwo a{
    color: #114891;
    text-decoration: none;
}


.footerRowOne a:hover, a:focus {
    color: #323232;
    text-decoration: underline;
    font-weight: bold;
}

.footerRowTwo a:hover, a:focus {
    color: #114891;
    text-decoration: underline;
    font-weight: bold;
}

.footerFinal{
	font-size: 12px;
	color: #545454;
}

.footerFinal img{
	margin-bottom: 5px;
}








/*PRODUTOS PAGE*/

.produtoInterna{
	margin-top: 0px;
}

.produtoInterna .produtoBlocks{
	margin-bottom: 15px;
}

/*PRODUTO PAGE INTERNA*/

.produtoInternaTitle{
	font-weight: bold;
	color: #114891;
	font-size: 19px !important;
}

.produtoInternaPage{

}

.produtoInternaPage p{
	line-height: 20px;
	text-align: left;
	color: #4a4a4a;
	padding: 10px;
}

.produtoInternaPage .download{
	text-align: left;
}

.produtoInternaPage .contentTopProdutoInterna{
  margin-bottom: 0px
}

.produtoInternaPage .contentTopProdutoInterna img{
	border: 1px solid #d9d9d9;
}

.produtoInternaPage .productListContainer p{
	text-align: center;
	color: #393939;
	text-transform: uppercase;
	font-size: 16px;
	line-height: ;
}
.produtoInternaPage .productListContainer img{
    padding: 30px;
    border: 1px solid #d9d9d9;
    width: 135px;
    height: 125px;;
}


.produtoInternaPage .productListContainer h3{
	font-size: 19px;
    color: #114891;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 20px;
}

/*DOWNLOAD MODULE*/

.download{
	font-size:18px;
	padding: 0px;
	margin-bottom:50px;
	margin-top: 20px;
}

.download img{
	width: 35px;
    margin-top: -3px;
}


.download a{
	color: #b43337;
}
.download a:hover{
	color: #b43337;
	text-decoration: none
}
.download span{
	font-weight: bold;
}


/*BACK MODULE*/


.back{
	font-size:19px;
	padding: 0px;
	margin-bottom:40px;
	margin-top: 20px;
	text-align: left !important;
	text-decoration: none !important;
}

.back a{
	color: #114891;
	text-decoration: none !important;
}
.back a:hover{
	color: #114891;
	text-decoration: none !important;
}


/*TITLE MODULO*/
 .internaTitle{
	text-align: left;
	color: #323232;
	margin-bottom: 40px;
}

 .internaTitle h2{
	color: #323232;
	line-height: 20px
}


 .internaTitle span{
	text-align: left;
	color: #114891;
	font-size: 30px
}

 .internaTitle hr{
    color: white !important;
    width: 100px;
    text-align: left;
    margin: 0px;
    border-top: 1px solid #114891;
}


.catalogosDownload h2{
	color: #114891;
	font-size: 26px;
	font-weight: ;
}

.catalogosDownload p{
	    line-height: 15px;
    text-align: left;
    font-size: 16px;
}

.catalogosDownload span{color:  #114891}
.catalogosDownload a{
	color:  #114891;
	text-decoration: underline;
}

.catalogosDownload .listaCatalogos{
	text-align: left;
	padding: 20px;
}

.catalogosDownload .listaCatalogos col-md-1{
	text-align: center
}

.catalogosDownload .listaCatalogos .col-md-11{
    padding: 0px 0px 15px 0px;
	border-bottom: 1px solid #e8e8e8 !important;
}

.catalogosDownload .listaCatalogos i{
	font-size: 33px; 
	color: #114891;
}

.catalogosDownload .listaCatalogos h5{
	font-size: 28px;
	color: #114891;
}

.catalogosDownload .listaCatalogos p{
	margin-bottom: 0px;
	color: #8d8d8d;
	font-size: 18px;
	line-height: 21px;
}

.catalogosDownload .listaCatalogos a{
	text-decoration: none;
}

.catalogosDownload .listaCatalogos a:hover{
	text-decoration: none;
}

.catalogosDownload .dataPub{
	color: #4b4b4b !important;

}

.catalogosDownload .listaCatalogos:hover{
	background-color: #fbfbfb
}

.my-slide{
	display:block;
}
/*.produtoInterna .produtoBlocks .linhaDeProdutoHovers:hover p{
    text-decoration: none;
}*/


/* Extra small devices (portrait phones, less than 576px)*/
/* No media query since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 
	.download{
		font-size: 16px;
	    padding: 7px;
	    margin-bottom: 35px;
	}

	.catalogo-subtitle{
		padding: 0px 2px;
	    font-size: 16px;
	    text-align: center;
	}
	.back{padding: 0px 12px;}

}


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
	.topo .col-md-4, .topo .col-md-2{
		text-align: right;
	}
	.navPrincipal{
		margin: -29px 0px 0px 18px;
	}
 }
@media (max-width: 768px) { 
.topo .row{text-align: center!important}
.logo-header.autospacinglogo{margin-right: auto!important;
    margin-left: auto!important;
}

.sobreAesco .sobreAescoTextCenter {
    
    padding: 24px 30px 10px 30px;
   
}

.atendimento {

    margin-top: 31PX;
}
.logo-header{
	    margin: 0 auto;
}

#myCarousel .carousel-inner {
    height: 157px !important;
}


i.fa.fa-search {
    left: 30px !important;
    top: 21px !important;
   
}



}
/* Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {
	.divider{
		display: none !important;
	}
	/*.otherNav{
		display: block !important;
	}*/
	.navbar-light .navbar-nav .nav-link {
    color: white;
    padding: 29px 17px !important;
	}


	.camposObrigatorios {
    padding: 0px 0px 0px 90px !important;
        font-size: 14px !important;
	}

	.btn-primary {
	    margin-top: -25px !important;

	}

	.produtoInternaPage .productListContainer img {
	    width: 135px;
	    height: 90px;
	}
}




/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}

@media (max-width: 1200px) {
	.nav-link{font-size: 14px}
	.nav-link{font-size: 14px}
	.preHeader ul li {font-size: 13px!important}
	.topo{font-size: 12px;}

}

.chamadaBanner{
	width: 100%;
    height: 50px;
    background-color: rgba(0,0,0,0.5);
    position: relative;
    bottom: 60px;
    left: 0px;
}

.chamadaBanner p{
    text-align: center;
    color: white;
    /* font-weight: bold; */
    font-size: 28px;
    line-height: 49px;
    vertical-align: center;
}

.contato p{
	color: #494949;
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 45px;
    text-align: left;

}

.contato span{
	color: #114891;
	font-weight: bold;
}

.contato h2{
	font-size: 20px;
	color: #114891;
	font-weight: bold;
}