#accordion .card .card-body .container img {width:135px !important,height:135px !important;}
#collapseOne img {width:135px !important,height:135px !important;}
.kocka  {width:135px !important,height:135px !important;}


/* ======= podnaslovi kategorija ======= */


.subtitle {
  font-weight: 600;
  border-radius: 4px;
  font-style: italic;
  color: #666666;       /* Mekša siva boja za nežniji izgled */
  font-size: 1rem;      /* Standardna veličina fonta */
  margin-top: 0.25rem;  /* Mali razmak od naslova */
  margin-bottom: 1.5rem;/* Razmak ispod podnaslova za dobru distancu */
  line-height: 1.5;     /* Prošireni razmak između redova za bolju čitljivost */
  max-width: 600px;     /* Ograničenje širine radi lepšeg rasporeda */
}




/* ======= modali ======= */
.modal-body {
       text-align:justify;
position: relative;

}
.modal-body::before {
      content: "";
    background-image: url('../slike/modal/2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
opacity:0.3;
/* background-color: rgba(0,0,0,0.45); ubaci ako zatreba */

}
.stihovi {text-align:center;color:black !important;font-weight:700 !important;}


/* ======= Kolekcija ======= */

#kolekcija.img{width:270px !important; height:270px !important;}


.kolekcija {
    float: left;
    width: 100%}
.kolekcija .funkcije {
    width: 100%;
    height: auto;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    position: relative;
    z-index: 0;
}
.kolekcija .funkcije div.lista {
    padding: 0 1.5rem;
}
.kolekcija .funkcije .mali-omot {
    float: left;
    width: 203px;
    height: 203px;
    overflow: hidden;
    display: inline-block!important;
    position: relative;
    z-index: 10;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: 0.3s;
}
.kolekcija .funkcije .mali-omot span {
    opacity: 0;
    position: absolute;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.kolekcija .funkcije .naziv h3 {
    font-weight: 800;
    font-size: 1.2rem;
    line-height: 28px;
    letter-spacing: 1.2px;
    font-family: sans-serif;
    color: #453535;
    padding-bottom: 0;
}
.kolekcija .funkcije .naziv p {
    margin: 0;
    padding-bottom: 20px;
    color: #d1193b;
    font-family: sans-serif;
    font-size: 1.1rem;
    font-weight: 300;
}

@media only screen and (max-width:767px) {
    .kolekcija .funkcije div.lista {
    margin-bottom: 40px;
}
}

@media only screen and (max-width:1025px) and only screen and (max-width:767px) {
    .kolekcija .funkcije div.lista .omot-ploce {
    height: 270px;
}
}
@media only screen and (min-width:1025px) {
    .kolekcija .funkcije div.lista .omot-ploce {
    width: 370px;
}
    .kolekcija .funkcije div.lista .omot-ploce .mali-omot {
    margin: 0px 50px 20px 50px;
}
}


@media only screen and (max-width:1025px) {
    .kolekcija .funkcije div.lista {
    overflow: hidden;
}
    .kolekcija .funkcije div.lista .omot-ploce {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
    .kolekcija .funkcije div.lista .omot-ploce .mali-omot {
    margin-bottom: 40px;
}
    .kolekcija .funkcije div.lista .omot-ploce .mali-omot {
    position: relative!important;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
    .kolekcija .funkcije div.lista .omot-ploce .mali-omot span {
    opacity: 1;
}
}


/* ======= diskovi ======= */
.kolekcija .funkcije div.lista .omot16 .disk {
    position: absolute;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    top: 4px;
    left: 80px;
    width: 193px;
    height: 197px;
    float: left;
    background: url(../slike/ploce/disk16-nadpropasti.png) no-repeat center center;
    background-size: 192px 192px;
    z-index: 9;
}
.kolekcija .funkcije div.lista .omot15 .disk {
    position: absolute;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    top: 4px;
    left: 80px;
    width: 193px;
    height: 197px;
    float: left;
    background: url(../slike/ploce/disk15-roman.png) no-repeat center center;
    background-size: 192px 192px;
    z-index: 9;
}
.kolekcija .funkcije div.lista .omot14 .disk {
    position: absolute;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    top: 4px;
    left: 80px;
    width: 193px;
    height: 197px;
    float: left;
    background: url(../slike/ploce/disk14-nikto.png) no-repeat center center;
    background-size: 192px 192px;
    z-index: 9;
}
.kolekcija .funkcije div.lista .omot13 .disk {
    position: absolute;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    top: 4px;
    left: 80px;
    width: 193px;
    height: 197px;
    float: left;
    background: url(../slike/ploce/disk13-bez-uv.png) no-repeat center center;
    background-size: 192px 192px;
    z-index: 9;
}
.kolekcija .funkcije div.lista .omot12 .disk {
    position: absolute;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    top: 4px;
    left: 80px;
    width: 193px;
    height: 197px;
    float: left;
    background: url(../slike/ploce/disk12-marvel.png) no-repeat center center;
    background-size: 192px 192px;
    z-index: 9;
}
.kolekcija .funkcije div.lista .omot11 .disk {
    position: absolute;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    top: 4px;
    left: 80px;
    width: 193px;
    height: 197px;
    float: left;
    background: url(../slike/ploce/disk11-uvezi.png) no-repeat center center;
    background-size: 194px 194px;
    z-index: 9;
}
.kolekcija .funkcije div.lista .omot10 .disk {
    position: absolute;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    top: 4px;
    left: 80px;
    width: 193px;
    height: 197px;
    float: left;
    background: url(../slike/ploce/disk10-kakmore.png) no-repeat center center;
    background-size: 200px 200px;
    z-index: 9;
}
.kolekcija .funkcije div.lista .omot9 .disk {
    position: absolute;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    top: 4px;
    left: 80px;
    width: 193px;
    height: 197px;
    float: left;
    background: url(../slike/ploce/disk9-lp.png) no-repeat center center;
    background-size: 200px 200px;
    z-index: 9;
}
.kolekcija .funkcije div.lista .omot8 .disk {
    position: absolute;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    top: 4px;
    left: 80px;
    width: 193px;
    height: 197px;
    float: left;
    background: url(../slike/ploce/disk8-ranil.png) no-repeat center center;
    background-size: 200px 200px;
    z-index: 9;
}
.kolekcija .funkcije div.lista .omot7 .disk {
    position: absolute;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    top: 4px;
    left: 80px;
    width: 193px;
    height: 197px;
    float: left;
    background: url(../slike/ploce/disk7-adrenalin.png) no-repeat center center;
    background-size: 200px 200px;
    z-index: 9;
}
.kolekcija .funkcije div.lista .omot6 .disk {
    position: absolute;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    top: 4px;
    left: 80px;
    width: 193px;
    height: 197px;
    float: left;
    background: url(../slike/ploce/disk6-malaja.png) no-repeat center center;
    background-size: 200px 200px;
    z-index: 9;
}
.kolekcija .funkcije div.lista .omot5 .disk {
    position: absolute;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    top: 4px;
    left: 80px;
    width: 193px;
    height: 197px;
    float: left;
    background: url(../slike/ploce/disk5-papa.png) no-repeat center center;
    background-size: 200px 200px;
    z-index: 9;
}

.kolekcija .funkcije div.lista .omot4 .disk {
    position: absolute;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    top: 4px;
    left: 80px;
    width: 193px;
    height: 197px;
    float: left;
    background: url(../slike/ploce/disk4-dadada.png) no-repeat center center;
    background-size: 200px 200px;
    z-index: 9;
}
.kolekcija .funkcije div.lista .omot3 .disk {
    position: absolute;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    top: 4px;
    left: 80px;
    width: 193px;
    height: 197px;
    float: left;
    background: url(../slike/ploce/disk3-razbiraj.png) no-repeat center center;
    background-size: 200px 200px;
    z-index: 9;
}
.kolekcija .funkcije div.lista .omot2 .disk {
    position: absolute;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    top: 4px;
    left: 80px;
    width: 193px;
    height: 197px;
    float: left;
    background: url(../slike/ploce/disk2-silnije.png) no-repeat center center;
    background-size: 200px 200px;
    z-index: 9;
}
.kolekcija .funkcije div.lista .omot1 .disk {
    position: absolute;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    top: 4px;
    left: 80px;
    width: 193px;
    height: 197px;
    float: left;
    background: url(../slike/ploce/disk1-susi.png) no-repeat center center;
    background-size: 200px 200px;
    z-index: 9;
}


.kolekcija .funkcije div.lista .naziv {
    width: 203px;
    text-align: center;
}

@media only screen and (max-width:1025px) {
    .kolekcija .funkcije div.lista .omot-ploce .disk {
    display: none;
}

    .kolekcija .funkcije div.lista .naziv {
    float: left;
    width: 100%;
    overflow: hidden;
}
}

@media only screen and (min-width:1025px) {
    .kolekcija .funkcije div.lista .naziv {
    margin-left: 50px;
}
    .kolekcija .funkcije div.lista: hover .omot-ploce {
    width: 270px;
    left: -20px;
}
.kolekcija .funkcije div.lista:hover .omot-ploce .mali-omot {
    margin-left: 0px;
}
.kolekcija .funkcije div.lista:hover .omot-ploce .mali-omot span {
    opacity: 1;
}
.kolekcija .funkcije div.lista:hover .disk {
    left: 150px;
}
}

.paddingA {
    padding: 0;
    padding-bottom: 400px;
  
}

@media only screen and (max-width:767px) {
    .paddingA {
    padding: 0;
    padding-bottom: 1500px;
    padding-left: 40px;

}
}