section.boja{background:#fafafa;padding:0 5em 3em}

.container5{display:flex;flex-wrap:wrap; padding: 0 20px}
.container5 a,.container5 a h3,.container5 h3{color:#000;font-size:17px;line-height: 28px;font-weight:700; padding: 15px 0 0; text-decoration:none;transition:color .3s ease}
a:hover h3{color:#ff0000}

.box-padd{padding: 5px 20px 25px}
.dogadjanja{display:block;font-weight:700;font-size:24px;line-height:40px;margin:3px 0 30px;color:#000;padding: 0 20px}
.dogadjanja:after {content: ""; display: block; margin: 0; width: 150px;padding-top: 10px;border-bottom: 3px solid #ffb600;}

.main-box5,.side-box{border-radius: 3px;background-color:#fff;box-shadow:0 0 10px 0 rgba(34,62,153,.1)}
.main-box5{width:50%;box-sizing:border-box;margin-bottom:20px}
.side-boxes{display:flex;flex-direction:column;width:50%;box-sizing:border-box}
.row5{display:flex;flex:1;margin-bottom:20px}
.side-box{flex:1;margin-left:30px}

@media (max-width:1024px){
.main-box5,.side-boxes{width:100%}
.row5{margin-left:0}
}
@media (max-width:600px){
.container5{flex-direction:column}
.main-box5,.side-boxes{width:100%}
.side-box{margin-left:0}
}
@media (max-width:1024px) and (min-width:600px){
.row5>:first-child,.row5>:first-child+:first-child{margin-left:0}
}
@media (max-width:600px){
.side-boxes{width:100%}
.row5{flex-direction:column;margin-bottom:0}
.side-box{width:100%;margin:0 0 4px 0}
}
/*-------------- image  effect --------------------*/
.zoom {overflow: hidden;}
.zoom-image {display: block;width: 100%;height: 100%;object-fit: cover;transition: transform 400ms ease-out;}
.zoom-image:hover {transform: scale(1.15);}
/*-------------- arrow button --------------------*/
.ab-block{display:inline-block;}
.arrow-button1{display:flex;color:#000;padding:0 3px;transition:all .3s ease;font-family: 'Exo 2', sans-serif;font-weight:400;letter-spacing: 0.044rem; cursor:pointer;align-items:center;font-size:14px!important;}
.arrow-button1>.arrow1{width:6px;height:6px;border-right:2px solid #000;border-bottom:2px solid #000;position:relative;top: 1px;transform:rotate(-45deg);margin:0 6px;transition:all .3s ease}
.novosti .arrow-button1>.arrow1{border-right:2px solid #0173FF;border-bottom:2px solid #0173FF;}
.arrow-button1>.arrow1::before{display:block;width:3px;transform-origin:bottom right;height:2px;position:absolute;opacity:0;bottom:calc(-2px / 2);transform:rotate(45deg);transition:all .3s ease;content:"";right:0}
.arrow-button1:hover>.arrow1{transform:rotate(-45deg) translate(4px,4px);border-color:#ff0000;}
.arrow-button1:hover>.arrow1::before{opacity:1;width:8px;background: #ff0000;}
.arrow-button1:hover{color:#ff0000}
a.zumba {color:#0173FF!important;font-style: italic}
a.zumba:hover  {color:#ff0000!important;}

.brisi{margin:20px auto;text-align: center}