.scrollImg.scrollScroll { background-image: url('/cacheimg?q=75&zc=1&w=2000&src=/uploads/casas/eu/mielelbardal/web/cabeceras/sobre_nuestra_calidad_2.jpg'); background-repeat: no-repeat; height: 650px; background-position-x: 50%; background-size: auto 275px; background-size: cover; } @supports ( -webkit-touch-callout : none) { .scrollImg.scrollScroll { background-attachment: scroll !important; background-position-x: 50% !important; } } @media only screen and (max-width: 1024px) { .scrollImg.scrollScroll { background-image: url('/cacheimg?q=75&zc=1&w=1600&src=/uploads/casas/eu/mielelbardal/web/cabeceras/sobre_nuestra_calidad_2.jpg'); } } @media only screen and (max-width: 768px) { .scrollImg.scrollScroll { background-image: url('/cacheimg?q=75&zc=1&w=1024&src=/uploads/casas/eu/mielelbardal/web/cabeceras/sobre_nuestra_calidad_2.jpg'); } } @media only screen and (max-width: 480px) { .scrollImg.scrollScroll { background-image: url('/cacheimg?q=75&zc=1&w=800&src=/uploads/casas/eu/mielelbardal/web/cabeceras/sobre_nuestra_calidad_2.jpg'); } } jQuery(window).scroll(function(){ jQuery(.scrollImg.scrollScroll).each(function( index ) { var barra = jQuery(window).scrollTop()-jQuery(this).offset().top + 550; var posicion = (barra * 0.30); jQuery(this).css({ 'background-position-y': (0+posicion-200) + 'px' }); }); var barra = jQuery(window).scrollTop()-jQuery(.scrollImg.scrollScroll).offset().top + 550; var posicion = (barra * 0.30); jQuery(.scrollImg.scrollScroll).css({ 'background-position-y': (0+posicion-200) + 'px' }); }); .tableHover .liTableHover { float: left; padding: 0 15px 25px; } .tableHover .imgTablaHover { width: 100%; } .item-type-line .item-hover:hover .line { width:40%; background: #fff; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; } a.item-hover div.item-info { display: table; position: relative; vertical-align: middle; z-index: 1000; height: 100%; width: 100%; } .headline { display: table-cell; vertical-align: middle; } ul.portfolio { display:flex; flex-wrap:wrap; justify-content:center; } ul.portfolio.isotope:not(.random) li.isotope-item a.item-hover .item-info { display: table; } .liTableHover .item-hover .mask { position: absolute; background-color: #000; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); filter: alpha(opacity=50); height: 100%; opacity: 0.5; position: absolute; width: 100.2%; z-index: 0; top: 0; } .isotope { margin: 50px 0; padding: 0; width: 100%; } .isotope:before, .isotope:after { content: ; display: table; } .isotope:after { clear: both; } .isotope li { display: block; float: none; width: 25%; } .classic.isotope { margin-left: -1.3%; width: 102.6%; } .classic.isotope header { overflow: hidden; position: relative; } .classic.isotope li { padding: 0 1.3% 25px 1.3%; } .classic.isotope li> h2 { margin-top: 14px; text-align: center; text-transform: none; } .random.isotope { margin-left: -15px; margin-right: -30px; width: auto; } .random.isotope li { height: 232px; width: 292px; padding: 15px; } .isotope li .inner { height: 100%; overflow: hidden; position: relative; } ul.portfolio li.isotope-item a.item-hover { height: 100%; position: absolute; text-align: center; width: 100%; top: 0; bottom: 0; } .item-img { overflow:hidden; } ul.portfolio li.isotope-item .item-img img { -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; } li.item:hover img, li.isotope-item:hover img, .recentblog header:hover .item-img img { transform: scale(1.1, 1.1)!important; } .item-info h2, .item-hover:hover h2, .item-info .fa, .item-hover:hover .fa { color: #fff; font-family:'Handlee'; } .item-info .subtituloTablaHover { color: #fff; font-family:'Handlee'; } .item-hover .fa { font-size: 17px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .item-type-line { z-index:10; color:#ffffff; position:relative; } .item-type-line .item-hover, .liTableHover a.item-hover { z-index:100; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; opacity:0; } ul.random .liTableHover { position: relative; } ul.random .liTableHover a.item-hover { display: table; height: 100%; opacity: 0; position: absolute; transition: all 300ms ease-out 0s; width: 100%; z-index: 100; } .tableHover .liTableHover a.item-hover:hover { opacity: 1; } ul .liTableHover a.item-hover .item-info { display: table-cell; text-align: center; vertical-align: middle; width: 100%; } .isotope li .inner { height: 100%; overflow: hidden; position: relative; } .random.isotope li.width-2 { width: 584px; } .random.isotope li.height-2 { height: 448px; } .liTableHover:before { content: unset !important; } @media (min-width: 992px) { .random.isotope li.width-2 { height: 225px; width: 584px; } .random.isotope li.height-2 { height: 450px; } .random.isotope li { height: 225px; padding: 15px; width: 292px; } } @media (min-width: 600px) { .tableHover .liTableHover { width: calc(33% - 27px); } } @media (max-width: 1200px) { .responsive .random.isotope li { width: 242px; } .responsive .random.isotope li.width-2 { width: 484px; } } @media (max-width: 992px) { .responsive .random.isotope li.height-2 { height: 232px; } .responsive .isotope li { width: 50%; } .responsive .random.isotope li { width: 50%; } .responsive .random.isotope li.width-2 { width: 50%; } } @media (max-width: 768px) { .responsive .random.isotope { margin-right: -15px; } .responsive .random.isotope li { width: 50%; height: 232px; } a.item-hover { opacity: 1 !important; } } @media (max-width: 480px) { .responsive .random.isotope li { width: 100%; } li.liTableHover.isotope-item { padding: 0px; margin: 0px; } ul.tableHover { margin-left: 0px; } .responsive .random.isotope li.width-2 { width: 100%; } .responsive .random.isotope li.height-2 { height: 232px; } } @media (max-width: 400px) { .responsive .isotope li { width: 100%; } } Nuestros productos están certificados en la CAM También estamos reconocidos por la UE Descárgate la app Alimentos de Madrid .div_video iframe { max-width: 100%; }
