.skeleton-loading, .skeleton-loading-wrap {
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    min-height: 0 !important
}

@keyframes skeletonloading {
    to {
        background-position: 200% 0
    }
}

.skeleton-body.product .entry-summary, .products.skeleton-body li, .skeleton-body.product .tab-content, .skeleton-body .post {
    overflow: hidden;
    position: relative
}

.skeleton-body.product .entry-summary:after, .products.skeleton-body li:after, .sidebar-content.skeleton-body aside:after, .skeleton-body.product .tab-content:after, .skeleton-body.tab-content:after, .skeleton-body .post:after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    right: -50%;
    bottom: -50%;
    transform: rotate(45deg);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 80%);
    background-size: 60% 100%;
    background-position: -100% 0;
    background-repeat: no-repeat;
    animation: skeletonloading 1.5s infinite .2s
}

.skeleton-body.product .tab-content:after, .skeleton-body.tab-content:after {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 80%);
    transform: none;
    animation-duration: 2s
}

.skeleton-body.product {
    position: relative;
    z-index: 1
}

.skeleton-body.product-layout-transparent .product-summary-wrap:before, .skeleton-body.product-layout-transparent .product-summary-wrap:after {
    content: none
}

.skeleton-body.product .summary-before {
    order: initial
}

.skeleton-body.product .summary-before {
    padding-top: 59%
}

.skeleton-body.product .entry-summary {
    min-height: 500px;
    overflow: hidden
}

.skeleton-body.product > .row {
    align-items: flex-start
}

.skeleton-body.product > .row > div:before, .skeleton-body.tab-content:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 10px;
    background-repeat: no-repeat
}

.skeleton-body.product .summary-before:before {
    background-image: linear-gradient(#F4F4F4 100%, transparent 0), linear-gradient(#F4F4F4 100%, transparent 0), linear-gradient(#F4F4F4 100%, transparent 0), linear-gradient(#F4F4F4 100%, transparent 0), linear-gradient(#F4F4F4 100%, transparent 0);
    background-size: 100% calc(80% - 4px), calc(25% - 6px) calc(20% - 4px), calc(25% - 6px) calc(20% - 4px), calc(25% - 6px) calc(20% - 4px), calc(25% - 6px) calc(20% - 4px);
    background-position: center top, left bottom, 33.3333% bottom, 66.6666% bottom, right bottom
}

.skeleton-body.product .entry-summary:before {
    background-image: linear-gradient(#F4F4F4 25px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 18px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 16px, transparent 0), linear-gradient(#F4F4F4 16px, transparent 0), linear-gradient(#F4F4F4 1px, transparent 0), linear-gradient(#F4F4F4 25px, transparent 0), linear-gradient(#F4F4F4 35px, transparent 0), linear-gradient(#F4F4F4 25px, transparent 0);
    background-size: 55% 25px, 70% 14px, 40% 18px, 100% 14px, 100% 14px, 100% 14px, 100% 14px, 40% 16px, 40% 16px, 100% 1px, 70% 25px, 60% 35px, 60% 25px;
    background-position: right top, right 34px, right 75px, right 120px, right 147px, right 174px, right 201px, right 240px, right 270px, right 320px, right 350px, right 395px, right 455px
}

@media (max-width: 767px) {
    .skeleton-body.product .summary-before {
        margin-bottom: 2em;
        padding-top: 100%;
        width: 640px;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .skeleton-body.product-layout-default .summary-before.col-md-5, .skeleton-body.product-layout-builder .summary-before.col-md-5 {
        padding-top: 50%
    }
}

.skeleton-body.product .tab-content, .tab-content.skeleton-body {
    min-height: 180px;
    position: relative;
    margin-top: 3rem;
    padding-top: 0 !important
}

.skeleton-body.tab-content:before {
    margin: 0
}

.skeleton-body.product .tab-content:before, .skeleton-body.tab-content:before {
    background-image: linear-gradient(#F4F4F4 40px, transparent 0), linear-gradient(#F4F4F4 40px, transparent 0), linear-gradient(#F4F4F4 40px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0);
    background-size: 100px 40px, 100px 40px, 100px 40px, 100% 14px, 100% 14px, 100% 14px, 100% 14px;
    background-position: 0 0, 120px 0, 240px 0, 0 70px, 0 100px, 0 130px, 0 160px
}

.products.skeleton-body li:before {
    content: '';
    display: block;
    padding-top: calc(100% + 110px);
    background-repeat: no-repeat;
    background-image: linear-gradient(#F4F4F4 100%, transparent 0), linear-gradient(#F4F4F4 12px, transparent 0), linear-gradient(#F4F4F4 16px, transparent 0), linear-gradient(#F4F4F4 12px, transparent 0), linear-gradient(#F4F4F4 16px, transparent 0);
    background-size: 100% 62%, 50% 12px, 70% 16px, 50% 12px, 40% 16px;
    background-position: right 0, right calc(62% + 20px), right calc(62% + 44px), right calc(62% + 66px), right calc(62% + 92px)
}

.skeleton-body .product-category:before {
    background-position-x: center, center, center, center, center !important;
}

@media (min-width: 576px) {
    .list.skeleton-body li:before {
        padding-top: 250px;
        background-image: linear-gradient(#F4F4F4 250px, transparent 0), linear-gradient(#F4F4F4 12px, transparent 0), linear-gradient(#F4F4F4 16px, transparent 0), linear-gradient(#F4F4F4 12px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 16px, transparent 0), linear-gradient(#F4F4F4 20px, transparent 0);
        background-size: 250px 100%, 150px 12px, 250px 16px, 150px 12px, 100% 14px, 100% 14px, 120px 16px, 200px 20px;
        background-position: right 0, calc(100% - 270px) 20px, calc(100% - 270px) 44px, calc(100% - 270px) 70px, calc(100% - 270px) 105px, calc(100% - 270px) 130px, calc(100% - 270px) 170px, calc(100% - 270px) 205px
    }

    .list.skeleton-body li:after {
        transform: none;
        background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 60%);
        animation: skeletonloading 2.5s infinite .2s
    }
}

.skeleton-body .post {
    border-bottom: none;
    margin-bottom: 30px;
    padding-bottom: 0
}

.skeleton-body .post:before {
    content: '';
    display: block;
    padding-top: calc(60% + 165px);
    background-repeat: no-repeat;
    background-image: linear-gradient(#F4F4F4 100%, transparent 0), linear-gradient(#F4F4F4 16px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 20px, transparent 0);
    background-size: 100% calc(100% - 165px), 50% 16px, 100% 14px, 100% 14px, 100% 14px, 70% 20px;
    background-position: 0 0, right calc(100% - 130px), right calc(100% - 100px), right calc(100% - 75px), right calc(100% - 50px), right calc(100% - 10px)
}

@media (min-width: 992px) {
    .posts-medium.skeleton-body .post:before, .posts-medium-alt.skeleton-body .post:before {
        padding-top: 25%;
        min-height: 180px;
        background-image: linear-gradient(#F4F4F4 100%, transparent 0), linear-gradient(#F4F4F4 16px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 20px, transparent 0);
        background-size: 40% 100%, 30% 16px, 58% 14px, 58% 14px, 58% 14px, 58% 14px, 58% 20px;
        background-position: 100% 0, 40% 10px, 0 45px, 0 70px, 0 95px, 0 120px, 0 155px
    }

    .posts-medium.skeleton-body .post:after, .posts-medium-alt.skeleton-body .post:after {
        transform: none;
        background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 60%);
        animation: skeletonloading 2s infinite .2s
    }
}

.sidebar-content.skeleton-body aside {
    overflow: hidden;
    position: relative
}

.sidebar-content.skeleton-body aside:before {
    content: '';
    display: block;
    height: 320px;
    background-repeat: no-repeat;
    background-image: linear-gradient(#F4F4F4 20px, transparent 0), linear-gradient(#F4F4F4 30px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 30px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 30px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 30px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 30px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0), linear-gradient(#F4F4F4 30px, transparent 0), linear-gradient(#F4F4F4 14px, transparent 0);
    background-size: 55% 20px, 30px 30px, 100% 14px, 30px 30px, 60% 14px, 30px 30px, 80% 14px, 30px 30px, 50% 14px, 30px 30px, 100% 14px, 30px 30px, 70% 14px;
    background-position: right 5px, right 50px, calc(100% - 45px) 58px, right 95px, calc(100% - 45px) 103px, right 140px, calc(100% - 45px) 148px, right 185px, calc(100% - 45px) 193px, right 230px, calc(100% - 45px) 238px, right 275px, calc(100% - 45px) 283px
}

.skeleton-body li a{
    display: none;
}