@font-face {
  font-family: 'oswald-bold';
  src: url("../fonts/oswald-bold-webfont.eot");
  src: url("../fonts/oswald-bold-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/oswald-bold-webfont.woff2") format('woff2'), url("../fonts/oswald-bold-webfont.woff") format('woff'), url("../fonts/oswald-bold-webfont.ttf") format('truetype'), url("../fonts/oswald-bold-webfont.svg#oswald-bold") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'oswald-light';
  src: url("../fonts/oswald-light-webfont.eot");
  src: url("../fonts/oswald-light-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/oswald-light-webfont.woff2") format('woff2'), url("../fonts/oswald-light-webfont.woff") format('woff'), url("../fonts/oswald-light-webfont.ttf") format('truetype'), url("../fonts/oswald-light-webfont.svg#oswald-light") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'oswald-regular_2';
  src: url("../fonts/oswald-regular_2-webfont.eot");
  src: url("../fonts/oswald-regular_2-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/oswald-regular_2-webfont.woff2") format('woff2'), url("../fonts/oswald-regular_2-webfont.woff") format('woff'), url("../fonts/oswald-regular_2-webfont.ttf") format('truetype'), url("../fonts/oswald-regular_2-webfont.svg#oswald-regular_2") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'proximanova-semibold';
  src: url("../fonts/proximanova-semibold-webfont.eot");
  src: url("../fonts/proximanova-semibold-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/proximanova-semibold-webfont.woff2") format('woff2'), url("../fonts/proximanova-semibold-webfont.woff") format('woff'), url("../fonts/proximanova-semibold-webfont.ttf") format('truetype'), url("../fonts/proximanova-semibold-webfont.svg#proximanova-semibold") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?89e5p7");
  src: url("../fonts/icomoon.eot?#iefix89e5p7") format('embedded-opentype'), url("../fonts/icomoon.woff?89e5p7") format('woff'), url("../fonts/icomoon.ttf?89e5p7") format('truetype'), url("../fonts/icomoon.svg?89e5p7#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-close:before {
  content: "\e600";
}
.icon-menu:before {
  content: "\e601";
}
.icon-corazon-01:before {
  content: "\e617";
}
.icon-edificio-01:before {
  content: "\e618";
}
.icon-estrellanegra-01:before {
  content: "\e619";
}
.icon-estrella_blanca-01:before {
  content: "\e61a";
}
.icon-flecha_abajo-01:before {
  content: "\e61b";
}
.icon-Flecha_derecha-01:before {
  content: "\e61c";
}
.icon-flecha_slider-01:before {
  content: "\e61d";
}
.icon-lugar-01:before {
  content: "\e61e";
}
.icon-maleta-01:before {
  content: "\e61f";
}
.icon-mano-01:before {
  content: "\e620";
}
.icon-pollo-01:before {
  content: "\e621";
}
.icon-menuresp-02:before {
  content: "\e612";
}
.icon-menuresp-03:before {
  content: "\e613";
}
.icon-staff:before {
  content: "\e611";
}
.ancho {
  max-width: 960px;
  margin: auto;
}
a {
  color: inherit;
}
p {
  margin: 0;
}
.j-texto1,
.j-texto2,
.j-texto3,
.j-texto4,
.j-texto5,
.j-texto6,
.j-texto7 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
.j-texto1 strong,
.j-texto2 strong,
.j-texto3 strong,
.j-texto4 strong,
.j-texto5 strong,
.j-texto6 strong,
.j-texto7 strong {
  font-weight: 700;
  font-size: 16px;
}
.j-animacion .contenido-general {
  padding-top: 10px;
  position: relative;
}
.j-animacion .contenido-general .j-titulo {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 37px;
  text-align: center;
  color: #000;
  margin-bottom: 10px;
}
.j-animacion .contenido-general .j-item {
  min-height: 580px;
  position: relative;
  text-align: left;
  margin-top: 20px;
}
.j-animacion .contenido-general .j-item .j-ciclo1 {
  width: 230px;
  position: absolute;
  right: 15%;
  top: 67%;
}
.j-animacion .contenido-general .j-item .j-ciclo1 .arrow-c1 {
  content: "";
  background: url("../img/ciclo/madera-flecha.png") 0px 0px no-repeat;
  width: 26px;
  height: 22px;
  position: absolute;
  top: 104px;
  left: -10%;
  margin: auto;
}
.j-animacion .contenido-general .j-item .j-ciclo1 .j-imagen1 {
  width: 172px;
  margin: auto;
}
.j-animacion .contenido-general .j-item .j-ciclo1 .j-imagen1 img {
  max-width: 100%;
  height: auto;
  display: block;
}
.j-animacion .contenido-general .j-item .j-ciclo1 .j-texto1 {
  width: 160px;
  margin: auto;
  font-size: 13px;
  color: #000;
  padding: 10px 5px;
  margin-top: 10px;
  margin-top: -12px;
}
.j-animacion .contenido-general .j-item .j-ciclo2 {
  width: 150px;
  position: absolute;
  bottom: 0%;
  left: 42%;
}
.j-animacion .contenido-general .j-item .j-ciclo2 .arrow-c2 {
  content: "";
  background: url("../img/ciclo/bote-flecha.png") 0px 0px no-repeat;
  width: 44px;
  height: 20px;
  position: absolute;
  bottom: 30%;
  left: -36%;
  top: 83px;
}
.j-animacion .contenido-general .j-item .j-ciclo2 .j-imagen2 {
  width: 87px;
  margin: auto;
}
.j-animacion .contenido-general .j-item .j-ciclo2 .j-imagen2 img {
  max-width: 100%;
  height: auto;
  display: block;
}
.j-animacion .contenido-general .j-item .j-ciclo2 .j-texto2 {
  width: 142px;
  margin: auto;
  font-family: Arial;
  font-size: 13px;
  color: #000;
  padding: 10px 5px;
  margin-top: 10px;
}
.j-animacion .contenido-general .j-item .j-ciclo3 {
  width: 350px;
  position: absolute;
  bottom: 5%;
  left: 8%;
}
.j-animacion .contenido-general .j-item .j-ciclo3 .arrow-c3 {
  content: "";
  background: url("../img/ciclo/venta-madera.png") 0px 0px no-repeat;
  width: 44px;
  height: 28px;
  position: absolute;
  bottom: 30%;
  left: 22%;
  top: 49%;
}
.j-animacion .contenido-general .j-item .j-ciclo3 .j-texto3 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 100px;
  margin: auto;
  font-family: Arial;
  font-size: 13px;
  color: #000;
  padding: 10px 5px;
  margin-bottom: 10px;
  margin-left: 12px;
  margin-right: -50px;
  margin-top: -12%;
}
.j-animacion .contenido-general .j-item .j-ciclo3 .j-texto3 img {
  margin-bottom: 10px;
}
.j-animacion .contenido-general .j-item .j-ciclo3 .j-imagen3 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 166px;
  margin: auto;
  margin-top: 30px;
  margin-left: 20px;
}
.j-animacion .contenido-general .j-item .j-ciclo3 .j-imagen3 img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: 25px;
}
.j-animacion .contenido-general .j-item .j-ciclo4 {
  width: 200px;
  position: absolute;
  top: 45%;
  left: 6px;
  margin: auto;
  z-index: 2;
}
.j-animacion .contenido-general .j-item .j-ciclo4 .arrow-c4 {
  content: "";
  background: url("../img/ciclo/a8-flecha.png") 0px 0px no-repeat;
  width: 21px;
  height: 29px;
  position: absolute;
  top: 29%;
  right: 18%;
}
.j-animacion .contenido-general .j-item .j-ciclo4 .j-texto4 {
  width: 130px;
  font-family: Arial;
  font-size: 13px;
  color: #000;
  padding: 10px 5px;
  margin-bottom: 10px;
}
.j-animacion .contenido-general .j-item .j-ciclo4 .j-imagen4 {
  width: 140px;
  margin: auto;
  margin-left: 50px;
}
.j-animacion .contenido-general .j-item .j-ciclo4 .j-imagen4 img {
  max-width: 100%;
  height: auto;
  display: block;
}
.j-animacion .contenido-general .j-item .j-ciclo5 {
  width: 400px;
  position: absolute;
  top: 14%;
  left: 0%;
}
.j-animacion .contenido-general .j-item .j-ciclo5 .arrow-c5 {
  content: "";
  background: url("../img/ciclo/a12-flecha.png") 0px 0px no-repeat;
  width: 26px;
  height: 20px;
  position: absolute;
  top: 35%;
  right: 10%;
}
.j-animacion .contenido-general .j-item .j-ciclo5 .j-texto5 {
  width: 182px;
  font-family: Arial;
  font-size: 13px;
  color: #000;
  padding: 10px 5px;
}
.j-animacion .contenido-general .j-item .j-ciclo5 .j-imagen5 {
  width: 179px;
  margin: auto;
  margin-left: 170px;
}
.j-animacion .contenido-general .j-item .j-ciclo5 .j-imagen5 img {
  max-width: 100%;
  height: auto;
  display: block;
}
.j-animacion .contenido-general .j-item .j-ciclo6 {
  width: 250px;
  position: absolute;
  left: 35%;
}
.j-animacion .contenido-general .j-item .j-ciclo6 .arrow-c6-3 {
  content: "";
  background: url("../img/ciclo/a15-flecha.png") 0px 0px no-repeat;
  width: 26px;
  height: 22px;
  position: absolute;
  bottom: 19%;
  right: -2%;
}
.j-animacion .contenido-general .j-item .j-ciclo6 .j-texto6 {
  vertical-align: top;
  width: 198px;
  margin: auto;
  font-family: Arial;
  font-size: 13px;
  color: #000;
  padding: 10px 5px;
  margin-bottom: 10px;
}
.j-animacion .contenido-general .j-item .j-ciclo6 .j-imagen6 {
  vertical-align: top;
  width: 179px;
  margin: auto;
  margin-top: -12px;
}
.j-animacion .contenido-general .j-item .j-ciclo6 .j-imagen6 img {
  max-width: 100%;
  height: auto;
  display: block;
}
.j-animacion .contenido-general .j-item .j-ciclo7 {
  width: 339px;
  position: absolute;
  top: 15%;
  right: 8%;
}
.j-animacion .contenido-general .j-item .j-ciclo7 .arrow-c7 {
  content: "";
  background: url("../img/ciclo/aserradero-flecha.png") 0px 0px no-repeat;
  width: 22px;
  height: 31px;
  position: absolute;
  bottom: -15%;
  left: 42%;
}
.j-animacion .contenido-general .j-item .j-ciclo7 .j-texto7 {
  width: 213px;
  margin: auto;
  font-family: Arial;
  font-size: 13px;
  color: #000;
  padding: 10px 5px;
  margin-bottom: 10px;
  margin-left: 36%;
}
.j-animacion .contenido-general .j-item .j-ciclo7 .j-imagen7 {
  width: 199px;
  margin: auto;
}
.j-animacion .contenido-general .j-item .j-ciclo7 .j-imagen7 img {
  max-width: 100%;
  height: auto;
  display: block;
}
.arrow-c6-1 {
  content: "";
  background: url("../img/ciclo/flecha-bajo.png") 0px 0px no-repeat;
  width: 240px;
  height: 148px;
  position: absolute;
  top: 50%;
  left: 40%;
}
.arrow-c6-2 {
  background: url("../img/ciclo/flecha-alto.png") 0px 0px no-repeat;
  width: 240px;
  height: 148px;
  position: absolute;
  top: 43%;
  left: 55%;
}
.w-reiniciar {
  display: inline-block;
  *display: inline;
  zoom: 1;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #008000;
  color: #fff;
  font-size: 12px;
  font-family: Arial, 'sans-serif';
  padding: 5px;
  display: none;
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 40;
}
/*** animacion  ***/
.paso-2,
.paso-3,
.paso-4,
.paso-5,
.paso-6,
.paso-7,
.flecha-1,
.flecha-2,
.flecha-3,
.flecha-4,
.flecha-5 {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.anima-flecha-1 {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.anima-paso-2 {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  -ms-transition-delay: 1s;
  transition-delay: 1s;
}
.anima-flecha-3 {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  -ms-transition-delay: 2s;
  transition-delay: 2s;
}
.anima-paso-3,
.anima-paso-3-ciclo2 {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  -ms-transition-delay: 3s;
  transition-delay: 3s;
}
.anima-paso-4 {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  -o-transition-delay: 4s;
  -ms-transition-delay: 4s;
  transition-delay: 4s;
}
.anima-paso-5 {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  -ms-transition-delay: 5s;
  transition-delay: 5s;
}
.anima-flecha-2 {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition-delay: 8s;
  -moz-transition-delay: 8s;
  -o-transition-delay: 8s;
  -ms-transition-delay: 8s;
  transition-delay: 8s;
}
.anima-paso-6 {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition-delay: 9s;
  -moz-transition-delay: 9s;
  -o-transition-delay: 9s;
  -ms-transition-delay: 9s;
  transition-delay: 9s;
}
.anima-flecha-4 {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition-delay: 10s;
  -moz-transition-delay: 10s;
  -o-transition-delay: 10s;
  -ms-transition-delay: 10s;
  transition-delay: 10s;
}
.anima-flecha-5 {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition-delay: 9s;
  -moz-transition-delay: 9s;
  -o-transition-delay: 9s;
  -ms-transition-delay: 9s;
  transition-delay: 9s;
}
.anima-paso-7 {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition-delay: 10s;
  -moz-transition-delay: 10s;
  -o-transition-delay: 10s;
  -ms-transition-delay: 10s;
  transition-delay: 10s;
}