@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}.elementor-motion-effects-element,.elementor-motion-effects-layer{transition-duration:1s;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0,.33,.07,1.03)}.elementor-motion-effects-container{height:100%;left:0;overflow:hidden;position:absolute;top:0;transform-origin:var(--e-transform-origin-y) var(--e-transform-origin-x);width:100%}.elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0}.elementor-motion-effects-perspective{perspective:1200px}.elementor-motion-effects-element{transform-origin:var(--e-transform-origin-y) var(--e-transform-origin-x)}button[disabled],html input[disabled]{cursor:default;opacity:.4}.elementor-widget-form .dce-form-step-summary .dce-form-step-summary-edit{display:none}.elementor-widget-form .dce-form-step-summary.dce-step-filled-summary .dce-form-step-summary-edit{display:block}.elementor-widget-form .dce-form-step-summary.dce-step-active-summary .dce-form-step-summary-edit{display:none}.elementor-editor-active .elementor-widget-form .dce-form-step-summary.dce-step-active-summary .dce-form-step-summary-edit{display:block}.elementor-field-input-description{padding:5px 5px 0 5px}.elementor-field-label-description[title]{border-bottom:none!important}.elementor-field-group .select2-container--default .select2-search--inline .select2-search__field,.elementor-field-group .elementor-select-wrapper .select2{width:100%!important;max-width:100%!important;border:none!important}.dialog-prevent-scroll .select2-container{z-index:9999}.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap.dce-block,.dce-block{display:block;width:100%}.dce-flex{display:flex;flex-wrap:wrap}.dce-float{float:left!important}.mask{overflow:hidden}.archive-title{text-align:center;padding:15px;margin-bottom:0;font-size:38px}.archive-description{text-align:center}.grid-page{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start}.grid-page p:empty{display:none}.grid-page .item-page{flex-grow:0;flex-shrink:1}.grid-page.grid-col-md-1 .item-page{flex-basis:100%}.grid-page.grid-col-md-2 .item-page{flex-basis:50%}.grid-page.grid-col-md-3 .item-page{flex-basis:33.3333%}.grid-page.grid-col-md-4 .item-page{flex-basis:25%}.grid-page.grid-col-md-5 .item-page{flex-basis:20%}.grid-page.grid-col-md-6 .item-page{flex-basis:16.6666%}@media only screen and (max-width:992px){.grid-page.grid-col-sm-1 .item-page{flex-basis:100%}.grid-page.grid-col-sm-2 .item-page{flex-basis:50%}.grid-page.grid-col-sm-3 .item-page{flex-basis:33.3333%}.grid-page.grid-col-sm-4 .item-page{flex-basis:25%}.grid-page.grid-col-sm-5 .item-page{flex-basis:20%}.grid-page.grid-col-sm-6 .item-page{flex-basis:16.6666%}}@media only screen and (max-width:767px){.grid-page.grid-col-xs-1 .item-page{flex-basis:100%}.grid-page.grid-col-xs-2 .item-page{flex-basis:50%}.grid-page.grid-col-xs-3 .item-page{flex-basis:33.3333%}.grid-page.grid-col-xs-4 .item-page{flex-basis:25%}.grid-page.grid-col-xs-5 .item-page{flex-basis:20%}.grid-page.grid-col-xs-6 .item-page{flex-basis:16.6666%}}body.dce-inertiaScroll{overflow-x:hidden;overflow-y:scroll}.inertia-scroll{z-index:900}body.dce-ajax-page-open.modal-p-on #dce-outer-wrap,body.dce-ajax-page-open.modal-p-on .modals-p .wrap-p,body.dce-ajax-page-open.modal-p-off #dce-outer-wrap,body.dce-ajax-page-open.modal-p-off .modals-p .wrap-p{position:absolute;width:100%;height:100%;-webkit-perspective:1200px;-moz-perspective:1200px;perspective:1200px}html.no-scroll{margin:0;overflow:hidden;width:100%;height:100%}body.dce-ajax-page-open.modal-p-on.cancella-body{overflow:hidden;width:100%;height:100%}.modals-p{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.wrap-p .modal-p{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;animation-fill-mode:both}body.modal-p-on{overflow:hidden;height:100%}body.modal-p-off .wrap-p .modal-p{visibility:visible;opacity:1}body.modal-p-on .wrap-p .modal-p{visibility:visible;opacity:1}body.dce-ajax-page-open #dce-wrap{-webkit-transform-origin:center;-moz-transform-origin:center;transform-origin:center;animation-fill-mode:both}.modals-p .wrap-p .close{position:fixed;z-index:101;top:0;right:0;display:flex}.wrap-p .close .dce-quit-ics{transform:scale(.5);opacity:0}body.modal-p-on .wrap-p .close .dce-quit-ics{animation:enterQuit 0.5s ease both 0.7s}body.modal-p-off .wrap-p .close .dce-quit-ics{animation:exitQuit 0.5s ease both}.load-p{display:block;cursor:pointer;border:3px solid #000;border-top-color:#fff;border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;position:fixed;top:50%;left:50%;z-index:1002;border-radius:50%;opacity:1;animation:loadAnim 300ms linear infinite}.dce-quit-ics{display:block;cursor:pointer;background-color:#fff;width:50px;height:50px;position:fixed;top:0;right:0;z-index:1001;border-radius:50%;-webkit-transition:background-color 0.6s;-moz-transition:background-color 0.6s;transition:background-color 0.6s}.dce-quit-ics:after,.dce-quit-ics:before{content:'';width:100%;height:3px;display:block;position:absolute;top:calc(50% - 1.5px);left:0%;background-color:#000;-webkit-transition:background-color 0.6s;-moz-transition:background-color 0.6s;transition:background-color 0.6s}.dce-quit-ics:after{transform:rotate(45deg)}.dce-quit-ics:before{transform:rotate(-45deg)}body:not(.rtl) .dce-ext-select2::after{content:"\e92a";font-family:eicons;font-size:15px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:10px;pointer-events:none}.dce-field-input-wrapper{position:relative;display:block;flex-basis:100%;width:100%;max-width:100%}.elementor-field-group .dce-toggle-password{position:absolute;right:15px;cursor:pointer;top:50%;transform:translateY(-50%)}.single .full-width #primary,.single .wrap.full-width,.page .full-width #primary,.page .wrap.full-width{max-width:100%;padding:0}.posts-navigation{margin:10px 0;text-align:center;padding:15px 0;width:100%}.posts-navigation li a,.posts-navigation li a:hover,.posts-navigation li.current a,.posts-navigation li.disabled{text-decoration:none}.posts-navigation li,.posts-navigation li a{display:inline-block}.dce-input-group{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%}.dce-input-group>.dce-form-control{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.dce-input-group-append{margin-left:-1px}.dce-input-group-append,.dce-input-group-prepend{display:-webkit-box;display:-ms-flexbox;display:flex}.dce-no-list{list-style:none;padding-left:0;margin-left:0}.pac-container{z-index:10000}.dce-visibility-element-hidden,.dce-visibility-widget-hidden,.dce-visibility-column-hidden,.dce-visibility-section-hidden{display:none!important}.dce-visibility-element-hidden.elementor-widget-dyncontel-panorama{display:block;position:fixed;left:10000px}.dce-btn-visibility{position:absolute;top:15px;background-color:#e52600;color:#fff;border-radius:50%;line-height:1;padding:9px;font-size:15px;box-shadow:0 0 20px rgb(0 0 0 / .3)!important;border:3px solid #fff;z-index:10000000;transform:translate(-50%,-50%);left:50%}.dce-btn-visibility:hover{color:#000!important}.elementor-editor-active .dce-btn-visibility{margin-left:20px}.dce-box-visibility-debug{display:none;position:absolute;top:0;left:50%;background-color:#e52600;color:#FFF;border-radius:3px;line-height:1;text-align:left;z-index:10;padding:10px;margin:-10px 0 0 34px;min-width:150px}.dce-box-visibility-debug:before{content:'';display:block;width:0;height:0;border-style:solid;border-width:10px 0 10px 10px;border-color:#fff0 #fff0 #e52600 #fff0;position:absolute;bottom:100%;left:-10px;top:4px}.elementor-editor-active .dce-box-visibility-debug:before{left:22px}.dce-box-visibility-debug ul{list-style:none;margin:0}.dce-visibility-widget-hidden-debug{min-height:10px}.hover-gradient .portfolio-item .image .image-inner img,
.hover-gradient .gallery-item .overlay-wrap .image-wrap img {
overflow: hidden;
-webkit-transform: translate(0, 0) scale3d(1,1,1);
transform: translate(0, 0) scale3d(1,1,1);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .image-inner img,
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay-wrap .image-wrap img {
-webkit-transform: translate(0, 0) scale3d(1.12,1.12,1.12);
transform: translate(0, 0) scale3d(1.12,1.12,1.12);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.news-grid.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image.format-video.has-post-thumbnail .image-inner img {
-webkit-transform: translate(0, 0) scale3d(1,1,1);
transform: translate(0, 0) scale3d(1,1,1);
}
.hover-gradient .portfolio-item .image .overlay,
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay,
.hover-gradient .gallery-item .overlay-wrap .overlay,
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay-wrap .overlay {
display: block;
-webkit-transition: background 0.5s 0.2s;
transition: background 0.5s 0.2s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay,
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay-wrap .overlay {
}
.hover-gradient .portfolio-item .image .overlay:before,
.hover-gradient .gallery-item .overlay-wrap .overlay:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -2;
opacity: 0;
-webkit-transition: opacity 0.5s 0.2s;
transition: opacity 0.5s 0.2s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay:before,
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay-wrap .overlay:before {
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.hover-gradient .portfolio-item .image .overlay:after,
.hover-gradient .gallery-item .overlay-wrap .overlay:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
opacity: 1;
background: none !important;
transition: all 0.3s;
}
.hover-gradient.title-on-page .portfolio-item .image .overlay:after,
.hover-gradient.title-on-page .gallery-item .overlay-wrap .overlay:after {
background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 65%, rgba(0, 0, 0, 0.5) 100%) !important;
background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 65%, rgba(0, 0, 0, 0.5) 100%) !important;
background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 65%, rgba(0, 0, 0, 0.5) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#80000000', GradientType=0) !important;
}
.hover-gradient.title-on-page.title-style-dark .portfolio-item .image .overlay:after {
display: none;
}
.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons > .icon,
.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon,
.hover-gradient .gallery-item .overlay .overlay-content-inner a.icon,
.portfolio.products.hover-gradient .portfolio-item .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
opacity: 0;
display: inline-block;
vertical-align: middle;
position: relative;
top: 200px;
-webkit-transform: scale3d(0,0,0);
transform: scale3d(0,0,0);
-webkit-transition: opacity 0.3s 0.2s, -webkit-transform 0s 0.5s, top 0.3s 0.2s;
transition: opacity 0.3s 0.2s, transform 0s 0.5s, top 0.3s 0.2s;
}
.hover-gradient .gallery-item .overlay .overlay-content-inner a.icon.link {
margin-left: 10px;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon,
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon,
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon,
.portfolio.products.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
opacity: 1;
top: 0;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-webkit-transition: top 0s;
transition: top 0s;
}
.portfolio.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:hover,
.portfolio.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:hover {
-webkit-transform: scale3d(1.2,1.2,1.2);
transform: scale3d(1.2,1.2,1.2);
-webkit-transition: transform 0.2s;
transition: transform 0.2s;
}
.portfolio.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .yith-wcwl-add-to-wishlist.added.icon:hover,
.portfolio.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .yith-wcwl-add-to-wishlist.added.icon:hover {
-webkit-transform: none;
transform: none;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(1),
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(1),
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(1),
.portfolio.products.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
-webkit-transition: opacity 0.5s 0s, -webkit-transform 0.4s 0s;
transition: opacity 0.5s 0s, transform 0.4s 0s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(2),
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(2),
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(2) {
-webkit-transition: opacity 0.5s 0.05s, -webkit-transform 0.4s 0.05s;
transition: opacity 0.5s 0.05s, transform 0.4s 0.05s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(3),
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(3),
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(3),
.portfolio.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .yith-wcwl-add-to-wishlist a.icon,
.portfolio.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .yith-wcwl-add-to-wishlist a.icon {
-webkit-transition: opacity 0.5s 0.1s, -webkit-transform 0.4s 0.1s;
transition: opacity 0.5s 0.1s, transform 0.4s 0.1s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(4),
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(4),
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(4) {
-webkit-transition: opacity 0.5s 0.15s, -webkit-transform 0.4s 0.15s;
transition: opacity 0.5s 0.15s, transform 0.4s 0.15s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(5),
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(5),
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(5) {
-webkit-transition: opacity 0.5s 0.2s, -webkit-transform 0.4s 0.2s;
transition: opacity 0.5s 0.2s, transform 0.4s 0.2s;
}
.hover-gradient .portfolio-item .image .links .caption .title,
.products.hover-gradient.title-on-hover .portfolio-item .image .links .caption .product-info {
opacity: 0;
top: 200px;
display: inline-block;
vertical-align: middle;
position: relative;
-webkit-transform: scale3d(0,0,0);
transform: scale3d(0,0,0);
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
}
.portfolio:not(.version-alternative).caption-position-hover.hover-gradient .portfolio-item .image .links .caption .details {
opacity: 0;
top: 200px;
position: relative;
-webkit-transform: scale3d(0,0,0);
transform: scale3d(0,0,0);
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
}
.hover-gradient .gallery-item .overlay .overlay-content-inner .title {
opacity: 0;
top: 200px;
display: block;
vertical-align: middle; margin-top: 35px;
-webkit-transform: scale3d(0,0,0);
transform: scale3d(0,0,0);
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .links .caption .title,
.portfolio:not(.version-alternative).hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .links .caption .details,
.products.hover-gradient.title-on-hover .portfolio-item:is(:hover, .hover-effect) .image .links .caption .product-info {
opacity: 1;
top: 0;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-webkit-transition: -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
}
.products.hover-gradient.title-on-page .portfolio-item.has-rating .image .links .caption .product-info {
position: relative;
-webkit-transition: padding 0.3s;
transition: padding 0.3s;
}
.products.hover-gradient.title-on-page .portfolio-item.has-rating .image .links .caption .product-info .product-rating {
position: absolute;
-webkit-transform: scale3d(0,0,0);
transform: scale3d(0,0,0);
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s;
transition: transform 0.3s, opacity 0.3s 0.1s;
}
.products.hover-gradient.title-on-page .portfolio-item.has-rating:hover .image .links .caption .product-info .product-rating,
.products.hover-gradient.title-on-page .portfolio-item.has-rating.hover-effect .image .links .caption .product-info .product-rating {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
opacity: 1;
}
.hover-gradient .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner .title {
opacity: 1;
top: 0;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-webkit-transition: -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
}
.hover-gradient .portfolio-item .image .links .caption .info {
opacity: 0;
top: 200px;
display: inline-block;
vertical-align: middle;
position: relative;
-webkit-transform: scale3d(0,0,0);
transform: scale3d(0,0,0);
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .links .caption .info {
opacity: 1;
top: 0;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-webkit-transition: -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
}
.hover-gradient .portfolio-item .image .links .caption .description {
opacity: 1;
position: static;
}
.portfolio.hover-gradient.fullwidth-columns-4 .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle {
opacity: 0;
top: 320px;
position: absolute;
-webkit-transform: scale3d(0,0,0);
transform: scale3d(0,0,0);
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
}
.portfolio.hover-gradient.fullwidth-columns-4 .fullwidth-block .portfolio-item.double-item .image .overlay .links .caption .subtitle {
top: 350px;
}
.portfolio.hover-gradient.fullwidth-columns-4 .fullwidth-block .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .caption .subtitle {
opacity: 1;
top: 120px;
display: block;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-webkit-transition: -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
}
.portfolio.hover-gradient.fullwidth-columns-4 .fullwidth-block .portfolio-item.double-item:is(:hover, .hover-effect) .image .overlay .links .caption .subtitle {
top: 150px;
}
.hover-gradient .portfolio-item .image .overlay .links .portfolio-sharing-pane {
opacity: 0;
margin-top: 0;
margin-bottom: 0;
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
-webkit-transition: opacity 0.3s, margin 0.3s 0.3s, height 0.3s 0.3s, -webkit-transform 0s;
transition: opacity 0.3s, margin 0.3s 0.3s, height 0.3s 0.3s, transform 0s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane {
visibility: hidden;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.5s, -webkit-transform 0s, margin 0.3s 0.3s, height 0.3s 0.3s;
transition: opacity 0.5s, transform 0s, margin 0.3s 0.3s, height 0.3s 0.3s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active {
opacity: 1;
visibility: visible;
margin-top: 20px;
margin-bottom: 0;
-webkit-transition: opacity 0.5s, margin 0.3s, height 0.3s;
transition: opacity 0.5s, margin 0.3s, height 0.3s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane .socials-item-icon {
opacity: 0;
-webkit-transform: translate(0, 30px);
transform: translate(0, 30px);
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active .socials-item-icon {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(1) .socials-item-icon,
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(1) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s, opacity 0.3s;
transition: color 0.3s, transform 0.3s, opacity 0.3s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(2) .socials-item-icon,
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(2) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.05s, opacity 0.3s 0.05s;
transition: color 0.3s, transform 0.3s 0.05s, opacity 0.3s 0.05s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(3) .socials-item-icon,
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(3) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s;
transition: color 0.3s, transform 0.3s 0.1s, opacity 0.3s 0.1s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(4) .socials-item-icon,
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(4) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.15s, opacity 0.3s 0.15s;
transition: color 0.3s, transform 0.3s 0.15s, opacity 0.3s 0.15s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(5) .socials-item-icon,
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(5) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.2s, opacity 0.3s 0.2s;
transition: color 0.3s, transform 0.3s 0.2s, opacity 0.3s 0.2s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(6) .socials-item-icon,
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(6) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.25s, opacity 0.3s 0.25s;
transition: color 0.3s, transform 0.3s 0.25s, opacity 0.3s 0.25s;
}
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(7) .socials-item-icon,
.hover-gradient .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(7) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.3s, opacity 0.3s 0.3s;
transition: color 0.3s, transform 0.3s 0.3s, opacity 0.3s 0.3s;
}
.gem-gallery-grid.hover-gradient.fullwidth-columns-4 .gallery-item .overlay .overlay-content-inner .subtitle {
opacity: 0;
display: inline-block;
vertical-align: middle;
top: 280px;
max-width: 70%;
overflow: hidden;
position: absolute;
-webkit-transform: scale3d(0,0,0);
transform: scale3d(0,0,0);
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
}
.gem-gallery-grid.hover-gradient.fullwidth-columns-4 .gallery-item.double-item .overlay .overlay-content-inner .subtitle {
top: 310px;
}
.gem-gallery-grid.hover-gradient.fullwidth-columns-4 .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner .subtitle {
opacity: 1;
top: 80px;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-webkit-transition: -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
}
.gem-gallery-grid.hover-gradient.fullwidth-columns-4 .gallery-item.double-item:is(:hover, .hover-effect) .overlay .overlay-content-inner .subtitle {
top: 110px;
}
.hover-gradient:not(.caption-position-page) .portfolio-item:not(.without-title):is(.appearance-type-video, .appearance-type-animated_gif, .appearance-type-gallery) .image .overlay:after {
background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 65%, rgba(0, 0, 0, 0.5) 100%) !important;
background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 65%, rgba(0, 0, 0, 0.5) 100%) !important;
background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 65%, rgba(0, 0, 0, 0.5) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#80000000', GradientType=0) !important;
transition: all 0.3s;
}
.hover-gradient:not(.title-on-page) .portfolio-item:not(:hover, .hover-effect, .appearance-type-featured_image) .image .overlay:after,
.hover-gradient.caption-position-image .portfolio-item.appearance-type-featured_image:is(:hover, .hover-effect) .image .overlay:after {
opacity: 0;
} .hover-gradient.version-alternative .portfolio-item .image .overlay .links {
text-align: center;
}
.hover-gradient.version-alternative .portfolio-item .image .overlay .links .portfolio-icons {
position: relative;
padding: 30px 30px 10px 30px;
}
.hover-gradient.version-alternative .image .overlay .links .caption {
flex: auto;
display: flex;
flex-direction: column;
}
.hover-gradient.version-alternative .portfolio-item .image .links .top-info {
margin-bottom: auto;
}
.portfolio.hover-gradient.version-alternative .portfolio-item .image .links .top-info .subtitle {
display: block !important;
}
.portfolio.hover-gradient.version-alternative .portfolio-item .image .links .top-info .subtitle,
.portfolio.hover-gradient.version-alternative .portfolio-item .image .links .top-info .details {
position: relative;
left: 0;
max-width: initial;
opacity: 0;
top: 350px;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
}
.hover-gradient.version-alternative .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .caption .subtitle,
.hover-gradient.version-alternative .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .caption .details {
top: 0;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
}
.hover-gradient.version-alternative .portfolio-item .image .links .portfolio-likes {
position: relative;
margin-bottom: auto;
padding: 0 30px;
opacity: 0;
top: 200px;
-webkit-transform: scale3d(0,0,0);
transform: scale3d(0,0,0);
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
}
.hover-gradient.version-alternative .portfolio-item:is(:hover, .hover-effect) .image .links .portfolio-likes {
opacity: 1;
top: 0;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-webkit-transition: -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
}
.hover-gradient.version-alternative .portfolio-item .image .links .portfolio-likes .zilla-likes {
margin: auto;
}
.hover-gradient.version-alternative .portfolio-item .image .overlay .links .caption {
text-align: center;
}
.hover-gradient.version-alternative:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption,
.hover-gradient.version-alternative .portfolio-item.small-item .image .overlay .links .caption {
padding: 0 15px 15px;
}
.hover-gradient.version-alternative .portfolio-item .image .overlay .links .caption .info {
display: block;
}
.hover-gradient.version-alternative.caption-position-image .portfolio-item .image .links .caption .title,
.hover-gradient.version-alternative.caption-position-image .portfolio-item .image .links .caption .info {
opacity: 1;
top: 0;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.hover-gradient.version-alternative .socials-sharing {
text-align: center;
}
.hover-gradient.version-alternative .portfolio-sharing-pane.active {
height: 25px;
}.thegem-section-parallax {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.thegem-section-parallax .thegem-section-parallax-background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.thegem-section-parallax.thegem-section-parallax-fixed .thegem-section-parallax-background {
background-attachment: fixed;
}
.thegem-section-parallax.thegem-section-parallax-horizontal .thegem-section-parallax-background { }
.thegem-section-parallax.thegem-section-parallax-vertical {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.thegem-section-parallax.thegem-section-parallax-vertical .thegem-section-parallax-background { will-change: transform;
}.elementskit-reset-button.elementor-button{cursor:pointer;width:100%}