* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Open Sans', sans-serif;
}

.contenedor {
  width: 98%;
  margin: auto;
}

section {
  width: 100%;
  margin-bottom: 25px;
}

#bienvenidos-product{
/*background-color: lightslategray;*/
margin-bottom: 0px;
}



#bienvenidos {
  text-align: center;
  font-size: 30px;
  font-weight: 20;
  color: #37465a;
}
#bienvenidos-product {
  text-align: center;
  font-size: 30px;
  font-weight: 20;
  color: #37465a;
  padding-top: 80px;
  text-shadow: 3px 2px 3px rgba(246, 141, 31,.8);
  font-weight: 900;
}
#bienvenidos h2 {
  margin-top: 40px;
  color: #37465a;
  font-size: 38px;
  font-weight: lighter;
}
#bienvenidos-product h2 {
  margin-top: 40px;
  /* color: #37465a; */
  color: white;
  font-size: 25px;
  font-weight: lighter;
}


/*----------BLOG------------------------*/

#blog h2  {
    margin: 40px auto 45px auto;
    color: #000;
    font-size: 38px;
	font-weight:900;
	text-align: center;
	text-transform:uppercase;
	text-shadow: 0 2px 5px rgba(0,0,0,.4);
}


#blog .contenedor{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  
}

#blog article{
     margin: 0px 50px 50px 50px;
    width: 260px;
}

#blog .icon{
  width: 80px;
  display: block;
  margin:30px auto;
  
}

#blog h3{

font-weight: bold;
text-align: center;
padding: 10px 0;
box-shadow: -5px -8px 5px -5px rgba(0, 0, 0, 0.2); color: #37465a;
width: 100%;
}

#blog h4{
  font-size: 17px;
  color: #37465a;
  text-align: center;
font-weight: bolder;
padding: 10px 5px;
box-shadow: 5px 8px 5px -5px rgba(0, 0, 0, 0.2);
width: 100%;

}


/*---------------PARALLAX--------------------------*/
#parallax  { background-color: rgba(246, 141, 31,.1); padding-top:5px;}

#parallax h1  {
    margin: 20px auto;
    color: #000;
    font-size: 38px;
	font-weight:900;
	text-align: center;
	text-transform:uppercase;
	text-shadow: 0 2px 5px rgba(0,0,0,.3);
}

/*-------------EQUIPAMIENTOS Index-------------------------*/

#equi_list h2 {
    margin: 40px auto 45px auto;
    color: #000;
    font-size: 38px;
	padding: 0 8px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 2px 5px rgba(0,0,0,.4);
}

#equi_list .contenedor-articulos{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#equi_list article{
  margin: 0px 30px 60px 30px;
  width: 300px;
  overflow:hidden;
}

#equi_list .icon2 {
  padding: 4px;
  border: 4px solid #f0f0f0;
  display:table;
  overflow:hidden;
  height:229px;
  margin-bottom:15px;
  border-radius:6px;
}
#equi_list .icon2 img{
  max-width: 100%;
  height: auto;
  display:table-cell;
  vertical-align:middle;
}
#equi_list .icon3{
  width: 249px;
  height: auto;
}

#equi_list a:hover > .icon2 {
   border-color: #666;
   opacity:0.8;
}

#equi_list h3, h4{
  text-align:center;
  width: 100%;
  max-width: 280px;
  color: #37465a;
  text-decoration: none;

}

#equi_list h3{
  font-size: 21px;
  font-weight: lighter;
  color: #37465a;
  margin-top: 20px;
  text-decoration: none;
}

#equi_list .contenedor-articulos{
  width: 98%;
  margin: auto;
}

#equi_list .btn-product{
  width: 100%;
  background: rgba(0,0,0,.8);
  border: 1px solid #666;
  font-size: 14px;
  border: none;
  color: #fff;
  padding: 10px 0;
  cursor: pointer;
  transition: all .3s ease;
  font-weight: 700;
  font-family: inherit;
  margin-bottom: 20px;
  height:45px;
  border-radius:6px;
}

#equi_list a:hover > .btn-product {
background: rgba(255,255,255,1);  
  color: #333; 
  border: 1px solid #666;
}

/*#equi_list .btn-product:hover{
  background: grey;
}*/
/*-------------EQUIPAMIENTOS alimentos-------------------------*/
#equi_linea {
background:#f1f1f1;
}
#equi_linea h2 {
    margin: 40px auto 45px auto;
    color: #000;
    font-size: 38px;
	padding: 0 8px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 2px 5px rgba(0,0,0,.4);
padding-top: 40px;
}

#equi_linea .contenedor-articulos{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#equi_linea article{
  margin: 0px 30px 60px 30px;
  width: 300px;
  overflow:hidden;
}

#equi_linea .icon2 {
  padding: 4px;
  border: 4px solid #f0f0f0;
  display:table;
  overflow:hidden;
  height:229px;
  margin-bottom:15px;
  border-radius:6px;
}
#equi_linea .icon2 img{
  max-width: 100%;
  height: auto;
  display:table-cell;
  vertical-align:middle;
}
#equi_linea .icon3{
  width: 249px;
  height: auto;
}

#equi_linea a:hover > .icon2 {
   border-color: #666;
   opacity:0.8;
}


#equi_linea h3{
  text-align:center;
  font-size: 21px;
  font-weight: lighter;
  color: #37465a;
  margin: 0px 20px 35px 20px;

}

#equi_linea .contenedor-articulos{
  width: 98%;
  margin: auto;
}

#equi_linea .btn-product{
  width: 100%;
  background: rgba(0,0,0,.8);
  border: 1px solid #666;
  font-size: 14px;
  border: none;
  color: #fff;
  padding: 10px 0;
  cursor: pointer;
  transition: all .3s ease;
  font-weight: 700;
  font-family: inherit;
  margin-bottom: 20px;
  height:45px;
  border-radius:6px;
}

#equi_linea a:hover > .btn-product {
background: rgba(255,255,255,1);  
  color: #333; 
  border: 1px solid #666;
}
/*-------------soporte-------------------------*/

#soporte h2 {
    margin: 40px auto 25px auto;
    color: #000;
    font-size: 38px;
	padding: 0 8px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 2px 5px rgba(0,0,0,.4);
padding-top: 40px;
}

#soporte .contenedor-articulos{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#soporte article{
  margin: 0px 30px 60px 30px;
  width: 300px;
  overflow:hidden;
}

#soporte .icon2 {
  padding: 4px;
  border: 4px solid #f0f0f0;
  display:table;
  overflow:hidden;
  height:229px;
  margin-bottom:15px;
  border-radius:6px;
}
#soporte .icon2 img{
  max-width: 100%;
  height: auto;
  display:table-cell;
  vertical-align:middle;
}
#soporte .icon3{
  width: 249px;
  height: auto;
}

#soporte a:hover > .icon2 {
   border-color: #666;
   opacity:0.8;
}


#soporte h3{
  text-align:center;
  font-size: 21px;
  font-weight: lighter;
  color: #37465a;
  margin: 0px 20px 35px 20px;

}

#soporte .contenedor-articulos{
  width: 98%;
  margin: auto;
}

#soporte .btn-product{
  width: 100%;
  background: rgba(0,0,0,.8);
  border: 1px solid #666;
  font-size: 14px;
  border: none;
  color: #fff;
  padding: 10px 0;
  cursor: pointer;
  transition: all .3s ease;
  font-weight: 700;
  font-family: inherit;
  margin-bottom: 20px;
  height:45px;
  border-radius:6px;
}

#soporte a:hover > .btn-product {
background: rgba(255,255,255,1);  
  color: #333; 
  border: 1px solid #666;
}

/*------------------PRODUCTOS-------------------------*/
#prods { background-color:#000; margin-bottom: 0;margin-top: -40px;}

#prods h2 {
    margin: 40px auto 25px auto;
	padding-top: 40px;
    color: #fff;
    font-size: 38px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 2px 5px rgba(0,0,0,.4);
}

#prods .contenedor-articulos{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#prods article{
  margin: 0px 30px 60px 30px;
  width: 300px;
  overflow:hidden;
}

#prods .icon2 {
  padding: 4px;
  border: 4px solid #f0f0f0;
  display:table;
  overflow:hidden;
  height:229px;
  margin-bottom:15px;
  border-radius:6px;
}
#prods .icon2 img{
  max-width: 100%;
  height: auto;
  display:table-cell;
  vertical-align:middle;
}
#prods .icon3{
  width: 249px;
  height: auto;
}

#prods a:hover > .icon2 {
   border-color: #666;
   opacity:0.8;
}

#prods  h4{
  text-align:center;
  width: 100%;
  color: #fff;
  text-decoration: none;

}

#prods h3{
  font-size: 21px;
  width: 100%;
  text-align:center;
  font-weight: lighter;
  color: #fff;
  margin: 0px auto 40px auto;
  text-decoration: none;
}

#prods .contenedor-articulos{
  width: 98%;
  margin: auto;
}

#prods .btn-product{
  width: 100%;
  background: rgba(0,0,0,.8);
  border: 1px solid #666;
  font-size: 14px;
  color: #fff;
  padding: 10px 0;
  /*cursor: pointer;
  border: none;*/
  transition: all .3s ease;
  font-weight: 700;
  font-family: inherit;
  margin-bottom: 20px;
  height:42px;
  border-radius:6px;
}

#prods a:hover > .btn-product {
background: rgba(255,255,255,1);  
  color: #333; 
  border: 1px solid #666;
}
/*----------CONTCTO-----------------------*/


#footer{
  width: 100%;
  background-image: url(../img/pan.jpg);
  background-size: cover;
  display: table;
  height: 635px;
  background-position: 59% 25%;
    font-size: 28px;

}

.logo2 img{

  width: 238px;
  height: 149px;
}


.overlay2{
  background-color: rgba(0,0,0,0.3);
width: inherit;
height: inherit;
position: absolute;
}  
.contenedor .form2 .form-header .form-title{
   font-weight: normal;
   font-family: sans-serif;
   text-align: center;
}


.formu {
    box-shadow: 8px 6px 8px 0px rgba(0, 0, 0, 0.6);
    background: rgba(51, 51, 51, 0.4);
    margin: 45px auto 0 20%;
    border-radius: 4px;
   	width: 315px;
  	 color: #fff;
	 padding:20px;
}

.contenedor  .form-label2{
  display: block;
  color: #fff;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  position: relative;
}

.contenedor  .form-input2, .form-textarea2{
  background: #fff;
  border: none;
  outline: none;
  border-bottom: 2px solid #fff;
  width: 100%;
  padding: 12px;
  margin-bottom: 20px;
  border-radius: 4px;
  font-size: 14px;
  color: #37465a;
  font-family: 'Open Sans', sans-serif;
}

.contenedor  .form-textarea2{
  resize: vertical;
  height: 100px;
}

.contenedor  .btn-submit2{
  width: 100%;
  outline: none;
  background: rgba(0,0,0,1);
  font-size: 18px;
  border: none;
  color: #fff;
  padding: 15px 0;
  cursor: pointer;
  transition: all .3s ease;
  font-weight: lighter;
  font-family: inherit;
  margin-bottom: 20px;
  border-radius: 4px;
}

.formu .btn-submit2:hover{
  background: rgba(0,0,0,0.5);
}

#footer  h2 {
  color: #fff;
  font-size: 23px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
  text-shadow: 0 2px 2px rgba(0,0,0,.8);

}
@media (max-width:767px){
  .formu { margin: 65px auto 0 auto; width:300px; padding:20px 10px;}
}



/*---------------FOOTER--------------------------*/
footer .contenedor {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 25px;
  margin-top: 25px;
}

.copy {
  font-size: 12px;
  margin: 5px auto;
  display: table-column-group;
}
.copy a {color: #586464;
text-decoration: none;}
h3{
text-decoration: none;
}
@media (min-width:1024px) {
/*  .contenedor {
    width: 1000px;
  }*/

  #bienvenidos-product h2 {
    font-size: 58px;
    color: white;
  }
}
@media only screen and (max-width : 450px) {
	#blog h2, #parallax h1 {font-size:28px;  margin: 40px 15px;}
	#equi_list h2,  #prods h2, #equi_linea h2 , #soporte h2, #soporte h2, #blog h2 , #parallax h2 {font-size:28px; }
	#equi_list article, #prods article {
    margin: 0px 20px 60px 20px;}
}

/*MODALES*/
 /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 5; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #000;
margin: 120px auto 15% auto;
padding: 10px;
width: 96%;
border: 1px solid rgba(246, 141, 31, 1);
border-radius:6px;
}
.modal-body .imagen img { max-width:100%; height:auto;}
.modal-header {
    padding: 2px 20px 10px 10px;
    color: #fff;
position:relative;
}
.modal-footer {
    padding: 10px;
    color: #fff;
}

/* The Close Button */
.close {
  color: #fff;
  cursor: pointer;
position: absolute;
right: 5px;
top: -5px;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.close:hover,
.close:focus {
  color: rgba(246, 141, 31, 1);
  text-decoration: none;
} 
.btt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  border: 0;
  cursor: pointer;
  z-index: 4;
}
.wp { display:none!important;
  /*position: fixed;
  bottom: 10px;
  right: 5px;*/
}
.wp img {
  width: 70px;
}