.item-cont{overflow:hidden;display:inline-block;width:100%}
.item-cont img{width:100%}
.item-cont a{display:block;position:relative;color:#FFF;border-color:#fff;font-size:20px}
.item-cont a .item-content{position:absolute;width:100%;cursor:pointer;height:100%;text-align:center;top:0;left:0;opacity:1}
.item-cont a .item-content:before{border-top:1px solid;border-bottom:1px solid;-webkit-transform:scale(0,1);transform:scale(0,1);opacity:0}
.item-cont a .item-content:after{border-left:1px solid;border-right:1px solid;-webkit-transform:scale(1,0);transform:scale(1,0);opacity:0}
.item-cont a .item-content:before,.item-cont a .item-content:after{border-color:#fff;position:absolute;top:15px;right:15px;bottom:15px;left:15px;content:'';opacity:0;-webkit-transition:opacity 1.2s,-webkit-transform 1.2s;transition:opacity 1.2s,transform 1.2s}
.item-cont a .item-content .text-cont{width:72px;height:72px;opacity:0;position:relative;left:50%;top:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:solid 2px #fff;border-radius:50%}
.item-cont a .item-content .text-cont em{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:48px;font-weight: 400; text-align:center;color:#fff;opacity:0}
.item-cont a .item-content .text-cont em.mali{font-size:18px!important}
.item-cont a:hover .item-content .text-cont{opacity:1;transition:opacity .4s ease-in;-moz-transition:opacity .4s ease-in;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in}
.item-cont a:hover .item-content .text-cont em{opacity:1;transition:opacity 1.5s ease-in;-moz-transition:opacity 1.5s ease-in;-webkit-transition:opacity 1.5s ease-in;-o-transition:opacity 1.5s ease-in}
.item-cont a .item-content .align-content{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.item-cont a .figa{position:relative;width:100%;height:100%;-webkit-transition:-webkit-transform .8s;transition:transform .8s;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
.item-cont a .figa:after{position:absolute;width:100%;height:100%;left:0;top:0;content:"";background-color:rgba(5,28,97,0.6);opacity:0}
.item-cont a .figa img{max-width:100%;height:auto;display:block}
.item-cont a:hover .figa{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.item-cont a:hover .figa:after{opacity:1}
.item-cont a:hover .item-content{opacity:1}
.item-cont a:hover .item-content:before,.item-cont a:hover .item-content:after{border-color:#fff}
.item-cont a:hover .item-content:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.item-cont a:hover .item-content:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.tobi-zoom{border:0;-webkit-box-shadow:none;box-shadow:none;display:block;position:relative;text-decoration:none}
.tobi-zoom img{display:block}
.tobi-zoom__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(26,42,58,0.94);bottom:0;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1;position:absolute;left:0}
.tobi-zoom__icon svg{color:#fff;fill:none;height:1.11111em;pointer-events:none;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2;stroke:#fff;width:1.11111em;padding:.22222em}
.tobi-is-open{overflow-y:hidden}
.tobi{background-color:rgba(22,27,30,0.99);bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;contain:strict;font-size:18px;left:0;line-height:1.5555555555556;overflow:hidden;position:fixed;right:0;top:0;z-index:1337}
.tobi[aria-hidden="true"]{display:none}
.tobi *,.tobi ::before,.tobi ::after{-webkit-box-sizing:inherit;box-sizing:inherit}
.tobi__slider{bottom:0;left:0;position:absolute;right:0;top:0;will-change:transform}
.tobi__slider:not(.tobi__slider--is-dragging){-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.19,1,0.22,1);transition-timing-function:cubic-bezier(0.19,1,0.22,1)}
@media screen and (prefers-reduced-motion: reduce) {
.tobi__slider:not(.tobi__slider--is-dragging){-webkit-transition:none;transition:none}
}
.tobi__slider--is-draggable .tobi__slider__slide__content{cursor:-webkit-grab;cursor:grab}
.tobi__slider--is-dragging .tobi__slider__slide__content{cursor:-webkit-grabbing;cursor:grabbing}
.tobi__slider__slide{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}
.tobi__slider__slide__content > figure{margin:0;position:relative}
.tobi__slider__slide__content > figure > img{display:block;height:auto;max-height:85vh;max-width:85vw;width:auto}
.tobi__slider__slide__content > figure > figcaption{background-color:rgba(255,255,255,0.75);bottom:0;color:#000;display:block;left:0;position:absolute;white-space:pre-wrap;width:100%;text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:1em .44444em}
.tobi__slider__slide__content[data-type="html"]{max-height:85vh;max-width:85vw;overflow:hidden;overflow-y:auto;overscroll-behavior:contain}
.tobi__slider__slide__content[data-type="html"] video{cursor:auto;display:block!important;max-height:85vh;max-width:85vw}
.tobi__slider__slide__content[data-type="iframe"]{max-height:85vh;max-width:85vw;overflow:hidden;overflow-y:auto;overscroll-behavior:contain}
.tobi__slider__slide__content[data-type="iframe"] iframe{display:block!important;height:85vh;width:85vw}
.tobi__slider__slide__content[data-type="youtube"]{max-height:85vh;max-width:85vw;overflow:hidden;overflow-y:auto;overscroll-behavior:contain}
.tobi__slider__slide__content[data-type="youtube"] iframe{display:block!important}
.tobi button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:.05556em solid transparent;color:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1;margin:0;opacity:.5;position:absolute;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.19,1,0.22,1);transition-timing-function:cubic-bezier(0.19,1,0.22,1);will-change:opacity,transform;padding:.22222em}
@media screen and (prefers-reduced-motion: reduce) {
.tobi button{-webkit-transition:none;transition:none;will-change:opacity}
}
.tobi button svg{pointer-events:none;stroke:#fff;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;fill:none;color:#fff}
.tobi button:active,.tobi button:focus,.tobi button:hover{opacity:1;-webkit-transform:scale(0.84);transform:scale(0.84)}
.tobi button:focus:focus{outline-color:rgba(255,255,255,0.1)}
@media screen and (prefers-reduced-motion: reduce) {
.tobi button:active,.tobi button:focus,.tobi button:hover{-webkit-transform:none;transform:none}
}
.tobi button.tobi__prev,.tobi button.tobi__next{top:50%;top:calc(50% - 2.22222em)}
.tobi button.tobi__prev svg,.tobi button.tobi__next svg{height:3.88889em;width:3.88889em}
.tobi button.tobi__prev{left:0}
.tobi button.tobi__next{right:0}
.tobi button.tobi__close{right:.27778em;top:5em}
.tobi button.tobi__close svg{height:3.33333em;width:3.33333em}
.tobi button:disabled,.tobi button[aria-hidden="true"]{display:none}
.tobi__counter{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.11111em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:1em;line-height:1;position:absolute;top:2.22222em}
.tobi__counter[aria-hidden="true"]{display:none}
.tobi-loader{display:inline-block;height:5.55556em;left:calc(50% - 2.77778em);position:absolute;top:calc(50% - 2.77778em);width:5.55556em}
.tobi-loader::before{-webkit-animation:spin 1s infinite;animation:spin 1s infinite;border-radius:100%;border:.22222em solid #949ba3;border-top-color:#fff;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}
@-webkit-keyframes spin {
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin {
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
/* OVO NOJE TOBI */
/* AKO HOĆEŠ 4 SLIKE === .figa500{float:left;display:block;width:24%;margin:0 .5%}*/
.figa500{float:left;display:block;width:32.33333333333333%;margin:0 .5%}
.figa500 img{clear:both;display:block;width:100%;height:auto;position:relative;max-width:500px;margin:0 auto}

.item-cont{overflow:hidden;display:inline-block;width:100%}
.item-cont img{width:100%}
.item-cont a{display:block;position:relative;color:#FFF;border-color:#fff;font-size:20px}
.item-cont a .item-content{position:absolute;width:100%;cursor:pointer;height:100%;text-align:center;top:0;left:0;opacity:1}
.item-cont a .item-content:before{border-top:1px solid;border-bottom:1px solid;-webkit-transform:scale(0,1);transform:scale(0,1);opacity:0}
.item-cont a .item-content:after{border-left:1px solid;border-right:1px solid;-webkit-transform:scale(1,0);transform:scale(1,0);opacity:0}
.item-cont a .item-content:before,.item-cont a .item-content:after{border-color:#fff;position:absolute;top:15px;right:15px;bottom:15px;left:15px;content:'';opacity:0;-webkit-transition:opacity 1.2s,-webkit-transform 1.2s;transition:opacity 1.2s,transform 1.2s}
.item-cont a .item-content .text-cont{width:72px;height:72px;opacity:0;position:relative;left:50%;top:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:solid 2px #fff;border-radius:50%}
.item-cont a .item-content .text-cont em{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:48px;font-weight: 400; text-align:center;color:#fff;opacity:0}
.item-cont a .item-content .text-cont em.mali{font-size:18px!important}
.item-cont a:hover .item-content .text-cont{opacity:1;transition:opacity .4s ease-in;-moz-transition:opacity .4s ease-in;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in}
.item-cont a:hover .item-content .text-cont em{opacity:1;transition:opacity 1.5s ease-in;-moz-transition:opacity 1.5s ease-in;-webkit-transition:opacity 1.5s ease-in;-o-transition:opacity 1.5s ease-in}
.item-cont a .item-content .align-content{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.item-cont a .figa{position:relative;width:100%;height:100%;-webkit-transition:-webkit-transform .8s;transition:transform .8s;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
.item-cont a .figa:after{position:absolute;width:100%;height:100%;left:0;top:0;content:"";background-color:rgba(5,28,97,0.6);opacity:0}
.item-cont a .figa img{max-width:100%;height:auto;display:block}
.item-cont a:hover .figa{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.item-cont a:hover .figa:after{opacity:1}
.item-cont a:hover .item-content{opacity:1}
.item-cont a:hover .item-content:before,.item-cont a:hover .item-content:after{border-color:#fff}
.item-cont a:hover .item-content:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.item-cont a:hover .item-content:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}

@media all and (max-width: 1500px) {
.figa500{width:32.333333333333%}
}
@media only screen and (max-width:1280px) {
.item-cont a .item-content .text-cont p{font-size:.9em}
}
@media all and (max-width: 1024px) {
.figa500{width:49%}
.item-cont a .item-content .text-cont p{font-size:1em}
.tobi__slider__slide__content > figure > figcaption{font-size:10px;}	
}
@media all and (max-width: 600px) {
.figa500{float:none;margin:0;width:100%}
.tobi__slider__slide__content > figure > figcaption{font-size:9px;}	
}
@media only screen and (max-width:380px) {
.item-cont a .item-content .text-cont p{font-size:.9em}
}