.hover-fade .portfolio-item .image .image-inner.fallback-zooming img,
.hover-fade .gallery-item .overlay-wrap .image-wrap.fallback-zooming img {
overflow: hidden;
-webkit-transform: translate(0,0) scale(1);
transform: translate(0,0) scale(1);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .image-inner.fallback-zooming img,
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay-wrap .image-wrap.fallback-zooming img {
-webkit-transform: translate(0,0) scale(1.12);
transform: translate(0,0) scale(1.12);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.hover-fade .portfolio-item .image .image-inner.fallback-sliding img,
.hover-fade .gallery-item .overlay-wrap .image-wrap.fallback-sliding img {
overflow: hidden;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .image-inner.fallback-sliding img,
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay-wrap .image-wrap.fallback-zooming img {
-webkit-transform: translateX(-5%);
transform: translateX(-5%);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.news-grid.hover-fade .portfolio-item:is(:hover, .hover-effect) .image.format-video.has-post-thumbnail .image-inner img {
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
}
.hover-fade .portfolio-item .image .overlay,
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay,
.hover-fade .gallery-item .overlay-wrap .overlay,
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay-wrap .overlay {
display: block;
-webkit-transition: background 0.5s 0.2s;
transition: background 0.5s 0.2s;
}
.hover-fade .portfolio-item .image .overlay:before,
.hover-fade .gallery-item .overlay-wrap .overlay:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
z-index: -2;
opacity: 0;
-webkit-transition: opacity 0.5s 0.2s;
transition: opacity 0.5s 0.2s;
background: transparent;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay:before,
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay-wrap .overlay:before {
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.hover-fade .portfolio-item .image .overlay:after,
.hover-fade .gallery-item .overlay-wrap .overlay:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
opacity: 1;
background: none;
}
.hover-fade.title-on-page.title-style-dark .portfolio-item .image .overlay:after {
display: none;
}
.hover-fade .portfolio-item .image .overlay .links .portfolio-icons > .icon,
.hover-fade .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon,
.hover-fade .gallery-item .overlay .overlay-content-inner a.icon,
.portfolio.products.hover-fade .portfolio-item .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
opacity: 0;
display: inline-block;
vertical-align: middle;
position: relative;
will-change: transform;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: opacity 0.3s 0.2s, -webkit-transform 0s 0.5s, top 0.3s 0.2s;
transition: opacity 0.3s 0.2s, transform 0s 0.5s, top 0.3s 0.2s;
}
.hover-fade .gallery-item .overlay .overlay-content-inner a.icon.link {
margin-left: 10px;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon,
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon,
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon,
.portfolio.products.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: top 0s;
transition: top 0s;
}
.portfolio.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .yith-wcwl-add-to-wishlist.added.icon:hover,
.portfolio.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .yith-wcwl-add-to-wishlist.added.icon:hover {
-webkit-transform: none;
transform: none;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(1),
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(1),
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(1) {
-webkit-transition: opacity 0.5s 0s, background-color 0.3s 0s, color 0.3s 0s, -webkit-transform 0.4s 0s;
transition: opacity 0.5s 0s, background-color 0.3s 0s, color 0.3s 0s, transform 0.4s 0s;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(2),
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(2),
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(2) {
-webkit-transition: opacity 0.5s 0.05s, background-color 0.3s 0s, color 0.3s 0s, -webkit-transform 0.4s 0.05s;
transition: opacity 0.5s 0.05s, background-color 0.3s 0s, color 0.3s 0s, transform 0.4s 0.05s;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(3),
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(3),
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(3),
.portfolio.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .yith-wcwl-add-to-wishlist a.icon,
.portfolio.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .yith-wcwl-add-to-wishlist a.icon {
-webkit-transition: opacity 0.5s 0.1s, background-color 0.3s 0s, color 0.3s 0s, -webkit-transform 0.4s 0.1s;
transition: opacity 0.5s 0.1s, background-color 0.3s 0s, color 0.3s 0s, transform 0.4s 0.1s;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(4),
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(4),
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(4) {
-webkit-transition: opacity 0.5s 0.15s, background-color 0.3s 0s, color 0.3s 0s, -webkit-transform 0.4s 0.15s;
transition: opacity 0.5s 0.15s, background-color 0.3s 0s, color 0.3s 0s, transform 0.4s 0.15s;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(5),
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(5),
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(5) {
-webkit-transition: opacity 0.5s 0.2s, background-color 0.3s 0s, color 0.3s 0s, -webkit-transform 0.4s 0.2s;
transition: opacity 0.5s 0.2s, background-color 0.3s 0s, color 0.3s 0s, transform 0.4s 0.2s;
}
.hover-fade .portfolio-item .image .links .caption .title,
.hover-fade .portfolio-item .image .links .caption .categories,
.products.hover-fade.title-on-hover .portfolio-item .image .links .caption .product-info {
opacity: 0;
top: 200px;
vertical-align: middle;
position: relative;
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
}
.hover-fade .gallery-item .overlay .overlay-content-inner .title {
opacity: 0;
top: 200px;
display: block;
vertical-align: middle;
position: relative;
margin-top: 35px;
will-change: transform;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .links .caption .title,
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .links .caption .categories,
.products.hover-fade.title-on-hover .portfolio-item:is(:hover, .hover-effect) .image .links .caption .product-info {
opacity: 1;
top: 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
}
.products.hover-fade.title-on-page .portfolio-item.has-rating .image .links .caption .product-info {
position: relative;
-webkit-transition: padding 0.3s;
transition: padding 0.3s;
}
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner .title {
opacity: 1;
top: 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
}
.hover-fade .portfolio-item .image .links .caption .info {
opacity: 0;
top: 200px;
display: inline-block;
vertical-align: middle;
position: relative;
will-change: transform;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .links .caption .info {
opacity: 1;
top: 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
}
.hover-fade .portfolio-item .image .links .caption .description {
opacity: 1;
position: static;
}
.portfolio.hover-fade.fullwidth-columns-4 .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle {
opacity: 0;
top: 320px;
position: absolute;
will-change: transform;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
}
.portfolio.hover-fade.fullwidth-columns-4 .fullwidth-block .portfolio-item.double-item .image .overlay .links .caption .subtitle {
top: 350px;
}
.portfolio.hover-fade.fullwidth-columns-4 .fullwidth-block .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .caption .subtitle {
opacity: 1;
top: 120px;
display: block;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
}
.portfolio.hover-fade.fullwidth-columns-4 .fullwidth-block .portfolio-item.double-item:is(:hover, .hover-effect) .image .overlay .links .caption .subtitle {
top: 150px;
}
.hover-fade .portfolio-item .image .overlay .links .portfolio-sharing-pane {
opacity: 0;
margin-top: 0;
margin-bottom: 0;
will-change: transform;
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
-webkit-transition: opacity 0.3s, margin 0.3s 0.3s, -webkit-transform 0s;
transition: opacity 0.3s, margin 0.3s 0.3s, transform 0s;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane {
visibility: hidden;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.5s, -webkit-transform 0s, margin 0.3s;
transition: opacity 0.5s, transform 0s, margin 0.3s;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active {
opacity: 1;
visibility: visible;
margin-top: 20px;
margin-bottom: 0;
-webkit-transition: opacity 0.5s, margin 0.3s;
transition: opacity 0.5s, margin 0.3s;
}
.gem-gallery-grid.hover-fade.fullwidth-columns-4 .gallery-item .overlay .overlay-content-inner .subtitle {
opacity: 0;
display: inline-block;
vertical-align: middle;
top: 280px;
max-width: 70%;
overflow: hidden;
position: absolute;
will-change: transform;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
}
.gem-gallery-grid.hover-fade.fullwidth-columns-4 .gallery-item.double-item .overlay .overlay-content-inner .subtitle {
top: 310px;
}
.gem-gallery-grid.hover-fade.fullwidth-columns-4 .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner .subtitle {
opacity: 1;
top: 80px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
}
.gem-gallery-grid.hover-fade.fullwidth-columns-4 .gallery-item.double-item:is(:hover, .hover-effect) .overlay .overlay-content-inner .subtitle {
top: 110px;
}@font-face{font-family:vc_linecons;font-style:normal;font-weight:400;src:url(//baglab.it/wp-content/plugins/js_composer/assets/css/lib/vc-linecons/fonts/vc_linecons.eot?54101537);src:url(//baglab.it/wp-content/plugins/js_composer/assets/css/lib/vc-linecons/fonts/vc_linecons.eot?54101537#iefix) format("embedded-opentype"),url(//baglab.it/wp-content/plugins/js_composer/assets/css/lib/vc-linecons/fonts/vc_linecons.woff?54101537) format("woff"),url(//baglab.it/wp-content/plugins/js_composer/assets/css/lib/vc-linecons/fonts/vc_linecons.ttf?54101537) format("truetype"),url(//baglab.it/wp-content/plugins/js_composer/assets/css/lib/vc-linecons/fonts/vc_linecons.svg?54101537#vc_openiconic) format("svg")}[class*=" vc_li-"]:before,[class^=vc_li-]:before{font-family:vc_linecons;font-style:normal;font-weight:400;speak:none;display:inline-block;font-variant:normal;line-height:inherit;margin-left:0;margin-right:0;text-align:center;text-decoration:inherit;text-transform:none;width:1em}.vc_li-heart:before{content:"\e000"}.vc_li-cloud:before{content:"\e001"}.vc_li-star:before{content:"\e002"}.vc_li-tv:before{content:"\e003"}.vc_li-sound:before{content:"\e004"}.vc_li-video:before{content:"\e005"}.vc_li-trash:before{content:"\e006"}.vc_li-user:before{content:"\e007"}.vc_li-key:before{content:"\e008"}.vc_li-search:before{content:"\e009"}.vc_li-settings:before{content:"\e00a"}.vc_li-camera:before{content:"\e00b"}.vc_li-tag:before{content:"\e00c"}.vc_li-lock:before{content:"\e00d"}.vc_li-bulb:before{content:"\e00e"}.vc_li-pen:before{content:"\e00f"}.vc_li-diamond:before{content:"\e010"}.vc_li-display:before{content:"\e011"}.vc_li-location:before{content:"\e012"}.vc_li-eye:before{content:"\e013"}.vc_li-bubble:before{content:"\e014"}.vc_li-stack:before{content:"\e015"}.vc_li-cup:before{content:"\e016"}.vc_li-phone:before{content:"\e017"}.vc_li-news:before{content:"\e018"}.vc_li-mail:before{content:"\e019"}.vc_li-like:before{content:"\e01a"}.vc_li-photo:before{content:"\e01b"}.vc_li-note:before{content:"\e01c"}.vc_li-clock:before{content:"\e01d"}.vc_li-paperplane:before{content:"\e01e"}.vc_li-params:before{content:"\e01f"}.vc_li-banknote:before{content:"\e020"}.vc_li-data:before{content:"\e021"}.vc_li-music:before{content:"\e022"}.vc_li-megaphone:before{content:"\e023"}.vc_li-study:before{content:"\e024"}.vc_li-lab:before{content:"\e025"}.vc_li-food:before{content:"\e026"}.vc_li-t-shirt:before{content:"\e027"}.vc_li-fire:before{content:"\e028"}.vc_li-clip:before{content:"\e029"}.vc_li-shop:before{content:"\e02a"}.vc_li-calendar:before{content:"\e02b"}.vc_li-vallet:before{content:"\e02c"}.vc_li-vynil:before{content:"\e02d"}.vc_li-truck:before{content:"\e02e"}.vc_li-world:before{content:"\e02f"}