.box{width:100%;position:relative;margin:0 auto;transition:opacity .3s,transform .3s,background-color .3s}.box:hover .shade{opacity:.5}.box>a{width:100%;display:block}.box a{display:inline-block}.box.has-shadow:not(.box-overlay):not(.box-shade){background-color:#fff}.box .box-image{transition:opacity .3s,transform .3s,background-color .3s;position:relative;height:auto;margin:0 auto;overflow:hidden;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}.box .box-image>a{display:block}.box .box-image>div>a{display:block}.box .box-image img{max-width:100%;width:100%;transform:translateZ(0);margin:0 auto}.box .box-image .box-image-inner{position:relative;overflow:hidden;z-index:0}.box .box-text{transition:opacity .3s,transform .3s,background-color .3s;padding-top:.7em;padding-bottom:.4em;position:relative;width:100%;font-size:.9em}@media (max-width:549px){.box .box-text{font-size:85%}}.box .box-text h1,.box .box-text h2,.box .box-text h3,.box .box-text h4,.box .box-text h5,.box .box-text h6{line-height:1.3;margin-top:.1em;margin-bottom:.4em;display:block;overflow:hidden;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.box .box-text a:not(.button){line-height:1.3;margin-top:.1em;margin-bottom:.4em;display:block;overflow:hidden;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.box .box-text p{margin-top:.1em;margin-bottom:.1em}.box .box-text .button{margin-top:1em}.box .box-text.text-center{padding-left:10px;padding-right:10px}.box.box-label{overflow:hidden}.box.box-label .box-text.text-center{-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;margin:10% 0}.box.box-label .box-text.text-right{right:0;left:auto}.box.box-label .box-text{position:absolute;bottom:0;width:auto;padding:0;margin:10%;padding:.5em 1.5em .55em;background-color:#fff;opacity:.95;box-shadow:1px 1px 3px 0 rgba(0,0,0,.1)}.box.box-label:hover .box-text{opacity:1}.box.box-badge{overflow:hidden}.box.box-badge .box-text{background-color:rgba(255,255,255,.95);padding:.8em 1em 1em;position:absolute;bottom:15%;transition:background .3s;z-index:1}.box.box-badge:hover .box-text{background-color:var(--primary-color)}.box.box-bounce .box-text{padding:10px;z-index:1}.box.box-bounce:hover .box-text{-ms-transform:translateY(-15px);transform:translateY(-15px);background-color:#fff}.box.box-bounce:hover .box-image{-ms-transform:translateY(-5px);transform:translateY(-5px)}.box.box-push .box-text{padding:15px 20px;background-color:rgba(255,255,255,.95);max-width:85%;margin:-15% auto 0}.box.box-overlay .box-text{position:absolute;width:100%;max-height:100%;bottom:0;padding-left:1.5em;padding-right:1.5em}.box.box-overlay.dark .box-text{text-shadow:1px 1px 1px rgba(0,0,0,.5)}.box.box-shade:not(.dark) .shade{opacity:.8;background:rgba(255,255,255,.2);background:linear-gradient(to top,#fff 0,rgba(255,255,255,0) 33%)}.box.box-shade .box-text{position:absolute;width:100%;max-height:100%;bottom:0;padding-left:1.5em;padding-right:1.5em}.box.box-shade.dark .box-text{text-shadow:1px 1px 1px rgba(0,0,0,.5)}.box .box-none .box-text{display:none!important}.box .image-tools{padding:10px;position:absolute}@media only screen and (max-device-width:1024px){.box .image-tools{opacity:1!important;padding:5px}}.box .image-tools a:last-child{margin-bottom:0}.box .image-tools a.button{display:block}.box .image-tools .cart-icon{position:absolute;left:10px;margin:5px;bottom:100%}.box .image-tools .wishlist-button:hover{background-color:var(--alert-color);border-color:var(--alert-color)}.box .image-tools.bottom.left{padding-top:0;padding-right:0}.box .image-tools.top.right{padding-bottom:0;padding-left:0}.has-shadow .box:not(.box-overlay):not(.box-shade){background-color:#fff}.has-shadow .box-text{padding-left:1.2em;padding-right:1.2em}.has-equal-box-heights .box-image{padding-top:100%}.has-equal-box-heights .box-image img{z-index:1;right:0;width:100%;height:100%;bottom:0;left:0;top:0;position:absolute;object-position:50% 50%;object-fit:cover;font-family:"object-fit: cover;"}.dark .box-badge .box-text{background-color:rgba(0,0,0,.95)}.dark .box-bounce:hover .box-text{background-color:#222}.dark .has-shadow.box:not(.box-overlay):not(.box-shade){background-color:#333}.dark .has-shadow .box:not(.box-overlay):not(.box-shade){background-color:#333}.has-post-icon:hover .box-shade .box-text{opacity:0!important}.has-post-icon:hover .box-overlay .box-text{opacity:0!important}.box-text-middle.box-overlay .box-text{position:absolute;-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;bottom:auto!important;z-index:16;left:0;right:0}.box-text-middle.box-shade .box-text{position:absolute;-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;bottom:auto!important;z-index:16;left:0;right:0}.box-text-middle .box-text.hover-slide{transform:translateY(-40%) translateZ(0)}.box-text-middle .box-text.hover-zoom{transform:scale(1.1) translateZ(0) translateY(-50%)}.box-text-middle .box-text.hover-zoom-in{transform:scale(.9) translateZ(0) translateY(-50%)}.box-text-middle .hover-bounce{transform:scale(1) translateZ(0) translateY(-40%)!important}.box-text-middle:hover .box-text.hover-bounce{transform:scale(1) translateZ(0) translateY(-50%)!important}.box-text-middle:hover .show-on-hover.box-text{transform:scale(1) translateZ(0) translateY(-50%)!important}.box-text-top.box-overlay .box-text{position:absolute;top:0;bottom:auto!important;z-index:16;left:0;right:0}.box-text-top.box-shade .box-text{position:absolute;top:0;bottom:auto!important;z-index:16;left:0;right:0}.box-vertical{width:100%;display:table}.box-vertical .box-text-middle .box-text{position:relative;top:auto;bottom:auto;-ms-transform:translateY(0);transform:translateY(0)}.box-vertical .image-right{direction:rtl}.box-vertical .box-image{display:table-cell;vertical-align:top;width:50%}.box-vertical .box-text{display:table-cell;vertical-align:top;padding:0 1em;width:auto}@media screen and (min-width:550px){.box-vertical .box-text{padding-left:1em;padding-right:1em}}.box-vertical.align-top .box-text{vertical-align:top}.has-box-vertical .col{width:100%!important;max-width:100%!important}