.hover-fade .portfolio-item .image .image-inner.fallback-zooming img, .hover-fade .gallery-item .overlay-wrap .image-wrap.fallback-zooming 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-fade .portfolio-item:hover .image .image-inner.fallback-zooming img, .hover-fade .portfolio-item.hover-effect .image .image-inner.fallback-zooming img, .hover-fade .gallery-item:hover .overlay-wrap .image-wrap.fallback-zooming img, .hover-fade .gallery-item.hover-effect .overlay-wrap .image-wrap.fallback-zooming 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;}
.hover-fade .portfolio-item .image .image-inner.fallback-sliding img, .hover-fade .gallery-item .overlay-wrap .image-wrap.fallback-sliding img{overflow:hidden;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
.hover-fade .portfolio-item:hover .image .image-inner.fallback-sliding img, .hover-fade .portfolio-item.hover-effect .image .image-inner.fallback-sliding img, .hover-fade .gallery-item:hover .overlay-wrap .image-wrap.fallback-zooming img, .hover-fade .gallery-item.hover-effect .overlay-wrap .image-wrap.fallback-zooming img{-webkit-transform:translateX(-5%);transform:translateX(-5%);-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
.news-grid.hover-fade .portfolio-item:hover .image.format-video.has-post-thumbnail .image-inner img, .news-grid.hover-fade .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-fade .portfolio-item .image .overlay, .hover-fade .portfolio-item:hover .image .overlay, .hover-fade .portfolio-item.hover-effect .image .overlay, .hover-fade .gallery-item .overlay-wrap .overlay, .hover-fade .gallery-item:hover .overlay-wrap .overlay, .hover-fade .gallery-item.hover-effect .overlay-wrap .overlay{display:block;-webkit-transition:background 0.5s 0.2s;transition:background 0.5s 0.2s;}
.hover-fade .portfolio-item .image .overlay:before, .hover-fade .gallery-item .overlay-wrap .overlay:before{content:'';position:absolute;width:100%;height:100%;bottom:0;left:0;z-index:-2;opacity:0;-webkit-transition:opacity 0.5s 0.2s;transition:opacity 0.5s 0.2s;background:transparent;}
.hover-fade .portfolio-item:hover .image .overlay:before, .hover-fade .portfolio-item.hover-effect .image .overlay:before, .hover-fade .gallery-item:hover .overlay-wrap .overlay:before, .hover-fade .gallery-item.hover-effect .overlay-wrap .overlay:before{opacity:1;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
.hover-fade .portfolio-item .image .overlay:after, .hover-fade .gallery-item .overlay-wrap .overlay:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:1;background:none;}
.hover-fade.title-on-page.title-style-dark .portfolio-item .image .overlay:after{display:none;}
.hover-fade .portfolio-item .image .overlay .links .portfolio-icons > .icon, .hover-fade .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon, .hover-fade .gallery-item .overlay .overlay-content-inner a.icon, .portfolio.products.hover-fade .portfolio-item .image .overlay .portfolio-icons.product-bottom a.added_to_cart{opacity:0;display:inline-block;vertical-align:middle;position:relative;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-fade .gallery-item .overlay .overlay-content-inner a.icon.link{margin-left:10px;}
.hover-fade .portfolio-item:hover .image .overlay .links .portfolio-icons > .icon, .hover-fade .portfolio-item.hover-effect .image .overlay .links .portfolio-icons > .icon, .hover-fade .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .icon, .hover-fade .portfolio-item.hover-effect .image .overlay .links .portfolio-icons-inner > .icon, .hover-fade .gallery-item:hover .overlay .overlay-content-inner a.icon, .hover-fade .gallery-item.hover-effect .overlay .overlay-content-inner a.icon, .portfolio.products.hover-fade .portfolio-item:hover .image .overlay .portfolio-icons.product-bottom a.added_to_cart, .portfolio.products.hover-fade .portfolio-item.hover-effect .image .overlay .portfolio-icons.product-bottom a.added_to_cart{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:top 0s;transition:top 0s;}
.portfolio.hover-fade .portfolio-item:hover .image .overlay .links .portfolio-icons > .yith-wcwl-add-to-wishlist.added.icon:hover, .portfolio.hover-fade .portfolio-item.hover-effect .image .overlay .links .portfolio-icons > .yith-wcwl-add-to-wishlist.added.icon:hover, .portfolio.hover-fade .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .yith-wcwl-add-to-wishlist.added.icon:hover, .portfolio.hover-fade .portfolio-item.hover-effect .image .overlay .links .portfolio-icons-inner > .yith-wcwl-add-to-wishlist.added.icon:hover{-webkit-transform:none;transform:none;}
.hover-fade .portfolio-item:hover .image .overlay .links .portfolio-icons > .icon:nth-child(1),
.hover-fade .portfolio-item.hover-effect .image .overlay .links .portfolio-icons > .icon:nth-child(1),
.hover-fade .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .icon:nth-child(1),
.hover-fade .portfolio-item.hover-effect .image .overlay .links .portfolio-icons-inner > .icon:nth-child(1),
.hover-fade .gallery-item:hover .overlay .overlay-content-inner a.icon:nth-child(1),
.hover-fade .gallery-item.hover-effect .overlay .overlay-content-inner a.icon:nth-child(1){-webkit-transition:opacity 0.5s 0s, background-color 0.3s 0s, color 0.3s 0s, -webkit-transform 0.4s 0s;transition:opacity 0.5s 0s, background-color 0.3s 0s, color 0.3s 0s, transform 0.4s 0s;}
.hover-fade .portfolio-item:hover .image .overlay .links .portfolio-icons > .icon:nth-child(2),
.hover-fade .portfolio-item.hover-effect .image .overlay .links .portfolio-icons > .icon:nth-child(2),
.hover-fade .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .icon:nth-child(2),
.hover-fade .portfolio-item.hover-effect .image .overlay .links .portfolio-icons-inner > .icon:nth-child(2),
.hover-fade .gallery-item:hover .overlay .overlay-content-inner a.icon:nth-child(2),
.hover-fade .gallery-item.hover-effect .overlay .overlay-content-inner a.icon:nth-child(2){-webkit-transition:opacity 0.5s 0.05s, background-color 0.3s 0s, color 0.3s 0s, -webkit-transform 0.4s 0.05s;transition:opacity 0.5s 0.05s, background-color 0.3s 0s, color 0.3s 0s, transform 0.4s 0.05s;}
.hover-fade .portfolio-item:hover .image .overlay .links .portfolio-icons > .icon:nth-child(3),
.hover-fade .portfolio-item.hover-effect .image .overlay .links .portfolio-icons > .icon:nth-child(3),
.hover-fade .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .icon:nth-child(3),
.hover-fade .portfolio-item.hover-effect .image .overlay .links .portfolio-icons-inner > .icon:nth-child(3),
.hover-fade .gallery-item:hover .overlay .overlay-content-inner a.icon:nth-child(3),
.hover-fade .gallery-item.hover-effect .overlay .overlay-content-inner a.icon:nth-child(3),
.portfolio.hover-fade .portfolio-item:hover .image .overlay .links .portfolio-icons > .yith-wcwl-add-to-wishlist a.icon, .portfolio.hover-fade .portfolio-item.hover-effect .image .overlay .links .portfolio-icons > .yith-wcwl-add-to-wishlist a.icon, .portfolio.hover-fade .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .yith-wcwl-add-to-wishlist a.icon, .portfolio.hover-fade .portfolio-item.hover-effect .image .overlay .links .portfolio-icons-inner > .yith-wcwl-add-to-wishlist a.icon{-webkit-transition:opacity 0.5s 0.1s, background-color 0.3s 0s, color 0.3s 0s, -webkit-transform 0.4s 0.1s;transition:opacity 0.5s 0.1s, background-color 0.3s 0s, color 0.3s 0s, transform 0.4s 0.1s;}
.hover-fade .portfolio-item:hover .image .overlay .links .portfolio-icons > .icon:nth-child(4),
.hover-fade .portfolio-item.hover-effect .image .overlay .links .portfolio-icons > .icon:nth-child(4),
.hover-fade .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .icon:nth-child(4),
.hover-fade .portfolio-item.hover-effect .image .overlay .links .portfolio-icons-inner > .icon:nth-child(4),
.hover-fade .gallery-item:hover .overlay .overlay-content-inner a.icon:nth-child(4),
.hover-fade .gallery-item.hover-effect .overlay .overlay-content-inner a.icon:nth-child(4){-webkit-transition:opacity 0.5s 0.15s, background-color 0.3s 0s, color 0.3s 0s, -webkit-transform 0.4s 0.15s;transition:opacity 0.5s 0.15s, background-color 0.3s 0s, color 0.3s 0s, transform 0.4s 0.15s;}
.hover-fade .portfolio-item:hover .image .overlay .links .portfolio-icons > .icon:nth-child(5),
.hover-fade .portfolio-item.hover-effect .image .overlay .links .portfolio-icons > .icon:nth-child(5),
.hover-fade .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .icon:nth-child(5),
.hover-fade .portfolio-item.hover-effect .image .overlay .links .portfolio-icons-inner > .icon:nth-child(5),
.hover-fade .gallery-item:hover .overlay .overlay-content-inner a.icon:nth-child(5),
.hover-fade .gallery-item.hover-effect .overlay .overlay-content-inner a.icon:nth-child(5){-webkit-transition:opacity 0.5s 0.2s, background-color 0.3s 0s, color 0.3s 0s, -webkit-transform 0.4s 0.2s;transition:opacity 0.5s 0.2s, background-color 0.3s 0s, color 0.3s 0s, transform 0.4s 0.2s;}
.hover-fade .portfolio-item .image .links .caption .title, .hover-fade .portfolio-item .image .links .caption .categories, .products.hover-fade.title-on-hover .portfolio-item .image .links .caption .product-info{opacity:0;top:200px;vertical-align:middle;position:relative;-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-fade .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-fade .portfolio-item:hover .image .links .caption .title, .hover-fade .portfolio-item.hover-effect .image .links .caption .title, .hover-fade .portfolio-item:hover .image .links .caption .categories, .hover-fade .portfolio-item.hover-effect.image .links .caption .categories, .products.hover-fade.title-on-hover .portfolio-item:hover .image .links .caption .product-info, .products.hover-fade.title-on-hover .portfolio-item.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.1s, opacity 0.3s 0.1s, top 0s;transition:transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;}
.products.hover-fade.title-on-page .portfolio-item.has-rating .image .links .caption .product-info{position:relative;-webkit-transition:padding 0.3s;transition:padding 0.3s;}
.hover-fade .gallery-item:hover .overlay .overlay-content-inner .title, .hover-fade .gallery-item.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-fade .portfolio-item .image .links .caption .info{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-fade .portfolio-item:hover .image .links .caption .info, .hover-fade .portfolio-item.hover-effect .image .links .caption .info{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-fade .portfolio-item .image .links .caption .description{opacity:1;position:static;}
.portfolio.hover-fade.fullwidth-columns-4 .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle{opacity:0;top:320px;position:absolute;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;}
.portfolio.hover-fade.fullwidth-columns-4 .fullwidth-block .portfolio-item.double-item .image .overlay .links .caption .subtitle{top:350px;}
.portfolio.hover-fade.fullwidth-columns-4 .fullwidth-block .portfolio-item:hover .image .overlay .links .caption .subtitle, .portfolio.hover-fade.fullwidth-columns-4 .fullwidth-block .portfolio-item.hover-effect .image .overlay .links .caption .subtitle{opacity:1;top:120px;display:block;-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;}
.portfolio.hover-fade.fullwidth-columns-4 .fullwidth-block .portfolio-item.double-item:hover .image .overlay .links .caption .subtitle, .portfolio.hover-fade.fullwidth-columns-4 .fullwidth-block .portfolio-item.double-item.hover-effect .image .overlay .links .caption .subtitle{top:150px;}
.hover-fade .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, -webkit-transform 0s;transition:opacity 0.3s, margin 0.3s 0.3s, transform 0s;}
.hover-fade .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane, .hover-fade .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;transition:opacity 0.5s, transform 0s, margin 0.3s;}
.hover-fade .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active, .hover-fade .portfolio-item.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;transition:opacity 0.5s, margin 0.3s;}
.gem-gallery-grid.hover-fade.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;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;}
.gem-gallery-grid.hover-fade.fullwidth-columns-4 .gallery-item.double-item .overlay .overlay-content-inner .subtitle{top:310px;}
.gem-gallery-grid.hover-fade.fullwidth-columns-4 .gallery-item:hover .overlay .overlay-content-inner .subtitle, .gem-gallery-grid.hover-fade.fullwidth-columns-4 .gallery-item.hover-effect .overlay .overlay-content-inner .subtitle{opacity:1;top:80px;-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;}
.gem-gallery-grid.hover-fade.fullwidth-columns-4 .gallery-item.double-item:hover .overlay .overlay-content-inner .subtitle, .gem-gallery-grid.hover-fade.fullwidth-columns-4 .gallery-item.double-item.hover-effect .overlay .overlay-content-inner .subtitle {
top: 110px;
}body{position:relative}.pep-mc-wrap{background-color:transparent;height:100%;overflow:auto;position:fixed;right:-430px;top:0;transition:all .5s ease-in-out;width:430px;z-index:999999}.pep-mc{background-color:#fff;box-shadow:0 0 1px;float:right;min-height:100%;width:380px}.pep-mc-collapse{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 2px;cursor:pointer;display:flex;height:25px;justify-content:center;left:11px;position:absolute;top:11px;width:25px}.pep-mc-collapse img{width:19px}.pep-mc-remove-item{align-items:center;background-color:inherit;border:1px solid #ddd;border-radius:50%;display:flex;height:25px;justify-content:center;position:absolute;right:10px;top:20px;transition:all .5s ease-in-out;width:25px}.pep-mc-remove-item a{align-items:center;border:none!important;color:#444!important;display:flex!important;font-size:26px!important;justify-content:center}.pep-mc-remove-item a img{width:13px}.pep-mc .pep-mc-title{background-color:#f3b717;font-size:16px;font-weight:700;padding:10px 15px;position:relative;text-align:center}.pep-mc-item-title a{color:#444}.pep-mc-item-price{color:#f3b717}.pep-mc-items{background-color:inherit;padding:15px 0}.pep-mc-item{background-color:inherit;display:flex;padding:20px;padding-right:40px;position:relative}.pep-mc-item:nth-child(even){background-color:#f8f8f8}.pep-mc-item-img{width:30%}.pep-mc-content{padding-left:15px;width:70%}#wdm-cart-count{background-color:#f3b717;border:1px solid #f3b717;border-radius:0;right:25px}.pep-mc-footer{background-color:#f3b717;bottom:0;display:flex;justify-content:space-between;position:fixed;right:-430px;transition:all .5s ease-in-out;width:380px;z-index:999999}.pep-mc-footer>div{font-weight:700;padding:10px;text-align:center;width:50%}.pep-mc-link a{color:#444;font-weight:700;padding:10px;text-align:center;width:100%}.pep-mc-footer .pep-mc-price{border-right:2px solid #ddd}.left.pep-mc-wrap{left:-430px;right:auto}.left.pep-mc-wrap .pep-mc{float:left}.left.pep-mc-wrap .pep-mc-collapse{left:auto;right:11px}.left.pep-mc-wrap .pep-mc-link{left:-400px;right:auto}.left.pep-mc-footer{left:-430px;right:auto}.left.pep-mc-wrap .pep-mc:hover .pep-mc-link{left:0;right:auto}.pep-mc-wrap::-webkit-scrollbar{display:none}.pep-mc-wrap{-ms-overflow-style:none;scrollbar-width:none}.pep-mc-remove-item a:before{content:none}.pep-mc-wrap{padding-bottom:45px}.quoteup_item_dop br:first-of-type{display:none}@media screen and (max-width:530px){.pep-mc,.pep-mc-wrap{width:90%}.pep-mc-footer{width:81%}}