@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500;600;700&display=swap");
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .logo img {
width: 240px;
margin-top: 20px;
}
.vertical-align-top-section.avia-section.av-minimum-height .container .content  {
vertical-align: top !important;
padding-top: 100px !important;
}
#cosmetica1.avia-section .av-section-color-overlay,
#quimica1.avia-section .av-section-color-overlay {
opacity: 1 !important;
background: rgb(0,54,59) !important;
background: linear-gradient(0deg, rgba(0,54,59,0.44) 0%, rgba(0,54,59,0) 100%) !important;
mix-blend-mode: multiply !important;
}
h2.titular-quimica-home,
h2.titular-cosmetica-home {
margin-top: 25%;
} figure.woocommerce-product-gallery__wrapper a {
display: inline-block !important;
overflow: hidden;
margin-right: 12px;
padding: 0 !important;
} .logo svg, .logo.avia-img-svg-logo > a > img, .logo .alternate.avia-img-svg-logo {
height: 40px;
height: 24px;
margin-top: 28px;
margin-top: 35px;
}
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
color:#FFF !important;
}
.avia-menu.av-main-nav-wrap {
transition: all 0.4s ease;
} p.series-description {
text-align: center;
margin: 0 auto 30px;
font-size: 19px !important;
color: #868686;
line-height: 1.3 !important;
max-width: 880px;
}
#top #pagina_series .product_type h1,
#top #pagina_series .product_type h2 {
position: relative;
text-align: center;
color: #105db5;
font-weight: 400 !important;
text-transform: none !important;
font-size: 48px !important;
line-height:1;
letter-spacing: -1px;
margin-bottom: 20px !important;
}
#pagina_series .product_type h1:before,
#pagina_series .product_type h2:before {
content	        : 'SERIES';
font-size	    :15px;
line-height	    : 1;
color		    :#474D56;
text-transform	:uppercase;
font-weight     :400;
letter-spacing:-0.3px;
display:block;
margin-bottom: 20px !important;
}
#av-cookie-consent-badge.av-consent-badge-left-bottom {
display: block;
bottom: 0;
right: 0;
width: 100px;
background: #fcfcfc !important;
opacity: 1 !important;
border-radius: 0;
left: 0;
border: 1px solid #FFF !important;
color: #555 !important;
line-height: 20px;
height: 20px;
margin: 0 auto 0 20px;
}
#av-cookie-consent-badge::after {
content: " Cookies" !important;
font-size: 11px;
margin-left:3px;
}
.avia-popup .av-inline-modal {
background: #fcfcfc !important;
}
body.page-id-36 .avia-popup .av-inline-modal h3, 
body.page-id-3312 .avia-popup .av-inline-modal h3 {
color: #333 !important;
} .headerhovered-a .header_bg, 
.headerhovered-c .header_bg, 
.headerhovered-f .header_bg, 
.headerhovered-q .header_bg {
background-color:transparent !important;
}
.headerhovered-i .header_bg {
background-color:#FFF !important;
}
.headerhovered-a a.av-contains-svg, 
.headerhovered-c a.av-contains-svg, 
.headerhovered-f a.av-contains-svg,
.headerhovered-q a.av-contains-svg {
filter: invert(1) brightness(100);
}
.headerhovered-i a.av-contains-svg {
filter: initial !important;
}
.headerhovered-a ul#avia-menu span.avia-menu-text, 
.headerhovered-c ul#avia-menu span.avia-menu-text, 
.headerhovered-f ul#avia-menu span.avia-menu-text,
.headerhovered-q ul#avia-menu span.avia-menu-text {
color:#FFF !important;
}
.headerhovered-a ul#avia-menu .sub-menu span.avia-menu-text, 
.headerhovered-c ul#avia-menu .sub-menu span.avia-menu-text, 
.headerhovered-f ul#avia-menu .sub-menu span.avia-menu-text,
.headerhovered-q ul#avia-menu .sub-menu span.avia-menu-text {
color:#474D56 !important;
}
.headerhovered-i ul#avia-menu span.avia-menu-text {
color:#474D56 !important;
}
.headerhovered-a ul#avia-menu li#menu-item-search a, 
.headerhovered-c ul#avia-menu li#menu-item-search a, 
.headerhovered-f ul#avia-menu li#menu-item-search a,
.headerhovered-q ul#avia-menu li#menu-item-search a {
filter: invert(1) brightness(100);
}
.headerhovered-i ul#avia-menu li#menu-item-search a {
filter: initial !important;
}
.headerhovered-a ul#avia-menu li.custom-phone-menu-item a, 
.headerhovered-c ul#avia-menu li.custom-phone-menu-item a, 
.headerhovered-f ul#avia-menu li.custom-phone-menu-item a,
.headerhovered-q ul#avia-menu li.custom-phone-menu-item a {
color: #000 !important;
}
.headerhovered-i ul#avia-menu li.custom-phone-menu-item a {
color: #105db5 !important;
}
.headerhovered-a li.custom-phone-menu-item img, 
.headerhovered-c li.custom-phone-menu-item img, 
.headerhovered-f li.custom-phone-menu-item img, 
.headerhovered-q li.custom-phone-menu-item img {
display:none;
}
.headerhovered-i li.custom-phone-menu-item img {
display:inline-block !important;
} li.custom-phone-menu-item.menu-item {
color:#105db5;
}
li.custom-phone-menu-item a {
color:#105db5 !important;
font-weight:600 !important;
}
li.custom-phone-menu-item img {
display:inline-block;
vertical-align:middle;
} .formulario-contacto-tipo {
}
.formulario-contacto-tipo .fifty-field {
float:left;
clear:none;
width:50%;
margin:0;
}
.formulario-contacto-tipo .full-field {
float:none;
clear:both;
width:100%;	
margin:0;
}
.formulario-contacto-tipo .submit-field {
float:none;
clear:both;
width:100%;	
text-align:right;
margin:0;
}
#top .formulario-contacto-tipo .full-field textarea, 
#top .formulario-contacto-tipo .fifty-field input {
background-color:transparent !important;
border:none;
border-bottom:1px solid #DDD !important;
width:95%;
resize:none;
margin-bottom:10px;
}
#top .formulario-contacto-tipo .full-field textarea {
width:97.5% !important;
}
#top .formulario-contacto-tipo .full-field textarea:focus, 
#top .formulario-contacto-tipo .fifty-field input:focus {
border-bottom:1px solid #333 !important;
outline: none !important;
}
#top .formulario-contacto-tipo .full-field label, 
#top .formulario-contacto-tipo .fifty-field label {
font: normal normal 400 12px/15px 'Fira sans';
letter-spacing: 0.6px;
color: #AEB3BD;
text-transform:uppercase;
font-weight:400 !important;
}
#top .formulario-contacto-tipo p.full-field.blankspace-field {
display: block;
width: 100%;
height: 50px;
}
.formulario-contacto-tipo .submit-field input {
display: block !important;
margin-right: 2.5% !important;
float: right;
font: normal normal normal 15px/21px 'Fira Sans';
letter-spacing: 0px;
color: #FFFFFF;
padding:18px 32px 17px 32px !important;
background-color:#105db5 !important;
}
span.wpcf7-list-item {
margin-left: 0;
}
.formulario-contacto-tipo .legal-field,
.formulario-contacto-tipo .legal-field span
.formulario-contacto-tipo .legal-field span span, 
.formulario-contacto-tipo span.wpcf7-list-item-label {
text-align: left;
font: normal normal normal 11px/12px 'Fira sans';
letter-spacing: 0.6px;
color: #9A9A9A !important;
font-size:11px !important;
line-height:1.3 !important;
}
.formulario-contacto-tipo span.wpcf7-list-item-label a {
color:#105db5 !important;
} img.footer-logo {
filter: invert(100) brightness(100);
} @media only screen and (min-width:990px) {
#footer div .av_one_fifth {
margin-left: 6%;
width: 10.2%;
}
#footer div .av_one_fifth.first {
width:35.2%;
margin-left:0;
}
#footer div.av_one_fifth.el_after_av_one_fifth a {
text-align:right !important;
}
}
#footer {
padding: 30px 0 60px 0 !important;
}
#footer .widget {
margin: 15px 0 0 0;
}
#socket .copyright {
float: right;
margin-left: 10px;
}
#top #footer .social_bookmarks li a {
font-size: 22px !important;
line-height: 22px;
}
#top #footer ul.social_bookmarks li {
margin-top: 10px;
}
ul.social-foot {
width: 30px !important;
display: inline !important;
vertical-align: middle;
float: left !important;
clear: none;
height: 30px !important;
overflow: hidden !important;
}
ul.social-foot li:hover, 
ul.social-foot li a:hover {
background-color:transparent !important;
opacity:0.7 !important;
}
#top #footer .textwidget.custom-html-widget a {
display: block;
font: normal normal 400 12px/24px 'Fira Sans';
letter-spacing: 1.8px;
color: #FFFFFF;
text-transform: uppercase;
margin-bottom: 8px;
} body.page-id-3312 {
font-family:'Fira Sans', 'Lato', sans-serif !important;
}
.html_header_top.html_header_transparency body.page-id-3312 #header {
background: transparent !important;
}
.responsive body.page-id-3312 .container {
max-width: 1570px;
}
.new-site-home-main-text {
text-align:center;
}
.new-site-home-main-text h1 {
text-align: center !important;
font-family:'Fira Sans', 'Lato', sans-serif !important;
font-size:14px !important;
line-height:17px !important;
font-weight:normal !important;
letter-spacing: 0px !important;
color: #282828 !important;
opacity: 1 !important;
text-transform:none !important;
margin:0 auto !important;
}
.new-site-home-main-text p {
text-align: center;
font-family:'Fira Sans', 'Lato', sans-serif !important;
font-size:64px !important;
line-height:70px !important;
font-weight:normal !important;
letter-spacing: -2.56px;
opacity: 1;
color: #474D56 !important;
max-width:910px !important;
margin:25px auto 100px !important;
}
.new-site-home-main-text p strong {
font-weight:normal !important;
color:#105db5 !important;
}
.new-buttons a.avia-button.avia-size-medium {
border-radius: 0 !important;
text-transform: uppercase;
font-size: 12px !important;
line-height: 1;
margin: 0 12px !important;
padding:16px 24px 15px !important;
border:1px solid #105db5 !important;
}
.new-buttons a.avia-button.avia-size-medium.avia-color-dark {
border: 1px solid #474D56 !important;
color:#474D56 !important;
}
.gradient-alimentacion {
background-color:#CDE59B !important;
position:relative;
background-image:url(https://genpacso.com/wp-content/uploads/sector_alimentacion_img.png) !important;
background-repeat:no-repeat !important;
background-position:center center !important;
background-size:1579px auto !important;
background-attachment:fixed !important;
}
.gradient-alimentacion .av-section-color-overlay {
background-color: transparent !important;
mix-blend-mode: multiply !important;
}
.gradient-alimentacion .av-section-color-overlay::after, 
.gradient-alimentacion .av-parallax::after {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
content: "";
opacity: 1;
background: rgb(255,255,255,0);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(177,208,116,1) 100%);
mix-blend-mode: multiply !important;
}
.gradient-farma .av-section-color-overlay {
background-color: transparent !important;
mix-blend-mode: multiply !important;
}
.gradient-farma .av-section-color-overlay::after, 
.gradient-farma .av-parallax::after {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
content: "";
opacity: 0.85;
background: rgb(255,255,255,0);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, #efca0a 100%);
mix-blend-mode: multiply !important;
}
.gradient-cosmetica .av-section-color-overlay {
background-color: transparent !important;
mix-blend-mode: multiply !important;
}
.gradient-cosmetica .av-section-color-overlay::after, 
.gradient-cosmetica .av-parallax::after {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
content: "";
opacity: 0.65;
background: rgb(255,255,255,0);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, #00c4d4 100%);
mix-blend-mode: multiply !important;
}
.gradient-quimica .av-section-color-overlay {
background-color: transparent !important;
mix-blend-mode: multiply !important;
}
.gradient-quimica .av-section-color-overlay::after, 
.gradient-quimica .av-parallax::after {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
content: "";
opacity: 0.65;
background: rgb(255,255,255,0);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, #6c5f57 100%);
mix-blend-mode: multiply !important;
}
.grey-gradient .av-section-color-overlay {
background-color: transparent !important;
mix-blend-mode: multiply !important;
}
.grey-gradient .av-section-color-overlay::after {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
content: "";
opacity: 1;
background: rgb(242,242,242);
background: linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
mix-blend-mode: multiply !important;
top:0;
left:0;
} p.racional-grande {
text-align: center !important;
font: normal normal 500 36px/50px 'Fira Sans', sans-serif !important;
letter-spacing: 0px !important;
color: #38322D !important;
max-width:852px;
margin-left:auto;
margin-right:auto;
}
p.racional-pequeno {
text-align: center;
font: normal normal 400 16px/24px 'Fira Sans', sans-serif !important;
letter-spacing: 0px !important;
color: #38322D !important;
max-width:788px;
margin-left:auto;
margin-right:auto;
} .header-pagina-secciones {
border:none !important;
margin-bottom:-1px !important;
background-size: auto 100%;
}
#header-pagina-alimentacion.main_color {
background:#CDE59B !important;
}
#header-pagina-alimentacion::after {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
content: "";
opacity: 1;
background: transparent linear-gradient(180deg, #CDE59B00 0%, #B1D074 100%) 0% 0% no-repeat padding-box;
mix-blend-mode: multiply;
top:0;
left:0;
}
.header-pagina-secciones.avia-section.av-minimum-height .container .content {
vertical-align: bottom;
}
#main-image-sector {
position: absolute;
z-index: 1;
top: -300px;
left: 0;
right: 0;
}
#main-image-sector div, 
#main-image-sector img {
text-align:center !important;
margin-left: auto !important;
margin-right: auto !important;
}
.header-pagina-secciones h1 {
text-align: center !important;
font-family:'Fira Sans', 'Lato', sans-serif !important;
font-weight:400 !important;
font-size:12px !important;
line-height:19px !important;
letter-spacing: 0px !important;
text-transform: uppercase !important;
}
.header-pagina-secciones h2 {
text-align: center !important;
font-family:'Fira Sans', 'Lato', sans-serif !important;
font-weight:normal !important;
font-size:48px !important;
line-height:1.1 !important;
letter-spacing: -1.92px !important;
text-transform: none !important;
}
#header-pagina-alimentacion.header-pagina-secciones h1, 
#header-pagina-alimentacion.header-pagina-secciones h2, 
.contenido-pagina-secciones.seccion-alimentacion h3 {
color: #405C11 !important;
}
#header-pagina-cosmetica.header-pagina-secciones h1, 
#header-pagina-cosmetica.header-pagina-secciones h2, 
#header-pagina-farmacia.header-pagina-secciones h1, 
#header-pagina-farmacia.header-pagina-secciones h2,
#header-pagina-quimica.header-pagina-secciones h1, 
#header-pagina-quimica.header-pagina-secciones h2 {
color: #FFF !important;
}
.contenido-pagina-secciones.seccion-cosmetica h3 {
color: #00C4D4 !important;
}
.contenido-pagina-secciones.seccion-farmacia h3 {
color:#DFB006 !important;
}
.contenido-pagina-secciones {
border:none !important;
}
body.page-id-36 .contenido-pagina-secciones h3,
body.home .contenido-pagina-secciones h3, 
.contenido-pagina-secciones h3 {
text-align: left !important;
font-family:'Fira Sans', 'Lato', sans-serif !important;
font-weight:normal !important;
font-size:36px !important;
line-height:1.4 !important;
letter-spacing: -1.92px !important;
text-transform: none !important;
max-width:460px;
margin-bottom:35px !important;
}
.contenido-pagina-secciones h4 {
font-weight:normal;
line-height:1.3 !important;
}
.contacto-catalogo-content h4 a, 
.contenido-pagina-secciones h4 a {
font-weight:500 !important;
}
.contenido-pagina-secciones.seccion-cosmetica h4 {
color:#00D9ED !important;
}
.contenido-pagina-secciones ul li {
text-align: left;
font-family:'Fira Sans', 'Lato', sans-serif !important;
font-weight:300 !important;
font-size:16px !important;
line-height:24px !important;
letter-spacing: -0.64px !important;
color: #707070 !important;
margin-bottom:35px !important;
max-width:440px;
font-weight:500;
} span.avia_button_background.avia-button.avia-color-theme-color, 
.main_color .avia-button.avia-color-theme-color {
background: #00C4D4;
border: none;
border-radius: 0;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
font-family: 'Fira Sans', sans-serif;
padding: 16px 28px 14px;
}
a.avia-button.avia-icon_select-no.avia-size-medium.avia-position-left.avia-font-color-theme-color {
border: none;
border-radius: 0;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
font-family: 'Fira Sans', sans-serif;
padding: 16px 28px 14px;	
} .custom-products-query-container {
margin-left:-50px;
position:absolute;
}
.custom-products-query-content {
width:750px;
overflow-x:auto !important;
}
.custom-products-query-inner {
white-space: nowrap;
padding-bottom:30px;
}
ul.custom-products-query-list {
text-align: left;
}
ul.custom-products-query-list li.custom-products-query-item {
text-align: left;
display:inline-block;
width:300px;
min-height: 340px;
vertical-align:top;
white-space: initial;
margin-left:1em;
}
ul.custom-products-query-list li.custom-products-query-item img {
display:block;
margin-bottom:50px;
}
ul.custom-products-query-list li.custom-products-query-item a {
font-size: 14px !important;
line-height: 1.3;
color: #474D56 !important;
letter-spacing: 0.5px;
width: 300px;
display: block;
white-space: initial;
font-weight:600 !important;
} #servicios .av_one_third {
transition:all 0.5s ease-out;
}
#servicios .av_one_third:hover {
opacity: 1;
background-color:#105db5;
transition:all 0.5s ease-in;
}
#servicios p.titular {
font-size:36px !important;
line-height:70px !important;
letter-spacing: -1.44px !important;
color: #474D56;
margin: 15px auto !important;
}
#servicios p.titular span {
color:#105db5 !important;
}
#servicios p.subtitulo {
font-size:21px !important;
line-height:27px !important;
letter-spacing: -0.84px !important;
color: #474D56;
margin: 15px auto !important;
max-width:860px;
}
#servicios p.subtitulo strong {
color:#000 !important;
font-weight:normal !important;
}
#servicios .av_one_third.first img { }
#servicios .av_one_third:hover img {
background-image:url(https://genpacso.com/wp-content/uploads/glow_02.png);
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
}
#servicios .av_one_third p {
font-family:'Fira Sans', sans-serif !important;
font-size:15px !important;
line-height:23px !important;
color:#474D56 !important;
max-width:290px;
margin:5px auto !important;
}
#servicios h3 {
text-align: center !important;
font: normal normal normal 14px/17px 'Fira Sans', sans-serif !important;
letter-spacing: 0px !important;
color: #474D56 !important;
text-transform:none !important;
margin-bottom:15px !important;
}
#servicios h4 {
text-align: center !important;
font: normal normal normal 32px/38px 'Fira Sans', sans-serif !important;
letter-spacing: 0px !important;
color: #474D56 !important;
text-transform:none !important;
margin-bottom:10px !important;
}
#servicios .avia-button {
margin-top:35px !important;
}
#servicios.main_color .avia-button.avia-color-theme-color {
text-transform:none !important;
font-weight:600;
letter-spacing:0 !important;
}
#servicios .av_one_third:hover h3, 
#servicios .av_one_third:hover h4, 
#servicios .av_one_third:hover p, 
#servicios .av_one_third:hover {
color: #FFF !important;
}
#top #servicios.main_color .av_one_third:hover .avia-color-theme-color {
color:#474D56 !important;
background:#FFF !important;
} p.home-sost-big {
font-size:36px !important;
line-height:48px !important;
letter-spacing:-1.44px !important;
color:#474D56;
max-width:420px;
}
p.home-sost-small {
font-size:15px !important;
line-height:24px !important;
letter-spacing:-0.6px !important;
color:#474D56;
max-width:420px;
}
p.home-sost-medium {
font-size:21px !important;
line-height:27.3px !important;
letter-spacing:-0.84px !important;
color:#474D56;
max-width:420px;
}
.sostenibilidad-home-image {
}
body.page-id-36 h2, 
body.page-id-3312 h2 {
font-family:'Fira Sans', 'Lato', sans-serif !important;
font-weight:300 !important;
font-size:180px !important;
line-height:1 !important;
letter-spacing: -10.4px  !important;
color: #FFFFFF !important;
text-align:center !important;
text-transform:lowercase !important;;
}
body.page-id-3312 h2.titular-alimentacion-home {
font-size:180px !important;
}
body.page-id-3312 h2.titular-farma-home {
font-size:130px !important;
}
body.page-id-3312 h2.titular-cosmetica-home {
font-size:180px !important;
}
body.page-id-3312 h2.titular-quimica-home {
font-size:140px !important;
}
body.page-id-36 h3, 
body.page-id-3312 h3 {
font-family:'Fira Sans', 'Lato', sans-serif !important;
font-weight:400 !important;
letter-spacing: -0.18px !important;
font-size:18px !important;
line-height:22px !important;
color: #FFFFFF !important;
text-transform: uppercase !important;
text-align:center !important;
margin-bottom: 110px;
margin-bottom: 65px;
}
body.page-id-36 a.mas-info-button, 
body.page-id-3312 a.mas-info-button {
text-align: center !important;
font: normal normal normal 12px/24px Fira Sans;
letter-spacing: 0.72px;
color: #FFFFFF;
text-transform: uppercase;
opacity: 1;
text-decoration:none !important;
display:block;
}
body.page-id-36 a.mas-info-button::before, 
body.page-id-3312 a.mas-info-button::before {
content: "+";
width: 20px;
height: 20px;
border-radius: 12px;
display: inline-block;
vertical-align: middle;
border: 2px solid #FFF;
background: transparent;
text-align: center;
font-size: 20px;
padding: 0;
margin-right: 10px;
line-height: 20px;
text-indent: 1.5px;
}
body.page-id-36 a.descargar-button, 
body.page-id-3312 a.descargar-button {
font-family:'Fira Sans', 'Lato', sans-serif !important;
text-align: center !important;
text-decoration:none !important;
display:table;
font-weight:400 !important;
line-height:24px !important;
font-size:14px !important;
letter-spacing: 0.84px;
color: #FFFFFF;
text-transform: uppercase;
width: auto !important;
border:2px solid #FFF !important;
padding:17px 80px 16px;
margin:28px auto 120px !important;
}
body.page-id-3312 .main_color {
background: ;
} section#albahacaone {
position: absolute;
z-index: 2;
bottom:35%;
left:20%;
}
section#albahacatwo {
position: absolute;
z-index: 2;
bottom:58%;
right:14%;
}
@media only screen and (max-width:990px) {
section#albahacaone {
z-index: 0;
bottom: 200px;
left: 0;
width: 100px;
}
section#albahacatwo {
z-index: 0;
top:-100px;
width: 100px;
right:0;
}
} #cosmetica.avia-section.av-minimum-height .container .content, 
#farma.avia-section.av-minimum-height .container .content, 
#alimentacion.avia-section.av-minimum-height .container .content, 
#quimica.avia-section.av-minimum-height .container .content {
vertical-align:bottom !important;
} section#girasolone {
position: absolute;
z-index: 2;
top:50%;
left:16%;
}
section#girasoltwo {
position: absolute;
z-index: 2;
top: 48%;
left: 40%;
}
section#girasolthree {
position: absolute;
z-index: 2;
top: 15%;
left: 25%;
}
@media only screen and (max-width:990px) {
section#girasolone {
z-index: 0; width:100px;
}
section#girasoltwo {
z-index: 0; width:100px;
}
section#girasolthree {
z-index: 0; width:100px;
}
} section#nuezone {
position: absolute;
z-index: 2;
bottom: 38%;
left: 55%;
}
section#nueztwo {
position: absolute;
z-index: 2;
bottom:27%;
left:25%;
}
@media only screen and (max-width:990px) {
section#nueztwo {
z-index: 0;
bottom: 15%;
left: -100px;
}
} section#pinoone {
position: absolute;
z-index: 2;
top: 12%;
left: 52%;
}
section#pinotwo {
position: absolute;
z-index: 2;
bottom: 32%;
left: 20%;
}
@media only screen and (max-width:990px) {
section#pinoone {
z-index: 0;
top: 12%;
left: 0;
}
section#pinotwo {
z-index: 0;
bottom: 12%;
left: 0;
}
} #bodegon-evol-2022 {
position: relative;
}
#bodegon-evol-2022-responsive {
display:none;
}
.bodegon {
width:1470px;
height:450px;
}
.bodegon div {
background-size: initial;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
}
.bodegon_item {
position: relative;	
}
.bodegon_item:before, 
.bodegon_item:after {
content: "";
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.bodegon_item:before {
background-size: initial;
background-position:center center;
background-repeat:no-repeat;
z-index: 1;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
opacity: 1;
}
.bodegon_item:after {
background-size: initial;
background-position:center center;
background-repeat:no-repeat;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
opacity:0;
}
.bodegon_item:hover:before {
opacity: 0;
}
.bodegon_item:hover:after {
opacity: 1;
}
.bodegon_rollover_text {
text-align: center;
font-size: 20px;
color:#333;
width:100%;
opacity:0;
transition:all 0.6s ease;
}
.bodegon_rollover_text.activase {
opacity:1;
transition:all 0.6s ease;
}
.bodegon_rollover_text.rollover_farmacia {
margin-top:110px;
}
.bodegon_rollover_text.rollover_cosmetica {
margin-top:130px;
}
.bodegon_rollover_text.rollover_alimentacion {
margin-top:100px;
margin-left:-25px;
}
.bodegon_rollover_text.rollover_quimica {
margin-top:140px;
}
.bodegon_rollover_text a {
background: #105db5;
color: #FFF;
font-size: 13px;
text-transform: uppercase;
padding: 10px 20px 9px;
}
.icon_envase {
height:217px;
}
.icon_envase img {
display:block;
height:217px;
width:auto;
filter: hue-rotate(31deg) brightness(0.45) saturate(2.9);
} .cosmetica_empty {
left: 284px;
width: 520px;
height: 186px;
z-index: 2;
bottom: 26px;
}
.cosmetica_empty:before {
background-image: url(https://genpacso.com/wp-content/uploads/cosmetica_empty.png);
background-size:contain;
}
.cosmetica_empty:after {
background-image: url(https://genpacso.com/wp-content/uploads/cosmetica_compo.png);
background-size:contain;
}
.icon_cosmetica {
bottom:160px;
left:170px;
z-index:1;
}  .alimentacion_empty {  left: 715px;
bottom: 75px; width:264px;
height:332px;
z-index:1;
}
.alimentacion_empty:before {
background-image: url(https://genpacso.com/wp-content/uploads/alimentacion_empty_new_new.png);
background-size:contain;
}
.alimentacion_empty:after {
background-image: url(https://genpacso.com/wp-content/uploads/alimentacion_compo_new_new-1.png);
background-size:contain;
}
.icon_alimentacion {
bottom:160px;
left:484px ;
z-index:0;
} .farma_empty {  left:65px; width:521px;
height:404px;
z-index:1;
bottom:56px;
}
.farma_empty:before { background-image: url(https://genpacso.com/wp-content/uploads/farma_new_empty_new.png);
background-size:contain;
}
.farma_empty:after { background-image: url(https://genpacso.com/wp-content/uploads/farma_new_compo_new-1.png);
background-size:contain;
}
.icon_farma {
bottom:160px;
left:760px;
z-index:0;
} .quimica_empty {  left: 866px;
height:405px;
width: 504px;
bottom:30px;
z-index:2;
}
.quimica_empty:before {
background-image: url(https://genpacso.com/wp-content/uploads/quimica_empty_new.png);
}
.quimica_empty:after {
background-image: url(https://genpacso.com/wp-content/uploads/quimica_compo_new-sh-1.png);
}
.icon_quimica {
bottom:160px;
left:1060px;
z-index:0;
}
#productos-personalizados {
scroll-margin-top:210px !important;
} div#nav-lat {
display:none;
}
body.page-id-3312 div#nav-lat {
position: fixed;
top: 50%;
margin-top: -80px;
right: 2%;
display:block;
z-index:10;
}
#navegador-lateral {
}
a.navegador-lateral-item {
color:transparent !important;
display:block;
margin:3px 0;
line-height:16px;
width:280px;
text-align:right;
transition: all 0.4s ease-out;
opacity:0.7;
}
a.navegador-lateral-item:hover, 
a.navegador-lateral-item.current:hover {
color:#FFF !important;
line-height:32px;
height:32px;
transition: all 0.4s ease-in;
opacity:1;
text-decoration:none;
}
a.navegador-lateral-item.current {
color:transaprent !important;
}
a.navegador-lateral-item::after {
color: #FFF !important;
content: "";
width: 2px;
height: 16px;
display: inline-block;
background: #FFF;
vertical-align: middle;
margin-left:10px;
transition: all 0.4s ease-out;
}
a.navegador-lateral-item:hover::after, 
a.navegador-lateral-item.current::after {
color:#FFF !important;
line-height:32px;	
height: 32px;
transition: all 0.4s ease-in;
}  .fade-in-one,
.in-view .fade-in-one {
-webkit-animation-name: fade-in-one;
-webkit-animation-duration: 3s;
animation-name: fade-in-one;
animation-duration: 3s;
} @-webkit-keyframes fade-in-one {
0% {
opacity: 0;
-moz-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
50% {
opacity: 0; 
}
100% {
opacity: 1;
}
}
@keyframes fade-in-one {
0% {
opacity: 0;
-moz-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
50% {
opacity: 0; 
}
100% {
opacity: 1;
}
} .in-view .appear-from-left-one {
-webkit-animation-name: bounce-left-one;
-webkit-animation-duration: 2s;
animation-name: bounce-left-one;
animation-duration: 2s;
} @-webkit-keyframes bounce-left-one {
0% {  
opacity: 0;
-moz-transition: all 700ms linear;
-webkit-transition: all 700ms linear;
-o-transition: all 700ms linear;
transition: all 700ms linear;
-moz-transform: translate3d(-600px, 0px, 0px);
-webkit-transform: translate3d(-600px, 0px, 0px);
-o-transform: translate(-600px, 0px);
-ms-transform: translate(-600px, 0px);
transform: translate3d(-600px, 0px, 0px);
}
60% {  
opacity: 0;
}
100% {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
}
@keyframes bounce-left-one {
0% {  
opacity: 0;
-moz-transition: all 700ms linear;
-webkit-transition: all 700ms linear;
-o-transition: all 700ms linear;
transition: all 700ms linear;
-moz-transform: translate3d(-600px, 0px, 0px);
-webkit-transform: translate3d(-600px, 0px, 0px);
-o-transform: translate(-600px, 0px);
-ms-transform: translate(-600px, 0px);
transform: translate3d(-600px, 0px, 0px);
}
60% {  
opacity: 0;
}
100% {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
} .fade-in-two,
.in-view .fade-in-two {
-webkit-animation-name: fade-in-two;
-webkit-animation-duration: 3s;
animation-name: fade-in-two;
animation-duration: 3s;
} @-webkit-keyframes fade-in-two {
0% {
opacity: 0;
-moz-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
80% {
opacity: 0; 
}
100% {
opacity: 1;
}
}
@keyframes fade-in-two {
0% {
opacity: 0;
-moz-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
80% {
opacity: 0; 
}
100% {
opacity: 1;
}
} .in-view .appear-from-left-two {
-webkit-animation-name: bounce-left-two;
-webkit-animation-duration: 3s;
animation-name: bounce-left-two;
animation-duration: 3s;
} @-webkit-keyframes bounce-left-two {
0% {  
opacity: 0;
-moz-transition: all 700ms linear;
-webkit-transition: all 700ms linear;
-o-transition: all 700ms linear;
transition: all 700ms linear;
-moz-transform: translate3d(-1200px, 0px, 0px);
-webkit-transform: translate3d(-1200px, 0px, 0px);
-o-transform: translate(-1200px, 0px);
-ms-transform: translate(-1200px, 0px);
transform: translate3d(-1200px, 0px, 0px);
}
60% {  
opacity: 0;
}
100% {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
}
@keyframes bounce-left-two {
0% {  
opacity: 0;
-moz-transition: all 700ms linear;
-webkit-transition: all 700ms linear;
-o-transition: all 700ms linear;
transition: all 700ms linear;
-moz-transform: translate3d(-1200px, 0px, 0px);
-webkit-transform: translate3d(-1200px, 0px, 0px);
-o-transform: translate(-1200px, 0px);
-ms-transform: translate(-1200px, 0px);
transform: translate3d(-1200px, 0px, 0px);
}
60% {  
opacity: 0;
}
100% {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
} .in-view .appear-from-top {
-webkit-animation-name: bounce-down;
-webkit-animation-duration: 3s;
animation-name: bounce-down;
animation-duration: 3s;
} @-webkit-keyframes bounce-down {
0% {  
opacity: 0;
-moz-transition: all 700ms ease-out;
-webkit-transition: all 700ms ease-out;
-o-transition: all 700ms ease-out;
transition: all 700ms ease-out;
-moz-transform: translate3d(0px, -1500px, 0px);
-webkit-transform: translate3d(0px, -1500px, 0px);
-o-transform: translate(0px, -1500px);
-ms-transform: translate(0px, -1500px);
transform: translate3d(0px, -1500px, 0px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
80% {  
opacity: 0;
}
100% {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
}
@keyframes bounce-down {
0% {  
opacity: 0;
-moz-transition: all 700ms ease-out;
-webkit-transition: all 700ms ease-out;
-o-transition: all 700ms ease-out;
transition: all 700ms ease-out;
-moz-transform: translate3d(0px, -1500px, 0px);
-webkit-transform: translate3d(0px, -1500px, 0px);
-o-transform: translate(0px, -1500px);
-ms-transform: translate(0px, -1500px);
transform: translate3d(0px, -1500px, 0px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
80% {  
opacity: 0;
}
100% {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
} .fade-in-three,
.in-view .fade-in-three {
-webkit-animation-name: fade-in-three;
-webkit-animation-duration: 4s;
animation-name: fade-in-three;
animation-duration: 4s;
} @-webkit-keyframes fade-in-three {
0% {
opacity: 0;
-moz-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
70% {
opacity: 0; 
}
100% {
opacity: 1;
}
}
@keyframes fade-in-three {
0% {
opacity: 0;
-moz-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
70% {
opacity: 0; 
}
100% {
opacity: 1;
}
} .in-view .appear-from-right-one {
-webkit-animation-name: bounce-right-one;
-webkit-animation-duration: 4.5s;
animation-name: bounce-right-one;
animation-duration: 4.5s;
} @-webkit-keyframes bounce-right-one {
0% {  
opacity: 0;
-moz-transition: all 700ms linear;
-webkit-transition: all 700ms linear;
-o-transition: all 700ms linear;
transition: all 700ms linear;
-moz-transform: translate3d(1600px, 0px, 0px);
-webkit-transform: translate3d(1600px, 0px, 0px);
-o-transform: translate(1600px, 0px);
-ms-transform: translate(1600px, 0px);
transform: translate3d(1600px, 0px, 0px);
}
60% {  
opacity: 0;
}
100% {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
}
@keyframes bounce-right-one {
0% {  
opacity: 0;
-moz-transition: all 700ms linear;
-webkit-transition: all 700ms linear;
-o-transition: all 700ms linear;
transition: all 700ms linear;
-moz-transform: translate3d(1600px, 0px, 0px);
-webkit-transform: translate3d(1600px, 0px, 0px);
-o-transform: translate(1600px, 0px);
-ms-transform: translate(1600px, 0px);
transform: translate3d(1600px, 0px, 0px);
}
60% {  
opacity: 0;
}
100% {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
} .in-view .appear-from-bottom-two {
-webkit-animation-name: bounce-up-two;
-webkit-animation-duration: 4s;
animation-name: bounce-up-two;
animation-duration: 4s;
} @-webkit-keyframes bounce-up-two {
0% {  
opacity: 0;
-moz-transition: all 700ms ease-out;
-webkit-transition: all 700ms ease-out;
-o-transition: all 700ms ease-out;
transition: all 700ms ease-out;
-moz-transform: translate3d(0px, 900px, 0px);
-webkit-transform: translate3d(0px, 900px, 0px);
-o-transform: translate(0px, 900px);
-ms-transform: translate(0px, 900px);
transform: translate3d(0px, 900px, 0px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
50% {  
opacity: 0;
}
100% {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
}
@keyframes bounce-up-two {
0% {  
opacity: 0;
-moz-transition: all 700ms ease-out;
-webkit-transition: all 700ms ease-out;
-o-transition: all 700ms ease-out;
transition: all 700ms ease-out;
-moz-transform: translate3d(0px, 900px, 0px);
-webkit-transform: translate3d(0px, 900px, 0px);
-o-transform: translate(0px, 900px);
-ms-transform: translate(0px, 900px);
transform: translate3d(0px, 900px, 0px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
50% {  
opacity: 0;
}
100% {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
} .fade-in-four,
.in-view .fade-in-four {
-webkit-animation-name: fade-in-four;
-webkit-animation-duration: 5s;
animation-name: fade-in-four;
animation-duration: 5s;
} @-webkit-keyframes fade-in-four {
0% {
opacity: 0;
-moz-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
80% {
opacity: 0; 
}
100% {
opacity: 1;
}
}
@keyframes fade-in-four {
0% {
opacity: 0;
-moz-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
80% {
opacity: 0; 
}
100% {
opacity: 1;
}
} .in-view .appear-from-right-two {
-webkit-animation-name: bounce-right-two;
-webkit-animation-duration: 5s;
animation-name: bounce-right-two;
animation-duration: 5.5s;
} @-webkit-keyframes bounce-right-two {
0% {  
opacity: 0;
-moz-transition: all 700ms linear;
-webkit-transition: all 700ms linear;
-o-transition: all 700ms linear;
transition: all 700ms linear;
-moz-transform: translate3d(1600px, 0px, 0px);
-webkit-transform: translate3d(1600px, 0px, 0px);
-o-transform: translate(1600px, 0px);
-ms-transform: translate(1600px, 0px);
transform: translate3d(1600px, 0px, 0px);
}
65% {  
opacity: 0;
}
100% {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
}
@keyframes bounce-right-two {
0% {  
opacity: 0;
-moz-transition: all 700ms linear;
-webkit-transition: all 700ms linear;
-o-transition: all 700ms linear;
transition: all 700ms linear;
-moz-transform: translate3d(1600px, 0px, 0px);
-webkit-transform: translate3d(1600px, 0px, 0px);
-o-transform: translate(1600px, 0px);
-ms-transform: translate(1600px, 0px);
transform: translate3d(1600px, 0px, 0px);
}
65% {  
opacity: 0;
}
100% {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
} .in-view .appear-from-top-two {
-webkit-animation-name: bounce-down-two;
-webkit-animation-duration: 7s;
animation-name: bounce-down-two;
animation-duration: 7s;
} @-webkit-keyframes bounce-down-two {
0% {  
opacity: 0;
-moz-transition: all 700ms ease-out;
-webkit-transition: all 700ms ease-out;
-o-transition: all 700ms ease-out;
transition: all 700ms ease-out;
-moz-transform: translate3d(0px, -1500px, 0px);
-webkit-transform: translate3d(0px, -1500px, 0px);
-o-transform: translate(0px, -1500px);
-ms-transform: translate(0px, -1500px);
transform: translate3d(0px, -1500px, 0px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
80% {  
opacity: 0;
}
100% {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
}
@keyframes bounce-down-two {
0% {  
opacity: 0;
-moz-transition: all 700ms ease-out;
-webkit-transition: all 700ms ease-out;
-o-transition: all 700ms ease-out;
transition: all 700ms ease-out;
-moz-transform: translate3d(0px, -1500px, 0px);
-webkit-transform: translate3d(0px, -1500px, 0px);
-o-transform: translate(0px, -1500px);
-ms-transform: translate(0px, -1500px);
transform: translate3d(0px, -1500px, 0px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
80% {  
opacity: 0;
}
100% {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
} .in-view .slidebottom {
-webkit-animation-name: slidebottom;
-webkit-animation-duration: 4.8s;
animation-name: slidebottom;
animation-duration: 4.8s;
} @-webkit-keyframes slidebottom {
0% {
opacity: 0;
-moz-transition: all 700ms linear;
-webkit-transition: all 700ms linear;
-o-transition: all 700ms linear;
transition: all 700ms linear;
-moz-transform: translate3d(0px, 100px, 0px);
-webkit-transform: translate3d(0px, 100px, 0px);
-o-transform: translate(0px, 100px);
-ms-transform: translate(0px, 100px);
transform: translate3d(0px, 100px, 0px);
}
50% {
opacity:0.8;
}
100% {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
}
@keyframes slidebottom {
0% {
opacity: 0;
-moz-transition: all 700ms linear;
-webkit-transition: all 700ms linear;
-o-transition: all 700ms linear;
transition: all 700ms linear;
-moz-transform: translate3d(0px, 100px, 0px);
-webkit-transform: translate3d(0px, 100px, 0px);
-o-transform: translate(0px, 100px);
-ms-transform: translate(0px, 100px);
transform: translate3d(0px, 100px, 0px);
}
50% {
opacity:0.8;
}
100% {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
} .in-view .slidetop {
-webkit-animation-name: slidetop;
-webkit-animation-duration: 3.2s;
animation-name: slidetop;
animation-duration: 3.2s;
} @-webkit-keyframes slidetop {
0% {
opacity: 0;
-moz-transition: all 700ms linear;
-webkit-transition: all 700ms linear;
-o-transition: all 700ms linear;
transition: all 700ms linear;
-moz-transform: translate3d(0px, -150px, 0px);
-webkit-transform: translate3d(0px, -150px, 0px);
-o-transform: translate(0px, -150px);
-ms-transform: translate(0px, -150px);
transform: translate3d(0px, -150px, 0px);
}
50% {
opacity:0;
}
100% {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
}
@keyframes slidetop {
0% {
opacity: 0;
-moz-transition: all 700ms linear;
-webkit-transition: all 700ms linear;
-o-transition: all 700ms linear;
transition: all 700ms linear;
-moz-transform: translate3d(0px, -150px, 0px);
-webkit-transform: translate3d(0px, -150px, 0px);
-o-transform: translate(0px, -150px);
-ms-transform: translate(0px, -150px);
transform: translate3d(0px, -150px, 0px);
}
20% {
opacity:0;
}
100% {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
} body.post-type-archive-product #main .container_wrap.container_wrap_first.main_color.sidebar_right {
background: rgb(242,242,242);
background: linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 25%, rgba(255,255,255,0) 100%);
}
.colophon-catalogo-content img {
display: block;
max-width: 100%;
height: auto;
margin: 100px auto 0;
}
body.page-template-template-contacto .colophon-catalogo-content img {
margin: 0 auto 0;
}
h1.new-contacto-2022-title {
text-align: center;
font-size: 68px;
font-weight: 300;
font-family: 'Fira Sans', sans-serif;
}
.contacto-mapa {
background: #FAFCFC;
display: block;
}
.contacto-mapa-content {
display: block;
border-bottom: 40px solid #FFF;
background-image:url(https://genpacso.com/wp-content/uploads/snazzy-image.jpg);
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
height:560px;
width:100%;
position:relative;
}
.contacto-mapa-title h3 {
text-align: center;
padding: 50px;
margin: 0 auto;
font-size: 15px;
line-height: 18px;
font-weight: 400;
letter-spacing: 2px;
}
.contacto-mapa-box {
left: 10%;
background: #FFF;
max-width: 330px;
padding: 50px 30px 30px;
top: 100px;
display: block;
position: absolute;
font-size: 11px !important;
color: #474D56;
line-height: 18px !important;
}
.contacto-mapa-box img {
float:left;
}
.contacto-mapa-box p {
font-size: 11px !important;
color: #474D56;
line-height: 18px !important;
margin-left: 40px;
margin-top: 4px;
margin-bottom: 30px !important;
}
.contacto-mapa-box a {
text-decoration: underline !important;
color: #105db5 !important;
text-transform:uppercase;
} #main-servicios {
background-image:url(https://genpacso.com/wp-content/uploads/servicios.png), linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 20%, rgba(255,255,255,1) 100%);
background-repeat:no-repeat;
background-position:right center;
background-size:initial;
} #new_about_page .content {
padding:0 !important;
}
#new_about_page h1 {
font-size:68px;
letter-spacing: -2.72px;
line-height:80px !important;
font-weight:normal !important;
font-family:'Fira sans', sans-serif !important;
text-transform:none !important;
color:#FFF !important;
max-width:780px;
}
#new_about_page h2 {
font-size:36px;
letter-spacing: -1.44px;
line-height:48px !important;
font-weight:normal !important;
font-family:'Fira sans', sans-serif !important;
text-transform:none !important;
max-width:468px;
color:#474D56 !important;
margin-bottom:40px !important;
}
#main-servicios h2 {
font-size:48px;
letter-spacing:-1.92px;
line-height:56px !important;
font-weight:normal !important;
font-family:'Fira sans', sans-serif !important;
text-transform:none !important;
max-width:410px;
color:#474D56 !important;
margin-bottom:20px !important;	
}
#main-servicios p.destacado {
color:#727B8A !important;
margin-top:0 !important;
margin-bottom:30px !important;
font-size:21px !important;
letter-spacing:-0.84px !important;
line-height:27.3px !important;	
}
.servicios-slide.lefty {
margin-left:-150px;
position:relative;
}
.servicios-slide.righty {
text-align: right;
float: right;
margin-right: -150px;
}
.servicios-slide-content {
overflow: auto;
padding-bottom:60px;
}
.servicios-slide ul {
text-align: left;
list-style: none !important;
margin: 0;
padding: 0;
white-space: nowrap;
}
.servicios-slide  li {
display:inline-block;
margin-right:35px;;
}
.servicios-slide  li img {
display:block;
}
ul.servicios-list, ul.retractilado-list {
margin-left:55px;
list-style-type:none !important;
margin-top:20px;
}
ul.retractilado-list {
margin-left:40px;
}
ul.servicios-list li {
color:#9198a2 !important;
font-family:'Fira sans', sans-serif !important;
font-size: 15px !important;
line-height: 23px !important;
max-width:458px;
margin-bottom:30px;
}
ul.retractilado-list li {
color:#9198a2 !important;
font-family:'Fira sans', sans-serif !important;
font-size: 18px !important;
line-height: 32px !important;
padding: 5px 20px;
max-width: 600px;
}
ul.retractilado-list li:nth-child(odd) {
background-color:#FAFCFC;
}
#main-servicios p a {
color:#105db5 !important;
text-decoration:underline !important;
}
#main-servicios p a:hover {
color:#105db5 !important;
text-decoration:none !important;
}
#new_about_page h3 {
font-size:27px;
letter-spacing: -0.28px;
line-height:36px !important;
font-weight:normal !important;
font-family:'Fira sans', sans-serif !important;
text-transform:none !important;
color:#474D56 !important;
margin:0 !important;
}
#new_about_page h4 {
font: normal normal 600 11px/27px 'Fira Sans', sans-serif !important;
letter-spacing: -0.02px;
color: #105db5;
text-transform: uppercase;
}
#new_about_page p {
color:#9198a2 !important;
font-family:'Fira sans', sans-serif !important;
font-size: 15px !important;
line-height: 23px !important;
max-width:658px;
}
#new_about_page p strong {
color:#474D56 !important;
font-weight:400 !important;
}
#new_about_page .avia-image-container {
margin:0 !important;
}
#new_about_page .avia-image-container img {
width:100% !important;
height:auto !important;
}
#new_about_page .text-with-icons-left img {
float:left;
margin:0 40px 80px 0;
clear:left;
}
#new_about_page .text-with-icons-left p {
margin-bottom:30px !important;
} .new_intro_content.container {
text-align: center;
padding-top: 48px;
}
.new_intro_content.container h1 {
font-size: 14px !important;
font-weight: 400;
font-family: 'Fira sans', sans-serif;
letter-spacing: 1px;
}
.new_intro_content.container p {
font-size		: 32px !important;
line-height		: 1.2 !important;
letter-spacing	:0.5px;
font-weight		: 400;
font-family		: 'Fira sans', sans-serif;
margin			: 0;
}
.contacto-catalogo.contacto-serie {
background-image: url(https://genpacso.com/wp-content/uploads/bg-1.jpg);
padding-top: 90px;
padding-bottom: 90px;
background-repeat: repeat;
}
.contacto-catalogo-content {
margin-top: 90px;
background-image: url(https://genpacso.com/wp-content/uploads/img_aloe_form.jpg);
background-position: -100px bottom;
background-repeat: no-repeat;
background-size: 50% auto;
}
.contacto-catalogo.contacto-serie .contacto-catalogo-content {
margin-top: 90px;
background-image: url(https://genpacso.com/wp-content/uploads/img_aloe_form_serie.jpg);
background-position: -100px bottom;
background-repeat: no-repeat;
background-size: 50% auto;
}
.contacto-catalogo-content .formulario-contacto-tipo {
margin-top: 180px;
}
.contacto-catalogo-content h3 {
text-align: left;
font: normal normal 400 48px/56px 'Fira Sans', sans-serif !important;
letter-spacing: -1.92px;
color: #474D56;
}
.contacto-catalogo-content h4 {
text-align: left;
font: normal normal 400 21px/27px 'Fira Sans', sans-serif !important;
letter-spacing: -0.84px;
color: #474D56;
}
#top.home select, 
#top #contacto select, 
#top .contacto-catalogo-content select {
background-color:transparent !important;
border:none !important;
border-bottom: 1px solid #DDD !important;
font-family: 'Fira sans', sans-serif !important;
width:96%;
margin-bottom:0;
}
#top .main_color select {
border: none !important;
}
.avia-webkit #top .cart-collaterals .cart_totals table select, .avia-webkit #top.woocommerce-page select {
padding-right: 38px;
border: none !important;
font-family: 'Fira sans', sans-serif !important;
}  .new_product_list_container::-webkit-scrollbar {
height: 6px !important; 
} .new_product_list_container::-webkit-scrollbar-track {
background: #ebebeb !important; 
} .new_product_list_container::-webkit-scrollbar-thumb {
background: #105db5 !important;
width:160px;
} .new_product_list_container::-webkit-scrollbar-thumb:hover {
background: #105db5 !important; 
}  .single-post .sidebar {
margin-bottom: 30px;
}
aside.sidebar li.news-content.post-format-standard {
text-align: left;
}
aside.sidebar.sidebar_left.alpha.units {
background: #C9F5F7;
}
.sidebar_left .inner_sidebar {
margin-right: 35px;
margin-left: 35px;
}
aside.sidebar span.news-thumb {
display: none !important;
}
aside.sidebar strong.news-headline {
color: #474D56 !important;
font-size: 18px !important;
font-weight: 400;
line-height: 29px;
}
aside.sidebar span.news-time {
font-size: 12px;
line-height: 23px;
}
.single-post aside.sidebar li.news-content.post-format-standard {
margin: 20px 0 !important;
border-top: 1px solid #FFF !important;
padding-top: 20px !important;
}
.single-post article .entry-content-wrapper .post-title {
font-size: 36px;
line-height: 50px;
color:#474D56;
letter-spacing:-0.36px;
font-weight:400;
}
.single-post article .entry-content-wrapper .entry-content h2, 
.single-post article .entry-content-wrapper .entry-content h3, 
.single-post article .entry-content-wrapper .entry-content h4 {
width:60%;
font-weight:400 !important;
color:#474D56;
line-height:1.3;
}
.single-post article .entry-content-wrapper .entry-content p {
font-size: 15px;
line-height: 23px;
letter-spacing:0;
font-weight:400;
color:#727B8A;
margin-left:10%;
}
.single-post article .entry-content-wrapper .entry-content strong, 
.single-post article .entry-content-wrapper .entry-content p a, 
.single-post article .entry-content-wrapper .entry-content a {
color:#105db5 !important;
} .image-overlay.overlay-type-extern .image-overlay-inside:before {
display:none !important;
}
h1.news-text {
display:inline-block;
vertical-align:middle;
font-size:68px;
line-height:80px;
font-family:'Fira Sans', sans-serif !important;
text-transform:none !important;
font-weight:normal !important;
margin:0 80px 0 0 !important;
}
p.news-text {
display:inline-block;
vertical-align:middle;
max-width:524px;
font-size:18px;
line-height:24px;
font-family:'Fira Sans', sans-serif !important;
text-transform:none !important;	
margin:0 !important;
}
div#avia-magazine-1 {
margin-top: 56px !important;
margin-bottom: 76px !important;
}
div#avia-magazine-1 .av-magazine-content-wrap {
background: #C9F5F7;
}
div#avia-magazine-1 article {
overflow: hidden;
width: 100%;
}
div#avia-magazine-1 .av-magazine-thumbnail {
float: left;
width: 50%;
padding-bottom: 500em !important;
margin-bottom: -500em !important;
}
div#avia-magazine-1 .av-magazine-content-wrap {
float: left;
width: 50%;
margin-right: -1px; padding-bottom: 500em !important;
margin-bottom: -500em !important;
}
div#avia-magazine-1 header.entry-content-header {
padding: 40px 40px 20px 40px;
}
div#avia-magazine-1 .av-magazine-content.entry-content {
padding-left: 40px;
padding-right: 40px;
padding-bottom: 40px;
}
.av-magazine-time, .av-magazine-author, .av-magazine-text-sep {
text-transform:none !important;
}
div#avia-magazine-1 h3.av-magazine-title.entry-title {
font-family: 'Fira Sans', sans-serif;
font-size:28px !important;
line-height:38px !important;
letter-spacing:-0.28px !important;
max-width:414px!important;
color:#474D56 !important;
font-weight:normal !important;
}
div#avia-magazine-1 .av-magazine-content.entry-content p{
color:#727B8A;
line-height:23px;
font-size:15px;
}
.avia-content-slider .slide-entry-title {
text-align: left;
font: normal normal 500 16px/24px 'Fira Sans';
letter-spacing: -0.16px;
color: #474D56;
margin:20px auto !important;
padding-top:25px;
}
.avia-content-slider .read-more-link a {
color: #000 !important;
display: none !important;
}
.avia-content-slider .slide-content {
position:relative;
}
.avia-content-slider .slide-meta {
position: absolute !important;
top: 0;
} #pagina_serie .serie_hero {
background-repeat:no-repeat !important; }
@media only screen and (min-width:1360px) { 
#pagina_serie .serie_hero {
background-position: center center !important;  position:relative;
background-color: #f6f6f6;
}
#pagina_serie .serie_hero::before { position:absolute;
width:100%;
height:100%;
background: rgb(129,129,129);
background: radial-gradient(circle, rgba(129,129,129,1) 0%, rgba(255,255,255,1) 0%, rgba(129,129,129,1) 99%);
z-index:0 !important;
}
} div#contacto-lateral {
position: fixed;
background: #105db5;
top: 200px;
right: 0;
z-index: 100;
color: #FFF;
text-align:center;
width:56px;
height: 167px;
display:none !important;
}
div#contacto-lateral .widget {
margin:0;
padding:0;
}
div#contacto-lateral a {
text-align:center;
color: #FFF;
text-transform:none;
font-size:14px;
text-transform:uppercase;
text-align:center;
}
div#contacto-lateral a:hover {
text-decoration:none !important;
color: #FFF;
}
div#contacto-lateral a:focus {
text-decoration:none !important;
color: #FFF;
}
.contacto-lateral-container {
position:relative;
margin: 34px 0 0 0;
}
.contacto-lateral-content {
left:0;
text-align:center;
padding:45px 0;
transform: rotate(-90deg);  -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
@media only screen and (min-width:1440px) {
.av-main-nav > li > a {
padding:0 26px
}
}
@media only screen and (min-width:990px) {
#socket .copyright {
margin-top: -35px;
}
#socket .sub_menu_socket {
margin-top: -35px;
margin-right: 470px;
}
li#menu-item-search a::after {
content: "Búsqueda";
margin-left: 5px;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.5px;
line-height: 1;
}
.av-magazine-hero .av-magazine-thumbnail {
float:left;
width:50%;
margin:0;
border-radius: 0;
padding: 0;
border: none;
margin: 0 !important;
}
}
@media only screen and (max-width:1570px) {
section#bodegon-evol-2022 .avia_codeblock { }
section#bodegon-evol-2022 { }
section#bodegon-evol-2022 .bodegon { width: 100%;
position:relative;
left:-5%;
transform: scale(0.8);
margin-bottom: -50px;
margin-top: -50px;
}
section#bodegon-evol-2022 .bodegon div {
background-size: 100% auto !important;
}    
}
@media only screen and (max-width:1470px) {
section#bodegon-evol-2022 .bodegon {
left:-6%;
transform: scale(0.7);
margin-bottom: -70px;
margin-top: -70px;
} 
}
@media only screen and (max-width:1370px) {
section#bodegon-evol-2022 .bodegon {
left:-7.5%;
transform: scale(0.6);
margin-bottom: -90px;
margin-top: -90px;
} 
#new_about_page .text-with-icons-left img {
margin-bottom:120px;
}
}
@media only screen and (max-width:1270px) {
section#bodegon-evol-2022 .bodegon {
transform: scale(0.6);
margin-bottom: -110px;
margin-top: -110px;
width: 1300px;
left: 7%;
right: 0;
margin-left: -200px;
}
.new-site-home-main-text p {
font-size: 54px !important;
line-height: 60px !important;
}
p.racional-grande,
#servicios p.titular {
font-size: 28px !important;
line-height: 38px !important;
}
p.home-sost-big, 
#servicios h4 {
font-size: 26px !important;
line-height: 32px !important;
}
p.home-sost-medium {
font-size: 18px !important;
line-height: 24px !important;
letter-spacing: -0.5px !important;
}
p.home-sost-small {
font-size: 14px !important;
line-height: 20px !important;
letter-spacing: -0.4px !important;
}
body.page-id-36 .contenido-pagina-secciones h3, body.home .contenido-pagina-secciones h3, .contenido-pagina-secciones h3 {
font-size: 30px !important;
line-height: 1.3 !important;
letter-spacing: -1.5px !important;
margin-bottom: 30px !important;
}
body.page-id-3312 h2.titular-alimentacion-home {
font-size:130px !important;
}
body.page-id-3312 h2.titular-farma-home {
font-size:100px !important;
}
body.page-id-3312 h2.titular-cosmetica-home {
font-size:120px !important;
}
body.page-id-3312 h2.titular-quimica-home {
font-size:110px !important;
}
h4 {
font-size: 17px;
}
#new_about_page h1 {
font-size: 54px;
letter-spacing: -2.0px;
line-height: 60px !important;
max-width: 580px;
}
}
@media only screen and (max-width:1124px) {
.av-main-nav > li > a {
padding:0 10px
}	
#bodegon-evol-2022 {
display:none;
}
#bodegon-evol-2022-responsive {
display:block;
}
#bodegon-evol-2022-responsive .bodegon-responsive-item {
position: relative;
height:405px;
margin-bottom: 40px;
}
#bodegon-evol-2022-responsive .bodegon_item {
left: 0;
right: 0;
margin:0 auto;
}
#bodegon-evol-2022-responsive .bodegon-responsive-item .icon_envase {
position: absolute !important;
z-index: 0 !important;
left: 0;
right: 0;
}	
#bodegon-evol-2022-responsive  .icon_envase img {
margin: 0 auto;
}
#bodegon-evol-2022-responsive .cosmetica_empty {
bottom: -160px;
}
#bodegon-evol-2022-responsive .alimentacion_empty {
bottom: 10px;
}
#bodegon-evol-2022-responsive .rollover_cosmetica {
margin-top: 80px;
}
#bodegon-evol-2022-responsive .rollover_alimentacion {
margin-top: 90px;
margin-left: auto;
}
}
@media only screen and (max-width:990px) {
#new_about_page .text-with-icons-left img {
margin-bottom: -20px;
margin-top: 40px;
float: none;
}
#pagina_serie .info_box_button {
margin-top:initial !important;
}
#main-servicios {
background-position: right 75%;
}
.servicios-slide.lefty {
margin-left: 0;
position: relative;
}
}
@media only screen and (max-width:767px) {
.header-pagina-secciones h2 {
font-size: 38px !important;
line-height: 1.1 !important;
letter-spacing: -1.02px !important;
} #main-image-sector {
top: -100px;
}
.custom-products-query-container {
position:relative;
margin: 40px 0;
}
.header-pagina-secciones h1 {
width: 80%;
margin-right: auto;
margin-left: auto;
} #breadcrumb {
font-size: 11px;
}
#pagina_ficha_producto #ficha .imagen {
width: 100%;
}
#pagina_ficha_producto #ficha .datos .tabla_datos ul {
width: 100%;
margin-right: 0;
}
#pagina_ficha_producto #ficha .datos h1 {
font: normal normal normal 36px/42px 'Fira Sans';
letter-spacing: -1px;
}
#pagina_ficha_producto #ficha .datos {
width: 100%;
padding-left: 0;
}
.single-post article .entry-content-wrapper .post-title {
font-size: 28px;
line-height: 32px;
letter-spacing: -0.16px;
}
.single-post article .entry-content-wrapper .entry-content h2, .single-post article .entry-content-wrapper .entry-content h3, .single-post article .entry-content-wrapper .entry-content h4 {
width: 80%;
margin: 20px 0;
}
h1.news-text {
font-size: 48px;
line-height: 60px;
}
div#avia-magazine-1 .av-magazine-thumbnail,
div#avia-magazine-1 .av-magazine-content-wrap {
float: none !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
border:none !important;
}
ul.servicios-list, ul.retractilado-list {
margin-left: 0;
}
#pagina_serie .content h1 {
font-size: 38px;
line-height: 42px;
}
ul.custom-products-query-list {
margin-left: -10px;
}
.new_product_list_container {
margin-left: 30px;
}
#pagina_serie #products h3 {
font-size: 26px;
line-height: 32px;
letter-spacing: 0;
max-width: 80%;
}
.contacto-catalogo.contacto-serie .contacto-catalogo-content {
background-size: 100% auto;
background-position: left bottom;
}
body.page-id-36 a.descargar-button, body.page-id-3312 a.descargar-button {
font-size: 13px !important;
letter-spacing: 0.74px;
padding: 17px 20px 16px;
}
div#nav-lat {
display: none !important;
}
#servicios p.subtitulo {
font-size: 18px !important;
line-height: 26px !important;
letter-spacing: -0.64px !important;
}
.avia-section-huge .content, .avia-section-huge .sidebar {
padding-top: 50px;
padding-bottom: 50px;
}
body.page-id-3312 h2.titular-alimentacion-home {
font-size: 64px !important;
letter-spacing: -5.5px !important;
}
body.page-id-3312 h2.titular-farma-home {
font-size: 64px !important;
letter-spacing: -5.5px !important;
}
body.page-id-3312 h2.titular-cosmetica-home {
font-size: 84px !important;
letter-spacing: -7px !important;
}
body.page-id-3312 h2.titular-quimica-home {
font-size: 74px !important;
letter-spacing: -6px !important;
}
body.page-id-36 h3, body.page-id-3312 h3 {
letter-spacing: 0 !important;
font-size: 16px !important;
}
div#contacto-lateral {
width: 32px;
height: 146px;
}
.new-site-home-main-text p {
font-size: 44px !important;
line-height: 52px !important;
letter-spacing: -2px;
}
p.racional-grande, #servicios p.titular {
font-size: 24px !important;
line-height: 34px !important;
}
p.racional-pequeno {
font: normal normal 400 15px/23px 'Fira Sans', sans-serif !important;
}
.new-buttons a.avia-button.avia-size-medium {
margin-bottom:20px !important;
}
#new_about_page h1 {
font-size: 44px;
letter-spacing: -1.5px;
line-height: 48px !important;
max-width: initial;
}
.flex_cell.av-3kdee-8372bec043b0b6b6bd1205c51d055eb6, 
.flex_cell.av-1wski-77e6f26a13d2ad02074f0b3d522d9831 {
padding: 0;
}
.flex_cell.av-l5ku5ect-4b691b0d49f2003f7fc152860d8218c7 {
padding: 50px 0 0 0;
}
.flex_cell.av-60rq-d1f0359847abcc3fed0e6869b13ae9f8, 
.flex_cell.av-5kj5u-de3bda98a34d41e705a41eaef7d8e655 {
padding: 20px 0 20px 0;
}
#new_about_page h2 {
font-size: 30px;
letter-spacing: -0.8px;
line-height: 32px !important;
margin-bottom: 20px !important;
}
#new_about_page h3 {
font-size: 22px;
letter-spacing: 0;
line-height: 30px !important;
}
.contacto-catalogo-content h3 {
font: normal normal 400 32px/38px 'Fira Sans', sans-serif !important;
letter-spacing: -1px;
padding-top: 40px;
}
.contacto-catalogo-content h4 {
font: normal normal 400 16px/24px 'Fira Sans', sans-serif !important;
letter-spacing: 0;
max-width: 80%;
}
.colophon-catalogo-content {
width:100%;
}
.colophon-catalogo-content img {
margin:0 !important;
}	
.contacto-catalogo-content .formulario-contacto-tipo {
margin-top: 40px;
}
.formulario-contacto-tipo .fifty-field {
float: none;
clear: both;
width: 100%;
}
.formulario-contacto-tipo .submit-field input {
float: none;
margin-top: 40px;
}
.contacto-catalogo-content {
background-position: -20px bottom;
background-size: 100% auto;
padding-bottom: 100px;
}
.contenido-pagina-secciones h4 {
max-width: 90%;
}
#top .hr.hr-invisible.av-2r0vw0-adb852cdffcf8dde8552164055385e0a {
height: 0;
}
#top .hr.hr-invisible.av-br0xlb-20404d2b6f954f12310197bd40908070, 
#top .hr.hr-invisible.av-ccelxi-2281347ff40bcf430ba2e91d11aa0155, 
#top .hr.hr-invisible.av-cwomsi-9cd4a27da399f0097c13550020c9f51b, 
#top .hr.hr-invisible.av-33m7go-43d5519c3e60f7d60e1f27a249075959 {
height:140px;
}
#top .hr.hr-invisible.av-5uhg6g-e87bf27b4059ae6bc709d484690772da, 
#top .hr.hr-invisible.av-3q01z6-255f9c8d0f8355cd62c8ca607f44a525, 
#top .hr.hr-invisible.av-l5hx4xwi-afb876e49f38bd65709057c5c9b4ce32, 
#top .hr.hr-invisible.av-5kk5e8-7f2872fb719b426c86599636cceee7c4,
#top .hr.hr-invisible.av-32pksm-2c32e167567e2b9bdd5b182fdb00ccb0 {
height: 40px;
}
#footer .flex_column.av_one_fifth.first.el_before_av_one_fifth {
margin-bottom: 40px !important;
}
#footer .widget {
margin: 0;
}
.flex_column.av-31n1ls-421d660dafc802f041f72868b5c4eed9, 
.flex_column.av-849bzk-41fafff18b196e975dced85ade29c7b2, 
.flex_column.av-dz44g-c296dc2134457ca38e919d2cba96fac5 {
padding: 20px 0 30px 0;
}
#cosmetica.avia-section.av-minimum-height .container .content, 
#farma.avia-section.av-minimum-height .container .content, 
#alimentacion.avia-section.av-minimum-height .container .content, 
#quimica.avia-section.av-minimum-height .container .content {
vertical-align: middle !important;
}
#cosmetica.avia-section.av-minimum-height .container .content h2 , 
#farma.avia-section.av-minimum-height .container .content h2 , 
#alimentacion.avia-section.av-minimum-height .container .content h2 , 
#quimica.avia-section.av-minimum-height .container .content h2 {
margin-top:50px !important;
}
#bodegon-evol-2022-responsive .bodegon-responsive-item {
margin-bottom: 0;
}
#bodegon-evol-2022-responsive .bodegon-responsive-item:last-child {
margin-bottom: 40px;
}
.gradient-farma, 
.gradient-quimica, 
.gradient-cosmetica, 
.gradient-alimentacion {
background-attachment: initial !important;
}
#socket .copyright {
float: left;
margin-left: 0;
}
}
@media only screen and (max-width:520px) { 
#bodegon-evol-2022-responsive {
transform: scale(0.7);
margin-top: -250px;
margin-bottom: -250px;
}
#bodegon-evol-2022-responsive .farma_empty {
left: -80px;
}
#bodegon-evol-2022-responsive .cosmetica_empty {
left: -120px;
}
#bodegon-evol-2022-responsive .quimica_empty {
left: -100px;
}
}
@media only screen and (max-width:480px) { 
body.post-type-archive-product .custom_list {
grid-template-columns: 1fr;
}
}#av-cookie-consent-badge.av-consent-badge-right-bottom{bottom:110px}#scroll-top-link{bottom:90px}#socket .sub_menu_socket li{padding:0 3px}h1.seo{margin:0 0 1px 0;padding:10px 15px;background:rgba(255,255,255,.8);font-size:40px;color:#575756!important;display:inline-block;text-align:center!important}h1.seo2{text-shadow:0 0 10px rgba(0,0,0,.8);font-size:40px;color:#fff!important;display:inline-block;text-align:center!important}h1.descr-prod{font-size:24px!important;text-transform:initial!important}h2.seo{margin:0 0 1px 0!important;padding:10px 15px;background:rgba(255,255,255,.8)!important;font-size:21px!important;color:#0d0f85!important;display:inline-block;text-align:center!important}h2.seo a{text-decoration:underline!important}h2{font-weight:500!important}h2.descripcion{text-transform:initial!important;color:#c6dc00!important;font-size:21px!important}h3.seo{font-size:15px!important;text-align:center!important}p{font-size:14px!important}strong{color:inherit!important;font-weight:600}span.negrita{font-weight:800;color:#666}.av-inline-modal{background-image:initial!important}.main_color{color:#3d3d3d!important}.header_color .main_menu .menu ul li a{color:#4a4a4a!important}.main_menu{font-weight:300!important;text-transform:uppercase}ul#avia-menu span.avia-menu-text{font:normal normal 500 12px/24px 'Fira Sans' !IMPORTANT;letter-spacing:.72px;color:#474D56;text-transform:uppercase;opacity:1}ul#avia-menu .sub-menu span.avia-menu-text{text-transform:none!important;font-weight:normal!important}span.mega_menu_title.heading-color.av-special-font{text-transform:none!important;font-weight:500!important;letter-spacing:.5px}ul#avia-menu span.avia-bullet{display:none!important}#top #header .avia_mega_div>.sub-menu>li>ul>li a{padding-left:0!important}.caption_framed .slideshow_caption .avia-caption-content p,.caption_framed .slideshow_caption .avia-caption-title,.avia-caption .avia-caption-content p,.avia-caption .avia-caption-title{background:rgba(255,255,255,.8)}.header_color nav{font-weight:300}.html_header_top.html_header_transparency #header{background:rgba(255,255,255,.9)}div.dataTables_filter{display:none!important}p#element_avia_11_1,p#element_avia_12_1,p#element_avia_13_1,p#element_avia_14_1{text-align:left;background-color:rgba(256,256,256,.7);padding:6px 10px 0}p#element_avia_11_1 a,p#element_avia_12_1 a{color:#000!important;font-weight:700!important}.av_header_glassy.av_header_transparency .social_bookmarks li a{color:#5c5c5c!important}#top .menu-item-search-dropdown>a{font-size:16px!important}.avia_ajax_form .button{padding:8px 15px!important;min-width:100px!important}div#textos-legales strong,div#textos-legales p strong,div#textos-legales ul li strong,div#textos-legales ul li a,div#textos-legales p a{color:#000!important;font-weight:700!important}