body.modal-open {
    overflow: hidden;
}
.modal.fade {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.modal.fade.show {
    opacity: 1;
}
.empirelyModal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-height: 100vh;
    padding: 15px;
    background: linear-gradient(135deg, rgba(19, 20, 86, 0.8) 0%, rgba(9, 9, 47, 0.8) 100%);
    z-index: 999999;
    display: none;
}
.empirelyModal.d-block {
    display: block;
}
.empirelyProducts-modal-dialog {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
}
.products-modal-content {
    max-width: 920px;
    width: 100%;
    margin: auto;
    max-height: calc(100vh - 30px);
    height: auto;
    overflow: hidden auto;
}
.products-modal-content .btn-close {
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 30px;
    color: #e10019;
    cursor: pointer;
    display: none;
}

.products-modal-content .products-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.products-modal-content .products-container .product-card-wrapper {
    flex: 0 0 33.3333333%;
    max-width: 33.3333333%;
    width: 100%;
    padding: 0px 15px;
    margin-bottom: 30px;
}
.product-card-wrapper .card {
    padding: 2px;
    background: linear-gradient(90deg, rgba(255, 182, 41, 1) 2%, rgba(201, 48, 255, 1) 100%);
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    position: relative;
}
.product-card-wrapper .card-body {
    padding: 15px;
    border-radius: 20px;
    background: linear-gradient(90deg, rgba(19, 20, 86, 1) 0%, rgba(9, 9, 47, 1) 100%);
    height: 100%;
}
.full-card-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.product-card-wrapper .body-content {
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.product-card-wrapper .product-title {
    font-size: 24px;
    margin-bottom: 15px;
}
.product-card-wrapper .product-img-box {
    margin-bottom: 15px;
}
.product-card-wrapper .product-img-box .product-img {
    max-height: 215px;
    max-width: 90%;
    object-fit: contain;
}
.product-card-wrapper .action-box .btn.btn-default {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 8px 20px;
    font-size: 17px;
    border: 1px solid #fff;
    text-shadow: 2px 2px 4px #000000;
}
.product-card-wrapper .action-box .btn.btn-default:hover, 
.product-card-wrapper .action-box .btn.btn-default:focus {
    box-shadow: 0 5px 10px rgba(255, 255, 255, 0.15);
    text-decoration: none;
}
.product-card-wrapper .action-box .btn-pill {
    border-radius: 25px;
}
.product-card-wrapper .product-title.ecoverly {
    color: #C62C88;
}
.product-card-wrapper .action-box .bg-ecoverly {
    background-color: #C62C88;
}
.product-card-wrapper .product-title.e-pro {
    color: #E4BF5D;
}
.product-card-wrapper .action-box .bg-e-pro {
    background-color: #C99F34;
}
.product-card-wrapper .product-title.e-groupshot {
    color: #9FD338;
}
.product-card-wrapper .action-box .bg-e-groupshot {
    background-color: #84B523;
}
.product-card-wrapper .product-title.e-prime {
    color: #B899F4;
}
.product-card-wrapper .action-box .bg-e-prime {
    background-color: #6A36CE;
}
.product-card-wrapper .product-title.e-gigs {
    color: #59DBE4;
}
.product-card-wrapper .action-box .bg-e-gigs {
    background-color: #26B0BA;
}
.product-card-wrapper .product-title.e-agency {
    color: #94C1FF;
}
.product-card-wrapper .action-box .bg-e-agency {
    background-color: #417AC8;
}
.product-card-wrapper .product-title.prezentar {
    color: #C484F3;
}
.product-card-wrapper .action-box .bg-prezentar {
    background-color: #A54CE2;
}
.product-card-wrapper .product-title.p-pro {
    color: #3DF55C;
}
.product-card-wrapper .action-box .bg-p-pro {
    background-color: #31BB56;
}
.product-card-wrapper .product-title.p-xf {
    color: #E459AB;
}
.product-card-wrapper .action-box .bg-p-xf {
    background-color: #DA429C;
}
.product-card-wrapper .product-title.p-halo {
    color: #E3DB59;
}
.product-card-wrapper .action-box .bg-p-halo {
    background-color: #DCD234;
}
.product-card-wrapper .product-title.p-ajf {
    color: #63C0FB;
}
.product-card-wrapper .action-box .bg-p-ajf {
    background-color: #63C0FB;
}
.product-card-wrapper .product-title.p-agency {
    color: #C396FF;
}
.product-card-wrapper .action-box .bg-p-agency {
    background-color: #C396FF;
}
.product-card-wrapper .product-title.title-sqribble {
    color: #F36CD5;
}
.product-card-wrapper .action-box .bg-sqribble {
    background-color: #C140A4;
}
.product-card-wrapper .product-title.sq-platinum {
    color: #A584FF;
}
.product-card-wrapper .action-box .bg-sq-platinum {
    background-color: #5E40B0;
}
.product-card-wrapper .product-title.sq-prime {
    color: #E3C257;
}
.product-card-wrapper .action-box .bg-sq-prime {
    background-color: #AF902A;
}
.product-card-wrapper .product-title.sq-ajf {
    color: #3DB3DA;
}
.product-card-wrapper .action-box .bg-sq-ajf {
    background-color: #3DB3DA;
}
.product-card-wrapper .product-title.sq-3d {
    color: #ED6160;
}
.product-card-wrapper .action-box .bg-sq-3d {
    background-color: #ED6160;
}
@media (max-height: 830px) {
    .product-card-wrapper .product-title {
        font-size: 20px;
    }
    .product-card-wrapper .product-img-box .product-img {
        max-height: 200px;
    }
}
@media (max-height: 765px) {
    .products-modal-content .products-container .product-card-wrapper {
        margin-bottom: 15px;
    }
    .product-card-wrapper .product-img-box .product-img {
        max-height: 170px;
    }
}
@media (max-height: 689px) {
    .product-card-wrapper .product-img-box .product-img {
        max-height: 120px;
    }
}
@media (max-height: 590px) {
    .product-card-wrapper .product-img-box .product-img {
        max-height: 100px;
    }
}
@media (max-width: 949px) {
    .products-modal-content {
        max-width: 615px;
    }
    .products-modal-content .products-container .product-card-wrapper {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 600px) {
    .products-modal-content {
        max-width: 300px;
    }
    .products-modal-content .products-container .product-card-wrapper {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .products-modal-content .btn-close{
        display: block;
    }
}
@media (min-width:950px) {
    .products-modal-content .products-container .product-card-wrapper:nth-last-child(1),
    .products-modal-content .products-container .product-card-wrapper:nth-last-child(2),
    .products-modal-content .products-container .product-card-wrapper:nth-last-child(3):not(:nth-child(3)) {
        margin-bottom: 0px;
    }
}