/*skeletonUI*/
.top-banner #mini-cart svg,
.top-banner .user-info svg,
.top-banner .header-search svg {
    opacity: 0;
}
 #skeleton-ui-overlay {
     position: fixed;
     width: 100vw;
     height: 100vh;
     background: white;
     z-index: 31;
     top: 0;
     left: 0;
     transition: .8s;
     visibility: visible;
     opacity: 1;
}
 #skeleton-ui-overlay>.skel-loader {
     left: 50%;
     top: 50%;
     position: absolute;
     transform: translate(-50%, -50%);
}
 #skeleton-ui-overlay>.skel-loader::after {
     content: "";
     display: block;
     width: 32px;
     height: 32px;
     border-radius: 50%;
     padding: 2rem;
     border: 5px solid #f3f3f3;
     border-top: 5px solid #000;
     animation: spin 2s ease-out infinite;
     -webkit-animation: spin 2s linear infinite;
}
 #skeleton-ui-overlay img {
     max-width: 32px;
     left: 50%;
     top: 50%;
     position: absolute;
     transform: translate(-50%, -50%);
}
 #skeleton-ui-overlay.loaded {
     opacity: 0;
     visibility: hidden;
}
 #main .proto-lz {
     overflow: hidden !important;
}
 #main .proto-lz.module-d {
     position: relative !important;
     margin-bottom: 2px;
     overflow: hidden;
}
 #main .proto-lz.module-d::before {
     content: "";
     height: 400px;
     width: 40%;
     position: absolute;
     background: #f2f2f2;
     z-index: 2;
     left: 10%;
     top: 50%;
     transform: translateY(-50%);
     opacity: 1;
     transition: all .3s ease-out;
}
 #main .proto-lz.module-d::after {
     display: block;
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     transform: translateX(-100%);
     background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
     animation: loading 1.5s infinite;
     top: 0;
     z-index: 2;
}
 #main .proto-lz.module-d.lz-rev::before {
     left: calc(50% + 3rem);
}
 #main .proto-lz.module-d.lz-rev .hero-visible-content {
     left: 10% !important;
     right: inherit !important;
     margin-left: 0 !important;
}
 #main .proto-lz.module-d *:not(div) {
     opacity: 0;
     transition: all .3s ease-out;
}
 #main .proto-lz.module-d .main-banner {
     opacity: 1;
     transition: linear 1s;
}
 #main .proto-lz.module-d .main-banner::before {
     content: "";
     background: #d9d9d9;
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     left: 0;
}
 #main .proto-lz.module-d .main-banner::after {
     background: transparent;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 3;
}
 #main .proto-lz.module-d .hero-visible-content {
     height: 6rem;
     border-top: 2rem solid;
     border-bottom: 2rem solid;
     width: calc(40% - 3rem) !important;
     transform: none !important;
     margin-left: 3rem !important;
     color: transparent !important;
     border-color: #f2f2f2;
     left: inherit !important;
     right: 10% !important;
}
 #main .proto-lz.module-d .hero-visible-content::before {
     content: "";
     height: 2rem;
     width: 50%;
     background: #f2f2f2;
     display: block;
     position: absolute;
     top: -8rem;
     left: 0;
}
 #main .proto-lz.module-d .hero-visible-content div {
     color: transparent !important;
}
 #main .category-grid.proto-lz {
     position: relative;
}
 #main .category-grid.proto-lz img {
     opacity: 0;
}
 #main .category-grid.proto-lz::before {
     content: "";
     background: transparent;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 3;
     height: 100%;
}
 #main .category-grid.proto-lz ul li {
     position: relative;
     height: 265px;
}
 #main .category-grid.proto-lz ul li>a::after {
     content: "";
     background: #d9d9d9;
     width: 70%;
     position: absolute;
     height: 1rem;
     left: 50%;
     transform: translateX(-50%);
     bottom: 1rem;
     opacity: 1;
     transition: all .3s ease-out;
}
 #main .category-grid.proto-lz ul li>a p {
     color: transparent;
}
 #main .category-grid.proto-lz ul li::before {
     content: "";
     height: calc(100% - 2.5rem);
     width: 100%;
     position: absolute;
     background: #e6e6e6;
     z-index: 2;
     transform: none;
     top: 0;
     left: 0;
     opacity: 1;
     transition: all .3s ease-out;
}
 #main .category-grid.proto-lz ul li::after {
     display: block;
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     transform: translateX(-100%);
     background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
     animation: loading 1.5s infinite;
     top: 0;
     z-index: 2;
}
 #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz {
     position: relative;
     height: 470px;
     max-height: 470px;
     overflow: hidden;
}
 .pt_storefront #main .lz-caro .home-bottom-third, .pt_storefront #main .lz-caro.lazyloaded .home-bottom-third {
     min-height: 600px;
}
 .p-lz {
     max-height: 600px;
     overflow: hidden;
}
 #main .home-bottom-fifth .offer-box.proto-lz.lz-gen {
     margin-bottom: 3% !important;
}
 #main .home-bottom-fifth>.offers.proto-lz, #main .home-bottom-fifth.proto-lz>.offers {
     overflow: hidden !important;
}
 #main .home-bottom-fifth .offers .offer-box.proto-lz, .pt_storefront #main .home-bottom-fifth.proto-lz .offers .offer-box:nth-child(n), .pt_storefront #main .home-bottom-fifth .offers.proto-lz .offer-box:nth-child(n), .pt_storefront #main .home-bottom-fifth .offers .offer-box.lz-gen>a:last-child {
     overflow: visible !important;
}
.pt_storefront #main .home-bottom-fifth .offers .offer-box {
     min-height: 340px;
}
.pt_storefront #main .home-bottom-fifth.proto-lz .offer-box a picture,
.pt_storefront #main .home-bottom-fifth.proto-lz .offers .offer-box:nth-child(2n) .offer-bg-image {
     min-height: 340px !important;
}
.pt_storefront #main .home-bottom-fifth .offers .offer-box:nth-child(2n).proto-lz.lz-fade {
     border: 3px solid transparent !important;
}
.pt_storefront #main .home-bottom-fifth .offers .offer-box.proto-lz.lz-fade::before {
     opacity: 0;
     transition: all .3s ease-out;
}
 #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz::before {
     content: "";
     background: transparent;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 3;
     height: 100%;
}
 #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz::after {
     display: block;
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     transform: translateX(-100%);
     background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
     animation: loading 1.5s infinite;
     top: 0;
     z-index: 2;
}
 #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz .product-image::before {
     content: "";
     background: #e6e6e6;
     z-index: 1;
     position: absolute;
     width: 100%;
     height: 290px;
     transition: all .3s ease-out;
}
 #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz .product-image::after {
     content: "";
     background: #d9d9d9;
     width: 50%;
     height: 1rem;
     position: absolute;
     top: calc(290px + 1rem);
}
 #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz .product-tile>div {
     overflow: visible;
}
 #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz .product-image {
     height: 360px;
}
 #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz .product-name {
     overflow: visible;
}
 #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz .product-name::before {
     content: "";
     background: #d9d9d9;
     position: absolute;
     visibility: visible;
     width: 90%;
     height: 0.5rem;
     opacity: 1;
}
 #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz .product-name::after {
     content: "";
     height: 0.5rem;
     bottom: 0;
     width: 70%;
     position: absolute;
     left: 0;
     z-index: 3;
     background: #d9d9d9;
}
 #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz *:not(.product-image):not(.product-name) {
     visibility: hidden;
}
 #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz>.product-image {
     visibility: visible;
}
 #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz img {
     visibility: visible !important;
     opacity: 0 !important;
}
 .proto-lz.lz-caro {
     height: auto;
}
#home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz .tile-hover-img {
     display: none !important;
     opacity: 0;
}
 .proto-lz.lz-gen {
     position: relative !important;
     border: none !important;
     background: #e6e6e6;
     background-color: #e6e6e6 !important;
     margin-bottom: 5rem !important;
     overflow: visible;
     transition: all .3s ease-out;
}
 .proto-lz.lz-gen::before {
     content: "";
     position: absolute;
     width: 80%;
     height: 1rem;
     background: #e6e6e6;
     z-index: 1;
     bottom: -2rem;
     left: 50%;
     transform: translateX(-50%);
}
 .proto-lz.lz-gen::after {
     display: block;
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     transform: translateX(-100%);
     background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
     animation: loading 1.5s infinite;
     top: 0;
     z-index: 2;
}
 .proto-lz.lz-gen>* {
     visibility: hidden;
}
 .proto-lz.lz-gen img {
     visibility: visible;
     opacity: 0;
     transition: all .3s ease-out;
}
 @-webkit-keyframes spin {
     0% {
         -webkit-transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
    }
}
 @keyframes loading {
     100% {
         transform: translateX(100%);
    }
}
/* mobile */
 @media only screen and (max-width: 1024px) {
     #skeleton-ui-overlay>.skel-loader::after {
         width: 32px;
         height: 32px;
    }
     #skeleton-ui-overlay img {
         max-width: 32px;
    }
     .pt_storefront #main .lz-caro .home-bottom-third, .pt_storefront #main .lz-caro.lazyloaded .home-bottom-third {
         min-height: 520px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 1024px) {
     #main .proto-lz.module-d {
        /*min-height: 60vh;
        */
    }
     #main .proto-lz.module-d .main-banner {
        /*min-height: 60vh;
        */
    }
     #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz .product-name::before {
         top: 1.2rem;
    }
     #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz .product-name::after {
         top: 2rem;
    }
    .pt_storefront #main .home-bottom-fifth .offers .offer-box {
        min-height: inherit !important;
    }
}
 @media only screen and (max-width: 767px) {
     #main .proto-lz.module-d {
         padding-bottom: 0 !important;
        /*min-height: 500px;
        */
    }
     #main .proto-lz.module-d::before {
         width: calc(100% - 4rem);
         height: 250px;
         transform: none;
         top: 2rem;
         left: 2rem;
    }
     #main .proto-lz.module-d.lz-rev::before {
         left: 50%;
         transform: translateX(-50%);
    }
     #main .proto-lz.module-d .main-banner {
        /*min-height: 500px;
        */
    }
     #main .proto-lz.module-d.lz-rev .hero-visible-content {
         left: 2rem !important;
    }
     #main .proto-lz.module-d .hero-visible-content {
         transform: none !important;
         left: 2rem !important;
         margin: 0 !important;
         width: calc(100% - 4rem) !important;
         height: 5rem;
         top: inherit !important;
         position: relative !important;
         bottom: inherit !important;
    }
     #main .proto-lz.module-d .hero-visible-content::before {
         top: -5rem;
    }
     #main .category-grid.proto-lz ul li {
         height: 87px;
    }
     #main .category-grid.proto-lz ul li>a::after {
         height: 5px;
         bottom: 5px;
    }
     #main .category-grid.proto-lz ul li::before {
         height: calc(100% - 1rem) !important;
         width: 100% !important;
         position: absolute;
         background: #d9d9d9;
         z-index: 2;
         transform: none !important;
         top: 0 !important;
         left: 0 !important;
    }
     #main .offers .offer-box.proto-lz {
         min-height: inherit;
    }
     .pt_storefront #main .lz-caro .home-bottom-third, .pt_storefront #main .lz-caro.lazyloaded .home-bottom-third {
         min-height: 450px;
    }
     #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz .product-name::before {
         top: 1rem;
    }
    .pt_storefront #main .home-bottom-fifth .offers .offer-box {
        min-height: inherit !important;
    }
}
 @media only screen and (max-width: 480px) {
     #main .proto-lz.module-d .main-banner {
         min-height: 550px;
    }
     #main .proto-lz.module-d .hero-visible-content {
         position: absolute !important;
         bottom: 4rem !important;
    }
     #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz {
         max-height: 365px;
    }
     #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz .product-image::before {
         max-height: 180px;
    }
     #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz .product-image {
         max-height: 180px;
    }
    .pt_storefront #main .home-bottom-fifth .offers .offer-box {
        min-height: inherit !important;
    }
}
/* end mobile */
/* fade effect */
 #main .proto-lz.lz-fade.module-d::before {
     opacity: 0;
}
 #main .proto-lz.lz-fade.module-d img, #main .proto-lz.lz-fade.module-d picture, #main .proto-lz.lz-fade.module-d .main-banner>a {
     opacity: 1 !important;
}
 #main .proto-lz.lz-fade.module-d .main-banner::before {
     opacity: 0;
     transition: all .3s ease-out;
}
#main .proto-lz.lz-fade.module-d .hero-visible-content::before {
    opacity: 0;
    transition: all .3s ease-out;
}
#main .proto-lz.lz-fade.module-d .hero-visible-content {
    border-color: transparent !important;
    transition: all .3s ease-out;
}
 #main .category-grid.proto-lz.lz-fade img {
     opacity: 1;
}
 #main .category-grid.proto-lz.lz-fade ul li>a::after {
     opacity: 0;
}
 #main .category-grid.proto-lz.lz-fade ul li::before {
     opacity: 0;
}
 #main .category-grid.proto-lz.lz-fade ul li::after {
     opacity: 0;
}
#home-lazy-prod-carousel-container .grid-tile .product-tile.lz-fade.proto-lz .product-image::after {
    opacity: 0;
    transition: all .3s ease-out;
}
#home-lazy-prod-carousel-container .grid-tile .product-tile.lz-fade.proto-lz .product-name::before,
#home-lazy-prod-carousel-container .grid-tile .product-tile.lz-fade.proto-lz .product-name::after {
    opacity: 0;
    transition: all .3s ease-out;
}
#home-lazy-prod-carousel-container .grid-tile .product-tile.lz-fade.proto-lz :not(.product-image):not(.product-name) {
    opacity: 0;
    visibility: visible;
}
 #main .home-bottom-fifth .offers .offer-box.proto-lz.lz-fade * {
     visibility: visible !important;
}
 #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz.lz-fade .product-image::before {
     opacity: 0;
}
 #home-lazy-prod-carousel-container .grid-tile .product-tile.proto-lz.lz-fade img {
     opacity: 1 !important;
}
 .proto-lz.lz-gen.lz-fade {
     background: transparent !important;
}
 .proto-lz.lz-gen.lz-fade img {
     opacity: 1;
}
 .proto-lz.lz-fade::after {
     content: none !important;
}
/* end fade effect */
/*end skeletonUI*/