@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Droid';
    src: url('../fonts/DroidSerif-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Droid';
    src: url('../fonts/DroidSerif-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Droid';
    src: url('../fonts/DroidSerif-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Droid';
    src: url('../fonts/DroidSerif-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}



@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-LightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BlackItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}


@font-face {
    font-family: 'RobotoCondensed';
    src: url('../fonts/RobotoCondensed-Light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoCondensed';
    src: url('../fonts/RobotoCondensed-LightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'RobotoCondensed';
    src: url('../fonts/RobotoCondensed-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoCondensed';
    src: url('../fonts/RobotoCondensed-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'RobotoCondensed';
    src: url('../fonts/RobotoCondensed-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoCondensed';
    src: url('../fonts/RobotoCondensed-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}



@font-face {
font-family: 'Icomoon';
src: url('../fonts/icomoon7.eot');
src: url('../fonts/icomoon7.eot?#iefix') format('embedded-opentype'),
url('../fonts/icomoon7.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'IcomoonSocial';
src: url('../fonts/icomoon-social.woff') format('woff');
font-weight: normal;
font-style: normal;
}


[class*="icon"],
.readmore_news a::before,
.readmore_news a::after,
.blog_section::before,
.filter_label::after,
.related_article::after,
.povezani_clanak::after,
.slidizle-next,
.slidizle-previous,
#filterswitch a::after,
a.doclink::before,
a.povezani_dokument::before,
a.pagelink::before,
a.internetska_poveznica::before,
.buttoncontainer span,
.info_msg .info_icon::before {
font-family: 'Icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.ap_social a::before,
.top_right a::before {
font-family: 'IcomoonSocial' !important;
}



html {
height: 100%;
box-sizing: border-box;
}

*, *:before, *:after {
box-sizing: inherit;
}


body {
min-height: 100vh;
margin: 0;
padding: 0;
font-family: 'Droid', serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
color: #000;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
background-color: #ccc;
}

.wrapper {
max-width: 1920px;
margin: 0 auto;
min-height: 100vh;
display: flex;
flex-direction: column;
}



/*** standard elements ***/

img {
display: block;
border: none;
}

a {
color: #FF6600;
text-decoration: none;
outline: none;
}
a:hover {
/*color: #D71921;*/
color: #295BA5;
}

/*** end standard elements ***/

header {
flex-shrink: 0;
display: flex;
flex-flow: row nowrap;
background-color: #fff;
}
.top_left,
.top_right {
flex: 1 1 auto;
justify-content: space-between;
align-items: center;
padding: 20px;
}
.logo {
float: left;
height: 40px;
}
.top_right {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 15px;
}
.epp {
height: 40px;
}


/*.clearfloats::after,
.ap_social::after*/
.clearfix::after {
content: "";
display: block;
clear: both;
}

.top_right a {
color: #295BA5;
/*float: right;
margin-left: 15px;*/
}
.top_right a:hover {
color: #FF6600;
}

.top_right a::before {
font-size: 36px;
line-height: 40px;
}

a.tw::before {
content: "\e900";
}
a.fb::before {
content: "\e903";
}
a.yt::before {
content: "\e902";
}
a.in::before {
content: "\e904";
}
a.web::before {
content: "\e932";
}
a.info::before {
content: "\e913";
}
a.tik::before {
content: "\e901";
}





.top_ribbon {
flex-shrink: 0;
display: grid;
grid-template-columns: 60px 1fr;
border-top: 1px solid #E4E4E4;
background-color: #fff;
/*border-bottom: 1px solid #E4E4E4;*/
gap: 1px;
}

.clearfloats {
height: 100%;
}
/*.top_ribbon a:hover {
outline: none;
box-shadow: none;
background: transparent;
}*/
a.menu, a.search {
display: block;
height: 60px;
padding: 15px 20px;
line-height: 30px;
color: #295BA5;
border: none;
/*border-right: 1px solid #fff;*/
background-color: #E4E4E4;
/*transition: all .25s ease-out;*/
} 
a#searchswitch {
height: 100%;
border-bottom: 1px solid #fff;
}
a.menu {
display: none;
}
a.menu:hover, a.search.hover {
color: #FF6600;
} 

a.search::before {
content: "\f002";
display: block;
font-size: 20px;
}

a.menu::before {
content: "\e918";
font-size: 30px;
/*float: left;*/
}
a.menu:hover::before,
a.search:hover::before {
color: #FF6600;
}

a.search.close,
a.menu.close {
color: #FF6600;
}

#search {
display: none;
flex-shrink: 0;
padding: 20px;
background-color: #fff;
}
.article_page #search {
border-bottom: 1px solid #ccc;
}
.search_results #search {
background-color: #eee;
}



#search .inputbox {
float: left;
width: 360px;
height: 50px;
margin: 0;
padding: 5px 10px;
font-family: 'Roboto';
font-size: 1em;
font-weight: 400;
line-height: 50px;
color: #999;
background-color: #fff;
border: 1px solid #295BA5;
border-right: none;
}
#search .inputbox:focus {
color: #000;
outline: none;
}
#search .serchbutton {
float: left;
width: 90px;
height: 50px;
font-family: 'Roboto';
font-size: 14px;
font-weight: 700;
line-height: 50px;
text-transform: uppercase;
color: #fff;
background-color: #295BA5;
border: none;
cursor: pointer;
}
#search .serchbutton:hover {
background-color: #FF6600;
}





#navmain {
/*width: 100%;*/
display: flex;
flex-flow: row wrap;
gap: 1px;
background-color: #e4e4e4;
font-family: 'RobotoCondensed';
font-size: 18px;
font-weight: 400;
line-height: 30px;
text-transform: uppercase;
white-space: nowrap;
}

nav a {
display: block;
/*height: 60px;
float: left;*/
padding: 15px 20px;
color: #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
background-color: #e4e4e4;
transition: all .25s ease-out;
}
#navmain a:hover {
color: #FF6600;
outline: none;
min-height: 60px;
}
nav a.current {
color: #FF6600;
/*font-weight: 700;*/
}
nav a.vazno {
color: #fff;
background-color: #FF6600;
}
nav#navmain a.vazno:hover {
color: #fff;
background-color: #295BA5;
}
nav a.vazno.current,
nav#navmain a.vazno.current:hover {
color: #FF6600;
background-color: transparent;
}




.mobile_section {
display: none;
float: right;
padding: 0 20px;
font-family: 'RobotoCondensed';
font-size: 18px;
font-weight: 400;
line-height: 60px;
text-transform: uppercase;
text-align: right;
color: #FF6600;
max-width: 240px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}



/*.message {
font-family: 'Roboto';
font-weight: 500;
color: #fff;
padding: 20px;
background-color: #295BA5;
}
.message a {
color: #FBE309;
}
.message a:hover {
color: #0CF;
}*/
.message {
position: relative;
background-color: #fff;
}
.badge {
position: absolute;
top: 10px;
right: 0;
width: 240px;
z-index: 99;
}
#slideshow {
position: relative;
width: 100%;
padding-top: 46.875%;
}
#slideshow > div { 
position: absolute; 
width: 100%;
top: 0; 
right: 0; 
}
.badge img,
#slideshow img {
display: block;
width: 100%;
/*margin-bottom: 10px;*/
box-shadow: 0 4px 4px rgba(0,0,0,0.35);
}

#badge1 img {
margin-bottom: 10px;
}


.mast {
flex-shrink: 0;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-content: center;
padding: 20px;
background-color: #eee;
}
.mast .item {
flex: 1 1 auto;
min-width: 320px;
max-width: 1065px;
}
.mast .item_image {
position: relative;
}

.mast img {
width: 100%;
height: auto;
}

.mast .item_title {
position: absolute;
width: 78%;
left:20px;
bottom: 20px;
font-size: calc(12px + .75vw);
line-height: 1.4;
color: #000;
padding: 10px 10px 14px;
margin-right: 20px;
background-color: rgba(255, 255, 255, 0.9);
}
.item_caption {
padding: 5px 20px 15px;
color: #fff;
background-color: #394553;
}
/*.item_caption a:hover {
color: #fff;
}*/

.item_caption p {
margin: 10px 0 0;
}
.item_title a {
color: #000;
}
.item_title a:hover {
color: #295BA5;
}

main {
display: block;
flex: 1;
background-color: #fff;
}
.home main,
.blog_page main {
background-color: #394553;
}

/*** blog ***/

.blog {
display: flex;
flex-flow: row wrap;
align-items: stretch;
color: #fff;
border-left: 1px solid #57616A;
border-right: 1px solid #57616A;
}

.blog_section {
background-color: #57616A;
}
.blog_section h3 {
margin: 0;
padding: 20px;
font-family: 'RobotoCondensed';
font-size: 30px;
line-height: 1;
font-weight: 200;
color: #fff;
text-transform: uppercase;
}
.blog_section::before {
display: block;
float: left;
width: 70px;
height: 70px;
text-align: center;
font-size: 26px;
line-height: 70px;
color: #fff;
background-color: #CB2229;
margin-right: 20px;
}

.blog_section.latest::before {
content: "\e928";
}
.blog_section.featured::before {
content: "\e937";
}
.blog_section.parliament::before {
content: "\e930";
}
.blog_section.global::before {
content: "\e9c9";
}
.blog_section.domestic::before {
content: "\e927";
}
.blog_section.croats::before {
content: "\e87a";
font-size: 30px;
}



/*** blog nav ***/

#filterswitch {
display: none;
}


.blog_filter {
padding: 14px 20px 24px 120px;
font-family: 'RobotoCondensed';
font-size: 14px;
line-height: 14px;
color: #fff;
text-transform: uppercase;
background-color: #57616A;
}
/*.blog_page .blog_filter {
padding: 14px 20px 24px 156px;
}*/

.blog_filter a {
display: inline-block;
margin: 10px 10px 0 0;
padding: 10px 14px;
color: #fff;
white-space: nowrap;
background-color: #687680;
border-radius: 3px;
transition: all .25s ease-out;
}
.blog_filter a:hover {
color: #FF6600;
background-color: #394553;
}
.blog_filter a.current {
color: #fff;
background-color: #394553;
}

.filter_label {
display: inline-block;
width: 100px;
height: 100%;
margin-left: -100px;
padding: 20px 0 10px 0;
color: #B4BAC0;
white-space: nowrap;
}
/*.blog_page .filter_label {
width: 136px;
margin-left: -136px;
}*/
.filter_label::after {
content: "\e90e";
vertical-align: bottom;
padding-left: 4px;
}

/*** end blog nav ***/


.blog .item {
position: relative;
flex: 1 1 25%;
min-width: 318px;
max-width: 25%;
padding: 38px 20px 20px;
border: 1px solid #57616A;
}
.blog img {
width: 100%;
height: auto;
}

.blog h2 {
font-family: 'RobotoCondensed';
font-size: 1.25em;
font-weight: 700;
line-height: 140%;
margin: 1em 0;
}
.blog h2 a {
color: #fff;
transition: color .25s ease-out;
}
.blog h2 a:hover {
color: #00CCFF;
}


.blog .date {
font-family: 'Roboto';
font-size: 0.813em; /*13px size*/
line-height: 1;
}
.blog .lining {
padding: 20px;
text-align: center;
}
.blog .lining p.left {
text-align: left;
}

.rightalign .blog .lining {
text-align: left;
}

/*** contact blogs ***/

.about_page .blog_section {
background-color: #394553;
}

.blog_section.contact h3 {
margin: 0;
padding: 20px;
}

.blog.cols_3 {
display: flex;
flex-flow: row wrap;
align-items: stretch;
color: #000;
border: 1px solid #fff;
}

.blog.cols_3 .item {
position: relative;
flex: 1 1 33.33%;
max-width: 33.33%;
padding: 20px;
background-color: #f4f4f4;
border: 1px solid #fff;
}

.blog.cols_4 {
display: flex;
flex-flow: row wrap;
align-items: stretch;
color: #000;
border: 1px solid #fff;
}

.blog.cols_4 .item {
position: relative;
flex: 1 1 25%;
max-width: 25%;
padding: 0;
background-color: #f4f4f4;
border: 1px solid #fff;
}

.blog.cols_4.padded .item {
padding: 20px;
}


.blog .item h3 {
font-family: 'RobotoCondensed';
font-size: 1.25em;
font-weight: 700;
line-height: 1.2;
margin: 0 0 1em;
}
.about_page .blog .item h3 {
margin: 0;
}

.contact_page .blog .item p {
margin: .5em 0;
}

.blog_image {
background-color: #E0E6EB;/*687680 */
}
.blog_image img {
width: auto;
height: 360px;
margin: 0 auto;
}



/*** end blog ***/




/*** home blog nav ***/

.readmore_news {
padding: 20px;
/*text-align: center;*/
background-color: #E4E4E4;
border-bottom: 1px solid #fff;
}
.home .readmore_news,
.blog_page .readmore_news {
border-top: 1px solid #666;
}
.nav_spacer {
height: 60px;
background-color: #fff;
}
.readmore_news .linkcontainer {
float: left;
width: 50%;
}
.readmore_news a {
font-family: 'Roboto';
font-size: 13px;
line-height: 20px;
font-weight: 500;
text-transform: uppercase;
white-space: nowrap;
color: #fff;
background-color: #FF6600;
border-radius: 4px;
transition: all .25s ease-out;
}
.readmore_news a:hover {
color: #000;
background-color: #fff;
}
.readmore_news .linkcontainer:nth-of-type(1) a {
float: left;
margin-right: 15px;
padding: 5px 10px 5px 5px;
}
.readmore_news .linkcontainer:nth-of-type(1) a:before {
content: "\e5c4";
display: inline-block;
vertical-align: bottom;
font-size: 20px;
margin-right: 5px;
}
.readmore_news .linkcontainer:nth-of-type(2) a {
float: right;
margin-left: 15px;
padding: 5px 5px 5px 10px;
}
.readmore_news .linkcontainer:nth-of-type(2) a:after {
content: "\e5c8";
display: inline-block;
vertical-align: bottom;
font-size: 20px;
margin-left: 5px;
}


.readmore_news .linkcontainer.inactive a {
color: #999;
background-color: #ccc;
}



/*** end home blog nav ***/







/*** blog pagination ***/

.pagination {
font-family: "Roboto";
padding: 30px 20px;
background-color: #E4E4E4;
border-bottom: 1px solid #fff;
}
.pagination ul {
list-style: none;
margin: 0;
padding: 0;
}
.pagination ul li {
display: block;
float: left;
margin: 2px;
}
.pagination a {
display: block;
float: left;
width: 40px;
height: 40px;
font-size: 15px;
line-height: 40px;
font-weight: 500;
text-align: center;
color: #fff;
background-color: #394553;
border-radius: 20px;
transition: all .25s ease-out;
}
.pagination a:hover {
background-color: #ff6600;
}
.pagination li.active a,
.pagination li.disabled a {
background-color: #999;

}
.pagination li.start a::before,
.pagination li.end a::before {
content: "\e925";
font-size: 20px;
}
.pagination li.prev a::before {
content: "\e5c4";
font-size: 24px;
}
.pagination li.next a::before {
content: "\e5c8";
font-size: 24px;
}



/**** end pagination ****/


.ap_social {
margin: 1em 0 0;
display: flex;
flex-flow: row wrap;
gap: 10px;
}
.ap_social a {
font-size: 36px;
line-height: 1;
color: #295BA5;
}
.ap_social a:hover {
color: #FF6600;
}

.ap_social a.info::before,
.ap_social a.web::before,
.top_right::before {
font-family: 'Icomoon' !important;
}

/*.ap_social a.tt {
display: flex;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
border-radius: 18px;
background: #295BA5;
}
.ap_social a.tt:hover {
background: #FF6600;
}

.ap_social a.tt img {
display: block;
height: 17px;
margin: -1px auto 0;
}*/



.pre_content {
padding: 20px;
font-family: 'Roboto';
line-height: normal;
background-color: #F4F4F4;
}
ul.plain_list {
padding-left: 1em;
margin: 0;
}
ul.plain_list li {
margin-top: .5em;
}
ol.spaced_list li {
margin-top: 1em;
}

.search_results ul {
padding-left: 1em;
margin: 0;
}
.search_results ul li {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.search_results ul li span {
display: block;
margin: .5em 0;
font-size: .9em;
}
.serch_term {
padding: 10px 20px;
background-color: #eee;
margin-bottom: 2em;
font-family: 'Roboto';
}
.serch_term b {
font-weight: 500;
}

.search_results h1 {
font-family: 'RobotoCondensed';
font-size: 2em;
font-weight: 400;
line-height: 1.3;
margin: 0;
}


.search_results .article_head {
margin: 0;
padding: 20px;
border-bottom: 1px dotted #255296;
background-color: #fff;
}







aside.bottom_content {
flex-shrink: 0;
display: flex;
flex-flow: row wrap;
align-items: stretch;
background-color: #eee;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

aside.bottom_content div {
flex: 1 1 25%;
min-width: 318px;
max-width: 25%;
padding: 30px 20px;
border: 1px solid #fff;
}
aside.bottom_content h2 {
font-family: 'RobotoCondensed';
font-size: 1.25em;
font-weight: 700;
line-height: 1.2em;
/*color: #295BA5;*/
margin: 0 0 1em 0;
}
aside.bottom_content img {
width: 100%;
}



footer {
flex-shrink: 0;
padding: 40px 20px;
font-family: 'Roboto';
font-size: 13px;
line-height: 140%;
background-color: #fff;
}






/*** article page ***/

.article_wrap {
margin: 0 auto;
padding: 40px 20px 60px;
max-width: 840px;
}

article {
display: block;
}

.article_head {
margin-bottom: 2em;
border-bottom: 1px dotted #255296;
}
.nointro .article_head {
margin-bottom: 2.5em;
border: none;
}

.category_page .article_head {
margin-bottom: 0;
border-bottom: none;
}
article .date {
font-family: 'Roboto';
font-size: .875em; /*14px size */
line-height: 1;
}
article h1 {
font-family: 'RobotoCondensed';
font-size: 2em;
font-weight: 400;
line-height: 1.3;
margin: .5em 0 1em;
}
article h2 {
font-family: 'RobotoCondensed';
font-size: 1.5em;
font-weight: 400;
line-height: 1.3;
margin: 1.5em 0 1em;
padding-bottom: .5em;
border-bottom: 1px dotted #255296;
}
article h3 {
font-family: 'RobotoCondensed';
font-size: 1.25em;
font-weight: 400;
line-height: 1.3;
margin: 1.5em 0 1em;
}
article h4 {
font-family: 'RobotoCondensed';
font-size: 1.25em;
font-weight: 400;
line-height: 1.3;
margin: 1.5em 0 .5em;
}
.zerotop p {
margin-top: 0;
}

.news_page article h1 {
margin: 1em 0;
}


.lead {
font-size: 1.125em; /* 18px size */
margin-bottom: 2em;
line-height: 160%;
}
.squeeze,
.slika_u_tekstu {
margin: 2em 0;
background-color: #f4f4f4;
}
.squeeze img,
.slika_u_tekstu img {
width: 100%;
max-width: 510px;
margin: 0 auto;
}
.expand img {
width: 100%;
}
.image_caption {
margin-top: 0;
}


a.doclink,
a.povezani_dokument,
a.pagelink,
a.internetska_poveznica {
line-height: 1;
}
a.doclink::before,
a.povezani_dokument::before,
a.pagelink::before,
a.internetska_poveznica::before {
display: inline-block;
line-height: 1;
margin-right: 5px;
vertical-align: middle;
font-size: 26px;
color: #295BA5;
}
/*a.doclink:hover::before,
a.pagelink:hover:before {
color: #ff6600;
}*/

a.doclink::before,
a.povezani_dokument::before {
content: "\e02f";
/*margin-left: -31px;*/
}
a.pagelink::before,
a.internetska_poveznica::before {
content: "\e936";
}
a.doclink:focus ,
a.povezani_dokument:focus {
background-color: #eee;
}
a.doclink,
a.povezani_dokument {
color: #000;
}
a.doclink:hover,
a.povezani_dokument:hover {
color: #ff6600;
}

/*p.doclink_indent {
padding-left: 31px;
}*/

.new {
font-weight: 700;
color: #0066FF;
font-variant: small-caps;
text-transform: lowercase;
}


/*** slider ***/

.gallery {
margin: 2em 0;
padding: 19px;
border: 1px solid #ccc;
}
.slider ul {
list-style: none;
margin: 0;
padding: 0;
}

.slider {
position: relative;
width: 100%;
height: 0;
padding-bottom: 46.949%;
text-align: center;
}


.slidizle {
position: relative;
overflow: hidden;
}

.slidizle-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #eee;
}
.animated .slidizle-content > .active ~ .slidizle-slide {
transform: translateX(100%);
}

.animated .slidizle-slide {
transform: translateX(-100%);
transition: transform 0.2s ease-in-out 0s;
display: block !important;
}

.animated .slidizle-slide.active {
transform: translateX(0);
z-index: 2;
}

.slidizle-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
display: none;
}

.slidizle-slide.active {
display: block;
}

.slider-item img {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}

.slidizle-next,
.slidizle-previous {
cursor: pointer;
color: #fff;
font-size: 40px;
line-height: 40px;
position: absolute;
top: 50%;
z-index: 30;
transform: translateY(-50%);
transition: color .25s ease-out;
text-shadow: 2px 2px 6px rgba(0, 0, 0, .9);
}
/*.slidizle-next:hover,
.slidizle-previous:hover {
color: #FF6600;
}*/

.slidizle-next.disabled,
.slidizle-previous.disabled {
color: #999;
cursor: default;
}

.slidizle-next {
right: 0;
}

.slidizle-previous {
left: 0;
}

/*** end slider ***/



.mast .video {
margin: 0 auto;
background-color: #fff;
border: 2px solid #fff;
Width: 100%;
min-width: 320px;
max-width: 1065px;
}

.video iframe, .video object {
display: block;
margin: auto;
}
.videoWrapper, .mapWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.video .videoWrapper iframe,
.video .videoWrapper object,
.map .mapWrapper iframe,
.map .mapWrapper object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.video_link_container {
max-width: 90%;
margin: 2.5em auto;
background-color: #333;
border-radius: 4px;
}
.video_link_container a {
color: #999;
display: flex;
flex-flow: row nowrap;
align-items: center;
padding: 15px 0;
}
.video_icon {
flex: 0 0 40px;
font-size: 40px;
padding: 15px 10px;
}
.video_link_container a:hover {
color: #fff;
}
.video_thumb {
flex: 1 1 60%;
}
.video_thumb img {
width: 100%;
}
.video_link_container a .video_title {
flex: 1 1 40%;
padding: 0 20px;
font-family: 'RobotoCondensed';
font-size: 1.125em;
line-height: 1.25;
color: #fff;
}



#service-links {
margin-top: 4em;
padding-top: 20px;
border-top: 1px dotted #255296;
}
.service-links ul {
list-style: none;
margin: 0;
padding: 0;
}
.service-links ul li {
float: left;
margin-right: 10px;
}





.related_article,
.povezani_clanak {
width: 90%;
margin: 2em auto;
display: flex;
flex-flow: row nowrap;
position: relative;
}
.related_article a,
.povezani_clanak a {
display: block;
width: 100%;
padding: 16px 16px 19px 52px;
font-family: 'Roboto';
font-size: 15px;
color: #295BA5;
background-color: #EEF1F7;
border-radius: 4px;
}
.related_article a:hover,
.povezani_clanak a:hover {
color: #FF6600;
}
.related_article::after,
.povezani_clanak::after {
display: block;
position:absolute;
padding-top: 4px;
top: 12px;
left: 10px;
width: 30px;
height: 30px;
content: "\e936";
font-size: 18px;
line-height: 20px;
text-align: center;
color: #fff;
background-color: #295BA5;
border-radius: 15px;
}












table.general {
margin: 2em 0;
width: 100%;
padding: 0;
font-family: 'Roboto';
font-size: .875em; /*14px size */
line-height: 1;
border-collapse: collapse;
border: 1px solid #ccc;
}
table.general td {
padding: 10px;
vertical-align: top;
border: 1px solid #ccc;
}
table.general th {
padding: 10px;
vertical-align: top;
font-weight: 700;
text-align: left;
border: 1px solid #ccc;
}

.table_scroller {
overflow-x: auto;
}


.logos {
display: flex;
flex-flow: row nowrap;
margin-bottom: 2em;
}
.epplogo {
flex: 1 1 50%;
max-width: 250px;
}

.epplogo img {
margin-bottom: 10px;;
}


/*** font resize ***/

.font-resizer {
display: none;
width: 164px;
position: fixed;
left: 10px;
bottom: 10px;
z-index: 200;
}
.font-resizer a {
display: block;
width: 36px;
height: 36px;
float: left;
margin-right: 16px;
font-family: 'Roboto';
line-height: 34px;
font-weight: 700;
text-align: center;
color: #000;
background-color: #fff;
border: 1px solid #ff6600;
}
.font-resizer a:hover,
.font-resizer a:focus {
color: #fff;
background-color: #ff6600;
}
.js-font-decrease {
font-size: 12px;
}
.js-font-normal {
font-size: 16px;
}
.js-font-increase {
font-size: 20px;
}

/*** end font resize ***/





/*** to top ***/

.fixed {
display: none;
position: fixed;
width: 36px;
/*height: 36px;*/
bottom: 10px;
right: 10px;
z-index: 200;
}
a#to_top {
display: block;
font-size: 16px;
line-height: 34px;
transition: color .25s ease-out;
text-align: center;
color: #fff;
background-color: #FF6600;
border: 1px solid #fff;
}
a#to_top::before {
content: "\e969";
}
a#to_top:hover {
background-color: #295BA5;
}

/*** end to top ***/






/*** formular ***/

.form_page form {
display: inline;
font-family: "Roboto", sans-serif;
font-size: 15px;
}
.mandatory {
margin: 0 10px;
}

.form_page .article_wrap h3 {
font-size: 18px;
font-weight: 500;
padding-bottom: .25em;
margin: 40px 10px 20px;
border-bottom: 1px dotted #000;
}
/*.form_page h3:nth-of-type(1) {
margin-top: 0;
}*/

.flex-container {
display: flex;
flex-flow: row wrap;
}
.flex-container.half .flex-item {
flex: 0 1 50%;
padding: 10px;
min-width: 195px;
}

.flex-container.third .flex-item {
flex: 0 1 33.33%;
padding: 10px;
min-width: 195px;
}

.flex-container.quart .flex-item {
flex: 0 1 25%;
padding: 10px;
min-width: 120px;
}

.radiolabels2 {
display: flex;
flex-flow: row wrap;
align-items: center;
align-content:center;
padding: 0 10px;
height: 42px;
line-height: 40px;
background-color: #EFEFEF;
border-radius: 3px;
}
.radiogroup2 {
flex: 0 1 50%;
}
.radiogroup3 {
flex: 1;
}
.radiolabels3 {
padding: 10px;
line-height: 1.5;
background-color: #EFEFEF;
border-radius: 3px;
}
.radiolabels3 label {
display: block;
}

.radiolabels input {
margin-right: 5px;
}
input, select, button {
font-family: "Roboto", sans-serif;
font-size: 15px;
}

.fieldlabel {
padding: 0;
margin-bottom: 5px;
font-weight: 500;
color: #295BA5;
}
.inputfield {
width: 100%;
line-height: 18px;
border: none;
border-radius: 3px;
background-color: #fff;
}
.inputfield:focus {
outline: none;
}
.inputwrap {
position: relative;
width: 100%;
height: 42px;
border: 1px solid #999;
border-radius: 3px;
}
.inputwrap .inner {
padding: 9px 10px 11px;
}
.my_combo {
width: 100%;
height: 42px;
margin: 0;
line-height: 14px;
border: 1px solid #999;
border-radius: 3px;
/*-webkit-appearance: none;*/
padding: 8px 10px;
}
/*_:-moz-tree-row(hover), .my_combo {
padding: 0;
}*/
/*.my_combo option {
padding: 8px 10px;
border-bottom: 1px solid #ccc;
}*/

.disclaimer {
margin: 40px 10px;
}

.buttoncontainer {
margin: 50px 10px 0;
}
.submit_button, .cancel_button {
/*width: 120px;*/
height: 40px;
margin-right: 10px;
padding: 0 15px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
line-height: 42px;
border: none;
border-radius: 3px;
cursor: pointer;
outline: none;
}

.submit_button span, .cancel_button span {
margin-right: 7px;
font-size: 18px;
vertical-align: bottom;
}

.submit_button {
color: #fff;
background-color: #295BA5;
}
.cancel_button {
color: #000;
background-color: #ccc;
}
.submit_button:hover {
background-color: #F60;
}
.cancel_button:hover {
color: #fff;
background-color: #444;
}

.captcha-frame {
padding: 40px 10px 0;
}
input#security_code {
margin-top: 15px;
padding: 9px 10px 11px;
border: 1px solid #00CC00;
border-radius: 3px;
}
.thankyounote {
}

.error_msg {
margin: 2em 0;
padding: 20px 20px 40px;
background: #FFD5CA;
}

.info_msg {
max-width: 680px;
margin: 4em auto;
padding: 20px 30px 40px;
background: #E1EDF7;
font: 400 1.25em Roboto;
text-align: center;
}
.info_msg p {
margin: 0;
}
.info_msg .info_icon {
display: block;
text-align: center;
margin-bottom: 15px;
}
.info_msg .info_icon::before {
content: "\e913";
font-size: 40px;
line-height: 1;
color: #295BA5;
}


/*** end formular ***/



/*** album ***/

.album {
display: grid;
gap: 2px 2px;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
margin-top: 2em;
}

.album .item {
padding: 15px;
background-color: #f4f4f4;
}

.album .item img {
width: 100%;
background-color: #fff;
}
article .album .item h3 {
font-size: 1em;
text-align: center;
margin: 1em 0;
}



/*** end album ***/





/****** media queries *******/



@media screen and (min-width: 1434px) {

nav a:last-child {
color: #fff;
background: #295ba5;
}

}



/*@media screen and (max-width: 1296px) {
}

@media screen and (max-width: 1358px) {

@media screen and (max-width: 1433px) {
*/


@media screen and (max-width: 1660px) {



.blog .item {
flex: 1 1 50%;
max-width: 50%;
}
.blog.cols_4 .item {
flex: 1 1 33.33%;
max-width: 33.33%;
}

aside.bottom_content div {
flex: 1 1 50%;
max-width: 50%;
}



.top_ribbon {
display: block;
background-color: #E4E4E4;
}
.mobile_section {
display: block;
}

a#searchswitch {
border-bottom: none;
}
/*a#navmainswitch {
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}*/


.clearfloats {
height: auto;
}
a.search, a.menu {
display: flex;
float: left;
border-right: 1px solid #fff;
/*border-bottom: 1px solid #fff;*/
width: 60px;
height: 60px;
line-height: 1;
padding: 0;
justify-content: center;
align-items: center;
}
a.menu {
padding-top: 2px;
}
a#searchswitch {
height: 60px;
}

#navmain {
display: none;
border-top: 1px solid #fff;
background-color: #295BA5;
clear: both;
}
#navmain a {
float: none;
color: #fff;
border-right: none;
border-bottom: 1px solid #4479B9;
background-color: #295BA5;
}
#navmain a:hover {
color: #fff;
background-color: #4479B9;
}

#subnav {
display: none;
border-bottom: 1px solid #57616A;
}
#filterswitch {
display: block;
}
#filterswitch a {
padding: 20px;
color: #C2C8CD;
background-color: transparent;
}
#filterswitch a::after {
content: "\e90c";
margin-left: 10px;
font-size: 24px;
line-height: 14px;
vertical-align: bottom;
}
#filterswitch a:hover::after {
color: #ff6600;
}

#filterswitch.close a::after {
content: "\e90f";
color: #ff6600;
}


.blog_filter,
.blog_page .blog_filter {
padding: 0;
font-size: 16px;
}
.blog_filter a {
display: block;
margin: 0;
padding: 15px 20px;
background-color: #687680;
white-space: initial;
border-radius: 0;
transition: none;
border-top: 1px solid #57616A;
}
.blog_filter #subnav a {
line-height: 1.25;
}
.filter_label {
display: none;
}

}



/*@media screen and (max-width: 1023px) {

.badge {
width: 160px;
}

}*/


@media screen and (max-width: 955px) {

.blog.cols_3 .item,
.blog.cols_4 .item {
flex: 1 1 50%;
max-width: 50%;
}


}



@media screen and (max-width: 740px) {

.flex-container.half .flex-item,
.flex-container.third .flex-item,
.flex-container.quart .flex-item {
flex: 0 1 100%;
padding: 10px 0;
}
.flex-container.half.persistent .flex-item {
flex: 0 1 50%;
min-width: 120px;
}

.mandatory, .buttoncontainer, .disclaimer {
margin-left: 0;
margin-right: 0;
}
.form_page .article_wrap h3 {
margin: 40px 0 20px;
}
.video_link_container a .video_title {
flex: 1 1 50%;
font-size: 1em;
}

}






@media screen and (max-width: 655px) {

.mast .item_title {
width: auto;
}
.blog .item ,
aside.bottom_content div {
flex: 1 1 100%;
max-width: 100%;
}
.blog.cols_3 .item,
.blog.cols_4 .item {
flex: 1 1 100%;
max-width: 100%;
}
article h1 {
font-size: 1.5em;
}
article h2 {
font-size: 1.375em;
}
.video_link_container,
.related_article,
.povezani_clanak {
max-width: 100%;
}

}


@media screen and (max-width: 600px) {

.mast {
padding: 0;
}
.mast .item_title {
position: static;
font-size: calc(18px + 1vw);
padding: 20px 20px 25px;
left: 0;
bottom: 0;
margin-right: 0;
}
.item_caption {
padding: 5px 20px 20px;
}
#search .inputbox {
width: 75%;
font-size: 14px;
}
#search .serchbutton {
width: 25%;
min-width: 64px;
font-size: 12px;
}

/*.squeeze,*/
.gallery {
padding: 9px;
}
.slidizle-next,
.slidizle-previous {
font-size: 30px;
line-height: 30px;
}
.video {
border: 10px solid #eee;
}

.badge {
position: static;
width: 100%;
/*margin: 0 auto;*/
border-bottom: 1px solid #fff;
}
#slideshow img {
box-shadow: none;
}

#badge img {
box-shadow: none;
margin: 0;
}
#badge1 {
display: none;
}


/*.message.fullwidth img {
max-width: none;
margin: 0 auto 5px;
}*/

}




@media screen and (max-width: 560px) {

.video_link_container a {
position: relative;
flex-flow: row wrap;
color: #fff;
padding: 15px;
}
.video_thumb {
flex: 1 0 100%;
padding: 0;
}
.video_link_container a .video_title {
flex: 1 0 100%;
padding: 20px 0 10px;
}

.video_icon {
display: block;
position: absolute;
left: 50%;
top: 25%;
transform: translateX(-50%);
padding: 0;
font-size: 60px;
opacity: .85;
}
.video_link_container a:hover .video_icon,
.video_link_container a:focus .video_icon {
opacity: 1;
color: #F60;
}

/*.logos {
flex-flow: row wrap;
}*/

.logo, .epp {
height: 28px;
}
.top_right a::before {
font-size: 30px;
line-height: 30px;
}

/*a.info::before,
a.web::before,
a.in::before,
a.tw::before,
a.fb::before,
a.yt::before {
font-size: 30px;
line-height: 30px;
}*/
}




@media screen and (max-width: 480px) {


.mast .item_title {
bottom: 20px;
}

article h1 {
font-size: 1.5em;
}
article h2 {
font-size: 1.25em;
}
.lead {
font-size: 1em;
/*line-height: 160%;*/
margin-bottom: 2em;
}


.blog_section h3 {
font-size: 24px;
line-height: 24px;
}
.blog_section::before {
width: 64px;
height: 64px;
font-size: 24px;
line-height: 64px;
}

.font-resizer {
display: block;
}
.font-resizer {
display: block;
}
.form_page .font-resizer {
display: none;
}
footer {
padding-bottom: 60px;
}

.video_icon {
top: 20%;
}
.info_msg {
font: 400 1em Roboto;
}


}

@media screen and (max-width: 430px) {

/*.top_right a {
margin-left: 10px;
}

.logo, .epp {
height: 26px;
}

a.info::before,
a.web::before,
a.in::before,
a.tw::before,
a.fb::before,
a.yt::before {
font-size: 26px;
line-height: 26px;
}*/
article h1 {
font-size: 1.375em; /* 22px size */
}
article h2 {
font-size: 1.2em;
}
.video_thumb {
flex: 1 1 40%;
}
.video_title {
flex: 1 1 60%;
font-size: 15px;
}


}


@media screen and (max-width: 368px) {

.top_left,
.top_right,
.readmore_news {
padding: 20px 10px;
}
.top_right {
padding-left: 0;
}

.blog_section h3 {
font-size: 20px;
line-height: 20px;
}
.blog_section::before {
width: 60px;
height: 60px;
font-size: 20px;
line-height: 60px;
margin-right: 10px;
}
.blog .item h3 {
font-size: 1.125em;
}
.article_wrap {
padding: 30px 10px;
}
.video_icon {
top: 15%;
}

.mobile_section {
max-width: 189px;
}

}



@media screen and (max-width: 346px) {

.top_right {
gap: 5px;
}

}








/* Cookie Dialog */

#cookie-message-container {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 999;
}
#gdpr-cookie-message {
width: 86%;
margin: 0 auto 10px;
padding: 20px 0 25px;
font-family: "Roboto";
font-size: 15px;
font-weight: 200;
color: #fff;
background-color: rgba(0, 0, 0, 0.8);
box-shadow: 0 10px 20px rgba(0,0,0,0.5);
display: flex;
align-items: flex-end;
}


.poruka {
flex: 1 1 auto;
padding: 0 20px;
}

.izbor {
flex-grow: 0;
min-width: 240px;
}

.gumbi {
flex-grow: 0;
text-align: right;
padding: 0 6px 0 20px;
white-space: nowrap;
}


#gdpr-cookie-message p,
#gdpr-cookie-message ul,
#gdpr-cookie-message li {
margin: 0;
padding: 0;
}

#gdpr-cookie-message h4,
#gdpr-cookie-message h5 {
font-size: 15px;
font-weight: 500;
margin: 0 0 5px;
}
#gdpr-cookie-message h5 {
white-space: nowrap;
}
#gdpr-cookie-message ul {
display: inline-block;
margin-rop: 10px;
line-height: 1.5em;
}

#gdpr-cookie-message li {
list-style: none;
display: inline-block;
margin-right: 15px;
}
#gdpr-cookie-message a {
color: #fff;
text-decoration: none;
padding-bottom: 2px;
border-bottom: 1px dotted rgba(255,255,255,0.75);
white-space: nowrap;
}
#gdpr-cookie-message a:hover {
color: #fff;
border-bottom-color: #F90;
}
#gdpr-cookie-message button {
color: #fff;
font-family: "Roboto", sans-serif;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
padding: 7px 14px;
border-radius: 3px;
margin: 10px 10px 0 0;
cursor: pointer;
background-color: #F90;
border: none;
transition: all 0.25s;
}
#gdpr-cookie-message button:hover {
background-color: #690;
}
button#gdpr-cookie-advanced {
color: #000;
background-color: #fff;
}
button#gdpr-cookie-advanced:hover {
color: #fff;
background-color: #999;
}
#gdpr-cookie-message button:disabled {
color: #333;
background-color: #999;
}
#gdpr-cookie-message input[type="checkbox"] {
float: none;
margin-top: 0;
margin-right: 5px;
}


@media screen and (max-width: 1730px) {

#gdpr-cookie-message li {
display: block;
}

}

@media screen and (max-width: 1250px) {

#gdpr-cookie-message button {
display: block;
min-width: 184px;
text-align: center;
}
#gdpr-cookie-message button:first-child {
margin-top: 0;
}

}

@media screen and (max-width: 1023px) {

#gdpr-cookie-message {
display: block;
width: 100%;
margin: 0;
}
.gumbi {
padding-top: 10px;
text-align: left
}
#gdpr-cookie-message button {
display:inline-block;
}
.izbor {
padding: 18px 20px 0;
}
#gdpr-cookie-message li {
display: inline-block;
}
#gdpr-cookie-message h5 {
display: inline-block;
margin-right: 10px;
}


}


@media screen and (max-width: 420px) {

.gumbi {
padding: 20px 20px 0 ;
}
#gdpr-cookie-message button {
display: block;
padding: 14px;
min-width: 100%;
}
#gdpr-cookie-message button:first-child {
margin-top: inherit;
}


}