.advent { font-family: 'Readex Pro', sans-serif; max-width:1920px; margin:0 auto }
.advent img { max-width:100%; border-radius:10px;}
.advent .bgkal { background:url('../img/bg_advent.png') no-repeat left -50px; }
.advent h1 { font: normal normal normal 25px/31px Readex Pro;color: #000000;}
.advent .kal a { font: normal normal bold 19px/24px Readex Pro; max-width:135px; max-height:135%; display:block; position:relative}
.advent .kal a span { position:absolute; bottom:10px; left:10px;width:42px; height:42px; border-radius:5px; display:inline-block; text-align:center; line-height:42px; color:#fff }
.advent .kal a.active span { font: normal normal bold 40px/50px Readex Pro; color: #FFFFFF; width:100%; height:100%; left:0; top:0; line-height:96px;}
.advent .kal a.color1 span { background:#2D9584;}
.advent .kal a.color2 span { background:#5FAA37;}
.advent .kal a.color3 span { background:#F28A24;}
.advent .kal a.color4 span { background:#EC5F65;}
.advent .kal a.bef span { background:unset; font: normal normal bold 40px/50px Readex Pro; color: #FFFFFF; width:100%; height:100%; left:0; top:0; line-height:96px;}
.advent .kal a.bef.color1 .overlay2 { background:#2D9584; opacity:0.75; position:absolute; top:0;left:0; width:100%; height:100%; border-radius:10px; }
.advent .kal a.bef.color2 .overlay2 { background:#5FAA37; opacity:0.75; position:absolute; top:0;left:0; width:100%; height:100%; border-radius:10px; }
.advent .kal a.bef.color3 .overlay2 { background:#F28A24; opacity:0.75; position:absolute; top:0;left:0; width:100%; height:100%; border-radius:10px; }
.advent .kal a.bef.color4 .overlay2 { background:#EC5F65; opacity:0.75; position:absolute; top:0;left:0; width:100%; height:100%; border-radius:10px; }

.advent .kal a.color1 .overlay2 { background:#2D9584; opacity:0.75; position:absolute; top:0;left:0; width:100%; height:100%; border-radius:10px; }
.advent .kal a.color2 .overlay2 { background:#5FAA37; opacity:0.75; position:absolute; top:0;left:0; width:100%; height:100%; border-radius:10px; }
.advent .kal a.color3 .overlay2 { background:#F28A24; opacity:0.75; position:absolute; top:0;left:0; width:100%; height:100%; border-radius:10px; }
.advent .kal a.color4 .overlay2 { background:#EC5F65; opacity:0.75; position:absolute; top:0;left:0; width:100%; height:100%; border-radius:10px; }


.advent .odsad { padding:30px;}
.advent a.toggle {font: normal normal bold 20px/25px Readex Pro; color:#fff;}
.advent a.toggle { background:url('../img/up.png') no-repeat left center;  padding-left:20px; vertical-align:middle}
.advent a.toggle.down { background:url('../img/down.png') no-repeat left center; }
.advent .karta { position:relative; z-index:1}
.advent .karta .overlay { background: transparent linear-gradient(180deg, #0000008C 0%, #00000000 100%) 0% 0% no-repeat padding-box;  position:absolute; top:0;left:0; width:100%; height:100%; border-radius: 10px;}
.advent .karta .blok { position:absolute; top:60px; left:60px; right:60px; z-index:100}
.advent .karta .blok .datum { font: normal normal bold 40px/50px Readex Pro; color:#fff; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:5px; }
.advent .karta .blok .datum.col1 { background: #2D9584 0% 0% no-repeat padding-box; border: 1px solid #707070; border-radius: 10px;}
.advent .karta .blok .datum.col2 { background: #5FAA37 0% 0% no-repeat padding-box; border: 1px solid #707070; border-radius: 10px;}
.advent .karta .blok .datum.col3 { background: #F28A24 0% 0% no-repeat padding-box; border: 1px solid #707070; border-radius: 10px;}
.advent .karta .blok .datum.col4 { background: #EC5F65 0% 0% no-repeat padding-box; border: 1px solid #707070; border-radius: 10px;}
.advent .karta .blok h2 {font: normal normal bold 68px/75px Readex Pro; color: #FFFFFF; }
.advent .karta .blok p { font: normal normal normal 20px/25px Readex Pro; color:#ffffff;}
.advent .karta .blokspodni { position:absolute; bottom:0px; left:60px; right:60px; background: #000000 0% 0% no-repeat padding-box;border-radius: 10px 10px 0 0; opacity: 0.58; }
.advent .karta .blokspodni p { font: normal normal normal 15px/19px Readex Pro; color: #FFFFFF; opacity:1; padding:20px;}
.advent a.btn { background:#2D9584; color:#fff; padding:10px; border-radius:10px; font-size:14px;}

@media (max-width: 1650px){
.advent .karta .blok h2 {  font: normal normal bold 38px/45px Readex Pro; }
}

@media (max-width: 1325px){
.advent .karta .blok h2 {  font: normal normal bold 38px/45px Readex Pro; }
.advent .karta .blok { position: absolute;  top: 30px;  left: 30px;  right: 30px;  z-index: 100;}
.advent .karta .blokspodni {  position: absolute;  bottom: 0px;  left: 30px;  right: 30px;}
}
@media (max-width: 1210px){
.advent .karta .blok h2 {  font: normal normal bold 30px/38px Readex Pro; }
.advent .karta .blok p {
  font: normal normal normal 18px/23px Readex Pro;
  color: #ffffff;
}
}
@media (max-width: 991px){
.advent .kal a { max-width:140px; max-height:140px;}
.advent .kal a.bef span { line-height:140px;}
.advent .kal a.active span { line-height:140px;}
.advent .karta .blok h2 {  font: normal normal bold 38px/45px Readex Pro; }
}

@media (max-width: 602px){
.advent .karta .blok h2 {  font: normal normal bold 30px/38px Readex Pro; }
}


@media (max-width: 575px){

.advent .karta .blok .datum { font: normal normal bold 30px/40px Readex Pro;}
.advent .karta .blok { left:40px; right:40px;}
.advent .karta .blokspodni { left:30px; right:30px;}
}


@media (max-width: 535px){
    .advent .karta .blok h2 {  font: normal normal bold 24px/26px Readex Pro; }
    .advent .karta .blok .datum { paddding:5px;font: normal normal bold 20px/25px Readex Pro; }
    .advent .karta .blok p { font: normal normal normal 16px/19px Readex Pro; }
     .advent .karta .blok {
    top: 20px;
    left: 10px;
    right: 10px;
  }
  .advent a.toggle {
  font: normal normal bold 16px/20px Readex Pro;
  
}
.advent .pb-3 {
  padding-bottom: 0.5em !important;
}
    .advent .karta .blokspodni { left:10px; right:10px;}
    .advent .karta .blokspodni p { padding:10px;}
}