.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var( --container-widget-align-self,initial );--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{min-height:22px;min-width:22px;position:relative}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{height:22px;inset:0;margin:auto;padding:0;position:absolute;width:22px}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.farshidsarmast.com/wp-content/themes/thegem-elementor/js/owl/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.thegem-te-portfolio-gallery {
position: relative;
width: 100%;
max-width: 100%;
}
.thegem-te-portfolio-gallery .item-inner {
position: relative;
overflow: hidden;
display: block;
width: 100%;
}
.thegem-te-portfolio-gallery .item-inner:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.thegem-te-portfolio-gallery.image-aspect-ratio .item-inner .image-inner {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.thegem-te-portfolio-gallery.image-aspect-ratio .item-inner .image-inner img {
height: 100%;
width: 100%;
max-width: 100% !important;
-o-object-fit: cover;
object-fit: cover;
} .thegem-te-portfolio-gallery .owl-carousel.owl-drag .owl-item {
-ms-touch-action: auto;
touch-action: auto;
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.thegem-te-portfolio-gallery .owl-carousel {
overflow: hidden;
}
.thegem-te-portfolio-gallery .owl-carousel .owl-stage-outer {
overflow: visible;
} .thegem-te-portfolio-gallery .portfolio-carousel-nav.carousel-nav--space-between .nav-item {
position: absolute;
display: flex;
align-items: center;
top: 50%;
transform: translateY(-50%);
z-index: 5;
}
.thegem-te-portfolio-gallery .portfolio-carousel-nav.carousel-nav--space-between .nav-prev {
left: 0;
}
.thegem-te-portfolio-gallery .portfolio-carousel-nav.carousel-nav--space-between .nav-next {
right: 0;
}
.thegem-te-portfolio-gallery .portfolio-carousel-nav.carousel-nav--bottom-centered {
position: absolute;
display: flex;
justify-content: space-between;
align-items: center;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 5;
}
.thegem-te-portfolio-gallery .portfolio-carousel-nav.carousel-nav--bottom-centered .nav-prev {
margin-right: 30px;
}
.thegem-te-portfolio-gallery .portfolio-carousel-nav.carousel-nav--bottom-centered .nav-next {
margin-left: 30px;
}
.thegem-te-portfolio-gallery .portfolio-carousel-nav .icon {
position: relative;
min-width: 60px;
min-height: 60px;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: var(--thegem-to-h5-color);
transition: all 0.3s;
font-size: 24px;
}
.thegem-te-portfolio-gallery .portfolio-carousel-nav .icon:hover {
color: var(--thegem-to-pagination-color-hover);
}
.thegem-te-portfolio-gallery .portfolio-carousel-nav .icon-default {
font-family: 'thegem-icons';
font-style: normal;
}
.thegem-te-portfolio-gallery .portfolio-carousel-nav .nav-prev .icon-default:before {
content: '\e675';
}
.thegem-te-portfolio-gallery .portfolio-carousel-nav .nav-next .icon-default:before {
content: '\e676';
}
.thegem-te-portfolio-gallery .portfolio-carousel-nav.carousel-nav--round .icon,
.thegem-te-portfolio-gallery .portfolio-carousel-nav.carousel-nav--square .icon {
border-width: 0;
border-style: solid;
background-color: var(--thegem-to-h5-color, #3C3950);
color: #FFFFFF;
}
.thegem-te-portfolio-gallery .portfolio-carousel-nav.carousel-nav--round .icon {
border-radius: 50%;
}
.thegem-te-portfolio-gallery .portfolio-carousel-nav.carousel-nav--round .icon:hover,
.thegem-te-portfolio-gallery .portfolio-carousel-nav.carousel-nav--square .icon:hover {
background-color: #FFFFFF;
color: var(--thegem-to-h5-color, #3C3950);
} .thegem-te-portfolio-gallery .portfolio-carousel .owl-dots {
display: flex;
flex: auto;
align-items: center;
justify-content: center;
text-align: center;
margin-top: 10px;
}
.thegem-te-portfolio-gallery .portfolio-carousel .owl-dots.disabled {
margin: 0;
display: none;
}
.thegem-te-portfolio-gallery .portfolio-carousel .owl-dots .owl-dot {
display: flex;
width: 8px;
height: 8px;
margin: 0 4px;
border-radius: 50%;
overflow: hidden;
transition: all 0.3s;
background-color: var(--thegem-to-pagination-color);
}
.thegem-te-portfolio-gallery .portfolio-carousel .owl-dots .owl-dot span {
display: none;
}
.thegem-te-portfolio-gallery .portfolio-carousel .owl-dots .owl-dot.active,
.thegem-te-portfolio-gallery .portfolio-carousel .owl-dots .owl-dot:hover {
background-color: var(--thegem-to-pagination-color-hover);
} .thegem-te-portfolio-gallery .lightbox {
transition: all 0.3s ease-in-out;
}
.thegem-te-portfolio-gallery .lightbox:hover {
opacity: 0.8;
} .thegem-te-portfolio-gallery .portfolio-grid {
position: relative;
display: flex;
flex-wrap: wrap;
}
.thegem-te-portfolio-gallery .portfolio-grid .item {
display: flex;
}.hover-horizontal-sliding .portfolio-item .image .image-inner img,
.hover-horizontal-sliding .gallery-item .overlay-wrap .image-wrap img {
overflow: hidden;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .image-inner img,
.hover-horizontal-sliding .gallery-item:is(:hover, .hover-effect) .overlay-wrap .image-wrap img {
-webkit-transform: translateX(-9%);
transform: translateX(-9%);
}
.news-grid.hover-horizontal-sliding .portfolio-item .image.format-video.has-post-thumbnail .image-inner img {
-webkit-transform: translateX(-5%);
transform: translateX(-5%);
}
.hover-horizontal-sliding .portfolio-item .image .overlay,
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay,
.hover-horizontal-sliding .gallery-item .overlay-wrap .overlay,
.hover-horizontal-sliding .gallery-item:is(:hover, .hover-effect) .overlay-wrap .overlay {
display: block;
}
.hover-horizontal-sliding .portfolio-item .image .overlay:before,
.hover-horizontal-sliding .gallery-item .overlay-wrap .overlay:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
content: '';
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: opacity 0.5s, background-color 0.5s;
transition: opacity 0.5s, background-color 0.5s;
}
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay:before,
.hover-horizontal-sliding .gallery-item:is(:hover, .hover-effect) .overlay-wrap .overlay:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
content: '';
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.5s, background-color 0.5s;
transition: opacity 0.5s, background-color 0.5s;
}
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons > .icon,
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon,
.hover-horizontal-sliding .gallery-item .overlay .overlay-content-inner a.icon,
.portfolio.products.hover-horizontal-sliding .portfolio-item .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
opacity: 0;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.hover-horizontal-sliding .gallery-item .overlay .overlay-content-inner a.icon.link {
margin-left: 10px;
}
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons > .icon:nth-child(1),
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons > .icon:nth-child(2),
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons > .icon:nth-child(3),
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons > .icon:nth-child(4),
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons > .icon:nth-child(5),
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon:nth-child(1),
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon:nth-child(2),
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon:nth-child(3),
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon:nth-child(4),
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon:nth-child(5) {
-webkit-transition: -webkit-transform 0.2s, font-size 0.3s;
transition: transform 0.2s, color 0.3s, font-size 0.3s;
}
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon,
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon,
.hover-horizontal-sliding .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon,
.portfolio.products.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.portfolio.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:hover,
.portfolio.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: -webkit-transform 0.2s !important;
transition: transform 0.2s !important;
}
.portfolio.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .yith-wcwl-add-to-wishlist.added.icon:hover,
.portfolio.hover-horizontal-sliding .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-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(1),
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(1),
.portfolio.products.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
-webkit-transition: opacity 0.8s, transform 0.2s 0.18s, font-size 0.3s;
transition: opacity 0.8s, transform 0.2s 0.18s, font-size 0.3s;
}
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(2),
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(2) {
-webkit-transition: opacity 0.8s, transform 0.2s 0.16s, font-size 0.3s;
transition: opacity 0.8s, transform 0.2s 0.16s, font-size 0.3s;
}
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(3),
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(3),
.portfolio.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .yith-wcwl-add-to-wishlist a.icon,
.portfolio.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .yith-wcwl-add-to-wishlist a.icon {
-webkit-transition: opacity 0.8s, transform 0.2s 0.14s, font-size 0.3s;
transition: opacity 0.8s, transform 0.2s 0.14s, font-size 0.3s;;
}
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(4),
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(4) {
-webkit-transition: opacity 0.8s, transform 0.2s 0.12s, font-size 0.3s;
transition: opacity 0.8s, transform 0.2s 0.12s, font-size 0.3s;
}
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(5),
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(5) {
-webkit-transition: opacity 0.8s, transform 0.2s 0.1s, font-size 0.3s;
transition: opacity 0.8s, transform 0.2s 0.1s, font-size 0.3s;
}
.hover-horizontal-sliding .portfolio-item .image .links .caption .title,
.hover-horizontal-sliding .gallery-item .overlay .title {
opacity: 0;
position: relative;
left: -200px;
-webkit-transition: opacity 0.3s, left 0.3s;
transition: opacity 0.3s, left 0.3s;
}
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .links .caption .title,
.hover-horizontal-sliding .gallery-item:is(:hover, .hover-effect) .overlay .title {
opacity: 1;
left: 0;
-webkit-transition: opacity 0.3s, left 0.3s;
transition: opacity 0.3s, left 0.3s;
}
.hover-horizontal-sliding .portfolio-item .image .links .caption .description,
.hover-horizontal-sliding .portfolio-item .image .links .caption .details,
.hover-horizontal-sliding .gallery-item .overlay .subtitle {
opacity: 0;
position: relative;
left: -200px;
-webkit-transition: opacity 0.3s 0.1s, left 0.3s 0.1s;
transition: opacity 0.3s 0.1s, left 0.3s 0.1s;
}
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .links .caption .description,
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .links .caption .details,
.hover-horizontal-sliding .gallery-item:is(:hover, .hover-effect) .overlay .subtitle {
opacity: 1;
left: 0;
-webkit-transition: opacity 0.3s 0.1s, left 0.3s 0.1s;
transition: opacity 0.3s 0.1s, left 0.3s 0.1s;
}
.hover-horizontal-sliding .portfolio-item .image .links .caption .product-info {
opacity: 0;
position: relative;
left: -200px;
-webkit-transition: opacity 0.3s 0.1s, left 0.3s 0.1s;
transition: opacity 0.3s 0.1s, left 0.3s 0.1s;
}
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .links .caption .product-info {
opacity: 1;
left: 0;
-webkit-transition: opacity 0.3s 0.1s, left 0.3s 0.1s;
transition: opacity 0.3s 0.1s, left 0.3s 0.1s;
}
.hover-horizontal-sliding .gallery-item .overlay .overlay-line {
width: 0;
opacity: 0;
-webkit-transition: width 0.35s, opacity 0.5s;
transition: width 0.35s, opacity 0.5s;
}
.hover-horizontal-sliding .gallery-item:is(:hover, .hover-effect) .overlay .overlay-line {
width: 100%;
opacity: 1;
-webkit-transition: width 0.35s, opacity 0.5s;
transition: width 0.35s, opacity 0.5s;
}
.hover-horizontal-sliding .portfolio-item .image .links .overlay-line {
overflow: hidden;
position: relative;
background: transparent;
}
.hover-horizontal-sliding .portfolio-item .image .links .overlay-line:after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #fff;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .links .overlay-line:after {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.hover-horizontal-sliding .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, -webkit-transform 0s;
transition: opacity 0.3s, margin 0.3s 0.3s, transform 0s;
}
.hover-horizontal-sliding .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;
transition: opacity 0.5s, transform 0s, margin 0.3s 0.3s;
}
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active {
opacity: 1;
visibility: visible;
margin-top: 20px;
margin-bottom: 30px;
-webkit-transition: opacity 0.5s, margin 0.3s;
transition: opacity 0.5s, margin 0.3s;
}
.hover-horizontal-sliding .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-horizontal-sliding .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-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(1) .socials-item-icon,
.hover-horizontal-sliding .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-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(2) .socials-item-icon,
.hover-horizontal-sliding .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-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(3) .socials-item-icon,
.hover-horizontal-sliding .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-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(4) .socials-item-icon,
.hover-horizontal-sliding .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-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(5) .socials-item-icon,
.hover-horizontal-sliding .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-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(6) .socials-item-icon,
.hover-horizontal-sliding .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-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(7) .socials-item-icon,
.hover-horizontal-sliding .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;
} .hover-horizontal-sliding.version-alternative.caption-position-hover .portfolio-item:not(:hover, .hover-effect) .image .date {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.hover-horizontal-sliding.version-alternative .portfolio-item .image .links .portfolio-icons {
margin-bottom: 15px;
}
.hover-horizontal-sliding.version-alternative .portfolio-item .image .links .portfolio-likes {
opacity: 0;
position: relative;
left: -200px;
margin: 0;
-webkit-transition: opacity 0.3s 0.1s, left 0.3s 0.1s;
transition: opacity 0.3s 0.1s, left 0.3s 0.1s;
}
.hover-horizontal-sliding.version-alternative .portfolio-item:is(:hover, .hover-effect) .image .links .portfolio-likes {
opacity: 1;
left: 0;
-webkit-transition: opacity 0.3s 0.1s, left 0.3s 0.1s;
transition: opacity 0.3s 0.1s, left 0.3s 0.1s;
}
.hover-horizontal-sliding.version-alternative:is(.caption-position-hover, .caption-position-image) .portfolio-icons {
text-align: left;
}
.hover-horizontal-sliding.version-alternative:is(.caption-position-hover, .caption-position-image) .portfolio-icons a:first-child {
margin-left: 0 !important;
}
.hover-horizontal-sliding.version-alternative:is(.caption-position-hover, .caption-position-image) .portfolio-item .image .overlay .links {
justify-content: flex-end !important
}
.hover-horizontal-sliding .portfolio-item .image .links .caption .set {
color: var(--thegem-to-styled-color1, #00BCD4);
}
.hover-horizontal-sliding .portfolio-item .image .links .caption .set,
.hover-horizontal-sliding:not(.version-alternative) .portfolio-item .image .links .caption .date {
opacity: 0;
position: relative;
left: -200px;
-webkit-transition: opacity 0.3s, left 0.3s;
transition: opacity 0.3s, left 0.3s;
}
.hover-horizontal-sliding .portfolio-item:is(:hover, .hover-effect) .image .links .caption .set,
.hover-horizontal-sliding:not(.version-alternative) .portfolio-item:is(:hover, .hover-effect) .image .links .caption .date {
opacity: 1;
left: 0;
-webkit-transition: opacity 0.3s, left 0.3s;
transition: opacity 0.3s, left 0.3s;
}
.hover-horizontal-sliding .portfolio-item .image .zilla-likes .zilla-likes-count {
color: var(--thegem-to-styled-color1, #00BCD4);
}
.hover-horizontal-sliding.version-alternative.caption-position-image .image .links .caption {
position: relative;
}
.hover-horizontal-sliding.version-alternative.caption-position-image .image .links .caption .title {
padding: 0 !important;
position: absolute;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
margin: 0 !important;
-webkit-transition: opacity 0.3s 0.18s, transform 0.3s 0.18s;
transition: opacity 0.3s 0.18s, transform 0.3s 0.18s;
}
.hover-horizontal-sliding.version-alternative.caption-position-image .portfolio-item.appearance-type-featured_image:is(:hover, .hover-effect) .image .links .caption .title {
opacity: 0;
transform: translateX(100%);
-webkit-transition: opacity 0.3s, transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.hover-horizontal-sliding.version-alternative.caption-position-image .portfolio-item .image .overlay:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
opacity: 1;
background: -moz-linear-gradient(top, rgba(30,87,153,0) 65%, rgba(0,0,0,0.5) 100%);
background: -webkit-linear-gradient(top, rgba(30,87,153,0) 65%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom, rgba(30,87,153,0) 65%,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#80000000',GradientType=0 );
opacity: 1;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.hover-horizontal-sliding.version-alternative.caption-position-image .portfolio-item.appearance-type-featured_image:is(:hover, .hover-effect) .image .overlay:after {
opacity: 0;
}
.hover-horizontal-sliding.version-alternative .image .overlay .links {
padding: 18px 30px;
}
.hover-horizontal-sliding.version-alternative:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item) .image .overlay .links,
.hover-horizontal-sliding.version-alternative .portfolio-item.small-item .image .overlay .links {
padding: 10px 15px;
}.items-animations-timer-element {
font-size: 0;
line-height: 1;
height: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.items-animations-timer-element.start-timer {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
} .item-animation-move-up .item-animations-inited.before-start {
-moz-transform: translateY(40px) !important;
-ms-transform: translateY(40px) !important;
-webkit-transform: translateY(40px) !important;
-o-transform: translateY(40px) !important;
transform: translateY(40px) !important;
zoom: 1;
-webkit-opacity: 0 !important;
-moz-opacity: 0 !important;
filter: alpha(opacity=0) !important;
opacity: 0 !important;
}
.item-animation-move-up .item-animations-inited.before-start.start-animation {
-o-transition: opacity 1s, transform 1s !important;
-webkit-transition: opacity 1s, transform 1s !important;
transition: opacity 1s, transform 1s !important;
-moz-transform: translateY(0px) !important;
-ms-transform: translateY(0px) !important;
-webkit-transform: translateY(0px) !important;
-o-transform: translateY(0px) !important;
transform: translateY(0px) !important;
zoom: 1;
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
filter: alpha(opacity=100) !important;
opacity: 1 !important;
} .item-animation-bounce .item-animations-inited.before-start {
-moz-transform: scale(0.001) !important;
-ms-transform: scale(0.001) !important;
-webkit-transform: scale(0.001) !important;
-o-transform: scale(0.001) !important;
transform: scale(0.001) !important;
zoom: 1;
-webkit-opacity: 0 !important;
-moz-opacity: 0 !important;
filter: alpha(opacity=0) !important;
opacity: 0 !important;
}
.item-animation-bounce .item-animations-inited.before-start.start-animation {
-o-transition: opacity 0.4s, transform 0.4s !important;
-webkit-transition: opacity 0.4s, transform 0.4s !important;
transition: opacity 0.4s, transform 0.4s !important;
-moz-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-webkit-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important;
zoom: 1;
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
filter: alpha(opacity=100) !important;
opacity: 1 !important;
} .item-animation-fade-in .item-animations-inited.before-start {
zoom: 1;
-webkit-opacity: 0 !important;
-moz-opacity: 0 !important;
filter: alpha(opacity=0) !important;
opacity: 0 !important;
}
.item-animation-fade-in .item-animations-inited.before-start.start-animation {
-o-transition: opacity 0.7s !important;
-webkit-transition: opacity 0.7s !important;
transition: opacity 0.7s !important;
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
filter: alpha(opacity=100) !important;
opacity: 1 !important;
} .item-animation-scale .item-animations-inited.before-start {
-moz-transform: scale(0.001) !important;
-ms-transform: scale(0.001) !important;
-webkit-transform: scale(0.001) !important;
-o-transform: scale(0.001) !important;
transform: scale(0.001) !important;
}
.item-animation-scale .item-animations-inited.before-start.start-animation {
-o-transition: transform 0.57s ease-in-out !important;
-webkit-transition: transform 0.57s ease-in-out !important;
transition: opacity transform 0.57s ease-in-out !important;
-moz-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-webkit-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important;
} .item-animation-flip .item-animations-inited.before-start {
-moz-transform: rotate3d(1, 0, 0, -80deg) !important;
-ms-transform: rotate3d(1, 0, 0, -80deg) !important;
-webkit-transform: rotate3d(1, 0, 0, -80deg) !important;
-o-transform: rotate3d(1, 0, 0, -80deg) !important;
transform: rotate3d(1, 0, 0, -80deg) !important;
zoom: 1;
-webkit-opacity: 0 !important;
-moz-opacity: 0 !important;
filter: alpha(opacity=0) !important;
opacity: 0 !important;
}
.item-animation-flip .item-animations-inited.before-start.start-animation {
-o-transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out !important;
-webkit-transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out !important;
transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out !important;
-moz-transform: rotate3d(0, 0, 0, 0deg) !important;
-ms-transform: rotate3d(0, 0, 0, 0deg) !important;
-webkit-transform: rotate3d(0, 0, 0, 0deg) !important;
-o-transform: rotate3d(0, 0, 0, 0deg) !important;
transform: rotate3d(0, 0, 0, 0deg) !important;
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
filter: alpha(opacity=100) !important;
opacity: 1 !important;
} .item-animation-fall-perspective .item-animations-inited.before-start {
-moz-transform: translateZ(400px) translateY(300px) rotateX(-65deg) !important;
-ms-transform: translateZ(400px) translateY(300px) rotateX(-65deg) !important;
-webkit-transform: translateZ(400px) translateY(300px) rotateX(-65deg) !important;
-o-transform: translateZ(400px) translateY(300px) rotateX(-65deg) !important;
transform: translateZ(400px) translateY(300px) rotateX(-65deg) !important;
zoom: 1;
-webkit-opacity: 0 !important;
-moz-opacity: 0 !important;
filter: alpha(opacity=0) !important;
opacity: 0 !important;
}
.item-animation-fall-perspective .item-animations-inited.before-start.start-animation {
-o-transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out !important;
-webkit-transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out !important;
transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out !important;
-moz-transform: translateZ(0px) translateY(0px) rotateX(0deg) !important;
-ms-transform: translateZ(0px) translateY(0px) rotateX(0deg) !important;
-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg) !important;
-o-transform: translateZ(0px) translateY(0px) rotateX(0deg) !important;
transform: translateZ(0px) translateY(0px) rotateX(0deg) !important;
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
filter: alpha(opacity=100) !important;
opacity: 1 !important;
}.thegem-heading {
position: relative;
}
.thegem-heading.thegem-heading-animate:not(.thegem-heading-animated ) {
opacity: 0 !important;
}
.thegem-heading .thegem-heading-line-wrap {
display: block;
overflow: hidden;
}
.thegem-heading .thegem-heading-word-wrap,
.thegem-heading .thegem-heading-letter-wrap {
display: inline-flex;
overflow: hidden;
}
.thegem-heading .thegem-heading-word {
display: inline-flex;
white-space: nowrap;
} .thegem-heading.lines-slide-up.thegem-heading-animated .thegem-heading-line {
animation-name: thegemHeadingLinesSlideUp;
transform: translateY(100%);
display: inline-block;
animation-fill-mode: forwards;
animation-duration: 1200ms;
animation-timing-function: cubic-bezier(0,1,0.3,1);
}
@keyframes thegemHeadingLinesSlideUp {
from {
transform: translateY(100%);
}
to {
transform: translateX(0);
}
} .thegem-heading.lines-slide-up-random.thegem-heading-animated .thegem-heading-word {
animation-name: thegemHeadingLinesSlideUpRandom;
transform: translateY(100%);
animation-fill-mode: forwards;
animation-duration: 1200ms;
animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
}
@keyframes thegemHeadingLinesSlideUpRandom {
from {
transform: translateY(100%);
}
to {
transform: translateX(0);
}
} .thegem-heading.words-slide-up.thegem-heading-animated .thegem-heading-word {
animation-name: thegemHeadingWordsSlideUp;
transform: translateY(100%);
animation-fill-mode: forwards;
animation-duration: 1000ms;
animation-timing-function: cubic-bezier(0.3, 1.7, 0.4, 1);
}
@keyframes thegemHeadingWordsSlideUp {
from {
transform: translateY(100%);
}
to {
transform: translateX(0);
}
} .thegem-heading.words-slide-left.thegem-heading-animated .thegem-heading-word {
animation-name: thegemHeadingWordsSlideLeft;
transform: translateX(100%);
animation-fill-mode: forwards;
animation-duration: 1200ms;
animation-timing-function: cubic-bezier(0.25,1,0.5,1);
}
@keyframes thegemHeadingWordsSlideLeft {
from {
transform: translateX(100%);
}
to {
transform: translateX(0);
}
} .thegem-heading.words-slide-right.thegem-heading-animated .thegem-heading-word {
animation-name: thegemHeadingWordsSlideRight;
transform: translateX(-100%);
animation-fill-mode: forwards;
animation-duration: 1200ms;
animation-timing-function: cubic-bezier(0.25,1,0.5,1);
}
@keyframes thegemHeadingWordsSlideRight {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
} .thegem-heading.letters-slide-up.thegem-heading-animated .thegem-heading-letter {
animation-name: thegemHeadingLettersSlideUp;
position: relative;
transform: translateY(100%);
display: inline-flex;
animation-fill-mode: forwards;
animation-duration: 350ms;
animation-timing-function: cubic-bezier(0.3, 1.7, 0.4, 1);
}
@keyframes thegemHeadingLettersSlideUp {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
} .thegem-heading.typewriter.thegem-heading-animated .thegem-heading-letter {
animation-name: thegemHeadingTypewriter;
position: relative;
opacity: 0;
display: inline-flex;
animation-fill-mode: forwards;
animation-duration: 0ms;
animation-timing-function: inherit;
}
@keyframes thegemHeadingTypewriter {
from { opacity: 1; }
to { opacity: 1; }
} .thegem-heading.letters-scale-out.thegem-heading-animated .thegem-heading-letter {
animation-name: thegemHeadingLettersScaleOut;
position: relative;
transform: scale(1.5);
opacity: 0;
display: inline-flex;
animation-fill-mode: forwards;
animation-duration: 500ms;
animation-timing-function: cubic-bezier(0.3, 4, 0.4, 1);
}
@keyframes thegemHeadingLettersScaleOut {
from {
opacity: 0;
transform: scale(1.5);
}
to {
opacity: 1;
transform: scale(1);
}
} .thegem-heading-wrap {
position: relative;
display: inline-flex;
}
.thegem-heading.background-sliding {
display: inline-flex;
overflow: hidden;
position: relative;
z-index: 1;
}
.thegem-heading.background-sliding:before {
content: '';
transform-origin: left;
transform: scale(0, 1);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.thegem-heading.background-sliding.thegem-heading-animated:before {
animation-name: thegemHeadingBackgroundSliding;
animation-duration: 700ms;
animation-fill-mode: forwards;
}
@keyframes thegemHeadingBackgroundSliding{
from {
transform: scale(0, 1);
}
to {
transform: scale(1, 1);
}
}
.thegem-heading.background-sliding .thegem-heading-text-wrap {
overflow: hidden;
transform: translateX(-105%);
position: relative;
z-index: 2;
}
.thegem-heading.thegem-heading-animated .thegem-heading-text-wrap {
transform: translateX(0%);
transition-property: transform;
transition-duration: 700ms;
}
.thegem-heading.background-sliding .thegem-heading-text {
transform: translateX(105%);
display: block;
position: relative;
z-index: 2;
}
.thegem-heading.thegem-heading-animated .thegem-heading-text {
transform: translateX(0%);
transition-property: transform;
transition-duration: inherit;
transition-delay: inherit;
transition-timing-function: inherit;
} .thegem-heading-rotating {
position: relative;
display: inline-flex;
overflow: hidden;
transition-property: width, color;
transition-timing-function: ease;
transition-duration: 500ms, 300ms;
}
.thegem-heading-rotating:before {
content: '\200b';
}
.thegem-heading-rotating-text {
position: relative;
top: 0;
left: 0;
opacity: 1;
overflow: hidden;
display: inline-flex;
white-space: nowrap;
transition-property: width, opacity;
transition-timing-function: ease;
transition-duration: 500ms;
}
.thegem-heading-rotating[data-animation="fade"] .thegem-heading-rotating-text {
display: inline-block;
} .thegem-heading.thegem-heading-animated.fade-tb {
animation-duration: .7s;
animation-fill-mode: both;
animation-name: thegemHeadingFadeTB;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
@keyframes thegemHeadingFadeTB {
from {
transform: translate(0, -10%);
opacity: 0;
}
to {
transform: translate(0, 0);
opacity: 1;
}
} .thegem-heading.thegem-heading-animated.fade-bt {
animation-duration: .7s;
animation-fill-mode: both;
animation-name: thegemHeadingFadeBT;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
@keyframes thegemHeadingFadeBT {
from {
transform: translate(0, 10%);
opacity: 0;
}
to {
transform: translate(0, 0);
opacity: 1;
}
} .thegem-heading.thegem-heading-animated.fade-lr {
animation-duration: .7s;
animation-fill-mode: both;
animation-name: thegemHeadingFadeLR;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
@keyframes thegemHeadingFadeLR {
from {
transform: translate(-10%, 0);
opacity: 0;
}
to {
transform: translate(0, 0);
opacity: 1;
}
} .thegem-heading.thegem-heading-animated.fade-rl {
animation-duration: .7s;
animation-fill-mode: both;
animation-name: thegemHeadingFadeRL;
animation-timing-function: cubic-bezier(.175,.885,.32,1.275);
}
@keyframes thegemHeadingFadeRL {
from {
transform: translate(10%, 0);
opacity: 0;
}
to {
transform: translate(0, 0);
opacity: 1;
}
} .thegem-heading.thegem-heading-animated.fade-simple {
animation-duration: 1s;
animation-fill-mode: both;
animation-name: thegemHeadingFadeSimple;
}
@keyframes thegemHeadingFadeSimple {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media screen and (min-width: 1024px) {
.thegem-heading.thegem-heading-animate-disable-desktop,
.thegem-heading.thegem-heading-animate-disable-desktop .thegem-heading-line,
.thegem-heading.thegem-heading-animate-disable-desktop .thegem-heading-word,
.thegem-heading.thegem-heading-animate-disable-desktop .thegem-heading-letter,
.thegem-heading.thegem-heading-animate-disable-desktop .thegem-heading-text-wrap,
.thegem-heading.thegem-heading-animate-disable-desktop .thegem-heading-text,
.thegem-heading.thegem-heading-animate-disable-desktop:before {
animation: none !important;
transform: none !important;
opacity: 1 !important;
transition: none !important;
}
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
.thegem-heading.thegem-heading-animate-disable-tablet,
.thegem-heading.thegem-heading-animate-disable-tablet .thegem-heading-line,
.thegem-heading.thegem-heading-animate-disable-tablet .thegem-heading-word,
.thegem-heading.thegem-heading-animate-disable-tablet .thegem-heading-letter,
.thegem-heading.thegem-heading-animate-disable-tablet .thegem-heading-text-wrap,
.thegem-heading.thegem-heading-animate-disable-tablet .thegem-heading-text,
.thegem-heading.thegem-heading-animate-disable-tablet:before {
animation: none !important;
transform: none !important;
opacity: 1 !important;
transition: none !important;
}
}
@media screen and (max-width: 767px) {
.thegem-heading.thegem-heading-animate-disable-mobile,
.thegem-heading.thegem-heading-animate-disable-mobile .thegem-heading-line,
.thegem-heading.thegem-heading-animate-disable-mobile .thegem-heading-word,
.thegem-heading.thegem-heading-animate-disable-mobile .thegem-heading-letter,
.thegem-heading.thegem-heading-animate-disable-mobile .thegem-heading-text-wrap,
.thegem-heading.thegem-heading-animate-disable-mobile .thegem-heading-text,
.thegem-heading.thegem-heading-animate-disable-mobile:before {
animation: none !important;
transform: none !important;
opacity: 1 !important;
transition: none !important;
}
}.hover-zooming-blur .portfolio-item .image .image-inner img,
.hover-zooming-blur .gallery-item .overlay-wrap .image-wrap 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-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .image-inner img,
.hover-zooming-blur .gallery-item:is(:hover, .hover-effect) .overlay-wrap .image-wrap 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;
}
.news-grid.hover-zooming-blur .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-zooming-blur .portfolio-item .image .overlay,
.hover-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay,
.hover-zooming-blur .gallery-item .overlay-wrap .overlay,
.hover-zooming-blur .gallery-item:is(:hover, .hover-effect) .overlay-wrap .overlay {
display: block;
}
.hover-zooming-blur .portfolio-item .image .overlay:before,
.hover-zooming-blur .gallery-item .overlay-wrap .overlay:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
content: '';
opacity: 0;
-webkit-transition: opacity 0.5s 0.2s;
transition: opacity 0.5s 0.2s;
}
.hover-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay:before,
.hover-zooming-blur .gallery-item:is(:hover, .hover-effect) .overlay-wrap .overlay:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
content: '';
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons > .icon,
.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon,
.hover-zooming-blur .gallery-item .overlay .overlay-content-inner a.icon,
.portfolio.products.hover-zooming-blur .portfolio-item .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
opacity: 0;
display: inline-block;
vertical-align: middle;
position: relative;
top: 200px;
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-zooming-blur .gallery-item .overlay .overlay-content-inner a.icon.link {
margin-left: 10px;
}
.hover-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon,
.hover-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon,
.hover-zooming-blur .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon,
.portfolio.products.hover-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
opacity: 1;
top: 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: top 0s;
transition: top 0s;
}
.portfolio.hover-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:hover,
.portfolio.hover-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: transform 0.2s;
transition: transform 0.2s;
}
.portfolio.hover-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .yith-wcwl-add-to-wishlist.added.icon:hover,
.portfolio.hover-zooming-blur .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-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(1),
.hover-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(1),
.hover-zooming-blur .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(1),
.portfolio.products.hover-zooming-blur .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-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(2),
.hover-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(2),
.hover-zooming-blur .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-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(3),
.hover-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(3),
.hover-zooming-blur .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(3) {
-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-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(4),
.hover-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(4),
.hover-zooming-blur .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-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(5),
.hover-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(5),
.hover-zooming-blur .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-zooming-blur .portfolio-item .image .links .caption .title {
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-zooming-blur .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-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .links .caption .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-zooming-blur .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-zooming-blur .portfolio-item .image .links .caption .description,
.hover-zooming-blur .portfolio-item .image .links .caption .details {
opacity: 0;
top: 200px;
position: relative;
will-change: transform;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s, top 0.3s;
transition: transform 0s 0.5s, opacity 0.3s, top 0.3s;
}
.hover-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .links .caption .description,
.hover-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .links .caption .details {
opacity: 1;
top: 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s 0.2s, opacity 0.3s 0.2s, top 0s;
transition: transform 0.2s 0.2s, opacity 0.3s 0.2s, top 0s;
}
.hover-zooming-blur .portfolio-item .image .links .caption .product-info {
opacity: 0;
top: 200px;
position: relative;
will-change: transform;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s, top 0.3s;
transition: transform 0s 0.5s, opacity 0.3s, top 0.3s;
}
.hover-zooming-blur .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.2s, opacity 0.3s 0.2s, top 0s;
transition: transform 0.2s 0.2s, opacity 0.3s 0.2s, top 0s;
}
.hover-zooming-blur .gallery-item .overlay .overlay-content-inner .subtitle {
opacity: 0;
display: block;
vertical-align: middle;
top: 200px;
position: relative;
margin-top: 20px;
will-change: transform;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s, top 0.3s;
transition: transform 0s 0.5s, opacity 0.3s, top 0.3s;
}
.hover-zooming-blur .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner .subtitle {
opacity: 1;
top: 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s 0.2s, opacity 0.3s 0.2s, top 0s;
transition: transform 0.2s 0.2s, opacity 0.3s 0.2s, top 0s;
}
.hover-zooming-blur .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, 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-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane {
visibility: hidden;
will-change: transform;
-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-zooming-blur .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-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane .socials-item-icon {
opacity: 0;
will-change: transform;
-webkit-transform: translate(0, 30px);
transform: translate(0, 30px);
}
.hover-zooming-blur .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-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(1) .socials-item-icon,
.hover-zooming-blur .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-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(2) .socials-item-icon,
.hover-zooming-blur .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-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(3) .socials-item-icon,
.hover-zooming-blur .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-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(4) .socials-item-icon,
.hover-zooming-blur .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-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(5) .socials-item-icon,
.hover-zooming-blur .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-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(6) .socials-item-icon,
.hover-zooming-blur .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-zooming-blur .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(7) .socials-item-icon,
.hover-zooming-blur .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;
} .hover-zooming-blur.version-alternative:is(.caption-position-hover, .caption-position-image) .portfolio-item:not(:hover, .hover-effect) .image .set {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.hover-zooming-blur.version-alternative .links-wrapper .links .portfolio-likes  {
position: relative;
margin: 0 0 10px 0;
opacity: 0;
top: 200px;
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-zooming-blur.version-alternative .portfolio-item:is(:hover, .hover-effect) .links-wrapper .links .portfolio-likes {
opacity: 1;
top: 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 0.5s 0s, -webkit-transform 0.4s 0s;
transition: opacity 0.5s 0s, transform 0.4s 0s;
}
.hover-zooming-blur.version-alternative .links-wrapper .links .portfolio-likes .zilla-likes {
margin: 0 auto;
color: #f44336;
}
.hover-zooming-blur.version-alternative .portfolio-item .image .overlay .links .caption {
padding-top: 10px;
}
.hover-zooming-blur .portfolio-item .image .links .caption .info {
opacity: 0;
top: 200px;
position: relative;
will-change: transform;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s, top 0.3s;
transition: transform 0s 0.5s, opacity 0.3s, top 0.3s;
}
.hover-zooming-blur .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.1s 0.3s, opacity 0.3s 0.3s, top 0s;
transition: transform 0.1s 0.3s, opacity 0.3s 0.3s, top 0s;
}
.hover-zooming-blur.version-alternative.caption-position-image .portfolio-item .image .overlay .links {
justify-content: flex-end;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: auto;
max-height: 100%;
-webkit-transition: bottom 0.3s, transform 0.3s;
transition: bottom 0.3s, transform 0.3s;
}
.hover-zooming-blur.version-alternative.caption-position-image .portfolio-item.appearance-type-featured_image:is(:hover, .hover-effect) .image .overlay .links {
bottom: 50%;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.hover-zooming-blur.version-alternative.caption-position-image .portfolio-item .image .links .caption .title {
opacity: 1;
top: 0;
transform: none;
}
.hover-zooming-blur.version-alternative.caption-position-image .portfolio-item .image .links .caption .description,
.hover-zooming-blur.version-alternative.caption-position-image .portfolio-item .image .links .caption .info {
opacity: 1;
position: initial;
transform: none;
}
.hover-zooming-blur.version-alternative.caption-position-image .portfolio-item.appearance-type-featured_image:not(:hover, .hover-effect) .image .links .caption .title,
.hover-zooming-blur.version-alternative.caption-position-image .portfolio-item:not(.appearance-type-featured_image) .image .links .caption .title {
margin-bottom: 20px;
}
.hover-zooming-blur.version-alternative.caption-position-image:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item) .image .links .caption .title,
.hover-zooming-blur.version-alternative.caption-position-image .portfolio-item.small-item .image .links .caption .title {
margin-bottom: 10px;
}
.hover-zooming-blur.version-alternative.caption-position-image .portfolio-item.appearance-type-featured_image:is(:hover, .hover-effect) .image .links .caption .slide-content-hidden {
margin-bottom: 0 !important;
}
.hover-zooming-blur.version-alternative.caption-position-image .portfolio-item .image .overlay:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 50%, rgba(255,255,255,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 50%, rgba(255,255,255,0.8) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 50%, rgba(255,255,255,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#80000000',GradientType=0 );
opacity: 1;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.hover-zooming-blur.version-alternative.caption-position-image .portfolio-item.appearance-type-featured_image:is(:hover, .hover-effect) .image .overlay:after {
opacity: 0;
}
.hover-zooming-blur.version-alternative .portfolio-sharing-pane.active {
height: 25px;
}