/*!/wp-content/themes/thegem/css/hovers/thegem-hovers-vertical-sliding.css*/.hover-vertical-sliding .portfolio-item .image .image-inner img,.hover-vertical-sliding .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-vertical-sliding .portfolio-item:hover .image .image-inner img,.hover-vertical-sliding .portfolio-item.hover-effect .image .image-inner img,.hover-vertical-sliding .gallery-item:hover .overlay-wrap .image-wrap img,.hover-vertical-sliding .gallery-item.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-vertical-sliding .portfolio-item:hover .image.format-video.has-post-thumbnail .image-inner img,.news-grid.hover-vertical-sliding .portfolio-item.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-vertical-sliding .portfolio-item .image .overlay,.hover-vertical-sliding .portfolio-item:hover .image .overlay,.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay,.hover-vertical-sliding .gallery-item .overlay-wrap .overlay,.hover-vertical-sliding .gallery-item:hover .overlay-wrap .overlay,.hover-vertical-sliding .gallery-item.hover-effect .overlay-wrap .overlay{display:block}.hover-vertical-sliding .portfolio-item .image .overlay:before,.hover-vertical-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-vertical-sliding .portfolio-item:hover .image .overlay:before,.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay:before,.hover-vertical-sliding .gallery-item:hover .overlay-wrap .overlay:before,.hover-vertical-sliding .gallery-item.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-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons>.icon,.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons-inner>.icon,.hover-vertical-sliding .gallery-item .overlay .overlay-content-inner a.icon,.portfolio.products.hover-vertical-sliding .portfolio-item .image .overlay .portfolio-icons.product-bottom a.added_to_cart{opacity:0;display:inline-block;vertical-align:middle;position:relative;-webkit-transform:translate(0,200px);transform:translate(0,200px);-webkit-transition:opacity 0.2s,-webkit-transform 0.3s;transition:opacity 0.2s,transform 0.3s}.hover-vertical-sliding .gallery-item .overlay .overlay-content-inner a.icon.link{margin-left:10px}.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons>.icon,.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-icons>.icon,.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons-inner>.icon,.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-icons-inner>.icon,.hover-vertical-sliding .gallery-item:hover .overlay .overlay-content-inner a.icon,.hover-vertical-sliding .gallery-item.hover-effect .overlay .overlay-content-inner a.icon,.portfolio.products.hover-vertical-sliding .portfolio-item:hover .image .overlay .portfolio-icons.product-bottom a.added_to_cart,.portfolio.products.hover-vertical-sliding .portfolio-item.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-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons>.icon:hover,.portfolio.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-icons>.icon:hover,.portfolio.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons-inner>.icon:hover,.portfolio.hover-vertical-sliding .portfolio-item.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}.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons>.icon:nth-child(1),.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-icons>.icon:nth-child(1),.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons-inner>.icon:nth-child(1),.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-icons-inner>.icon:nth-child(1){-webkit-transition:opacity 0.5s 0.0s,-webkit-transform 0.35s 0.0s,font-size 0.3s;transition:opacity 0.5s 0s,transform 0.35s 0.00s,font-size 0.3s}.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons>.icon:nth-child(2),.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-icons>.icon:nth-child(2),.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons-inner>.icon:nth-child(2),.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-icons-inner>.icon:nth-child(2){-webkit-transition:opacity 0.5s 0.05s,-webkit-transform 0.35s 0.05s,font-size 0.3s;transition:opacity 0.5s 0.05s,transform 0.35s 0.05s,font-size 0.3s}.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons>.icon:nth-child(3),.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-icons>.icon:nth-child(3),.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons-inner>.icon:nth-child(3),.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-icons-inner>.icon:nth-child(3),.portfolio.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons>.yith-wcwl-add-to-wishlist a.icon,.portfolio.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-icons>.yith-wcwl-add-to-wishlist a.icon,.portfolio.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons-inner>.yith-wcwl-add-to-wishlist a.icon,.portfolio.hover-vertical-sliding .portfolio-item.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.35s 0.1s,font-size 0.3s;transition:opacity 0.5s 0.1s,transform 0.35s 0.1s,font-size 0.3s}.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons>.icon:nth-child(4),.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-icons>.icon:nth-child(4),.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons-inner>.icon:nth-child(4),.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-icons-inner>.icon:nth-child(4){-webkit-transition:opacity 0.5s 0.15s,-webkit-transform 0.35s 0.15s,font-size 0.3s;transition:opacity 0.5s 0.15s,transform 0.35s 0.15s,font-size 0.3s}.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons>.icon:nth-child(5),.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-icons>.icon:nth-child(5),.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons-inner>.icon:nth-child(5),.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-icons-inner>.icon:nth-child(5){-webkit-transition:opacity 0.5s 0.2s,-webkit-transform 0.35s 0.2s,font-size 0.3s;transition:opacity 0.5s 0.2s,transform 0.35s 0.2s,font-size 0.3s}.hover-vertical-sliding .portfolio-item .image .links .caption .title,.hover-vertical-sliding .gallery-item .overlay .title{opacity:0;position:relative;top:200px;-webkit-transition:opacity 0.35s,top 0.35s;transition:opacity 0.35s,top 0.35s}.hover-vertical-sliding .portfolio-item:hover .image .links .caption .title,.hover-vertical-sliding .portfolio-item.hover-effect .image .links .caption .title,.hover-vertical-sliding .gallery-item:hover .overlay .title,.hover-vertical-sliding .gallery-item.hover-effect .overlay .title{opacity:1;top:0;-webkit-transition:opacity 0.45s,top 0.45s;transition:opacity 0.45s,top 0.45s}.portfolio.hover-vertical-sliding .portfolio-item .image .links .caption .description,.hover-vertical-sliding .gallery-item .overlay .subtitle{opacity:0;bottom:-200px;-webkit-transition:opacity 0.2s,bottom 0.3s;transition:opacity 0.2s,bottom 0.3s}.hover-vertical-sliding .portfolio-item .image .links .caption .product-info{opacity:0;position:relative;top:200px;-webkit-transition:opacity 0.35s,top 0.35s;transition:opacity 0.35s,top 0.35s}.hover-vertical-sliding .portfolio-item:hover .image .links .caption .product-info,.hover-vertical-sliding .portfolio-item.hover-effect .image .links .caption .product-info{opacity:1;top:0;-webkit-transition:opacity 0.45s,top 0.45s;transition:opacity 0.45s,top 0.45s}.hover-vertical-sliding .gallery-item .overlay-content-inner{position:relative;height:inherit;width:100%}.portfolio.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .caption .description,.portfolio.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .caption .description,.hover-vertical-sliding .gallery-item:hover .overlay .subtitle,.hover-vertical-sliding .gallery-item.hover-effect .overlay .subtitle{opacity:1;bottom:0;-webkit-transition:opacity 0.2s 0.1s,bottom 0.3s;transition:opacity 0.2s 0.1s,bottom 0.3s}.hover-vertical-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-vertical-sliding .gallery-item:hover .overlay .overlay-line,.hover-vertical-sliding .gallery-item.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-vertical-sliding .portfolio-item .image .links .overlay-line{overflow:hidden;position:relative;background:#fff0}.hover-vertical-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-vertical-sliding .portfolio-item:hover .image .links .overlay-line:after,.hover-vertical-sliding .portfolio-item.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-vertical-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-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane,.hover-vertical-sliding .portfolio-item.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-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active,.hover-vertical-sliding .portfolio-item.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-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane .socials-item-icon,.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane .socials-item-icon{opacity:0;-webkit-transform:translate(0,30px);transform:translate(0,30px)}.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active .socials-item-icon,.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane.active .socials-item-icon{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(1) .socials-item-icon,.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(1) .socials-item-icon,.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(1) .socials-item-icon,.hover-vertical-sliding .portfolio-item.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-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(2) .socials-item-icon,.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(2) .socials-item-icon,.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(2) .socials-item-icon,.hover-vertical-sliding .portfolio-item.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-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(3) .socials-item-icon,.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(3) .socials-item-icon,.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(3) .socials-item-icon,.hover-vertical-sliding .portfolio-item.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-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(4) .socials-item-icon,.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(4) .socials-item-icon,.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(4) .socials-item-icon,.hover-vertical-sliding .portfolio-item.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-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(5) .socials-item-icon,.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(5) .socials-item-icon,.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(5) .socials-item-icon,.hover-vertical-sliding .portfolio-item.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-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(6) .socials-item-icon,.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(6) .socials-item-icon,.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(6) .socials-item-icon,.hover-vertical-sliding .portfolio-item.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-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(7) .socials-item-icon,.hover-vertical-sliding .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(7) .socials-item-icon,.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(7) .socials-item-icon,.hover-vertical-sliding .portfolio-item.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}