H1, H2, H3, H4, H5, H6, H1 A, H2 A, H3 A, H4 A, H5 A, H6 A{color:#000;font-weight:900;line-height:1.2;}

IMG{border:0}


BLOCKQUOTE{color:#00d;font-size: 16px;border:0;margin:0;padding:0;}

.IN_SumTitle,.IN_SumTitle a,.IN_SumTitle a:visited{font-size:14px;font-weight:700;color:#000;text-align:left;margin-bottom:10px}
.IN_SumText{font-size:12px;color:#555;text-align:left;line-height:140%}
.IN_SumText IMG{border:0;float:left;margin-right:8px}
.IN_SumTheme,.IN_SumDate,.IN_SumAuthor{font-size:90%;font-weight:400;color:#999;line-height:100%;margin:10px 0;}


/*{font-family:Arial,sans-serif}*/
body{/*font-size:16px;*/color:#444;background-color:#fff;margin:0;margin:0;font-family: 'Raleway', sans-serif;letter-spacing: 0px;}
td{font-size:16px;background-color:#FFF}
a{color:#ec4242;text-decoration:none}
a:hover{color:#000;text-decoration:none}
hr{border:0;color:#ec4242;background-color:#ec4242;height:1px}
/*
h1{color:#000;font-size:36px;font-weight:800;padding:0}
h2{font-size:24px;font-weight:700;color:#000;line-height:120%}
h4{font-size:16px;font-weight:700;color:#000;line-height:120%}
h2 a{color:#000}
*/
.box{background-repeat:repeat-x;background-position:top left;font-size:16px;font-weight:300;background-color:#eee;color:#000;border:0;background-image:none;padding:8px}
.box a{color:#333}
.box ul{font-size:11px;margin-left:15px;padding:0}
div#slike{text-align:center}
div#slike img{border:#ddd solid 1px;margin:5px 15px;padding:6px}

form input:focus{background-image:url();background-color:#ffd;border-color:#1bb0df}
.marketingBanner{border:#ccc solid 1px;background-image:url(/images/bg-box.png);background-repeat:repeat-x}
div#iePhoto .thumb{float:left;width:140px;border:#ddd solid 1px;text-align:center;margin:4px;padding:3px}
.son,.soff,.sclick{border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;padding:2px 4px 1px}
.son,.soff:hover{background-color:#777;color:#fff}
.soff{background-color:#ccc;color:#000}
.sclick{background-color:#fff;color:#000}
/*
h3{font-size:18px;font-weight:300;margin:10px 0 0;}
*/
.zuto{background-color:#ffd111;color:#a20f0f;padding:8px}
.crveno{background-color:#a20f0f;color:#fff;padding:8px}
.plavo{background-color:#3b5998;color:#fff;padding:8px}
.sivo{background-color:#eee;color:#000;padding:8px}
.graytext{color:#999}
.xxl H2{font-size:22px;font-weight:800;margin-bottom:5px;line-height:18px}
.xxl IMG{/*width:300px;height:200px;*/margin-right:30px;margin-bottom:10px}
.xxl{font-size:15px;font-weight:400}
.xl H2{font-size:18px;/*font-weight:800;*/margin-bottom:3px;line-height:120%}
/*.xl IMG{width:125px;height:83px;margin-right:12px;margin-bottom:50px}*/
.xl{font-size:14px;font-weight:400;/*height:114px;overflow:hidden;*/margin-bottom:15px;line-height:130%}
.xl .gray{margin-bottom:3px;line-height:100%}
.l{font-size:14px;font-weight:400;float:left;width:200px;clear:none;margin-right:20px;height:362px;overflow:hidden;margin-top:10px}
.l H4{font-size:16px;font-weight:600;margin-bottom:5px}
.l IMG{margin-bottom:10px;width:200px;height:133px;margin-right:0}
.l .IN_SumTheme,.l .IN_SumAuthor{font-weight:600}
.IN_SumDate{float:right}
.IN_SumBox{margin-top:0;margin-bottom:15px}
.kategorija{border:2px solid #000;color:#000;text-transform:uppercase;font-weight:bold;font-size:12px;padding:5px;background-color:#fff;}
.kategorija a{color:#000}
.kategorija:hover{color:#000;background-color:#ffd111;}
.IN_SumBox A,.IN_SumBox A:hover,.IN_SumBox A:active{text-decoration:none;color:#555}
/*.IN_ArticleText{font-size:14px;font-weight:400}*/
#vidijos{clear:left;text-align:center;border:#eee solid 1px;margin:30px 0}
#vidijos:hover{cursor:pointer;border:#ccc solid 1px}


.IN_ArticleShare{font-size:2em;}
.IN_ArticleShare .facebook{fill:#4267B2}
.IN_ArticleShare .twitter{fill:#1DA1F2}
.IN_ArticleShare .viber{fill:#7360f2}
.IN_ArticleShare .whatsapp{fill:#25D366}
.IN_ArticleShare .linkedin{fill:#2867B2}
.IN_ArticleShare .printer{fill:#3F51B5}
.IN_ArticleShare .envelope{fill:#3F51B5}

.xxl .gray,.l .gray{margin-bottom:5px}
.l .IN_SumSazetak,.menu li:hover ul{display:block}



.billboard IMG,.billboard IFRAME{width:100%;max-width:970px;height:auto}
/*.IN_ArticleText{font-size:16px}*/
div.banner728 IMG,div.banner728 OBJECT{width:100%;max-width:728px;height:auto}
div.banner970 IMG,div.banner1180 OBJECT,div.banner1180 IFRAME{width:100%;max-width:970px;height:auto}
div.banner300 IMG,div.banner300 OBJECT{width:100%;max-width:300px;height:auto}
.fb-like > span{margin-bottom:4px}
/*.container{max-width:1000px}*/
.navbar-inverse{background-color:#000}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{background-color:#A20F0F}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#A20F0F}
.dropdown-menu{background-color:#000}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-color:#a20f0f}
.navbar-inverse{background-image:none}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-image:none}
.navbar-inverse{border-color:#080808}
.navbar-inverse .navbar-brand{color:#FFF}
.navbar-inverse .navbar-brand:hover{color:#FFF}
.navbar-inverse .navbar-nav>li>a{color:#FFF}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#FFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#FFF}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#FFF}
.dropdown-menu>li>a{color:#FFF}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#FFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret{border-top-color:#999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret{border-top-color:#FFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret{border-bottom-color:#999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret{border-bottom-color:#FFF}

/*
.lazyload{opacity:0;}
.lazyloaded{opacity:1;transition:all 1s;}
.lazy{transition: all 1s;}
*/






.IN_ArticleText IFRAME{width:100%;max-width:850px;margin:10px 0;}
.IN_ArticleText IMG{max-width:100%;}

/*

.ratio-16x9 {
    padding-bottom: 56.25%;
}

.ratio {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.ratio>iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
*/
/*---------------- 2023 -----------------*/

/* navbar */
.navbar{background-color:#ffd111;margin-bottom:30px;}
.navbar-brand IMG{max-height:60px;/*margin:0 0 10px 0*/}
@media (min-width: 979px) {.navbar-brand IMG{margin: 10px 0}}
/* items */
.navbar-collapse{flex-grow: 0;}

.nav-item{padding:10px 10px;color:black;font-weight:bold;font-size:18px;letter-spacing:-0.5px;/*text-transform: uppercase;*/}
.nav-item a{color:black;}
.nav-item:hover>a{color:#a20f0f;text-decoration:none}

#searchIcon{color:black}
#searchIcon:hover{color:#a20f0f}
/* dropdown */
.dropdown-toggle.show{color:#a20f0f}
.dropdown-menu{background-color:white;}
.dropdown-menu li a{font-size:16px;font-weight:bold;color:#000;}
.dropdown-menu li a:hover{color:#000;background-color:#ffd111;transition:all 400ms;}





                            
.navbar-toggler-icon{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.open .navbar-toggler-icon{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 22 22' fill='rgba(255,255,255,0.55)'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E");}
.navbar-toggler:focus{box-shadow:none}
/* menu hover open */
@media (min-width: 979px) {ul li.dropdown:hover > ul.dropdown-menu {display: block;}}
/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    .navbar ul.navbar-nav>li.nav-item {padding: 6px 20px;}
    .dropdown-menu{border:0}
}



/* BURGER
-------------------------------------------------- */
#burger, #burger .open{border: 0;background-color: transparent;margin:8px 8px 0px 8px}
#burger:focus{border:0!important;box-shadow: none;}
#burger {
	width: 30px;height: 35px;position: relative;/*margin: 50px auto;*/cursor: pointer;
	-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
#burger span {
	display: block;position: absolute;height: 2px;width: 50%;background: black;opacity: 1;
	-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#burger span:nth-child(even) {left: 50%;border-radius: 0 9px 9px 0;}
#burger span:nth-child(odd) {left:0px;border-radius: 9px 0 0 9px;}
#burger span:nth-child(1), #burger span:nth-child(2) {top: 0px; }
#burger span:nth-child(3), #burger span:nth-child(4) {top: 10px;}
#burger span:nth-child(5), #burger span:nth-child(6) {top: 20px;}
#burger.open span:nth-child(1),#burger.open span:nth-child(6) {
	-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#burger.open span:nth-child(2),#burger.open span:nth-child(5) {
	-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#burger.open span:nth-child(1) {left: 0px;top: 9px;}
#burger.open span:nth-child(2) {left: calc(50% - 5px);top: 9px;}
#burger.open span:nth-child(3) {left: -50%;opacity: 0;}
#burger.open span:nth-child(4) {left: 100%;opacity: 0;}
#burger.open span:nth-child(5) {left: 0px;top: 19px;}
#burger.open span:nth-child(6) {left: calc(50% - 5px);top: 19px;}

#cookieLaw{position:fixed;z-index:1050;background-color:rgba(0,0,0,0.9);border:0;bottom:0;padding:30px;color:#ccc;display:none;font-size:15px;width:100%;}
#cookieLaw a{color:#fff;text-decoration:underline;}
#cookieLaw .btn{text-decoration:none}
#cookieLaw a:hover{color:#fff;}
#cookieLaw SVG{height:1.5em;width:1.5em;fill:#fff}

.ieNadnaslov{background-color: rgba(0,0,0,.5);color:#fff;position:absolute;bottom:0px;height:fit-content;top:auto;padding: 3px 10px;font-weight: bold;}




.lazyload{opacity:0;}
	.lazyloaded{opacity:1;transition:all 1s;}
	.lazywrapper{padding-top:56.25%;height:0;position:relative;}					/* fiksni omjer slike 56.25% -> 16:9 */
	.lazywrapper>DIV{position:absolute;top:0;bottom:0;overflow:hidden;}
	.lazywrapper DIV img{transition:all 2s ease;}
	.lazywrapper DIV:hover img{transform:scale(1.05);}
    .lazywrapper48{padding-top:17.5%}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {		/* IE only */
	.lazywrapper{overflow:hidden;}
	img.lazyload{max-width:79%;}
	img.lazyloaded{max-width:79%;}
}


.pagination span.page-link{background-color:#a20f0f;border-color:#a20f0f;}
.pagination a.page-link{color:#a20f0f;color:#860b0b;}


a.tag{border-color:#ddd;border-radius:20px}
a.tag:hover{background-color:#eee}

.nadnaslov{color:#a20f0f;}
.IN_ArticleGray{color:#555;}
.IN_ArticleGray a{color:#333;}
.IN_ArticleGray .ieIcon{color:#aaa;}
.IN_ArticleText{
    font-size: clamp(1rem, calc(0.88rem + 0.47vw), 1.19rem);
    line-height: 1.5;
}