.img-card {
    background: transparent url("../img/img_cards_sk.webp") no-repeat 0 0;
    width: 90px; height: 90px;
    box-shadow: black 3px 3px 5px !important;
    border-radius: 10px;
    top: 0;
    right: 0;
    z-index: 20;
    position: absolute;
    display: inline-block;
    opacity: 0; /* uvodne skrytie kariet --- !!! cez "display: none" - nefunkcne !!!*/
}

.img-card.disabled {
    display: none;
    cursor: default;
}

.move {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.img-card-text {
    width: 81px; height: 81px;
    border-radius: 8px;
}
.img-card-shop {
    width: 126px; height: 76px;
}

.card_1 {
    top: -60px; /* -50 */
    right: -10px; /* -20 */
    transform: rotate(8deg); /* 8 */
}
.card_2 {
    top: -52px; /* -42 */
    right: -45px; /* -59 */
    transform: rotate(347deg); /* 347 */
}
.card_3 {
    top: -37px; /* -27 */
    right: 16px; /* 12 */
    transform: rotate(4deg); /* 4 */
}
.card_4 {
    top: -6px; /* 4 */
    right: -32px; /* -42 */
    transform: rotate(21deg); /* 21 */
}

.hide {
    display: none;
}

#card-001 { background-position:       0       0; }
#card-002 { background-position:   -90px       0; }
#card-003 { background-position:  -180px       0; }
#card-004 { background-position:  -270px       0; }
#card-005 { background-position:  -360px       0; }
#card-006 { background-position:  -450px       0; }
#card-007 { background-position:  -540px       0; }
#card-008 { background-position:  -630px       0; }
#card-009 { background-position:  -720px       0; }
#card-010 { background-position:  -810px       0; }
#card-011 { background-position:       0   -90px; }
#card-012 { background-position:   -90px   -90px; }
#card-013 { background-position:  -180px   -90px; }
#card-014 { background-position:  -270px   -90px; }
#card-015 { background-position:  -360px   -90px; }
#card-016 { background-position:  -450px   -90px; }
#card-017 { background-position:  -540px   -90px; }
#card-018 { background-position:  -630px   -90px; }
#card-019 { background-position:  -720px   -90px; }
#card-020 { background-position:  -810px   -90px; }
#card-021 { background-position:       0  -180px; }
#card-022 { background-position:   -90px  -180px; }
#card-023 { background-position:  -180px  -180px; }
#card-024 { background-position:  -270px  -180px; }
#card-025 { background-position:  -360px  -180px; }
#card-026 { background-position:  -450px  -180px; }
#card-027 { background-position:  -540px  -180px; }
#card-028 { background-position:  -630px  -180px; }
#card-029 { background-position:  -720px  -180px; }
#card-030 { background-position:  -810px  -180px; }
#card-031 { background-position:       0  -270px; }
#card-032 { background-position:   -90px  -270px; }
#card-033 { background-position:  -180px  -270px; }
#card-034 { background-position:  -270px  -270px; }
#card-035 { background-position:  -360px  -270px; }
#card-036 { background-position:  -450px  -270px; }
#card-037 { background-position:  -540px  -270px; }
#card-038 { background-position:  -630px  -270px; }
#card-039 { background-position:  -720px  -270px; }
#card-040 { background-position:  -810px  -270px; }
#card-041 { background-position:       0  -360px; }
#card-042 { background-position:   -90px  -360px; }
#card-043 { background-position:  -180px  -360px; }
#card-044 { background-position:  -270px  -360px; }
#card-045 { background-position:  -360px  -360px; }
#card-046 { background-position:  -450px  -360px; }
#card-047 { background-position:  -540px  -360px; }
#card-048 { background-position:  -630px  -360px; }
#card-049 { background-position:  -720px  -360px; }
#card-050 { background-position:  -810px  -360px; }
#card-051 { background-position:       0  -450px; }
#card-052 { background-position:   -90px  -450px; }
#card-053 { background-position:  -180px  -450px; }
#card-054 { background-position:  -270px  -450px; }
#card-055 { background-position:  -360px  -450px; }
#card-056 { background-position:  -450px  -450px; }
#card-057 { background-position:  -540px  -450px; }
#card-058 { background-position:  -630px  -450px; }
#card-059 { background-position:  -720px  -450px; }
#card-060 { background-position:  -810px  -450px; }
#card-061 { background-position:       0  -540px; }
#card-062 { background-position:   -90px  -540px; }
#card-063 { background-position:  -180px  -540px; }
#card-064 { background-position:  -270px  -540px; }
#card-065 { background-position:  -360px  -540px; }
#card-066 { background-position:  -450px  -540px; }
#card-067 { background-position:  -540px  -540px; }
#card-068 { background-position:  -630px  -540px; }
#card-069 { background-position:  -720px  -540px; }
#card-070 { background-position:  -810px  -540px; }
#card-071 { background-position:       0  -630px; }
#card-072 { background-position:   -90px  -630px; }
#card-073 { background-position:  -180px  -630px; }
#card-074 { background-position:  -270px  -630px; }
#card-075 { background-position:  -360px  -630px; }
#card-076 { background-position:  -450px  -630px; }
#card-077 { background-position:  -540px  -630px; }
#card-078 { background-position:  -630px  -630px; }
#card-079 { background-position:  -720px  -630px; }
#card-080 { background-position:  -810px  -630px; }
#card-081 { background-position:       0  -720px; }
#card-082 { background-position:   -90px  -720px; }
#card-083 { background-position:  -180px  -720px; }
#card-084 { background-position:  -270px  -720px; }

#card-085 { background-position:       0  -810px; }
#card-086 { background-position:   -81px  -810px; }
#card-087 { background-position:  -162px  -810px; }
#card-088 { background-position:  -243px  -810px; }
#card-089 { background-position:  -324px  -810px; }

#card-090 { background-position:  -405px  -810px; }


/* karty pre blog ------------------------------------------------------------------------------------------ */
#card-501 { background-position:  -540px  -360px !important; } /* 047 */
#card-502 { background-position:  -630px  -360px !important; } /* 048 */
#card-503 { background-position:  -540px  -360px !important; } /* 047 */
#card-504 { background-position:  -630px  -360px !important; } /* 048 */
#card-505 { background-position:  -540px  -360px !important; } /* 047 */
#card-506 { background-position:  -630px  -360px !important; } /* 048 */

#card-507 { background-position:  -540px  -450px !important; } /* 057 */
#card-508 { background-position:  -630px  -450px !important; } /* 058 */
#card-509 { background-position:  -720px  -450px !important; } /* 059 */
#card-510 { background-position:  -450px  -540px !important; } /* 066 */
#card-511 { background-position:  -540px  -540px !important; } /* 067 */
#card-512 { background-position:  -630px  -540px !important; } /* 068 */

#card-513 { background-position:  -180px  -360px !important; } /* 043 */
#card-514 { background-position:  -270px  -360px !important; } /* 044 */
#card-515 { background-position:  -360px  -360px !important; } /* 045 */
#card-516 { background-position:  -450px  -360px !important; } /* 046 */