.hover-gradient .portfolio-item .image .image-inner img,
.hover-gradient .gallery-item .overlay-wrap .image-wrap img {
overflow: hidden;
-webkit-transform: translate(0, 0) scale3d(1,1,1);
transform: translate(0, 0) scale3d(1,1,1);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .image-inner img,
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay-wrap .image-wrap img {
-webkit-transform: translate(0, 0) scale3d(1.12,1.12,1.12);
transform: translate(0, 0) scale3d(1.12,1.12,1.12);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.news-grid.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image.format-video.has-post-thumbnail .image-inner img {
-webkit-transform: translate(0, 0) scale3d(1,1,1);
transform: translate(0, 0) scale3d(1,1,1);
}
.hover-gradient .portfolio-item .image .overlay,
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay,
.hover-gradient .gallery-item .overlay-wrap .overlay,
.hover-gradient .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-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay,
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay-wrap .overlay {
}
.hover-gradient .portfolio-item .image .overlay:before,
.hover-gradient .gallery-item .overlay-wrap .overlay:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -2;
opacity: 0;
-webkit-transition: opacity 0.5s 0.2s;
transition: opacity 0.5s 0.2s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay:before,
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay-wrap .overlay:before {
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.hover-gradient .portfolio-item .image .overlay:after,
.hover-gradient .gallery-item .overlay-wrap .overlay:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
opacity: 1;
background: none !important;
transition: all 0.3s;
}
.hover-gradient.title-on-page .portfolio-item .image .overlay:after,
.hover-gradient.title-on-page .gallery-item .overlay-wrap .overlay:after {
background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 65%, rgba(0, 0, 0, 0.5) 100%) !important;
background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 65%, rgba(0, 0, 0, 0.5) 100%) !important;
background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 65%, rgba(0, 0, 0, 0.5) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#80000000', GradientType=0) !important;
}
.hover-gradient.title-on-page.title-style-dark .portfolio-item .image .overlay:after {
display: none;
}
.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons > .icon,
.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon,
.hover-gradient .gallery-item .overlay .overlay-content-inner a.icon,
.portfolio.products.hover-gradient .portfolio-item .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
opacity: 0;
display: inline-block;
vertical-align: middle;
position: relative;
top: 200px;
-webkit-transform: scale3d(0,0,0);
transform: scale3d(0,0,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-gradient .gallery-item .overlay .overlay-content-inner a.icon.link {
margin-left: 10px;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon,
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon,
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon,
.portfolio.products.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
opacity: 1;
top: 0;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-webkit-transition: top 0s;
transition: top 0s;
}
.portfolio.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:hover,
.portfolio.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:hover {
-webkit-transform: scale3d(1.2,1.2,1.2);
transform: scale3d(1.2,1.2,1.2);
-webkit-transition: transform 0.2s;
transition: transform 0.2s;
}
.portfolio.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .yith-wcwl-add-to-wishlist.added.icon:hover,
.portfolio.hover-gradient .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-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(1),
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(1),
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(1),
.portfolio.products.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
-webkit-transition: opacity 0.5s 0s, -webkit-transform 0.4s 0s;
transition: opacity 0.5s 0s, transform 0.4s 0s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(2),
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(2),
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(2) {
-webkit-transition: opacity 0.5s 0.05s, -webkit-transform 0.4s 0.05s;
transition: opacity 0.5s 0.05s, transform 0.4s 0.05s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(3),
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(3),
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(3),
.portfolio.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .yith-wcwl-add-to-wishlist a.icon,
.portfolio.hover-gradient .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, -webkit-transform 0.4s 0.1s;
transition: opacity 0.5s 0.1s, transform 0.4s 0.1s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(4),
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(4),
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(4) {
-webkit-transition: opacity 0.5s 0.15s, -webkit-transform 0.4s 0.15s;
transition: opacity 0.5s 0.15s, transform 0.4s 0.15s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(5),
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(5),
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(5) {
-webkit-transition: opacity 0.5s 0.2s, -webkit-transform 0.4s 0.2s;
transition: opacity 0.5s 0.2s, transform 0.4s 0.2s;
}
.hover-gradient .portfolio-item .image .links .caption .title,
.products.hover-gradient.title-on-hover .portfolio-item .image .links .caption .product-info {
opacity: 0;
top: 200px;
display: inline-block;
vertical-align: middle;
position: relative;
-webkit-transform: scale3d(0,0,0);
transform: scale3d(0,0,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:not(.version-alternative).caption-position-hover.hover-gradient .portfolio-item .image .links .caption .details {
opacity: 0;
top: 200px;
position: relative;
-webkit-transform: scale3d(0,0,0);
transform: scale3d(0,0,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-gradient .gallery-item .overlay .overlay-content-inner .title {
opacity: 0;
top: 200px;
display: block;
vertical-align: middle; margin-top: 35px;
-webkit-transform: scale3d(0,0,0);
transform: scale3d(0,0,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-gradient .portfolio-item:is(:hover, .hover-effect) .image .links .caption .title,
.portfolio:not(.version-alternative).hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .links .caption .details,
.products.hover-gradient.title-on-hover .portfolio-item:is(:hover, .hover-effect) .image .links .caption .product-info {
opacity: 1;
top: 0;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,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-gradient.title-on-page .portfolio-item.has-rating .image .links .caption .product-info {
position: relative;
-webkit-transition: padding 0.3s;
transition: padding 0.3s;
}
.products.hover-gradient.title-on-page .portfolio-item.has-rating .image .links .caption .product-info .product-rating {
position: absolute;
-webkit-transform: scale3d(0,0,0);
transform: scale3d(0,0,0);
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s;
transition: transform 0.3s, opacity 0.3s 0.1s;
}
.products.hover-gradient.title-on-page .portfolio-item.has-rating:hover .image .links .caption .product-info .product-rating,
.products.hover-gradient.title-on-page .portfolio-item.has-rating.hover-effect .image .links .caption .product-info .product-rating {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
opacity: 1;
}
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner .title {
opacity: 1;
top: 0;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,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-gradient .portfolio-item .image .links .caption .info {
opacity: 0;
top: 200px;
display: inline-block;
vertical-align: middle;
position: relative;
-webkit-transform: scale3d(0,0,0);
transform: scale3d(0,0,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-gradient .portfolio-item:is(:hover, .hover-effect) .image .links .caption .info {
opacity: 1;
top: 0;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,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-gradient .portfolio-item .image .links .caption .description {
opacity: 1;
position: static;
}
.portfolio.hover-gradient.fullwidth-columns-4 .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle {
opacity: 0;
top: 320px;
position: absolute;
-webkit-transform: scale3d(0,0,0);
transform: scale3d(0,0,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-gradient.fullwidth-columns-4 .fullwidth-block .portfolio-item.double-item .image .overlay .links .caption .subtitle {
top: 350px;
}
.portfolio.hover-gradient.fullwidth-columns-4 .fullwidth-block .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .caption .subtitle {
opacity: 1;
top: 120px;
display: block;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,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-gradient.fullwidth-columns-4 .fullwidth-block .portfolio-item.double-item:is(:hover, .hover-effect) .image .overlay .links .caption .subtitle {
top: 150px;
}
.hover-gradient .portfolio-item .image .overlay .links .portfolio-sharing-pane {
opacity: 0;
margin-top: 0;
margin-bottom: 0;
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
-webkit-transition: opacity 0.3s, margin 0.3s 0.3s, height 0.3s 0.3s, -webkit-transform 0s;
transition: opacity 0.3s, margin 0.3s 0.3s, height 0.3s 0.3s, transform 0s;
}
.hover-gradient .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 0.3s, height 0.3s 0.3s;
transition: opacity 0.5s, transform 0s, margin 0.3s 0.3s, height 0.3s 0.3s;
}
.hover-gradient .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, height 0.3s;
transition: opacity 0.5s, margin 0.3s, height 0.3s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane .socials-item-icon {
opacity: 0;
-webkit-transform: translate(0, 30px);
transform: translate(0, 30px);
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active .socials-item-icon {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(1) .socials-item-icon,
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(1) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s, opacity 0.3s;
transition: color 0.3s, transform 0.3s, opacity 0.3s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(2) .socials-item-icon,
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(2) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.05s, opacity 0.3s 0.05s;
transition: color 0.3s, transform 0.3s 0.05s, opacity 0.3s 0.05s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(3) .socials-item-icon,
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(3) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s;
transition: color 0.3s, transform 0.3s 0.1s, opacity 0.3s 0.1s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(4) .socials-item-icon,
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(4) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.15s, opacity 0.3s 0.15s;
transition: color 0.3s, transform 0.3s 0.15s, opacity 0.3s 0.15s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(5) .socials-item-icon,
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(5) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.2s, opacity 0.3s 0.2s;
transition: color 0.3s, transform 0.3s 0.2s, opacity 0.3s 0.2s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(6) .socials-item-icon,
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(6) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.25s, opacity 0.3s 0.25s;
transition: color 0.3s, transform 0.3s 0.25s, opacity 0.3s 0.25s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(7) .socials-item-icon,
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(7) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.3s, opacity 0.3s 0.3s;
transition: color 0.3s, transform 0.3s 0.3s, opacity 0.3s 0.3s;
}
.gem-gallery-grid.hover-gradient.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;
-webkit-transform: scale3d(0,0,0);
transform: scale3d(0,0,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-gradient.fullwidth-columns-4 .gallery-item.double-item .overlay .overlay-content-inner .subtitle {
top: 310px;
}
.gem-gallery-grid.hover-gradient.fullwidth-columns-4 .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner .subtitle {
opacity: 1;
top: 80px;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,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-gradient.fullwidth-columns-4 .gallery-item.double-item:is(:hover, .hover-effect) .overlay .overlay-content-inner .subtitle {
top: 110px;
}
.hover-gradient:not(.caption-position-page) .portfolio-item:not(.without-title):is(.appearance-type-video, .appearance-type-animated_gif, .appearance-type-gallery) .image .overlay:after {
background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 65%, rgba(0, 0, 0, 0.5) 100%) !important;
background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 65%, rgba(0, 0, 0, 0.5) 100%) !important;
background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 65%, rgba(0, 0, 0, 0.5) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#80000000', GradientType=0) !important;
transition: all 0.3s;
}
.hover-gradient:not(.title-on-page) .portfolio-item:not(:hover, .hover-effect, .appearance-type-featured_image) .image .overlay:after,
.hover-gradient.caption-position-image .portfolio-item.appearance-type-featured_image:is(:hover, .hover-effect) .image .overlay:after {
opacity: 0;
} .hover-gradient.version-alternative .portfolio-item .image .overlay .links {
text-align: center;
}
.hover-gradient.version-alternative .portfolio-item .image .overlay .links .portfolio-icons {
position: relative;
padding: 30px 30px 10px 30px;
}
.hover-gradient.version-alternative .image .overlay .links .caption {
flex: auto;
display: flex;
flex-direction: column;
}
.hover-gradient.version-alternative .portfolio-item .image .links .top-info {
margin-bottom: auto;
}
.portfolio.hover-gradient.version-alternative .portfolio-item .image .links .top-info .subtitle {
display: block !important;
}
.portfolio.hover-gradient.version-alternative .portfolio-item .image .links .top-info .subtitle,
.portfolio.hover-gradient.version-alternative .portfolio-item .image .links .top-info .details {
position: relative;
left: 0;
max-width: initial;
opacity: 0;
top: 350px;
-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-gradient.version-alternative .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .caption .subtitle,
.hover-gradient.version-alternative .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .caption .details {
top: 0;
opacity: 1;
-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-gradient.version-alternative .portfolio-item .image .links .portfolio-likes {
position: relative;
margin-bottom: auto;
padding: 0 30px;
opacity: 0;
top: 200px;
-webkit-transform: scale3d(0,0,0);
transform: scale3d(0,0,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-gradient.version-alternative .portfolio-item:is(:hover, .hover-effect) .image .links .portfolio-likes {
opacity: 1;
top: 0;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,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-gradient.version-alternative .portfolio-item .image .links .portfolio-likes .zilla-likes {
margin: auto;
}
.hover-gradient.version-alternative .portfolio-item .image .overlay .links .caption {
text-align: center;
}
.hover-gradient.version-alternative:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption,
.hover-gradient.version-alternative .portfolio-item.small-item .image .overlay .links .caption {
padding: 0 15px 15px;
}
.hover-gradient.version-alternative .portfolio-item .image .overlay .links .caption .info {
display: block;
}
.hover-gradient.version-alternative.caption-position-image .portfolio-item .image .links .caption .title,
.hover-gradient.version-alternative.caption-position-image .portfolio-item .image .links .caption .info {
opacity: 1;
top: 0;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.hover-gradient.version-alternative .socials-sharing {
text-align: center;
}
.hover-gradient.version-alternative .portfolio-sharing-pane.active {
height: 25px;
}@font-face{font-family:flexslider-icon;src:url(//iphi-advokat.com/wp-content/plugins/js_composer/assets/lib/flexslider/fonts/flexslider-icon.eot);src:url(//iphi-advokat.com/wp-content/plugins/js_composer/assets/lib/flexslider/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),url(//iphi-advokat.com/wp-content/plugins/js_composer/assets/lib/flexslider/fonts/flexslider-icon.woff) format('woff'),url(//iphi-advokat.com/wp-content/plugins/js_composer/assets/lib/flexslider/fonts/flexslider-icon.ttf) format('truetype'),url(//iphi-advokat.com/wp-content/plugins/js_composer/assets/lib/flexslider/fonts/flexslider-icon.svg#flexslider-icon) format('svg');font-weight:400;font-style:normal}.flex-container a:hover,.flex-slider a:hover{outline:0}.flex-control-nav,.flex-direction-nav,.slides,.slides>li{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}.flexslider{margin:0;padding:0;overflow:initial!important}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .flexslider .slides{display:block}* html .flexslider .slides{height:1%}.no-js .flexslider .slides>li:first-child{display:block}.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;zoom:1;border-radius:4px;-o-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);box-shadow:'' 0 1px 4px rgba(0,0,0,.2)}.flexslider .slides{zoom:1}.flexslider .slides img{height:auto;-moz-user-select:none}.flex-viewport{max-height:2000px;transition:all 1s ease}.loading .flex-viewport{max-height:300px}@-moz-document url-prefix(){.loading .flex-viewport{max-height:none}}.carousel li{margin-right:5px}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);transition:all .3s ease-in-out}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'\f001';color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;cursor:default;z-index:-1}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-moz-user-select:none;transition:all 1s ease}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}.rtl .flexslider{direction:rtl}.rtl .carousel li{margin-right:5px}.rtl .flex-direction-nav a:before{content:'\f002'}.rtl .flex-direction-nav a.flex-next:before{content:'\f001'}.rtl .flex-direction-nav .flex-prev{left:auto;right:-50px}.rtl .flex-direction-nav .flex-next{right:auto;left:-50px;text-align:left}.rtl .flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:auto;right:10px}.rtl .flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:auto;left:10px}.rtl .flex-pauseplay a{left:auto;right:10px}@media screen and (max-width:860px){.rtl .flex-direction-nav .flex-prev{left:auto;right:10px}.rtl .flex-direction-nav .flex-next{right:auto;left:10px}}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(//iphi-advokat.com/wp-content/plugins/js_composer/assets/lib/lightbox2/dist/images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(//iphi-advokat.com/wp-content/plugins/js_composer/assets/lib/lightbox2/dist/images/prev.png) left 48% no-repeat;opacity:0;transition:opacity .6s}.lb-nav a.lb-prev:hover{opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(//iphi-advokat.com/wp-content/plugins/js_composer/assets/lib/lightbox2/dist/images/next.png) right 48% no-repeat;opacity:0;transition:opacity .6s}.lb-nav a.lb-next:hover{opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(//iphi-advokat.com/wp-content/plugins/js_composer/assets/lib/lightbox2/dist/images/close.png) top right no-repeat;text-align:right;outline:0;opacity:.7;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;opacity:1}