.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}.elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{margin:0 var(--divider-element-spacing);flex-shrink:0}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{display:flex;margin:0;direction:ltr}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{display:block;content:"";border-block-end:0;flex-grow:1;border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider--element-align-start .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-start .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-start .elementor-divider__element{margin-inline-start:0}.elementor-widget-divider--element-align-end .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-end .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-end .elementor-divider__element{margin-inline-end:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{width:100%;min-height:var(--divider-pattern-height);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url)}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var(--container-widget-flex-grow)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}.gem-textbox,
.gem-textbox-wrapper,
.gem-textbox .gem-textbox-content,
.gem-textbox .gem-texbox-icon-image-wrapper .elementor-icon,
.gem-textbox .gem-texbox-icon-image-wrapper .elementor-icon i,
.gem-textbox .gem-image,
.gem-textbox .gem-image img,
.gem-textbox .gem-image span,
.gem-textbox .gem-image span:before,
.gem-textbox .gem-textbox-title,
.gem-textbox .gem-textbox-description,
.gem-textbox .gem-button-container,
.gem-textbox .gem-textbox-top,
.gem-textbox .gem-textbox-top svg,
.gem-textbox .gem-textbox-bottom,
.gem-textbox .gem-textbox-bottom svg {
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-textbox-content {
padding: 30px;
}
.gem-textbox-top,
.gem-textbox-bottom {
font-size: 0;
line-height: 0;
text-align: center;
}
.gem-styled-textbox-link,
.gem-styled-textbox-icon-image-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.gem-texbox-icon-image-wrapper {
position: relative;
}
.gem-textbox .gem-textbox-icon-horizontal-right.gem-textbox-icon-image-wrapping-inline .gem-texbox-icon-image-wrapper {
padding-left: 10px;
}
.gem-textbox .gem-textbox-icon-horizontal-left.gem-textbox-icon-image-wrapping-inline .gem-texbox-icon-image-wrapper {
padding-right: 10px;
}
.gem-textbox h4,
.gem-textbox .title-h4 {
margin-top: 0;
}
.gem-textbox-content .gem-image span {
display: inline-block;
vertical-align: top;
overflow: hidden;
max-width: 100%;
position: relative;
}
.gem-textbox-content .gem-image span::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
z-index: 1;
}
.gem-textbox:hover .gem-textbox-content .gem-image a::before,
.gem-textbox:hover .gem-textbox-content .gem-image span::before {
opacity: 1;
}
.gem-textbox .gem-textbox-icon-horizontal-right .gem-icon-with-text-icon {
padding-right: 0px;
padding-left: 10px;
} .gem-textbox-content.icon-bottom {
display: flex;
flex-direction: column;
}
.gem-textbox .icon-bottom .gem-texbox-text-wrapper {
order: 1;
}
.gem-textbox .icon-bottom .gem-texbox-icon-image-wrapper {
order: 2;
margin-top: 30px;
} .gem-textbox-content.icon-bottom,
.gem-textbox-content.button-top {
display: flex;
flex-direction: column;
}
.gem-textbox .icon-bottom.button-bottom .gem-texbox-text-wrapper {
order: 1;
}
.gem-textbox .icon-bottom.button-bottom .gem-texbox-icon-image-wrapper {
order: 2;
} .gem-textbox-content.icon-top.button-top .gem-texbox-text-wrapper {
display: flex;
flex-direction: column;
}
.gem-textbox-content.icon-top.button-top .gem-button-container {
order: 1;
}
.gem-textbox-content.icon-top.button-top .gem-textbox-title {
order: 2;
}
.gem-textbox-content.icon-top.button-top .gem-textbox-description {
order: 3;
} .gem-textbox-content.icon-bottom.button-top .gem-texbox-text-wrapper {
display: flex;
flex-direction: column;
}
.gem-textbox-content.icon-bottom.button-top .gem-button-container {
order: 1;
}
.gem-textbox-content.icon-bottom.button-top .gem-textbox-title {
order: 2;
}
.gem-textbox-content.icon-bottom.button-top .gem-textbox-description {
order: 3;
}
.gem-textbox-content.icon-bottom.button-top .gem-texbox-text-wrapper {
order: 1;
}
.gem-textbox-content.icon-bottom.button-top .gem-texbox-icon-image-wrapper {
order: 2;
margin-top: 30px;
}
.gem-textbox-icon-horizontal-center .gem-texbox-icon-image-wrapper {
text-align: center !important;
}
.gem-textbox-icon-horizontal-left .gem-texbox-icon-image-wrapper {
text-align: left !important;
}
.gem-textbox-icon-horizontal-right .gem-texbox-icon-image-wrapper {
text-align: right !important;
}
.gem-textbox-icon-horizontal-right.gem-textbox-icon-image-wrapping-wrap .gem-texbox-icon-image-wrapper {
float: right;
}
.gem-textbox-icon-horizontal-left.gem-textbox-icon-image-wrapping-wrap .gem-texbox-icon-image-wrapper {
float: left;
}
.gem-textbox-icon-image-wrapping-inline {
display: flex;
flex-direction: column;
}
.gem-textbox-icon-image-wrapping-inline .gem-texbox-text-wrapper {
flex-grow: 1;
}
.gem-textbox-icon-image-wrapping-inline.gem-textbox-icon-horizontal-right {
flex-direction: row-reverse;
}
.icon-bottom.gem-textbox-icon-image-wrapping-inline.gem-textbox-icon-horizontal-right {
flex-direction: row;
align-items: flex-end;
}
.gem-textbox-icon-image-wrapping-inline.gem-textbox-icon-horizontal-left {
flex-direction: row;
}
.icon-bottom.gem-textbox-icon-image-wrapping-inline.gem-textbox-icon-horizontal-left {
flex-direction: row-reverse;
align-items: flex-end;
}.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;
}