@keyframes qv-crazy-loading {
    0% {
        transform: skewX(-45deg) translateX(-80%)
    }

    to {
        transform: skewX(-45deg) translateX(80%)
    }
}

@keyframes qv-crazy-loading-dark {
    0% {
        transform: skewX(-45deg) translateX(-80%)
    }

    to {
        transform: skewX(-45deg) translateX(80%)
    }
}

@media only screen and (min-width: 768px) {
    .nasa-modern-5 .product-deals .nasa-sc-pdeal-countdown {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -o-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    .nasa-modern-5 .btn-wishlist {
        position: absolute;
        width: 20px;
        height: 20px;
        z-index: 6;
        top: 15px;
        right: 15px
    }

    .nasa-modern-5 .btn-wishlist .nasa-icon {
        font-size: 140%
    }

    .nasa-modern-5 .nasa-product-grid {
        z-index: 6;
        bottom: 20px;
        top: auto;
        left: 50%;
        right: auto;
        width: auto;
        padding: 0;
        visibility: hidden;
        opacity: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: translate(-50%, 20px);
        -moz-transform: translate(-50%, 20px);
        -o-transform: translate(-50%, 20px);
        -ms-transform: translate(-50%, 20px);
        transform: translate(-50%, 20px)
    }

    .nasa-modern-5 .nasa-product-grid .add-to-cart-grid {
        position: static;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .nasa-modern-5 .nasa-product-grid .btn-link,
    .nasa-modern-5 .nasa-product-grid .add-to-cart-grid,
    .nasa-modern-5 .nasa-product-grid .quick-view,
    .nasa-modern-5 .nasa-product-grid .btn-compare {
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
        position: static;
        margin: 0;
        background-color: #fff !important;
        width: 40px;
        height: 40px;
        text-align: center;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .nasa-modern-5 .nasa-product-grid .btn-link .nasa-icon,
    .nasa-modern-5 .nasa-product-grid .add-to-cart-grid .nasa-icon,
    .nasa-modern-5 .nasa-product-grid .quick-view .nasa-icon,
    .nasa-modern-5 .nasa-product-grid .btn-compare .nasa-icon {
        font-size: 18px;
        line-height: 40px
    }

    .nasa-modern-5 .nasa-product-grid .btn-link .nasa-icon.icon-nasa-refresh,
    .nasa-modern-5 .nasa-product-grid .add-to-cart-grid .nasa-icon.icon-nasa-refresh,
    .nasa-modern-5 .nasa-product-grid .quick-view .nasa-icon.icon-nasa-refresh,
    .nasa-modern-5 .nasa-product-grid .btn-compare .nasa-icon.icon-nasa-refresh {
        line-height: 40px
    }

    .nasa-modern-5 .nasa-product-grid .btn-link .nasa-icon.pe-7s-look,
    .nasa-modern-5 .nasa-product-grid .add-to-cart-grid .nasa-icon.pe-7s-look,
    .nasa-modern-5 .nasa-product-grid .quick-view .nasa-icon.pe-7s-look,
    .nasa-modern-5 .nasa-product-grid .btn-compare .nasa-icon.pe-7s-look {
        font-size: 20px
    }

    .nasa-modern-5 .nasa-product-grid .btn-link {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        margin-left: 5px;
        margin-right: 5px;
        -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15)
    }

    .nasa-modern-5 .nasa-product-grid .btn-link .cart-icon,
    .nasa-modern-5 .nasa-product-grid .btn-link .nasa-icon {
        color: #333
    }

    .nasa-modern-5 .nasa-product-grid .btn-link:hover {
        background-color: #333 !important
    }

    .nasa-modern-5 .nasa-product-grid .btn-link:hover .cart-icon,
    .nasa-modern-5 .nasa-product-grid .btn-link:hover .nasa-icon {
        color: #FFF
    }

    .nasa-modern-5 .nasa-product-grid .add-to-cart-grid .add_to_cart_text {
        display: none
    }

    .nasa-modern-5 .nasa-product-grid .add-to-cart-grid .cart-icon {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        font-size: 18px;
        line-height: 40px;
        background-color: transparent
    }

    .nasa-modern-5 .nasa-product-grid .add-to-cart-grid .cart-icon.fa {
        font-size: 14px
    }

    .nasa-modern-5 .nasa-product-grid .add-to-cart-grid .cart-icon:before {
        line-height: inherit;
        font-weight: normal
    }

    .nasa-modern-5 .nasa-product-grid .add-to-cart-grid .cart-icon.nasa-df-plus:before {
        border-top: 1px solid #555;
        width: 13px;
        height: 0px;
        top: 20px;
        left: 14px;
        right: auto;
        bottom: auto
    }

    .nasa-modern-5 .nasa-product-grid .add-to-cart-grid .cart-icon.nasa-df-plus:after {
        border-left: 1px solid #555;
        height: 13px;
        width: 0px;
        top: 14px;
        left: 20px;
        right: auto;
        bottom: auto
    }

    .nasa-modern-5 .nasa-product-grid .add-to-cart-grid.loading:before {
        right: auto;
        left: 50%
    }

    .nasa-modern-5 .nasa-product-grid .add-to-cart-grid:hover .cart-icon.nasa-df-plus:before,
    .nasa-modern-5 .nasa-product-grid .add-to-cart-grid:hover .cart-icon.nasa-df-plus:after {
        border-color: #fff
    }

    .nasa-modern-5 .nasa-product-grid .add-to-cart-grid.added:hover .cart-icon:before {
        color: #fff
    }

    .nasa-modern-5 .nasa-compare.added .nasa-icon.icon-nasa-refresh:before,
    .nasa-modern-5 .nasa-compare.nasa-added .nasa-icon.icon-nasa-refresh:before {
        color: #00a32a
    }

    .nasa-modern-5 .nasa-compare.added:hover .nasa-icon.icon-nasa-refresh:before,
    .nasa-modern-5 .nasa-compare.nasa-added:hover .nasa-icon.icon-nasa-refresh:before {
        color: #fff
    }

    .nasa-modern-5 .nasa-product-content-select-wrap {
        -webkit-transform: translate(5px, -100px);
        -moz-transform: translate(5px, -100px);
        -o-transform: translate(5px, -100px);
        -ms-transform: translate(5px, -100px);
        transform: translate(5px, -100px)
    }

    .nasa-modern-5 .nasa-product-content-select-wrap {
        margin-top: 10px
    }

    .nasa-modern-5 .nasa-product-content-color-image-wrap {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: static;
        margin-top: 7px
    }

    .nasa-modern-5 .nasa-product-content-color-image-wrap .nasa-product-content-child {
        float: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .nasa-modern-5 .nasa-product-content-color-image-wrap .nasa-attr-ux-nasa_color {
        margin-top: 0;
        margin-bottom: 0
    }

    .nasa-modern-5 .nasa-product-content-nasa_label-wrap {
        position: static;
        margin-top: 8px;
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .nasa-modern-5 .nasa-product-content-nasa_label-wrap .nasa-product-content-child {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 5px 0
    }

    .nasa-modern-5 .nasa-product-content-nasa_label-wrap .nasa-attr-ux-item {
        border: 1px solid #ccc;
        color: #999;
        font-size: 11px;
        text-decoration: none;
        margin-left: 5px;
        margin-right: 5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .nasa-modern-5 .nasa-product-content-nasa_label-wrap .nasa-attr-ux-item:hover,
    .nasa-modern-5 .nasa-product-content-nasa_label-wrap .nasa-attr-ux-item.nasa-active {
        border-color: #555;
        color: #000;
        font-weight: bold
    }

    .nasa-modern-5 .nasa-toggle-variants .nasa-product-content-select-wrap {
        -webkit-transform: translate(0, 0) !important;
        -moz-transform: translate(0, 0) !important;
        -o-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important
    }

    .nasa-modern-5 .product-item .info {
        text-align: center
    }

    .nasa-modern-5 .product-item .info .star-rating {
        margin-left: auto;
        margin-right: auto
    }

    .nasa-modern-5 .product-item:hover .nasa-product-grid {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .nasa-modern-5 .product-item:hover .nasa-product-content-nasa_label-wrap {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .nasa-modern-5 .product-item:hover .nasa-product-content-select-wrap {
        -webkit-transform: translate(5px, -105px);
        -moz-transform: translate(5px, -105px);
        -o-transform: translate(5px, -105px);
        -ms-transform: translate(5px, -105px);
        transform: translate(5px, -105px)
    }

    .html-ready .nasa-modern-5 .product-deals .nasa-sc-pdeal-countdown {
        visibility: visible;
        opacity: 0.7
    }

    .html-ready .nasa-modern-5 .product-deals:hover .nasa-sc-pdeal-countdown {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -o-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    .nasa-modern-5 .products.list .nasa-product-grid,
    .nasa-modern-5 .products.list .btn-wishlist {
        display: none
    }

    .nasa-modern-5 .products.list .group-btn-in-list .btn-wishlist {
        display: block;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        width: auto;
        height: auto
    }

    .nasa-modern-5 .products.list .group-btn-in-list .nasa-compare.nasa-compare:hover .nasa-icon.icon-nasa-refresh:before {
        color: inherit
    }

    .nasa-modern-5 .products.list .group-btn-in-list .add-to-cart-grid {
        position: static;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        display: block;
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .nasa-modern-5 .products.list .nasa-product-content-variable-warp .nasa-product-content-color-image-wrap,
    .nasa-modern-5 .products.list .nasa-product-content-variable-warp .nasa-product-content-nasa_label-wrap {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .nasa-modern-5 .products.list .nasa-product-content-variable-warp .nasa-product-content-color-image-wrap .nasa-product-content-child,
    .nasa-modern-5 .products.list .nasa-product-content-variable-warp .nasa-product-content-nasa_label-wrap .nasa-product-content-child {
        margin-top: 10px
    }

    .nasa-modern-5 .products.list .nasa-product-content-variable-warp .nasa-product-content-color-image-wrap:first-child .nasa-product-content-child:first-child,
    .nasa-modern-5 .products.list .nasa-product-content-variable-warp .nasa-product-content-nasa_label-wrap:first-child .nasa-product-content-child:first-child {
        margin-top: 0
    }

    .nasa-modern-5 .products.list .nasa-product-content-color-image-wrap {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .nasa-modern-5 .products.list .nasa-product-content-nasa_label-wrap .nasa-product-content-child {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .crazy-loading .nasa-modern-5 .product-item .info .name,
    .crazy-loading .nasa-modern-5 .product-item .info .price {
        margin-left: auto;
        margin-right: auto
    }

    .crazy-loading .nasa-modern-5 .product-item .info .add-to-cart-grid {
        display: none
    }

    .crazy-loading .nasa-modern-5 .product-item .nasa-product-content-variable-warp {
        display: none
    }

    .crazy-loading .nasa-modern-5 .products.list .product-item .info .name,
    .crazy-loading .nasa-modern-5 .products.list .product-item .info .price {
        margin-left: 0;
        margin-right: 0
    }

    .crazy-loading .nasa-modern-5 .products.list .product-item .info .nasa-sc-pdeal-countdown {
        display: none
    }

    body.nasa-rtl .nasa-modern-5 .product-item .nasa-product-grid {
        left: 50%;
        right: auto
    }

    body.nasa-rtl .nasa-modern-5 .product-item .nasa-product-grid .btn-link {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    body.nasa-rtl .nasa-modern-5 .nasa-product-content-select-wrap {
        -webkit-transform: translate(-5px, -100px);
        -moz-transform: translate(-5px, -100px);
        -o-transform: translate(-5px, -100px);
        -ms-transform: translate(-5px, -100px);
        transform: translate(-5px, -100px)
    }

    body.nasa-rtl .nasa-modern-5 .btn-wishlist {
        left: 15px;
        right: auto
    }

    body.nasa-rtl .nasa-modern-5 .nasa-product-content-color-image-wrap .nasa-product-content-child {
        float: none
    }

    body.nasa-rtl .nasa-modern-5 .product-item:hover .nasa-product-content-select-wrap {
        -webkit-transform: translate(-5px, -105px);
        -moz-transform: translate(-5px, -105px);
        -o-transform: translate(-5px, -105px);
        -ms-transform: translate(-5px, -105px);
        transform: translate(-5px, -105px)
    }
}

.html-ready .nasa-modern-5 .nasa-product-grid,
.html-ready .nasa-modern-5 .nasa-product-grid .btn-link,
.html-ready .nasa-modern-5 .nasa-product-grid .btn-link .nasa-icon {
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease
}