@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon1e8d.eot?-dyucc4");
  src: url("../fonts/icomoond41d.eot?#iefix-dyucc4") format('embedded-opentype'), url("../fonts/icomoon1e8d.woff?-dyucc4") format('woff'), url("../fonts/icomoon1e8d.ttf?-dyucc4") format('truetype'), url("../fonts/icomoon1e8d.svg?-dyucc4#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-staff:before {
  content: "\e60e";
}
.icon-menu-nav:before {
  content: "\e60c";
}
.icon-cerrar-menu:before {
  content: "\e613";
}
.menu-responsive {
  display: none;
}
.menu-responsive {
  margin: 0;
  display: block;
  position: fixed;
  top: 0px;
  right: -60%;
  width: 60%;
  height: 100%;
  overflow: hidden;
  padding-top: 70px;
  background: #000 url("../img/bg_gray_trama.png") top left repeat;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 300;
}
.menu-responsive ul li {
  float: none;
  width: 100%;
  margin: 0;
}
.menu-responsive ul li a {
  width: auto;
  padding-left: 10px;
  display: block;
  height: auto;
  color: #fff;
  line-height: 40px;
  position: relative;
  text-shadow: 1px 2px 2px #cad931;
  background: none;
  text-align: left;
}
.menu-responsive ul li:first-child {
  border-top: none;
}
.menu-responsive ul li:hover a,
.menu-responsive ul li.active a,
.menu-responsive ul a:hover a,
.menu-responsive ul a.active a {
  background: none;
  text-shadow: 0px 1px 3px #fff;
}
.abre-menuresp {
  right: 0%;
  opacity: 0.95;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  filter: alpha(opacity=95);
  overflow: visible;
  width: 60%;
}
.abre-menuresp .menu-responsive {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.overlay-resp {
  top: 0;
  left: 0;
  position: fixed;
  background-color: #000;
  z-index: 270;
  width: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  height: 100%;
  visibility: hidden;
}
.abre-overlay-resp {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  visibility: visible;
}
.bt-responsive {
  z-index: 9999;
  top: 20px;
  right: 16px;
  cursor: pointer;
  width: 50px;
  height: 45px;
  position: fixed;
  display: none;
  text-align: center;
}
.bt-responsive span {
  font-size: 45px;
  color: #cad743;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  text-shadow: #000 3px 1px 5px;
  margin: auto;
}
.bt-responsive .icon-menu-nav {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.bt-responsive .icon-cerrar-menu {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  font-size: 35px;
}
.anima-boton-abrir .icon-menu-nav {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.anima-boton-abrir .icon-cerrar-menu {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.-w-cotiza-respon {
  display: none;
}
.lyt_portafolio {
  text-align: center;
}
.lyt_portafolio .item_portafolio {
  float: none;
  margin: 0 14px 10px 0;
  display: inline-block;
  vertical-align: top;
}
.lyt_staff .box_comolohacemos .box {
  -webkit-background-size: auto 659px;
  -moz-background-size: auto 659px;
  background-size: auto 659px;
  width: 234px;
  height: 232px;
  background-position: -283px 0px;
}
.lyt_staff .box_comolohacemos .box:hover {
  background-position: -516px 0px;
}
@media screen and (max-width: 960px) {
  #nav ul li a:hover {
    background: none;
  }
  .logo {
    margin: 0;
    margin-top: 8px;
  }
  .logo a {
    -webkit-background-size: auto 70px;
    -moz-background-size: auto 70px;
    background-size: auto 70px;
    width: 200px;
  }
  #header .cotizacion {
    display: none;
  }
  header .inner_header #nav {
    display: none;
  }
  .-w-cotiza-respon {
    display: block;
  }
  header {
    position: fixed;
    z-index: 250;
    top: 0px;
  }
  header .-w-cnt-header {
    height: 40px;
  }
  header .-w-cnt-header .w-header .nav-list {
    display: none;
  }
  .bt-responsive {
    display: block;
  }
  .bg_black_trama .inner_slide {
    display: none;
  }
  .cnt_news_principal {
    width: 100%;
    float: none;
  }
  .cnt_news_principal header {
    position: inherit;
    text-align: center;
  }
  .cnt_news_principal .news_principal .item {
    width: 100%;
  }
  .cnt_news_principal .news_principal .item .descrip {
    width: 94%;
    margin: auto;
  }
  .cnt_news_list {
    width: 100%;
    margin: 0;
  }
  .cnt_news_list h1 {
    width: 200px;
    height: 84px;
  }
  .cnt_news_principal a {
    display: block;
  }
  .cnt_news_principal a .unete-social {
    margin: auto;
    width: 331px;
    -webkit-background-size: auto 84px;
    -moz-background-size: auto 84px;
    background-size: auto 84px;
  }
  .cnt_slide_bottom {
    display: none;
  }
  .section_tag_slide .cnt_tag {
    width: 310px;
    margin: auto;
    float: none;
  }
  .shoes_ourteam {
    display: none;
  }
  .cnt_bottom_ourteam {
    padding-left: 0px;
  }
  .cnt_bottom_ourteam_inner {
    width: 100%;
    padding: 0px;
    text-align: center;
    height: auto;
  }
  .fb-share-button {
    display: none;
  }
  .cnt_inner_footer_nav {
    text-align: center;
  }
  .cnt_inner_footer_nav .list_reset {
    display: none;
  }
  .cnt_inner_footer_nav .cnt_info {
    float: none;
    display: inline-block;
  }
  .cnt_inner_footer_desc .datos {
    height: auto;
    padding: 0px;
    padding-top: 30px;
    background: none;
    width: 100%;
    float: none;
    text-align: center;
    left: 0;
  }
  .cnt_inner_footer_desc .datos span {
    display: block;
    margin: 0;
    float: none;
  }
  .cnt_inner_footer_desc .datos span br {
    display: none;
  }
  #slider2 .slide_text {
    margin-left: 0px;
  }
  #slider2 .slide_img {
    margin-right: 100px;
  }
  #cnt_footer_desc {
    height: auto;
  }
  .cnt_inner_footer_desc .datos .direccion {
    float: none;
    margin: 0;
    width: 100%;
    margin-bottom: 20px;
  }
  .cnt_contact {
    float: none;
    margin: auto;
  }
  .social_bottom {
    float: none;
    width: 100%;
    text-align: center;
  }
  .social_bottom li {
    display: inline-block;
  }
  .footer_bottom {
    padding-top: 20px;
  }
  .footer_inner_bottom {
    height: auto;
  }
  .social_bottom li span {
    display: none;
  }
  .footer_bottom .copyright {
    float: none;
    text-align: center;
  }
  #slider {
    max-width: 720px;
  }
  .cnt_news_list .row {
    width: 94%;
    margin: auto;
  }
  .fluid_detail .detail {
    width: 100%;
    margin-right: 0px;
  }
  .lyt_staff .col_count {
    padding-top: 0px;
    text-align: center;
  }
  .lyt_staff .clearfix .count {
    width: 100%;
  }
  .lyt_staff .clearfix .bloq {
    margin: 0;
    float: left;
  }
  .lyt_staff .count .count_box {
    float: none;
    width: 100px;
    display: inline-block;
    vertical-align: top;
  }
  .lyt_staff .count .count_box em {
    font-size: 115px;
  }
  .lyt_staff .count .count_box span {
    font-size: 42px;
  }
  .lyt_staff .col_count .bloq .bloq_r {
    padding-left: 0px;
    padding-right: 0px;
    width: 94%;
    margin: auto;
  }
  .lyt_staff .col_count .bloq .bloq_r h3 {
    text-align: center;
  }
  .bg_white {
    padding-top: 20px;
  }
  .lyt_staff .banner .clearfix .descrip h2 {
    text-align: center;
  }
  .lyt_staff .banner .clearfix .descrip div {
    width: 94%;
    margin: auto;
  }
  .lyt_staff .banner .clearfix img {
    max-width: 98%;
    height: auto;
    margin: auto;
  }
  .lyt_staff .banner .clearfix .footer .descrip {
    width: 94%;
    margin: auto;
  }
  .lyt_staff .header_comolohacemos {
    width: 94%;
    margin: auto;
  }
  .lyt_staff .header_comolohacemos h2 {
    text-align: center;
  }
  .lyt_staff .box_comolohacemos {
    text-align: center;
    height: auto;
  }
  .lyt_staff .box_comolohacemos .box {
    -webkit-background-size: auto 580px;
    -moz-background-size: auto 580px;
    background-size: auto 580px;
    width: 205px;
    height: 204px;
    background-position: -250px 0px;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
  }
  .lyt_staff .box_comolohacemos .box .inner {
    padding-top: 80px;
  }
  .lyt_staff .box_comolohacemos .box:hover {
    background-position: -455px 0;
  }
  .lyt_staff .box_comolohacemos .box_4 .inner {
    padding-top: 60px;
  }
  .lyt_staff .pasos .paso {
    float: none;
    width: 94%;
    margin-left: 0;
    margin: auto;
  }
  .lyt_staff .pasos .paso .title {
    font-size: 50px;
  }
  .lyt_staff .pasos .paso .subtitle {
    margin-left: 0;
  }
  .lyt_staff .pasos .paso .descrip {
    margin-left: 0;
  }
  .lyt_staff .box_title {
    position: inherit;
    right: inherit;
    top: inherit;
    width: 94%;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: left;
    font-size: 60px;
    text-align: center;
  }
  .lyt_staff .foco {
    margin: auto;
    position: inherit;
    right: inherit;
    top: inherit;
  }
  .lyt_staff .foco:hover {
    -webkit-transform: inherit;
    -moz-transform: inherit;
    -o-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
  }
  .lyt_portafolio_splash .banner .inner_banner .clearfix {
    position: relative;
  }
  .overcircle {
    text-align: center;
  }
  .overcircle a {
    width: 132px;
    height: 132px;
    display: inline-block;
    margin: 10px 15px 20px 15px;
  }
  .overcircle a .box {
    text-align: left;
    position: inherit;
    left: inherit;
    right: inherit;
    top: inherit;
  }
  .lyt_portafolio_splash .banner .inner_banner {
    height: auto;
    min-height: inherit;
    background-position: left bottom;
  }
  .lyt_portafolio_splash .resumen {
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .lyt_servicios .resumen h2 {
    font-size: 73px;
  }
  .lyt_servicio_packaging .descripcion_l {
    width: auto;
    float: none;
  }
  .lyt_servicio_packaging .descripcion_l h3 br {
    display: none;
  }
  .lyt_servicio_packaging .descripcion_r {
    padding-left: 0px !important;
  }
  .lyt_servicio_packaging h2 {
    margin-left: 0px;
    margin: auto;
    line-height: 40px;
  }
  .lyt_servicio_packaging .descripcion {
    padding-left: 0px;
    float: none;
    margin: auto;
  }
  .cnt_slide_app {
    margin: auto;
    margin-top: 20px;
  }
  .lyt_servicio_packaging .col {
    width: 94%;
    margin: auto;
  }
  body {
    padding-top: 80px;
  }
  .item_staff h3 {
    width: 100%;
  }
  .item_staff h2 {
    font-size: 30px !important;
  }
  .item_staff {
    width: 28%;
  }
  .lyt_servicio_packaging .bloq_packaging_staff {
    padding-left: 50px;
  }
  .lyt_servicio_packaging .bloq_packaging_staff .bloq_r {
    padding-right: 50px;
  }
  .lyt_servicio_packaging .descripcion_r {
    text-align: center;
  }
  .lyt_clientes {
    text-align: center;
  }
  .lyt_clientes .item_cliente {
    float: none;
    margin: 0px 10px 30px 10px;
    display: inline-block;
  }
  .lyt_clientes .prologo {
    padding-left: 0;
    width: 94%;
    margin: auto;
    text-align: justify;
  }
  .lyt_clientes .resumen h3 {
    font-size: 40px;
  }
  .lyt_clientes .resumen h2 {
    font-size: 55px;
  }
  .lyt_clientes h2 {
    padding-left: 0px;
    font-size: 45px;
  }
  .lyt_contacto2 .cnt_contacto_l {
    width: 430px;
  }
  .lyt_contacto2 .cnt_contacto_r {
    margin-left: 440px;
  }
  .lyt_contacto2 .cnt_contacto_r .cnt_email {
    padding: 32px 55px 50px 0;
    background-position: bottom right;
  }
  .lyt_contacto2 .cnt_contacto_r .social {
    width: 330px;
    text-align: center;
  }
  .lyt_contacto2 .cnt_contacto_r .social .tw,
  .lyt_contacto2 .cnt_contacto_r .social .fb {
    float: none;
    display: inline-block;
  }
  .lyt_cotizacion .cnt_contacto {
    padding-left: 0px;
    padding-right: 0px;
  }
  .cnt_info:hover {
    -webkit-transform: inherit;
    -moz-transform: inherit;
    -o-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
  }
  .lyt_cotizacion .col {
    background: none;
    max-width: 610px;
    margin: auto;
    padding-right: 0px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  #slider2 .slide_img {
    display: none !important;
  }
  #slider2 .slide_text {
    display: block;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  #slider2 .slide_text a {
    display: block;
  }
  #slider2 .slide_text a img {
    float: none;
  }
  .anythingSlider {
    margin: auto;
    width: 450px !important;
  }
  #slider2 .panel {
    max-width: 450px !important;
  }
  .cnt_bottom_ourteam_inner {
    line-height: 36px;
  }
  .cnt_news_principal header h1 {
    font-size: 26px;
  }
  .cnt_news_principal header h2 {
    font-size: 50px;
  }
  .lyt_staff .count .count_box {
    width: 80px;
  }
  .lyt_staff .count .count_box em {
    font-size: 85px;
  }
  .lyt_staff .count .count_box span {
    font-size: 30px;
  }
  .lyt_staff .box_title {
    font-size: 50px;
    line-height: 50px;
  }
  .lyt_servicios .resumen {
    width: 94%;
    margin: auto;
  }
  .lyt_servicios .resumen h3 {
    font-size: 25px;
  }
  .lyt_servicios .resumen h2 {
    font-size: 50px;
    line-height: 45px;
  }
  .lyt_servicio_packaging h2 {
    font-size: 38px;
  }
  .lyt_servicio_packaging .descripcion_l h3 {
    font-size: 28px;
  }
  .lyt_servicio_packaging .bloq_packaging {
    height: auto;
  }
  .lyt_servicio_packaging .bloq_packaging .bloq_r {
    height: auto;
  }
  .item_staff {
    width: 100%;
    padding-right: 0px;
  }
  .lyt_clientes .prologo p {
    font-size: 22px;
  }
  .lyt_clientes .resumen h3 {
    font-size: 35px;
  }
  .lyt_clientes .resumen h2 {
    font-size: 45px;
  }
  .lyt_contacto2 .cnt_contacto_l {
    width: 94%;
    margin: auto;
    padding-left: 0;
    float: none;
  }
  .lyt_contacto2 .cnt_contacto_r {
    margin-left: 0;
    width: 350px;
    margin: auto;
  }
  .lyt_contacto2 .cnt_contacto_r .social {
    position: inherit;
    margin: auto;
  }
  .lyt_contacto2 .cnt_contacto_r .cnt_direccion {
    padding-bottom: 0;
  }
  .lyt_contacto2 .cnt_contacto input.text {
    background: none;
    border: 1px solid #989898;
    width: 100%;
    padding: 0;
  }
  .lyt_contacto2 .cnt_contacto textarea.tarea {
    background: none;
    border: 1px solid #989898;
    width: 100%;
    padding: 0;
  }
  .lyt_contacto2 .cnt_contacto .btn_submit {
    float: none;
    width: 160px;
    margin: auto;
    display: block;
  }
  .lyt_contacto2 .prologo h2,
  .lyt_contacto2 .prologo h2 span {
    font-size: 38px;
  }
  .lyt_contacto2 .cnt_contacto_r {
    display: none;
  }
  .lyt_contacto2 .cnt_contacto_l {
    padding-bottom: 170px;
  }
  .lyt_cotizacion .col {
    width: 94%;
    max-width: inherit;
  }
  .lyt_portafolio_packing h2 {
    font-size: 45px;
  }
  .lyt_cotizacion .cnt_contacto input.text {
    background: none;
    padding: 0;
    width: 100%;
    border-color: #989898 #e7e7e7 #e7e7e7 !important;
    border-style: solid;
    border-width: 1px;
  }
  .lyt_cotizacion .cnt_contacto textarea.tarea {
    background: none;
    padding: 0;
    width: 100%;
    border-color: #989898 #e7e7e7 #e7e7e7 !important;
    border-style: solid;
    border-width: 1px;
  }
  .lyt_cotizacion .cnt_contacto .dlgrid select {
    width: 100%;
    margin-right: 0;
  }
  .lyt_cotizacion .cnt_contacto .btn_submit {
    float: none;
    width: 190px;
    margin: auto;
    display: block;
  }
  .lyt_cotizacion .prologo {
    margin-left: 0;
  }
  #frm_contact_home input {
    border-color: #989898 #e7e7e7 #e7e7e7 !important;
    border-style: solid;
    border-width: 1px;
    background: #fff;
  }
}
@media screen and (max-width: 480px) {
  .lyt_portafolio_packing .item_portafolio {
    margin-left: 0px;
    margin-right: 0px;
  }
  .section_tag_slide .cnt_tag {
    max-width: 320px;
    width: auto;
  }
  .section_tag_slide .cnt_tag a img {
    max-width: 100%;
    height: auto;
  }
  #frm_contact_home {
    background: none;
  }
  .cnt_contact {
    background: none;
    max-width: 240px;
    text-align: center;
  }
  .cnt_contact #frm_contact_home {
    padding-left: 0px;
  }
  .lyt_staff .count .count_box {
    width: 60px;
  }
  .lyt_staff .count .count_box em {
    font-size: 65px;
  }
  .lyt_staff .count .count_box span {
    font-size: 20px;
  }
  .lyt_staff .col_count h2 {
    font-size: 30px;
  }
  .lyt_staff .box_comolohacemos .box {
    -webkit-background-size: auto 400px;
    -moz-background-size: auto 400px;
    background-size: auto 400px;
    width: 141px;
    height: 141px;
    background-position: -172px 0px;
    font-size: 30px;
  }
  .lyt_staff .box_comolohacemos .box .inner {
    padding-top: 54px;
  }
  .lyt_staff .box_comolohacemos .box:hover {
    background-position: -314px 0;
  }
  .lyt_staff .box_comolohacemos .box_4 .inner {
    padding-top: 40px;
  }
  .lyt_staff .box_title {
    font-size: 40px;
    line-height: 38px;
  }
  .lyt_staff .foco {
    -webkit-background-size: auto 600px;
    -moz-background-size: auto 600px;
    background-size: auto 600px;
    background-position: -246px -211px;
    width: 242px;
    height: 351px;
    padding-top: 70px;
  }
  .lyt_staff .foco em {
    font-size: 45px;
    line-height: 40px;
  }
  .lyt_staff .foco span {
    font-size: 25px;
    line-height: 18px;
  }
  .overcircle a {
    margin: 10px 7px 20px 7px;
  }
  .lyt_servicio_packaging .bloq_green .bloq_r_green p,
  .lyt_servicio_packaging .bloq_green .bloq_r_green .descrip {
    width: 94%;
    margin: auto;
  }
  .lyt_servicio_packaging .bloq_green {
    padding-left: 0px;
    background: none;
  }
  .lyt_servicio_packaging .bloq_green .bloq_r_green {
    background: none;
    padding-right: 0;
  }
  .lyt_servicio_packaging .cnt_forta .box {
    margin: 0px 5px 0px 5px;
  }
  .lyt_servicio_packaging .bloq_packaging {
    padding-left: 0px;
    background: none;
  }
  .lyt_servicio_packaging .bloq_packaging .bloq_r {
    padding-right: 0px;
    background: none;
  }
  .lyt_clientes .resumen h3 {
    font-size: 25px;
  }
  .lyt_clientes .resumen h2 {
    font-size: 35px;
  }
  #slider2 .slide_text a img {
    max-width: 310px;
    height: auto;
  }
  .anythingSlider {
    height: 240px !important;
  }
  .bg_white {
    padding-top: 0;
  }
}