@import url(fonts.css);
@import url(layout.css);
@import url(index.css);
@import url(linea-productos.css);
@import url(marcas.css);
@import url(acerca-de.css);
@import url(servicios.css);
@import url(contacto.css);
@import url(proyectos.css);
@import url(mercados.css);
@import url(blog.css);
@import url(responsivo.css);

strong{
	font-weight: bold !important;
}

.icons-row{
margin: 25px 0 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.icons-row.three{
margin: 25px 0 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.icons-row .icon .content-icon .img{
background: black;
height: 116px;
display: flex;
justify-content: center;
align-items: center;
}
.icons-row .icon .content-icon .image{
height: 116px;
display: flex;
justify-content: center;
align-items: center;
}
.icons-row .icon .content-icon{
max-width: 95%;
margin: 0 auto;
text-align: center;
}
.icons-row .icon .content-icon .img img{
max-width: 90px;
margin: 0 auto;
display: block;
}
.icons-row .icon .content-icon .image img{
max-width: 120px;
margin: 0 auto;
display: block;
}
.icons-row .icon .content-icon h4{
font-size: 15px;
}
.icons-row .icon .content-icon p{
font-size: 13px;
line-height: 1.3;
}


.sides{
margin: 25px 0;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.sides .side.text{
width: 60%;
}
.sides .side.text ul li{
	font-size: 16px;
}
.sides .side.text a{
	color: #f78f1e;
}
.sides .side.img{
width: 40%;
padding: 0 20px;
}
h6{
  font-size: 10px;
  text-align: center;
}
h6.float{
  position: absolute;
  top: 33px;
  left: 50%;
  transform: translateX(-50%);
}


.components-row{
margin: 25px 0 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.components-row .component .content-component .img{
height: 140px;
display: flex;
justify-content: center;
align-items: center;
}
.components-row .component .content-component{
max-width: 95%;
margin: 0 auto;
text-align: center;
}
.components-row .component .content-component .img img{
max-width: 90px;
margin: 0 auto;
display: block;
}
.components-row .component .content-component .text a{
color: #f78f1e;
font-size: 15px;
line-height: 1.3;
}

.text h2, .text h3, .text h4{
	font-weight: bold;
	font-family: 'ProximaNovaBold'
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.text iframe{
	max-width: 100% !important;
}
.icons-row{
  margin: 25px 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr !important;
}
.components-row{
  margin: 25px 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr !important;
}
.sides {
  flex-wrap: wrap;
}
.sides .side{
  width: 100% !important;
}
}