/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{
/* 	background-image: url("../img/bg_pattern.jpg"); */
	background-color: #fff;
}

#wrapper_header{
/*    margin-top: 30px;*/
    width: 100%;
	height: 80px;
    background-color: white;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    /* height: 600px; */   
	position:absolute;
	overflow:hidden;
/* 	border-bottom:5px solid #E5AC41; */
}


#wrapper_header_inner{
/*    margin-top: 30px;*/
    width: 100%;
/*     background-color: #e3e3e3; */
/* 	background-image:url("../img/bgr_trans_85.png"); */
/* 	border-bottom: solid 5px #E5AC41; */
	 position:fixed; 
	-webkit-transition: all 1s; /* Safari */
    transition: all 1s;
	z-index: 100;
	top:0;
	left:0;
}

.wrapper_header_temp1{
    width: 100%;
    background-color: white;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    height: 110px;   
	position:relative;
	overflow:hidden;
}

.wrapper_header_temp_cism {

    width: 100%;
    background-color: white;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 190px;
    position: relative;
    overflow: hidden;

}

#zastava {
    background-image: url(../img/ministarstvo_zastava.jpg);
    background-repeat: repeat-x;
    height: 12px;
}

#wrapper_header_inner #logo{
	background-image:none;
}

.header_inner{
	
}

header{
	display: flex !important;
	justify-content: flex-start;
	align-items: first baseline;
	flex-direction: row;
}

#header_one{
	display: flex;
  	flex-direction: column;
	margin: 5px 0;
}

#header_one_cism{
/*   background-image: url("../img/01_Header_pattern.png");*/
/*   background-repeat: repeat-x;*/
    
   height: 160px;
   line-height: 160px;
   vertical-align: middle;
   text-align: left;
   overflow: visible;
	
   /* outline: green dotted thin; */
}

.search_holder{
	display: inline-block;
    overflow: visible;
    float:right;
	line-height: 40px;
	vertical-align: middle;
/*     right: 13px; */
/*     text-align: right; */
/*     top: 30px; */
}
.search_input_style
{
   width: 130px;
   padding: 0px 2px;
  height: 20px;
   border-radius:5px;
/*   -webkit-border-radius:20px;
    -moz-border-radius:25px;
    -border-radius:20px;*/
    border: 0 2px;
/*    font-size: 12px;*/
}

#wrapper_nav{
	height: 30px;
	background-color: #2891de;
	width: 100%;
	position: relative;
	float:left;
}
#nav_holder{
	display:block;
    width:auto;
	float: left;
	/* margin-top: 5px; */
	/* height: 30px; */
	margin: 10px 0;
    overflow: visible;;
    position: relative;
    text-align: left;
	z-index:25;
}

.cism_nav_holder{
	background-color: #fff;
	width:100% !important;
	float:left !important;
	margin:0 !important;
	min-height: 50px !important;
	line-height:50px !important;
	border-bottom: #dedede solid 2px;	
}

nav{
    display: inline-block;
    line-height: 14px;
/*     padding-bottom: 10px; */
    vertical-align: middle;
}

#social_icons_header{
    position: relative;
    right: 10px;
    top: 10px;
	margin-left:20px;
	float: right;
	line-height: 24px;
	vertical-align: middle;
}
#social_icons_header.navi ul li{
	display:inline-block;
	width:20px;
	height:18px;
}
/*zbog fb ikonice oko koje ostaje dosta prostora*/
#social_icons_header.navi ul li:nth-child(2){
	margin-left:0;
}

/*zbog fb ikonice oko koje ostaje dosta prostora*/
#social_icons_header.navi ul li:nth-child(1){
	margin-right:0;
	margin-left:5px;
}


#languages{
   line-height: 16px;
    position: relative;
/*     right: 10px; */
/*     top: 10px; */
	float: right;
	line-height: 40px;
	vertical-align: middle;
}

#languages.navi li, #languages.navi li a, #languages.navi li a:visited{
	 font-family: Roboto, Trebuchet MS, Helvetica, sans-serif;
	font-size:13px;
	color:#222;
	font-weight: bold;
}

#languages.navi li:nth-child(even){
	color:#999;
}

#languages.navi li a:hover{
	color:#4F63A0;
} 

#header_three{
   background-image: url("../img/03_Header_pattern.png");
   background-repeat: repeat-x;
   height: 80px;
   line-height: 80px;
   vertical-align: middle;
}

#logo{
    float:left;
	display:block;
	text-align:center; 
	position:relative;
	/* height: 130px; */
	
}

#logo img{
	width:70%;
}

#social_responsive{
    display: none;
    float: left;
    height: 32px;
    overflow: hidden;
    line-height: 32px;
    margin-top: 0px;
    width: 200px;
/*    background-color: yellow;*/
}

#wrapper_content{
    width: 100%;
     /* background-image: url("../img/04_Background_pattern.png"); */
	position: relative;
	top: 160px;
}

#wrapper_content_home_page{
    width: 100%;
     /* background-image: url("../img/04_Background_pattern.png"); */
	position: relative;
	top: 130px;
}

#wrapper_footer_container{
    width: 100%;
	position: relative;
	margin-bottom: 20px;
}

.wrapper_general{
    width: 100%;
}

.margin{
	margin-top:120px;
}
.content{
	text-align:center; 
	margin: 0px auto;
/* 	border-bottom:5px solid #E5AC41; */
}

#content_one{
	width:100%;
	/* margin-bottom: 30px; */
}

#content_one_holder{
	display:inline-block;	
}

#content_cism{
	background-image: url("../img/vssport_cism_bg.jpg");
    background-repeat: no-repeat;
	width:100%;
    height: 160px;
}

#content_cism_holder{
	display:inline-block;	
}

#content_blocks_news{
    width: 98%;
    float: left;
    padding:5px 1% 10px 1%;
}

#news_block_holder,
#izdvojeni_clanci_block_holder {
	display: inline-block;
	width: 100%;
}

#content_blocks_najave{
    width: 98%;
    float: left;
    padding:5px 1%;
}

#content_one_najave{
	width:100%;
	height:90px;
}

#content_one_najave_holder{
	display:inline-block;	
}

.date_day_najave{
	font-size:2.25em;
	color:#fff;
	display:block;
	width:100%;
}
.date_month_najave{
	font-size:1.6em;
	color:#fff;
	clear:both;
	text-transform: lowercase;
	display:block;
	width:100%;
}

.date_year_najave{
	font-size:1.7em;
	color:#fff;
	clear:both;
	display:block;
	width:100%;
}

.siva_traka {
    background-image: url("../img/vssport_linija_fade.png");
    background-repeat: repeat-x;
	width:100%;
    height: 20px;
}

.siva_traka_flip{
	background-image: url("../img/vssport_linija_fade.png");
    background-repeat: repeat-x;
	width:100%;
    height: 20px;
	-moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.najave_date_text{
	font-size:18px;
	color: #000;	
}

.najave_date_text a{
	color: #000;
}

.najave_date_text a:hover{
	color: #ab2931;
}
/**********************
*CONTENT SERVICE BLOCK
**********************/
#content_services{
	width:100%;
	margin-bottom: 40px;
}

#content_services_holder{
	display:inline-block;	
}

/**********************
*CONTENT PROIZVODI BLOCK
**********************/
#content_proizvodi{
	width:100%;
	background-color:#f2f5ea;
	padding-bottom: 70px;
}

#content_proizvodi_holder{
	display:inline-block;	
}


/**********************
*CONTENT STUDIJE BLOCK
**********************/
#content_studije{
	width:100%;
	background-color:#fff;
	padding-bottom: 70px;
	height:500px;
}

#content_studije_holder{
	display:inline-block;
	background: #0c4864;	
}

.studije {
	/* width:50%; */
	float: left;
	position: relative;
}

.studije_block{
	display: table;
	min-height: 95px;
}

.studije_left{
	width:65%;
	display:block;
	background-color: #7284cc;
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
}

.studije_right{
	width:35%;
	background: #7284cc;
}

.block_header_studije{
	color: #fff;
	font-size: 20px;
	position: relative;
    width: 90%;
	overflow:hidden;
    padding: 20px 5%;
	z-index:50;
	text-transform: uppercase;
	display: table-cell;
	vertical-align: middle;
}

.block_header_studije:hover{
	background-color: #4f63a0;
}

.studije .studije_block:not(:last-child){
	border-bottom: 1px solid #fff;
}


.more_btn_va_50{
	width:50%;
	padding: 5px 5%;
	background-color: #7284cc;
	margin-top: 40px;
	display: inline-block;
	border-radius: 7px;
	font-weight:600;
	color:#fff;
}

.more_btn_va_50:hover{
	background-color:#4f63a0;
	color:#fff;
}

/**********************
*CONTENT STUDENTI BLOCK
**********************/
#content_studenti{
	width:100%;
	padding-bottom: 70px;
	height:auto;
}

#content_studenti_holder{
	display:inline-block;	
}

#content_studenti_holder .content_section_caption_holder_left{
	background-color:#798092;
	margin-bottom: 30px;
}

.studenti_block{
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
}

.studenti_block_naslov{
	color: #074368;
	text-transform: uppercase;
	font-size: 18px;
}

.studenti_block_link:hover > .studenti_block_naslov{
	color:#767f90;
}


/**********************
*CONTENT UPIS BLOCK
**********************/
#content_upis{
	width:100%;
	padding-bottom: 50px;
	height:500px;
}

#content_upis_holder{
	display:inline-block;	
}

#content_upis_holder .content_section_caption_holder_left{
	background-color:#4d493d;
	margin: 0;
}

.upis{
	width:49%;
	height: auto;
	display:block;
	float:left;
}

.upis_top{
	display:block;
	width:100%;
    background-position: top center;
    background-repeat: no-repeat;
	height: 300px;
	float:left;
}

.upis_left{
	margin-right:1%;	
}

.upis_left_top{
	background-size: cover;
	
}

.upis_right{
	margin-left:1%;
}

.upis_right_top{
	background-size: cover;
}

#upis_block_one{
	background-color: #C3D9D3;
}


#upis_block_two{
	background-color: #E1B1AE;
}

.upis_block_header{
	display: table; 
    width: 94%;
    /* height: 180px; */
	padding: 40px 3%;
	color: #fff;
	font-size:26px;
	text-transform:uppercase;
	background-color: #789579;
}

.upis_block_header a{
	 color: #fff;
}

.upis_block_header:hover{
	 background-color: #697166;
}

.upis_block_header span a,
.upis_block_header span a:link,
.upis_block_header span a:visited{
	display:inline-block;
	color: #0d0d0d;
	width: 100%;
	height: 100%;
}

/**********************
*CONTENT OBAVESTENJA BLOCK
**********************/
#content_obavestenja,
#content_news,
#content_magazin_odbrana,
#content_izdavacka_delatnost,
#content_dom_vs,
#content_fotocentar{
	width:100%;
	/* padding-bottom: 30px; */
	height:auto;
}

#content_magazin_odbrana{
	background-color:#f4f4f6;
}

#content_izdavacka_delatnost,
#content_fotocentar{
	background-color:#fff;
}

#content_dom_vs{
	background-color:#f4f4f6;
}

#content_obavestenja_holder,
#content_news_holder,
#content_magazin_odbrana_holder,
#magazin_odbrana_latest_issue_holder,
#content_izdavacka_delatnost_holder,
#content_dom_vs_holder,
#content_fotocentar_holder{
	display:inline-block;	
	overflow: hidden;
}

#magazin_odbrana_latest_issue_holder{
	margin-bottom:15px;
}

#content_obavestenja .content_section_caption_holder_left{
	background-color:#5D7192;
	margin: 10px 0;
}


.obavestenja_block_header,
.magazin_odbrana_latest_issue_header{
	display: inline-block;
	vertical-align: middle; 
    width: 100%;
    /* height: 180px; */
	padding: 5px 0;
	color: #fff;
	font-size:16px;
	text-transform:uppercase;
	background-color: #7284cc;
}

.magazin_odbrana_latest_issue_header{
	padding: 0;
}


.magazin_odbrana_latest_issue_article_title,
.magazin_odbrana_latest_issue_article_title a{
	padding: 0;
	/* background-color: #7284cc; */
	/* width: 50%; */
	margin: auto;
	text-transform: uppercase;
	color: #5D7192;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
}
.magazin_odbrana_latest_issue_article_title a:hover{
	color: #20325a;
}

.katalog_izdanja_issue_header{
	display: inline-block;
	vertical-align: middle; 
    width: 100%;
    /* height: 180px; */
	padding: 5px 0;
	color: #fff;
	font-size:16px;
	text-transform:uppercase;
	background-color: #7284cc;
}


.arhiva_clanaka_btn {
	/* padding: 5px 50px; */
	/* background-color: #5D7192; */
	/* margin-top: 40px; */
	display: inline-block;
	/* border-radius: 7px; */
	/* border: 1px solid #fff; */
	/* font-weight: 600; */
	color: #fff;
}

.arhiva_clanaka_btn:hover {
	background-color: #144a62;

}

.magazin_odbrana_latest_issue_header_half_left{
	width:49%;
	margin-right: 1%;
	float: left;
	padding: 5px 0;
}

.magazin_odbrana_latest_issue_header_half_right{
	width:49%;
	margin-left: 1%;
	float: left;
	padding: 5px 0;
	color: #fff;
	background: #5D7192;
}

.obavestenja_block_header a{
	 color: #fff;
}

.obavestenja_block_header a:hover{
	 background-color: #4f63a0;
}

.block_obavestenje{
	width: 24.9%;
	/* display: table-cell; */
	background-color: #7284cc;
	float:left;
}

.block_obavestenje:not(:last-child){
	border-right: 1px solid #fff;
} 


/**********************
*CONTENT AKREDITACIJA BLOCK
**********************/
#content_akreditacije{
	width:100%;
	padding-bottom: 10px;
	height:230px;
}

#content_akreditacije_holder{
	display:inline-block;	
}

#content_akreditacije .content_section_caption_holder_left{
	background-color:#0c4864;
}

.block_akreditacija{
	width: 50%;
	float:left;
}

.akreditacija_block_header{
	display: table; 
    width: 94%;
    /* height: 180px; */
	padding: 35px 3%;
	color: #fff;
	font-size:24px;
	text-transform:uppercase;
	background-color: #4d493d;
}

.akreditacija_block_header a{
	 color: #fff;
}

.akreditacija_block_header:hover{
	 background-color: #697166;
}

/**********************
*CONTENT NAUKA BLOCK
**********************/
#content_nauka{
	width:100%;
	padding-bottom: 50px;
	height:450px;
}

#content_nauka_holder{
	display:inline-block;	
}

#content_nauka .content_section_caption_holder_left{
	background-color:#0c4864;
}

.nauka_block_header{
	display: table; 
    width: 94%;
    height: 180px;
	color: #0d0d0d;
	font-size:20px;
	text-transform:uppercase;
	padding: 0 3%
}

.nauka {
	/* width:50%; */
	float: left;
	position: relative;
}

.nauka_block{
	display: table;
}

.nauka_left{
	width:65%;
	display:block;
	background-color: #7284cc;
    background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;
}

.nauka_right{
	width:35%;
	background: #7284cc;
}

.block_header_nauka{
	color: #fff;
	font-size: 20px;
	position: relative;
    width: 90%;
	overflow:hidden;
    padding: 50px 5%;
	z-index:50;
	text-transform: uppercase;
	display: table-cell;
	vertical-align: middle;
}

.block_header_nauka:hover{
	background-color: #4f63a0;
}

.nauka .nauka_block:not(:last-child){
	border-bottom: 1px solid #fff;
}

/**********************
*CONTENT KURSEVI BLOCK
**********************/
#content_usavrsavanja {
	width: 100%;
	height: auto;
	padding-bottom: 50px;
}

#content_usavrsavanja_holder{
	display:inline-block;	
}

#content_usavrsavanja_holder .content_section_caption_holder_left{
	background-color:#0c4864;
}

.block_usavrsavanja{
	width: 50%;
	float:left;
}

.usavrsavanja_block_header{
	display: table; 
    width: 94%;
    /* height: 180px; */
	padding: 35px 3%;
	color: #fff;
	font-size:24px;
	text-transform:uppercase;
	background-color: #798092;
}

.usavrsavanja_block_header a{
	 color: #fff;
}

.usavrsavanja_block_header:hover{
	 background-color: #015496;
}


/**********************
*CONTENT GALERIJA BLOCK
**********************/

#top_galerije{
	display:inline-block;
}

.galerija {
	background-color: rgba(0, 0, 0, 0);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 100%;
	opacity: 1;
	position: relative;
	overflow: hidden;
	-moz-box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	-webkit-box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 150px;
	justify-content: center;
}


.galerija a{
	color:#fff;
}

.galerija a h3{
	/* padding:70px 0; */
	color:#fff;
	font-weight: 600;
}

.galerija:hover{
   -moz-box-shadow:    inset 0 0 70px #000000;
   -webkit-box-shadow: inset 0 0 70px #000000;
   box-shadow:         inset 0 0 70px #000000;
}


	
/**********************
*CONTENT KONTAKT BLOCK
**********************/

#content_kontakt{
	float:left;
	width:100%;
 	/* height:430px; */
	height:auto;
	margin-top: 20px;
}

#content_kontakt_holder{
	display:inline-block;	
}

.kontakt_podaci{
	width:50%;
	float:left;
	background-color:#eaebed;
}

.kontakt_podaci .content_section_caption_holder_left{
	background-color:#0c4864;
}

.kontakt_podaci_dole{
		display: none;
	}

/**********************
*CONTENT SARADNICI BLOCK
**********************/
#content_saradnici{
	width:100%;
	padding-bottom: 10px;
	height:auto;
	min-height:180px;
}

#content_saradnici_holder{
	display:inline-block;	
}

/**********************
*CONTENT 2 BLOCK
**********************/

#content_two{
 	/* background-image: url("../img/sport_img_promo_2.jpg"); */
 	/* background-repeat: no-repeat; */
    /* background-attachment:fixed; */
	/* background-size: 100% 100%; */
	/* background-size:contain;
	background-position:center; */
	float:left;
	width:100%;
 	height:600px;
	/* margin-top: 40px; */
/* 	text-align: center; */
}

#content_two_holder{
 	text-align: center;
}

.siva_linija {
    background-color: #cad3da;
    background-repeat: repeat-x;
	width:100%;
    height: 12px;
}


#content_istorijat{
 	background-repeat: no-repeat;
    /* background-attachment:fixed; */
	background-size: 100% 100%;
	background-position:center;
	float:left;
	width:100%;
 	height:720px;
	/* margin-top: 40px; */
/* 	text-align: center; */
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
}

#content_istorijat_holder{
	text-align: center;
}

.block_istorijat_video{
	float:left;	
	width: 100%;
}

.block_istorijat_video iframe{
	float:left;
}


.content_o_nama, .content_klijenti {
	padding: 60px 0 40px 0;
	width:100%;
}

.binicki_block_text{
	display: inline-block;
	float:left;
}

#o_nama{
 	background: #5D7192;;
	float:left;
	width:100%;
 	height:520px;
}

	.o_va_fotka_dole{
		display: none;
	}

.about_up_left_block{
 	background-repeat: no-repeat;
    /* background-attachment:fixed; */
	background-size: cover;
	background-position:center;
	float:left;
	height:520px;
}

.about_up_right_block{
	float:left;
	height:520px;
	text-align:left;
}

.content_o_nama_right{
	padding-top:50px;
	padding-left:30px;
	text-align:left;
	float: left;
	width:50%;
}
.content_o_nama_left{
	padding-top:80px;
	padding-right:30px;
	text-align:right;
	float: right;
	width:50%;
}
.about_block_naslov{
	text-transform: uppercase;
}

.about_block_kratak_tekst{
	margin-top:20px;
	font-size:14px;
	display: inline-block;
	text-align: justify;
}

#o_nama2{
 	background: #798092;
	float:left;
	width:100%;
 	height:520px;
}
.about_down_left_block{
	float:left;
	height:520px;
}

.about_down_right_block{
 	background-repeat: no-repeat;
    /* background-attachment:fixed; */
	background-size: cover;
	background-position:center;
	float:left;
	height:520px;
}

#o_nama_blocks{
	float:left;
	width:100%;
 	height:auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

#content_o_nama{
	float:left;
	width:100%;
 	height:auto;
	padding-bottom: 30px;
	padding-top: 30px;
}

#content_o_nama_holder{
	text-align: center;
}

#content_o_nama_blocks{
	text-align: center;
}


.block_content_two{
	text-align: center;
}

.cv_block{
	float:left;
	text-align: left;
	width: 70%;
	margin:20px 20px;
}

.cv_block_caption{
	float: left;
	border-left: 3px solid #0083CB;
	padding: 0 10px;
}

.cv_block_text{
	float: left;
}


#content_project_blocks{
	display:inline-block;
/* 	margin:20px auto; */
	width:100%;
/* 	text-align: center; */
}

.block_content_three {
	min-height: auto;
	text-align: center;
	/* outline: 1px dashed green; */
	margin-top: 10px;
	margin-bottom: 10px;
}

.team_wrapper{
	width:100%;
	float:left;
}

/**********************
*CONTENT 4 BLOCK
**********************/

#content_four{
	background-color: #fff;
	width:100%;
 	height: auto;
 	/* text-align: center; */
}

#content_four_holder{
 	text-align: center;
}


.block_content_four{
	min-height: 200px;
	text-align: center;
}


/**********************
*CONTENT SOCIAL BLOCK
**********************/

#content_social{
	width:100%;
 	background-color: #f2f5ea;
	padding: 0 0 30px 0;
}

#content_social_holder{
/* 	text-align: center; */
	padding: 60px 0;
}

#social{
	margin: 25px 0;
}

#social ul li{
	margin:auto 15px;
}

#social_contact{
	margin-bottom:25px;	
	display: inline-block;
} 

/**********************
*CONTENT Google Map
**********************/

.map-container {
	width: 100%;
	height: 100%;
}
.map-container iframe{
	width: 100%;
	height: 100%;
	display: block;
	pointer-events: none;
	position: relative; /* IE needs a position other than static */
}
.map-container iframe.clicked{
	pointer-events: auto;
}

#content__holder{
/* 	text-align: center; */
}

#social{
	margin: 25px 0;
}

#social ul li{
	margin:auto 15px;
}

#social_contact{
	margin-bottom:25px;	
	display: inline-block;
} 
.content_section_caption_holder_news {
    width: 100%;
    float: left;
    padding: 15px 0;
    border-bottom: 2px solid #2b51a4;
    text-align: left;
    display: inline-block;
}

.content_section_caption_holder{
	width:auto;
	padding:0;
	margin:40px auto;
	border-bottom: 3px solid #5D7192;
	display:inline-block;
}

.content_section_caption_holder span{
	padding: 0 5px;
	color: #5D7192;
}

.content_section_caption_holder_left{
	width:99%;
	text-align:left;
	padding-left:1%;
	margin:0 auto;
	color:#fff;
	/* border-bottom: 3px solid #1d4c6b; */
	/* display:inline-block; */
}

.content_section_caption_nested_holder{
	margin-top: 40px;
	margin-bottom: 20px;
	text-align: left;
	display:inline-block;
}

.caption_border_bottom{
	border-bottom: solid 1px #5D7192;
}

.border_bottom_red{
	border-bottom: solid 2px #ac292f;
}

.border_bottom_blue{
	border-bottom: solid 2px #2b51a4;
}

.content_section_caption_holder_news a:link, 
.content_section_caption_holder_news a:visited{
	color: black;
}

.content_section_caption_holder_news a:hover{
	color:#2b51a4;
}

.content_section_caption_holder span,
.content_component_caption span{
	display:inline-block;
}

.content_component_caption{
	width:98%;
	float:left;
	/* background-color:#004b8f; */
	line-height: 30px;
    vertical-align: bottom;
	padding:0 1%;
	margin:10px 0px;
}

#responsive_aside_menu{
	display:none;
}

#wrapper_left_menu_and_text{
	width:100%;
	/* margin-top: 200px; */
	/* padding-top: 45px; */
	min-height:300px;
	/* background-color:grey; */
	
	
}

#content_aside{
	float:left;
	width:28%;
	min-height:300px;
	/* outline: orange dotted thin; */
	background-color:#yellow;
	margin-left:2%;
}

#aside_menu{
	float:left;
	width:98%;
	/* min-height:300px; */
	/* outline: orange dotted thin; */
/* 	background-color:#5e996d; */
	margin:0 1%;
	
}
#social_networks{
	float:left;
	width:100%;
	min-height:300px;
	/* background-color:green; */
}

#social_networks ul{
	list-style-type:none;
	padding:0;
}

#social_networks ul li{
	width:100%;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	text-align:left;
	border-bottom:1px solid #cccccc;
}
/* #social_networks ul li:first-child{
	border-top:1px solid #cccccc;
}  */

#content_text{
	float:left;
	width:70%;
	min-height:300px;
	margin:0 auto 20px;
	/* outline: blue dotted thin; */
}

#breadcrumbs{
	width:100%;
}

#content_caption{
	
}
#content_body{
	/* margin-top: 2%; */
}
.bgr_content_inner{
	/* background-image:url("../img/bgr_dotted_grey.jpg"); */	
}

.foto_holder{
	float:left;
	width:100%; 
	margin:auto;
	background-color:#f4f4f4;	
}

.video_holder{
	float:left;
	width:100%; 
	margin:auto;
	background-color:#f4f4f4;	
}
.video_item {
	float: left;
	min-height:285px;
	width: 48%;
	text-align: center;
	margin: 1% 1%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.content_text_intro,
.additions_holder
{
	background-color:#f4f4f4;
	float:left;
	width:96%;
	padding:2%;
}
.addition_caption_holder
{
	float:left;
    width:85%;
	border-right:2px solid white;
}

.addition_extension_holder
{
	float:left;
    width:14%;
	text-align: center;
}
#product_services{
    width: 100%;
    float: left;
/*     background-color: #fbf7f4; */
/*     margin:40px 0; */
}

#key_note{
    width: 100%;
    float: left;
	margin-bottom: 20px;
/*     background-color: #fbf7f4; */
/*     margin:40px 0; */
}

#key_note_img_circle
{
/* 	outline:1px dotted; */
	/* width: 200px;
	height:200px; */
}

#key_note_img_circle img{
	border-top-left-radius: 100px;
	border-top-right-radius: 100px;
	border-bottom-left-radius: 100px;
	border-bottom-right-radius: 100px;
}

#key_note_msg
{
/* 	outline:1px dotted; */
/* 	height:200px; */
}

#key_note_msg_text{
		text-align: justify;
	}

#key_note_name_and_title{
	text-align: right;
}

#key_note_name{
	margin:20px 0px 0px 0px;
	
}

#key_note_title{
	float:right;
	font-style: italic;
}

#key_note_foreword,
#key_note_more{
	float:right;
	font-style: italic;
}

#key_note_foreword{
	margin-top:10px;
}

#key_note_foreword a,
#key_note_more a{
	color:#a74726;
}

#key_note_foreword a:hover,
#key_note_more a:hover{
	color:#1d4c6b;
}


.read_full_article{
	background-color: #d01e50;
	float: right;
	margin:0 10px 10px 10px;
	padding:5px;
	border-radius:8px;
	display:none;
}

#news{
   width: 100%;
   min-height:300px; 
/*    margin-top: 20px; */
   float: left;
}

.date_box_layout{
    margin-left:10px;
}

.content_types{
	width:7%;
	text-align:center; 
	float:left;
/* 	background-color:red; */
	padding:1%;
	margin:0 2%;
	
}

.date_box{
	background-color: #fff;
	width:100%;
	text-align:center; 
	float:left;
/* 	height:40px; */
	line-height:25px;
	vertical-align:baseline;
/* 	border: 2px solid; */
    border-radius: 5px;
	padding:1%;
/* 	margin:0 2%; */
}

.content_types_najave{
	width:25%;
	text-align:center; 
	float:left;
	/* padding:1%; */
	/* margin:0 2%; */	
}

.content_types_najave_naslov{
	width:72%;
	float:left;
	margin-left:3%;
	text-align: left;
	color: #000;
}

.date_box_najave{
	background-color: #2b51a4;
	width:100%;
	text-align:center; 
	float:left;
	line-height:25px;
	vertical-align:baseline;
	padding:3%;
	color: #fff;
}


#first_cat_news{
/*     width: 72.2%; */
/*     outline: dotted thin red; */
    min-height:350px;
    background-color: #f4f4f4;
}

#first_cat_news i{
 	color:#1d4c6b;
	position:relative;;
	/* right:-5px; */
	text-align:right;
	width:100%;
}


.news_header{
    background-color: #1d4c6b;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    padding: 0 15px;
 	/* margin-bottom: 20px; */
}

.news_holder{
    padding: 0 15px 0 15px;
}
.news_holder ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.news_holder ul li{
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #004b8f;
}

.news_holder ul li:hover{
	background-color:#fff;
}
.news_item{
    margin-bottom: 15px;
	text-align: left;
	float: left;
	width: 74%;
	margin-left:1%;
}
.news_slider{
	width:100%;
	height: 150px;
}
.news_image{
	width: 25%;
	float: left;
}
.news_image img{
	width: 100%;
}

#second_cat_news{
    /* outline: dotted thin violet; */
    min-height:280px;
    background-color: #f4f4f4;
}

#second_cat_news i{
	color:#2891de;
	position:relative;;
	/* right:-5px; */
	text-align:right;
	width:100%;
}

.news_holder  i {
    cursor: pointer;
    font-size: 20px;
    margin: 8px;
    transition: all 0.1s ease-in-out 0s;
}


#second_cat_news .news_header{
    background-color: #2891de;
}

#second_cat_news .news_header h2{
    color: #fff;
}

#inner_scroling_items, #inner_scroling_items_projects{
    /* outline: dotted thin violet; */
    min-height:280px;
    background-color: #f4f4f4;
	margin:40px 0;
}

#inner_scroling_items i, #inner_scroling_items_projects i{
 color:#0083CB;
	position:relative;;
	/* right:-5px; */
	text-align:right;
	width:100%;
}

#inner_scroling_items img:hover{
	margin-top:-95px;
	cursor:pointer;
}


#inner_scroling_items .news_header, #inner_scroling_items_projects .news_header{
    background-color: #0083CB;
}

#inner_scroling_items .news_header h2, #inner_scroling_items_projects .news_header h2{
    color: #fff;
}

.inner_scroling_item{
    margin-bottom: 15px;
	text-align: center;
	height:95px;
	overflow:hidden;
}

.arhiva_vesti{
	width:100%;
	height:20px;
	/* padding-right:3%; */
}

.isi_blue_bgr{
	background-color:#1d4c6b;
}

.yellow_bgr{
	background-color:#222;
}

.violet_bgr{
	background-color:#d01e50;
}

.oker_bgr{
	background-color:#0083CB;
}

.text_right{
	text-align:right;
}

#partners_clients{
    float: left;
    width: 100%;
	margin:20px 0 0 0;
}
.partners_clients_caption{
	border-bottom:1px solid #cccccc;
	text-align: center;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#partners{
	text-align:center;
    width: 100%;
    height: 100%;
    float: left;
    text-align: center;
	margin-top: 20px;
}

.link_div{
/* 	position:absolute;
	width:100%;
	height:100%; */
}

.grayscale {
       -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
       -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
       -webkit-filter: grayscale(100%);
       filter: gray;
       filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
   }

.rolover{
	width:120px;
	height:104px;
	background-repeat: no-repeat;
  	background-position: center;
	/* filter: grayscale(100%); */
}

.rolover a{
	display: inline-block;
	width:100%;
	height:auto;
	min-height: 100px;
}

.rolover_big{
	width:200px;
	height:65px;
}

#partners ul.organizers{
	margin-bottom: 25px;
}

ul.organizers .rolover{
	width:150px;
	height:65px;
}

.rolover:hover{
	/* background-position:-150px 0; */
	filter: none;
	cursor:pointer;
}

.rolover_big:hover{
	background-position:-200px 0;
	cursor:pointer;
}

/**/
.rolover_small{
	width:90px;
	height:50px;
}

.rolover_small:hover{
	background-position:-90px 0;
	cursor:pointer;
}

#partners.navi ul li {
    margin: 5px;
    display: inline-block;
	position:relative;
}
#partners ul:first-child{
    margin-top: 1.83%;
}
#partners.navi ul li:first-child{
    margin-left: 0px;
}

#pc_delimiter{
    float: left;
    margin-left: 0.29%;
	width: 3.5%;
	height:100%;
}

#clients{
    float: left;
/* 	width: 73%; */
	text-align:left;
/* 	margin-left:1.5%; */
}

#clients.navi ul li {
    margin: 5px;
    display: inline-block;
	position:relative;
}

#clients.navi ul li:nth-child(3) {
    margin-right: 0;
}

#clients ul:first-child{
    margin-top: 5px;
}
/* #clients ul:nth-child(2), #clients ul:nth-child(3){
    margin-top: 30px;
}

#clients.navi ul li:first-child{
    margin-left: 10px;
} */


/**********************************************
Blok koji sluzi za ispisivanje elemenata pretrage
*************************************************/
#container{
    float:left;
    width:96%;
	margin: 0 2%;
    /* padding: 1.5% 1.5% 0 1.5%; */ 
}
.date_label_layout{
    /* width: 80px; */
    line-height: 15px;
    display: inline-block;
/*    display:block;*/
/*    margin-bottom: 5px;*/
}
.search_date_and_term_input_fild_layout{
    width:93%;
    height:auto;
	color:#222;
	font-weight: 500; 
    /* background-color:#222; */
}
.date_box_layout{
    margin-left:10px;
}
.date_box_holder {
	float: left;
	/* height: 40px; */
	/* line-height: 30px; */
	/* margin: 20px 0; */
	/* margin-bottom: 5px; */
	position: relative;
	vertical-align: middle;
	/* width: 30%; */
}

.date_box_holder_datum{
	width:49%;
}

.date_box_holder:nth-of-type(1){
	/* margin-right:25px; */
	/* margin-right:6%; */
}

.search_submit_button {
	background-image: url("../img/mo_search_w.png");
	background-repeat: no-repeat;
	background-color: #144a62;
	background-position: center;
	/* vertical-align: super; */
	/* margin-left: 10px; */
	/* background: #2b51a4 none repeat scroll 0 0; */
	border: 0 none;
	color: #fff;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	height: 100%;
	/* margin-left: 5%; */
	/* margin-top: 20px; */
	/* padding-bottom: 4px; */
	border-radius: 0;
}

.search_submit_button:hover {
    /* background: #fff none repeat scroll 0 0; */
	background-image: url("../img/mo_search_b.png");
	background-repeat: no-repeat;
	background-color: #fff;
    cursor: pointer;
    text-decoration: none;
	color:#2b51a4;
	border-style: solid;
	border-width: 1px;
    border-color: #2b51a4;
	/* padding-bottom: 2px; */
}

.search_submit_button_vesti{
	margin-top:15px;
	height: auto;
	padding: 4px 0;
}

.search_submit_button_vesti:hover {
	background-image: url("../img/mo_search_w.png");
	background-repeat: no-repeat;
	background-color: #5d7192;
    cursor: pointer;
    text-decoration: none;
	border:0 !important;
}


#form_arhiva_search{
	width:75%;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 30px;
	align-items: first baseline;
}

.forma_za_pretragu_class{
	display: flex;
	flex-direction: column !important;
}

.date_box_holder_wrap{
	width:100%;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
}

.date_box_holder_wrap_half{
	width:50% !important;
}

#tabs{
    position: relative;
/*    float: left;*/
/*    width: 1065px;*/
    height: 20px;
    background-color: green;
    /*background-image: url("../slike/tabs_line_3.png");*/
}

.tab_caption{
    position: absolute;
    height: 15px; 
    margin-top:3px; 
}

.active_tab_text_color{
    color: #0C3A51;
}

.active_tab_text_color a{
    color: #0C3A51;
}

#slider_desktop{
	display: block;
}

#slider_mobile{
	display: none;
}

#carousel {
	/* margin-top: 4.12%; */
	/* margin-bottom: 3%; */
	position: relative;
	float: left;
	width: 100%;
	/* height: 600px; */
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	top:150px;
	margin-bottom: 90px;
}

#carousel_gallery{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

#carousel_gallery_holder{
	display:inline-block;	
}

#carousel_gallery_holder .content_section_caption_holder_center{
	background-color:#0c4864;
	width:100%;
	text-align: center;
}


.carousel_block{
	position: absolute; 
	width: 300px; 
	/* height: 300px; */ 
	text-align: left; 
	top:230px;
	background-image:url("../img/news_scroller_bgr_trans_85.fw.png");
/* 	background-repeat:repeat-x; */
	overflow:hidden;
	
}
.carousel_caption{
	width:280px;
/* 	height:55px; */
	margin:10px 10px;
	display: none;/*inicijalno dok se ne ucita strana*/ 
	text-transform: uppercase;
	vertical-align: middle;
	/* outline: thin dotted white; */
}

.carousel_content{
	width:280px;
	height:90px;
	margin:10px 10px;
	display: none;/*inicijalno dok se ne ucita strana*/ 
	/* outline: thin dotted black; */	
}

.carousel_caption a, .carousel_caption a:visited
{
	color:white;
}
.carousel_content a, .carousel_content a:visited{
	color:#004b8f;	
}

#slider1_container{
   display: none;
}

#wrapper_footer{
    width: 100%;
	height:100px;
	background-color:#024764;
}
/*footer je definisan u sticky_footer.css - ovde je samo deo*/
footer{
    /* border-top: solid 2px #f99d1c; */
    vertical-align: middle;
    text-align: center;
	display:table;
/* 	 background-image: url("../img/v_stamp_visual_key.png");  */
/*      background-repeat:no-repeat; */
}

#footer_blocks{
	float:left;
	width:100%;
	margin:20px 0;
}

.footer_block_1{
	width:100%;
	height: 100%;
	color: #fff;
	float:left;
}

.footer_block_1_wrapper{
	top: -20px;
}

.footer_block_2{
	width:94%;
	color: #fff;
	padding: 1% 3%;
	float:left;
}

.footer_ime{
	font-size:20px;	
}

.footer_element_inner_naslov{
	float:left;
	width:100%;
	font-weight:600; 
	/* border-bottom: 3px solid #fff; */
    font-size: 18px;
	text-align:left;
	padding-bottom: 5px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

#content_footer_holder{
	display:inline-block;
	padding-bottom: 50px;	
}

#vi_wrapper {
    width: 100%;
    position: relative;
    height: 44px;
	margin-top: 20px;
	float: left;
}

#vi_wrapper img{
	width:100%;
}
.footer_blk{
	display: inline-block;
	float:left;
/* 	text-align:left; */
}

.footer_ico_holder{
	float: left; 
	height:100px;
}

.footer_ico_text_holder{
	float:left; 
	position:relative;
	height:100px;
}

.table_display{
	display: table;
}

.table_cell_display{
	display: table-cell;
	
}

.vertical_middle{
	vertical-align: middle;
}

.text_center{
	text-align: center;
}



.footer_fourth_blk{
	display: table;
	float:right;
	vertical-align: middle;
	text-align: center;
}

.footer_fourth_blk span{
	display:inline-block;
}



.footer_blk_caption{
	float:left;
	width: 100%;
	display:inline-block;
/* 	text-align: left; */
/* 	border-bottom:1px solid #999; */
	padding:5px 0;
	position: relative;
	
}

.footer_blk_content{
/* 	float:left; */
	padding:5px 0;
}

.footer_blk ul li{
	display:block !important;
	float:left;
	width:100%;
}

#footer_logo{
	float:left;
	width: 100%;
	margin-bottom:20px;
}

#footer_line{
	border-top: 2px solid #444;
	padding: 10px 0;
	float: left;
	width: 100%;
}


#logo_negative{
    margin-top: 25px;
    margin-bottom: 10px;
}

#bottom_nav{
    margin:1% 1.6% 0% 1.6%;
    text-align: left;
    font-size: 0.9em;
    
}

#bottom_nav.menu ul{
    padding-top: 0px;
    float: none;
    display: inline-block;
}

.copyright{
    padding: 0;
	font-size:0.9em;
	text-align: left;
	color: #fff;
}


#logo_footer img{
	width: 70%;
	float: left;
}

#text_footer{
	text-align:left;
	color:#fff;
	float: left;
}

#text_footer a{
	color:#fff;
}

#text_footer a:hover{
	text-decoration:underline;
}

.title_footer_1{
	font-size: 15px;
}

.title_footer_2{
	font-size: 20px;
	font-weight:600;
}

.footer_menu{
    text-transform:uppercase;
}

.footer_menu ul{
/*    display: block;*/
}
.footer_menu ul li{
    margin:0 !important;/*da bi se ponistile margine iz klase navi i da klasa navi u nastavku ne bi ovo pregazila*/
}

.footer_menu ul>li>a{
    text-align: center;
    padding: 0 5px;
/*    display: block;*/
    transition: color 180ms linear 20ms, background 180ms linear 20ms;
}
.footer_menu ul>li+li{
        border-left: 1px solid #fed351;
    }
.footer_menu ul li.active a, .footer_menu ul li:hover > a, .footer_menu ul li.active:hover > a{
    color:#fed351;
}

.blk_content{
    width: 100%;
/*     margin:5.2% 7.5%; */
/*     overflow: hidden; */
	min-height:100px;
	float: left;
	padding-bottom: 70px;
	
}

#content_footer {
	background-color: #024764;
	padding: 50px 0 0 0;
	overflow: hidden;
	min-height: 350px;
}

#content_footer .blk_content{
	
	padding-bottom: 20px;
}

.blk_content ul{
	/*font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	margin: 0px;
	padding: 0px;
	/* display: inline-block; */
	position:relative;
	list-style-type: none;
}



.blk_content ul li:not(:first-child){
	width:100%;
/* margin-left:3%; */
/* margin-right:3%; */
/* height:35px; */
/* background-color: fff; */
/* display:table; */
	display: inline-block;
	margin-top: 15px;
	

}

.blk_content ul.footer_ul li:not(:first-child){
	width:100%;
	display: inline-block;
	margin-top: 7px;
}

.blk_content ul li span{
	display: table-cell;
	vertical-align: middle;	
}

/* .blk_content ul li:nth-child(odd){ */
/* 	background-color: #F7F7F7; */
/* } */

#content .blk_content ul li a, .blk_content ul li a:visited{
/*font-family: Arial, Helvetica, sans-serif;
font-size: 12px;*/
/* color:#2E5F97; */
/* text-decoration: none; */
}

.blk_content ul li a:hover{
/* 	color:#000; */
/* 	text-decoration: underline; */
}


/* ==========================================================================
   Author Helper classes
   ========================================================================== */
.top_news_in_roll{
	display:none;
}
.intro_in_roll{
	display:none;
}

.transparent_85
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";       /* IE 8 */
	filter: alpha(opacity=85);  /* IE 5-7 */
	-moz-opacity: 0.85;          /* Netscape */
	-khtml-opacity: 0.85;        /* Safari 1.x */
	opacity: 0.85;               /* Good browsers */	
}

.transparent_95
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";       /* IE 8 */
	filter: alpha(opacity=95);  /* IE 5-7 */
	-moz-opacity: 0.95;          /* Netscape */
	-khtml-opacity: 0.95;        /* Safari 1.x */
	opacity: 0.95;               /* Good browsers */	
}


/*
*Blok za divove koji se koriste u FCK editoru
*/
.contact_block{
    width:250px;
    margin-left:30px;
    float: left;
    margin-bottom: 30px;
    display: inline-block;
}
.partners_block{
    width:auto;
    margin:10px 30px;
    float: left;
    height:150px;
    display: inline-block;
}
.management_block{
    width:90%;
    margin:10px 30px;
    float: left;
    height:auto;
    display: block;
}

.no_margin{
    margin: 0;
}
.block{
/*    width: 225px;*/
/*    height:250px;*/
    /* background-color: #fff;
	outline: 1px solid #ECECF0; */
}

.block img{
/*     position: absolute; */
    bottom: 6.5%;
    left:7.5%;
    width: 85%;
    margin: auto;
    
}

.first_block{
/*    margin-left: 20px;
    margin-right: 6px;*/
    margin-left: 1.5%;
    margin-right: 0.7%;
}

.middle_block{
/*    margin: 0 6px;*/
      margin: 0 0.7%;
}

.last_block{
    margin-left: 0.7%;
    margin-right: 1.5%;
}

.block_header{
    position: relative;
    width: 100%;
	overflow:hidden;
    /* height: 180px; */
	height: auto;
    text-align: center;
    /* background-color: #ffffff; */
    background-repeat: no-repeat;
	/* z-index:50; */
}

.block_header img{
/* 	display:block; */
	width:100%;
}


.block:hover .block_header{
/* 	background-color:#f8f8f8; */
	background-position:-236px 0;
	
}

.block_caption{
	/* background-color:#fffff; */
	margin-bottom: 50px;
}

.block_caption h2{
	color:#41a4dd;
}

.block:hover .block_caption h2{
	color:#ff5370;
	
}

.promo_box_image_click{
	position:absolute;
	top:0;
	left:0;
	height:70%;
	width:100%;
}

.block_header_top{
    width: 100%;
    height: 30%;
    position: absolute;
    top: 0;
    text-transform: uppercase;
	vertical-align: middle;
	display:table;
}
.block_header_middle{
    width: 100%;
    height: 40%;
    position: absolute;
    top: 30%;
    text-transform: uppercase;
	vertical-align: middle;
	display:table;
}
.block_header_bottom{
    width: 100%;
    height: 30%;
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
	vertical-align: middle;
	display:table;
}

.block_header_bottom span, .block_header_middle span, .block_header_top span
{
	display: table-cell;
	vertical-align:middle;
	text-align: center;
}

.block_content {
	width: 98%;
	/* margin: 5.2% 7.5%; */
	overflow: hidden;
	min-height: 100px;
	flex-direction: column;
	align-items: baseline;
	display: flex;
}

.mod_headlines_date{
	float:left;
	display: inline-block;
	margin-top:7px;
}

#announcements_block{
	/* padding: 15px 0; */
	background:#EAEBED;
}

#announcements_block_holder{
	display: inline-block;
	/* border:1px solid #ccc; */
	
}

#announcements{
	margin-bottom:20px;	
}

.announcements_caption{
	width: 100%;
    float: left;
    /* padding: 15px 0; */
    /* border-bottom: 2px solid #2b51a4; */
    text-align: left;
    display: inline-block;
}

.announcement_date
{
	width:96.8%;
	margin:7px 1.6% 0px 1.6%;
	text-align: left;
	display:inline-block;
	text-align:left;
}

#announcements .announcement_date:not(:first-child){
	margin-top:20px;	
}
.announcement_caption{
	width:96.8%;
	margin:0px 1.6% 0px 1.6%;
	text-align: left;
	display:inline-block;
	text-align: left;
}

.announcement_intro
{
	width:96.8%;
	margin:0px 1.6% 0px 1.6%;
	text-align: left;
	display:inline-block;
	text-align:left;
}

.announcement_item{
	width:100%;
	float:left;
	margin-bottom: 30px;
}

.announcement_img{
	width: 23.0%;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 7px;
}

.announcement_img img{
	width:100%;
}

.announcement_data{
	width: 75.0%;
	float: left;
	position: relative;
}

.content_type_icons{
	float:right;
	display: inline-block;
}


.mod_headlines {
    float: left;
    display: inline-block;
    text-align: left;
    font-size: 16px;
}

.mod_headlines a, 
.mod_headlines a:link, 
.mod_headlines a:visited {
    color: #000;
}

.mod_headlines a:hover{
	color:#5D7192;
	/* text-decoration: underline; */
}

.mod_kratak_tekst{
	float: left;
	display: inline-block;
	text-align: justify;
	font-size: 14px;
	margin-top:5px;
}

.block_content ul{
/*font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;*/
margin: 0px;
padding: 0px;
}

.block_content ul li{
width:94%;
padding-left:3%;
padding-right:3%;
height:35px;
display:table;

}

.block_content ul li span{
	display: table-cell;
	vertical-align: middle;	
}

/* .block_content ul li:nth-child(odd){ */
/* 	background-color: #F7F7F7; */
/* } */

.block_content ul li a{
/*font-family: Arial, Helvetica, sans-serif;
font-size: 12px;*/
color:green;
text-decoration: none;
}

/*****************************************************
SERVICE BLOCKS
*****************************************************/
.service_block{
/*    width: 225px;*/
/*    height:250px;*/
    background-color: #fff;
}
.service_block img{
    position: absolute;
    bottom: 6.5%;
    left:7.5%;
    width: 85%;
    margin: auto;
    
}

.service_block .first_block{
/*    margin-left: 20px;
    margin-right: 6px;*/
    margin-left: 1.6%;
    margin-right: 0.8%;
}

.service_block .middle_block{
/*    margin: 0 6px;*/
      margin: 0 0.8%;
}

.service_block .last_block{
    margin-left: 0.8%;
    margin-right: 1.6%;
}
.sb_header{
    position: relative;
    width: 100%;
 /*    margin:7.5% 7.5% 0 7.5% ;*/
    height: 180px;
/*    line-height: 236px;*/
/*    text-transform: uppercase;*/
/*    vertical-align:bottom;*/
    text-align: center;
    background-color: #fff;
/*    background-image: url('../img/bankomat.png');*/
    /* background-position: center; */
    background-repeat: no-repeat;
/* 	-webkit-transition: all 1s; Safari */
/*     transition: all 1s; */
	z-index:50;
}


#sb_one .sb_header{
	 background-image: url('../img/sb_247.png');
}


#sb_two .sb_header{
    background-image: url('../img/sb_pt.png');
}


#sb_three .sb_header{
    background-image: url('../img/sb_pfs.png');
}


#sb_four .sb_header{
    background-image: url('../img/sb_girls.png');
}

#sb_five .sb_header{
    background-image: url('../img/sb_free_pt.png');
}


#sb_six .sb_header{
    background-image: url('../img/sb_lockers.png');
}


#sb_seven .sb_header{
    background-image: url('../img/sb_discount.png');
}


#sb_eight .sb_header{
    background-image: url('../img/sb_all.png');
}

.service_block:hover .sb_content{
/* 	color:#fff; */
}

.service_block:hover .sb_header{
/* 	background-color:#f8f8f8; */
	background-position:-236px 0;
	
}

/* .service_block:hover .sb_caption h2{ */
/* 	color:#FECE14; */
/* } */

.service_block:hover .sb_caption span{
	border-top: 3px solid #0083CB;
}



.sb_image_click{
	position:absolute;
	top:0;
	left:0;
	height:70%;
	width:100%;
}
.sb_caption{
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
	vertical-align: middle;
	display:table;
/* 	border-top: 2px solid #FECE14; */
/* 	padding:3% 0; */
	
}

.sb_caption span
{
	width:65%;
	display: inline-block;
/* 	vertical-align:middle; */
	text-align: center;
	border-top: 3px solid #FECE14;
	padding-top:3%;
}

.sb_line_delimiter{
	width:80px;
	border-top:solid 3px#e5ac41;
	margin:auto;
	height: 20px;
}



.sb_content{
    width: 85%;
    margin:5.2% 7.5%;
    overflow: hidden;
	min-height:100px;
}

.sb_content a, .sb_content a:visited{
	color:blue;
	text-decoration: underline;
}
/***************************************************
END OF SERVICE BLOCKS
****************************************************/
.default_component_icons_layout{
    float:left;
    width:97%;
    padding: 1% 0 ;
}
.default_news_index_caption_layout{
    float:left;
    width:100%;
}
.default_news_index_date_layout{
    float: left;
    width: 97%;
    padding: 1.5% 1% 1.5% 1%;
}
/*.default_content_date_layout{
    float: left;
    width: 97%;
    padding: 1.5% 1% 1.5% 1%;
}*/
.content_date_layout_with_top_horizontal_padding{
     float:left;
    width:97%;
    /* padding: 1.5% 1.5% 0 1.5%; */
}

/*.content_caption_layout_with_padding{
    float:left;
    width:97%;
    padding: 1% 1.5% 1% 1.5%;;
}*/

.content_caption_layout_with_bottom_horizontal_padding{
    float:left;
    width:97%;
    /* padding: 0 1.5% 1.5% 1.5%; */
	padding: 0 0 30px 0;
}
.content_caption_layout_with_top_horizontal_padding{
     float:left;
    width:97%;
    /* padding: 1.5% 1.5% 0 1.5%; */
}

/*.default_content_date_layout{
    float:left;
    width:100%;
}*/

.pretraga_naslov{
    float:left;
    width:97%;
	margin: 20px 0;
    /* padding: 1.5% 1.5% 0 0; */
}


/*
Klasa koja sluzi za stilizaciju navigacije
*/
.navi ul{
/*font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;*/
margin: 0px;
padding: 0px;
}

.navi ul li{
display:inline-block;
margin-left:3px;
margin-right:3px;
}

.navi ul li a{
/*font-family: Arial, Helvetica, sans-serif;
font-size: 12px;*/
color:#FFFFFF;
text-decoration: none;
}

.navi a img{
border: none;
display:inline;
}

.navi a{
color: #ffffff;
}

.navi a:hover{
color:#fed351;
}

/* nav.navi ul:nth-child(odd)
{
    color: orange;
} */
/*
klasa koja uredjuje layout linka za prikaz kompletne vesti/forogalerije/videogalerije
*/
.more, .more a, .more a:visited, .more a:active{
	color:#0083CB;
}
.header_line{
/* 	width: 100%;  */
	height: 40px; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e88ca5+10,d73c68+54,d01e50+91 */
/* 	background: #e88ca5; Old browsers */
/* 	background: -moz-linear-gradient(top, #e88ca5 10%, #d73c68 54%, #d01e50 91%); FF3.6+ */
/* 	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#e88ca5), color-stop(54%,#d73c68), color-stop(91%,#d01e50)); Chrome,Safari4+ */
/* 	background: -webkit-linear-gradient(top, #e88ca5 10%,#d73c68 54%,#d01e50 91%); Chrome10+,Safari5.1+ */
/* 	background: -o-linear-gradient(top, #e88ca5 10%,#d73c68 54%,#d01e50 91%); Opera 11.10+ */
/* 	background: -ms-linear-gradient(top, #e88ca5 10%,#d73c68 54%,#d01e50 91%); IE10+ */
/* 	background: linear-gradient(to bottom, #e88ca5 10%,#d73c68 54%,#d01e50 91%); W3C */
/* 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e88ca5', endColorstr='#d01e50',GradientType=0 ); IE6-9 */
	background-image:url("../img/bgr_trans_85.png");



}
.header_line_content{
	position: absolute;
	height: 40px;
	right:10px;
	width: auto;
	z-index: 100;
}

.header_line_content_cism{
	position: absolute;
	height: 40px;
	right:10px;
	width: auto;
	z-index: 100;
	top:6px;
}

#phone_contact{
	float:left;
	line-height: 40px;
	height: 40px;
}

.header_caption_levo{
	width:500px;
	float:left;
	/* height:90px; */	
	margin-left:20px;
}
.header_caption_desno{
	width:342px;
	float: left;
	height:90px;
	display:flex;
	align-items:center;
	justify-content: right;
	font-weight: 500;
	color: #144a62;
	font-size:24px;
	font-style:oblique;	
}

.header_levo span{
	width:100%;
	text-align:right;
}
.site_caption{
	width: auto;
	float: left;
	/* height: 100px; */
	position: relative;
	line-height: 1;
	margin-left: 6px;
	margin-top: 20px;
	text-transform: uppercase;
	display: block;
	font-size:20px;
	color: #144a62;
	font-weight:500;
}

.site_caption a,
.site_caption a:link,
.site_caption2 a,
.site_caption3 a{
	color: #144a62;;
}

.site_caption2{
	width: 100%;
	position: absolute;
	top: 51px;
	line-height: initial;
	margin-left: 10px;
	margin-top: 15px;
	/* text-transform: uppercase; */
	vertical-align: middle;
	display: inline-block;
	font-size:28px;
	color: #222;
}

.site_caption3{
	width: 190px;
	position: absolute;
	top: 72px;
	line-height: initial;
	margin-left: 10px;
	/* text-transform: uppercase; */
	vertical-align: middle;
	display: inline-block;
	font-size:16px;
	color: #222;
}

.site_caption4{
	font-size:30px;
	color: #144a62;
	/* font-weight:600; */
	margin-left: 50px;
	font-weight:600;
}

.site_caption h1,
.site_caption2 h1{
	font-family: Goodtime, Roboto, sans-serif;
	font-size: 16px;
	
}

/*za stranicu arhiva.php*/
.publication_year{
	display: inline-block;
	float: left;
	width: 100%;
	border-bottom: 2px solid #a74726;
	margin: 5px 0px;
	background-image: url("/img/isi_italicbox.png");
	background-repeat: no-repeat;
}

.date_year{
/* 	padding-left: 20px; */
}

.archive_news_image{
	width:30%;
	float:left;
}

.archive_documents_image{
	width:30%;
	float:left;
	outline: 2px solid #a74726;
}

.archive_news{
	width:57%;
	float:left;
}

.archive_news_publications,
.archive_news_researchers{
	width:68%;
	float:left;
	margin-left: 2%;
}

.archive_news_documents{
	width:66%;
	float:left;
	margin-left: 2%;
}

.archive_news_projects{
	width:100%;
	float:left;
}

.news_text{
	float:left;	
	width:90%;
}

.news_text_publications{
	float:left;	
	width:100%;
}

.archive_news_download{
	width: 100%;
	float:left;
/* 	background-image: url("/img/isi_btn_preuzmi_pdf.png"); */
/* 	background-repeat: no-repeat; */
	margin-top: 5px;
}
.download_btn
{
	width:30%; 
	text-align:center;
	display: inline-block;
	background-image: url('/img/isi_btn_preuzmi_pdf_pattern.png');
}
.hidden_news_date{
	display:none;
	float:left;
}

.non_transparent_header{
	background-color: rgba(255, 255, 255, 1);
}

.transparent_header{
	background-color: rgba(0, 0, 0, 0.7);
}

.btn_galerija_dark {
  width: 300px;
  height: 40px;
  cursor: pointer;
  margin: 40px auto 40px auto;
  border: 1px solid #000;
  color: #000;
  text-align: center;
  letter-spacing: 1px;
  background: rgba(0,0,0,0);
	line-height:40px;
	font-size:15px;
	-moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


.btn_galerija_dark:active, .btn_galerija_dark.a:visited, .btn_galerija_dark a{
	 color: #000;
}

.btn_galerija_dark:hover {
    background: rgba(0, 131, 203, 1);
	border: 1px solid #fff;
}

.btn_galerija_dark:hover a{
 	color:#fff; 
}

.btn_galerija_light {
  width: 300px;
  height: 40px;
  cursor: pointer;
  margin: 40px auto 40px auto;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  background: rgba(0,0,0,0);
	line-height:40px;
	font-size:15px;
	-moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn_galerija_light a:active, .btn_galerija_light a:visited, .btn_galerija_light a{
	color:#fff;
}

.btn_galerija_light:hover{
  background: rgba(254, 206, 20, 1);
	border: 1px solid #000;
}

.btn_galerija_light:hover a{
 	color:#000; 
}


.projekat_naziv h2{
	color:#333;
	font-size: 17px;
	margin: 5px auto;
	padding: 0 10px;
}

/*
*FLOATING CLASSES
*/
.float_left{
	float: left;
}

.promo_text_holder{
	margin-top: 120px;
	height:auto;
	padding-top: 50px;
}

/*
 * Search box
 */
#header_search_form {
	width: 150px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	text-align: right;
/* 	margin-right:20px; */
	position: relative;
}

/* Ok, HTML markup is complete */
/* submit button will also be the same but with a different color. We'll style the label and the submit input */
/* a faky 3D look */

#submit {
	display: none;	
}

#header_search_form .icon, #header_search_form .submit {
	width: 35px;
	height: 35px;
/* 	background-color: #fed351; */
	display: block;
	position: absolute;
	top: 0;
	right: 0;
/* 	box-shadow: */
/* 		0px 5px #green, */
/* 		0px 8px 10px rgba(0, 0, 0, 0.5); */
}

#header_search_form .submit {
/* 	background: #009bff; */
	cursor: pointer;
/* 	box-shadow: */
/* 		0px 5px #0276c1, */
/* 		0px 8px 10px rgba(0, 0, 0, 0.5); */
}

/* Now, we'll create a search (magnifying glass) icon using pseudo elements */
#header_search_form .icon:after, #header_search_form .submit:after  {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border: 2px solid #999;
	border-radius: 50%;
	left: 10px;
	top: 9px;
}

#header_search_form .icon:before, #header_search_form .submit:before {
	content: '';
	position: absolute;
	height: 8px;
	width: 2px;
	background: #999;
	transform: rotate(-35deg);
	top: 19px;
	left: 21px;
}

/* Styling the input */
#header_search_form #search_input {
/* 	-webkit-appearance: none; */
	display:inline-block;
	height: 20px;
	width: 0;
/* 	padding: 0; */
	opacity: 0;
/* 	border: none; *//*aktivirati ako ne zelis 3d efekak "udubljenja" edit boxa*/
	outline: none;
	position: relative;
	right: 35px;
/* 	box-shadow: */
/* 		0px 5px #bbb, */
/* 		0px 8px 10px rgba(0, 0, 0, 0.5); */
}

.video_download_and_size_button {
    float: right;
    padding: 0 15px;
}

.video_clip_caption {
	padding: 10px 20px;
	text-align: left;
	float: left;
}

.video_date {
    float: left;
    padding: 0 15px;
}

.top_news_wrapper{
/* 	height:600px; */
/* 	top:0; */
/* 	background-color: yellow; */
	position: relative;
}

.top_news {
	position: absolute;
	height: 160px;
	width: 996px;
	/* background-image: url("../img/top_news_caption_bgr.png"); */
	background-color: #2E5F97;
	top: -95px;
	padding: 15px;
}

.top_news .block_header{
	height: auto;
}

.top_news .block_content{
	height: auto !important;
	padding: 0 0;
}

.index_news .block_header{
	width: 100%;
	height: auto;
	float:left;
}

.index_news .block_header img{
	width: 100%;
	height: 100%;
}

.index_news .block_content,
.index_obavestenja_item .block_content_obavestenja,
.block_content_news{
	width: 96%;
	padding: 2%;
	float:left;
	height: auto !important;
}

.block_content_news{
/* 	min-height: 150px; */
}

.index_news_item,
.index_obavestenja_item{
	background: #eaebed;
	height: auto;
/* 	min-height: 245px; */
	overflow: auto;
    display: block;
}

.index_clanak_item{
	background: transparent;
	height: auto;
}

.index_news_item:not(:last-child),
.index_obavestenja_item:not(:last-child),
.index_clanak_item:not(:last-child){
	margin-bottom: 4px;
}

.moto {
	width: 300px;
	height: 70px;
	transform: skewX(-30deg);
	transform-origin: top;
	margin: 5px;
	display: flex;
	justify-content: left;
	align-items: center;
	background-color: #2b51a4;
	/* opacity: 0.7;
    filter: alpha(opacity=70); */ /* For IE8 and earlier */
	color: #fff;	
	font-size: 50px;
	font-weight:bold;
	padding-left: 15px;
}

.moto > span,
.moto_red > span {
	transform: skewX(30deg);
}

.moto_banner{
	position:relative;
	float:left;
	/* width:280px; */
/* 	background-image:url("../img/top_news_caption_bgr.png"); */
	background-color: transpartent;
	/* top:-450px; */
	/* padding: 15px; */
	/* width:50%; */
	top:400px;
}
.moto_banner .moto_title{
	color: #ffffff;
	font-size:38px;
	text-align:left;
	display:inline-block;
	float:left
}

.moto_banner .moto_title a{
	color: #ffffff;
}

.moto_banner .moto_title a:hover{
	color: #41a4dd;
}

.moto_banner .moto_kratak_tekst{
	color: #ffffff;
	font-size:18px;
	text-align:left;
	display:inline-block;
	float:left
}

.moto_red{
	width: 300px;
	height: 70px;
	transform: skewX(-30deg);
	transform-origin: top;
	margin: 5px;
	display: flex;
	justify-content: left;
	align-items: center;
	background-color: #ac2931;
	/* opacity: 0.7;
    filter: alpha(opacity=70); */ /* For IE8 and earlier */
	color: #fff;	
	font-size: 50px;
	font-weight:bold;
	padding-left: 15px;
}

.top_news_icons{
	padding: 5px;
	margin-top: 10px;
}

#top_news_more{
	padding: 5px 20px;
	background-color: white;
/* 	float:left; */
	margin-top: 10px;
	display: inline-block;
}

#top_news_more a, #top_news_more a:active, #top_news_more a:visited, #top_news_more a:hover{
	color:#007FFF;
}

.binicki_more_btn{
	padding: 5px 20px;
	background-color: #ac292f;
	margin-top: 40px;
	display: inline-block;
}

.binicki_more_btn a, 
.binicki_more_btn a:active, 
.binicki_more_btn a:visited, 
.binicki_more_btn a:hover{
	color:#fff;
}

.mobile_top_news{
	display:none;
	text-align: left;
	padding: 15px 1.6% 15px 1.6%;
	widt:96.8%;
}

.arhiva_more_btn{
	padding: 5px 40px;
	background-color: #5D7192;
	margin-top: 10px;
	display: inline-block;
	border-radius: 7px;
	/* border: 1px solid #fff; */
	font-weight:600;
	color:#fff;
}

.arhiva_more_btn:hover{
	background-color: #144a62;
	color:#fff;
}

.more_btn_about{
	background-color: #FFF;
	color: #144a62;
}

.more_btn_about:hover{
	background-color: #FFF;
	color: #5D7192;
}

.more_btn_obavestenja{
	margin: 10px 0;
}

.o_nama_more_btn{
	width:90%;
	padding: 5px 5%;
	background-color: #fff;
	margin-top: 40px;
	display: inline-block;
	border-radius: 7px;
	border: 1px solid #798092;
	font-weight:600;
	color:#798092;
}

.o_nama_more_btn:hover{
	background-color:#798092;
	color:#fff;
}


.custom_more_btn{
	padding: 50px 30px;
	background-color: #4B6FB8;
	margin-top: 40px;
	display: inline-block;
	border-radius: 7px;
	/* border: 1px solid #fff; */
	font-weight:600;
}

.custom_more_btn:hover{
	opacity: 0.9;
    filter: alpha(opacity=90);
}


.custom_more_btn a, 
.custom_more_btn a:active, 
.custom_more_btn a:visited, 
.custom_more_btn a:hover{
	color:#fff;
}

/*	Social Widget
------------------------------------------------*/	
.socialmedia-widget {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	text-align: center;
	}
	div .socialmedia-widget:first-child { margin: 0; }
	
.socialmedia-widget li {
	display: inline-block;
	background: transparent;
	padding: 0px;
	margin: 0 3px 0 3px;
	position: relative;
	}
	
.socialmedia-widget li a {
	height: 30px;
	width: 30px;
	display: block;
	text-indent: -9999px;
	background: url(../images/social-icons.png);
	margin: 0;
	}
	
.social-share li a { opacity: 0.3; filter: alpha(opacity=30);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }
.text-light .social-share li a { opacity: 1; filter: alpha(opacity=100);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
		
.socialmedia-widget li.facebook a { background-position: 0px top; }
.socialmedia-widget li.twitter a { background-position: -30px top; }
.socialmedia-widget li.thumblr a { background-position: -60px top; }
.socialmedia-widget li.vimeo a { background-position: -90px top; }
.socialmedia-widget li.dribbble a { background-position: -120px top; }
.socialmedia-widget li.deviantart a { background-position: -150px top; }
.socialmedia-widget li.behance a { background-position: -180px top; }
.socialmedia-widget li.flickr a { background-position: -210px top; }
.socialmedia-widget li.forrst a { background-position: -240px top; }
.socialmedia-widget li.linkedin a { background-position: -270px top; }
.socialmedia-widget li.rss a { background-position: -300px top; }
.socialmedia-widget li.googleplus a { background-position: -330px top; }
.socialmedia-widget li.pinterest a { background-position: -360px top; }
.socialmedia-widget li.youtube a { background-position: -390px top; }
.socialmedia-widget li.mail a { background-position: -420px top; }
.socialmedia-widget li.instagram a { background-position: -450px top; }
.socialmedia-widget li.xing a { background-position: -480px top; }
.socialmedia-widget li.dropbox a { background-position: -510px top; }

.text-light .socialmedia-widget li.facebook a { background-position: 0px -30px ; }
.text-light .socialmedia-widget li.twitter a { background-position: -30px -30px; }
.text-light .socialmedia-widget li.thumblr a { background-position: -60px -30px ; }
.text-light .socialmedia-widget li.vimeo a { background-position: -90px -30px ; }
.text-light .socialmedia-widget li.dribbble a { background-position: -120px -30px ; }
.text-light .socialmedia-widget li.deviantart a { background-position: -150px -30px ; }
.text-light .socialmedia-widget li.behance a { background-position: -180px -30px ; }
.text-light .socialmedia-widget li.flickr a { background-position: -210px -30px ; }
.text-light .socialmedia-widget li.forrst a { background-position: -240px -30px ; }
.text-light .socialmedia-widget li.linkedin a { background-position: -270px -30px ; }
.text-light .socialmedia-widget li.rss a { background-position: -300px -30px ; }
.text-light .socialmedia-widget li.googleplus a { background-position: -330px -30px ; }
.text-light .socialmedia-widget li.pinterest a { background-position: -360px -30px ; }
.text-light .socialmedia-widget li.youtube a { background-position: -390px -30px ; }
.text-light .socialmedia-widget li.mail a { background-position: -420px -30px ; }
.text-light .socialmedia-widget li.instagram a { background-position: -450px -30px ; }
.text-light .socialmedia-widget li.xing a { background-position: -480px -30px ; }
.text-light .socialmedia-widget li.dropbox a { background-position: -510px -30px ; }

.socialmedia-widget li:hover a { opacity: 1 !important; filter: alpha(opacity=100) !important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; }

.socialmedia-widget li.facebook:hover a { background-position: 0px bottom ; }
.socialmedia-widget li.twitter:hover a { background-position: -30px bottom; }
.socialmedia-widget li.thumblr:hover a { background-position: -60px bottom; }
.socialmedia-widget li.vimeo:hover a { background-position: -90px bottom; }
.socialmedia-widget li.dribbble:hover a { background-position: -120px bottom; }
.socialmedia-widget li.deviantart:hover a { background-position: -150px bottom; }
.socialmedia-widget li.behance:hover a { background-position: -180px bottom; }
.socialmedia-widget li.flickr:hover a { background-position: -210px bottom; }
.socialmedia-widget li.forrst:hover a { background-position: -240px bottom; }
.socialmedia-widget li.linkedin:hover a { background-position: -270px bottom; }
.socialmedia-widget li.rss:hover a { background-position: -300px bottom; }
.socialmedia-widget li.googleplus:hover a { background-position: -330px bottom ; }
.socialmedia-widget li.pinterest:hover a { background-position: -360px bottom ; }
.socialmedia-widget li.youtube:hover a { background-position: -390px bottom; }
.socialmedia-widget li.mail:hover a { background-position: -420px bottom; }
.socialmedia-widget li.instagram:hover a { background-position: -450px bottom; }
.socialmedia-widget li.xing:hover a { background-position: -480px bottom; }
.socialmedia-widget li.dropbox:hover a { background-position: -510px bottom; }


/*---------------------------------------------- 
17. IMG OVERLAY
------------------------------------------------*/
.imgoverlay {
	position: relative;
	overflow: hidden;
	display: block;
	max-width: 100%;
	}
	
.imgoverlay img {
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	
	width: auto;
	max-width: 100%;
	border: 0;
	
	}
	
.imgoverlay:hover img {
	/* transform: scale(1.07);
	-ms-transform: scale(1.07); 
	-webkit-transform: scale(1.07); */
	}

.imgoverlay .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;	
	}
	
.imgoverlay:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	
.imgoverlay .overlaycolor {
	width: 90%;
	height: 90%;
	background: #fff;
	position: absolute;
	top: 5%;
	left: 5%;
	z-index: 0;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	
	border-top-left-radius: 50% 50%;
  	border-top-right-radius: 50% 50%;
  	border-bottom-right-radius: 50% 50%;
  	border-bottom-left-radius: 50% 50%;	
	}
	
.imgoverlay .overlayinfo {
	width: 100%;
	text-align: center;
	display: block;
	position: absolute;
	top: 65%;
	left: 0;
	-webkit-transition: top 0.3s ease;
    -moz-transition: top 0.3s ease;
    -o-transition: top 0.3s ease;
    -ms-transition: top 0.3s ease;
    transition: top 0.3s ease;
	}
	
.imgoverlay:hover .overlayinfo {
	top: 15%;
	}	
	
.overlayinfo h6 {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}
	
.team-image{
	border-top-left-radius: 50% 50%;
  	border-top-right-radius: 50% 50%;
  	border-bottom-right-radius: 50% 50%;
  	border-bottom-left-radius: 50% 50%;
}

.team-name {
    text-transform: uppercase;
	font-size: 22px;
	margin-bottom:10px;
}

.team-role {
    margin-top: 0px;
	text-transform: lowercase;
}


/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
#map {
	width:100%;
	height: 600px;
	margin: 20px 0;
}

.column {
    float: left;
    margin-right: 40px;
    min-height: 1px;
}

.footer_phone:before{
  content:url('../img/ss_foot_telefon.png');
  position:relative; 
  vertical-align: -50%;
  margin-right: 10px;
}

.footer_location:before{
  content:url('../img/ss_foot_lokacija.png');
  position:relative; 
  vertical-align: -50%;
  margin-right: 10px;
}

.footer_email:before{
  content:url('../img/ss_foot_mejl.png');
  position:relative; 
  vertical-align: -50%;
  margin-right: 10px;
}

.footer_element_inner{
	float: left; 
	/* margin-right: 35px; */
	/* text-transform: uppercase; */
	color: #222;
	text-align:left;
	padding: 20px;
}

.footer_element_inner a,
.footer_element_inner a:visited{
	color: #222;
}

.footer_element_inner a:hover{
	text-decoration: underline;
	color:#41a4dd;
}
.footer_phone .footer_element_inner,
.footer_location .footer_element_inner{
	margin-top:10px; 
}

.footer_email .footer_element_inner{ 
	margin-top: 25px;
}

.footer_info{
	width: 100%;
	float:left;
}

#partners.navi ul li {
    margin: 20px 5px;
    display: inline-block;
	position:relative;
}
#partners ul:first-child{
    margin-top: 1.83%;
}
#partners.navi ul li:first-child{
    margin-left: 0px;
}

.hexagon { 
	width: 160px; 
	height: 160px; 
	background: red; 
	position: relative;
	float:left; 
}

.hexagon:before { 
	content: ""; 
	position: absolute; 
	top: -40px; 
	left: 0; 
	width: 0; 
	height: 0; 
	border-left: 80px solid transparent; 
	border-right: 80px solid transparent; 
	border-bottom: 40px solid red; 
} 

.hexagon:after { 
	content: ""; 
	position: absolute; 
	bottom: -40px; 
	left: 0; 
	width: 0; 
	height: 0; 
	border-left: 80px solid transparent; 
	border-right: 80px solid transparent; 
	border-top: 40px solid red; 
}

#hexGrid {
  display: flex;
  flex-wrap: wrap;
  width: 67%;
  margin: 0 auto;
  overflow: hidden;
  font-size: 15px;
  list-style-type: none;
  padding-left: 100px;
}

.hex {
  position: relative;
  visibility:hidden;
  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
}
.hex::after{
  content:'';
  display:block;
  padding-bottom: 86.602%;  /* =  100 / tan(60) * 1.5 */
}
.hexIn{
  position: absolute;
  width:96%;
  padding-bottom: 110.851%; /* =  width / sin(60) */
  margin:0 2%;
  overflow: hidden;
  visibility: hidden;
  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
  -webkit-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
      -ms-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
          transform: rotate3d(0,0,1,-60deg) skewY(30deg);
}
.hexIn * {
  position: absolute;
  visibility: visible;
  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
}
.hexLink {
    display:block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    -webkit-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
        -ms-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
            transform: skewY(-30deg) rotate3d(0,0,1,60deg);
}

/*** HEX CONTENT **********************************************************************/
.hex img {
  left: -100%;
  right: -100%;
  width: auto;
  height: 100%;
  margin: 0 auto;
  -webkit-transform: rotate3d(0,0,0,0deg);
      -ms-transform: rotate3d(0,0,0,0deg);
          transform: rotate3d(0,0,0,0deg);
}

.hex h1, .hex p {
  width: 100%;
  padding: 5%;
  box-sizing:border-box;
  background-color: rgba(0, 128, 128, 0.8);
  font-weight: 300;
  -webkit-transition:  -webkit-transform .2s ease-out, opacity .3s ease-out;
          transition:          transform .2s ease-out, opacity .3s ease-out;
}
.hex h1 {
  bottom: 50%;
  padding-top:50%;
  font-size: 1.5em;
  z-index: 1;
  -webkit-transform:translate3d(0,-100%,0);
      -ms-transform:translate3d(0,-100%,0);
          transform:translate3d(0,-100%,0);
}
.hex h1::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 45%;
  width: 10%;
  text-align: center;
  border-bottom: 1px solid #fff;
}
.hex p {
  top: 50%;
  padding-bottom:50%;
  -webkit-transform:translate3d(0,100%,0);
      -ms-transform:translate3d(0,100%,0);
          transform:translate3d(0,100%,0);
}


/*** HOVER EFFECT  **********************************************************************/
.hexLink:hover h1, .hexLink:focus h1,
.hexLink:hover p, .hexLink:focus p{
  -webkit-transform:translate3d(0,0,0);
      -ms-transform:translate3d(0,0,0);
          transform:translate3d(0,0,0);
}

/*** HEXAGON SIZING AND EVEN ROW INDENTATION *****************************************************************/
@media (min-width:901px) { /* <- 5-4  hexagons per row */
  #hexGrid{
    padding-bottom: 4.4%
  }
  .hex {
    width: 22%; /* = 100 / 5 */
  }
  .hex:nth-child(9n+5){ /* first hexagon of even rows */
    margin-left:11%;  /* = width of .hex / 2  to indent even rows */
  }
}

/* @media (max-width: 1200px) and (min-width:901px) { <- 4-3  hexagons per row
  #hexGrid{
    padding-bottom: 5.5%
  }
  .hex {
    width: 25%; = 100 / 4
  }
  .hex:nth-child(7n+5){ first hexagon of even rows
    margin-left:12.5%;  = width of .hex / 2  to indent even rows
  }
} */

@media (max-width: 900px) and (min-width:701px) { /* <- 3-2  hexagons per row */
  #hexGrid{
    padding-bottom: 7.4%;
  	width: 60%;
  }
  .hex {
    width: 28%; /* = 100 / 3 */
  }
  .hex:nth-child(5n+4){ /* first hexagon of even rows */
    margin-left:13.666%;  /* = width of .hex / 2  to indent even rows */
  }
}

@media (max-width: 800px) and (min-width:701px){ /* <- 3-2  hexagons per row */
  #hexGrid{
  	width: 67%;
    padding-bottom: 7.4%;
  }
}

@media (max-width: 700px) and (min-width:641px) { /* <- 2-1  hexagons per row */
  #hexGrid{
  	width: 42%;
  	padding-left: 0;
  	padding-bottom: 11.2%;
  }
  
.hex {
    width: 50%; /* = 100 / 3 */
  }
  .hex:nth-child(3n+3){ /* first hexagon of even rows */
    margin-left:25%;  /* = width of .hex / 2  to indent even rows */
  }
}

@media (max-width: 640px) and (min-width:541px) { /* <- 2-1  hexagons per row */
  #hexGrid{
    padding-bottom: 11.2%;
  	width: 47%;
  	padding-left: 0;
  }
  .hex {
    width: 50%; /* = 100 / 3 */
  }
  .hex:nth-child(3n+3){ /* first hexagon of even rows */
    margin-left:25%;  /* = width of .hex / 2  to indent even rows */
  }
}

@media (max-width: 540px) and (min-width:481px) { /* <- 2-1  hexagons per row */
  #hexGrid{
    padding-bottom: 11.2%;
  	width: 44%;
  	padding-left: 0;
  }
  .hex {
    width: 50%; /* = 100 / 3 */
  }
  .hex:nth-child(3n+3){ /* first hexagon of even rows */
    margin-left:25%;  /* = width of .hex / 2  to indent even rows */
  }
}

@media (max-width: 480px) and (min-width:401px) {
    #hexGrid {
        width: 60%;
    	padding-bottom: 11.2%;
    }
.hex {
    width: 50%; /* = 100 / 3 */
  }
  .hex:nth-child(3n+3){ /* first hexagon of even rows */
    margin-left:25%;  /* = width of .hex / 2  to indent even rows */
  }
}

@media (max-width: 400px) and (min-width:381px) {
    #hexGrid {
        width: 74%;
    	padding-left:0;
    	padding-bottom: 11.2%;
    }
.hex {
    width: 50%; /* = 100 / 3 */
  }
  .hex:nth-child(3n+3){ /* first hexagon of even rows */
    margin-left:25%;  /* = width of .hex / 2  to indent even rows */
  }
}

@media (max-width: 380px) and (min-width:341px) {
    #hexGrid {
        width: 79%;
    	padding-left:0;
    	padding-bottom: 11.2%;
    }
    
.hex {
    width: 50%; /* = 100 / 3 */
  }
  .hex:nth-child(3n+3){ /* first hexagon of even rows */
    margin-left:25%;  /* = width of .hex / 2  to indent even rows */
  }
}

@media (max-width: 340px) and (min-width:319px) {
    #hexGrid {
        width: 91%;
    	padding-left:0;
    	padding-bottom: 11.2%;
    }
    
.hex {
    width: 50%; /* = 100 / 3 */
  }
  .hex:nth-child(3n+3){ /* first hexagon of even rows */
    margin-left:25%;  /* = width of .hex / 2  to indent even rows */
  }
}

#slider_box_title{
	position:absolute;
	bottom:10%;
	left:0;
	right:40%;
	width:30%;
	height:auto;
	z-index:0;
	margin: 0 auto;
	background: #3d619b;
	/* background-image: url(../img/slider_box_background.png); */
	background-repeat: repeat;
	padding: 10px 15px;
	-webkit-transform: skew(-20deg); 
	-moz-transform: skew(-20deg); 
	-o-transform: skew(-20deg);
}

#slider_box_inner{
	float:left;
	position:relative;
	width:100%;
	font-size: 25px;
	line-height:25px;
	font-weight: 500;
	
	transform: skewX(20deg);
}

.slider_box_inner a:hover{
	text-decoration: underline;
}

.slider_box_inner_date{
	color: white;
	font-size:12px;
}

.kategorija_vesti_ribbon{
	background-color:#ac292f; 
	width:auto; 
	height:35px; 
	text-transform:lowercase; 
	position:absolute;
	z-index: 70;
	top: -10px;
	right: 0;
	padding:2px 10px;
	line-height: 35px;
	font-size: 16px;
	font-weight:500;
	text-shadow: 1px 1px #dedede;
	color: #fff;
}

#content_baner{
	display:none;
}

#baner_desktop{
	display: block;
	width: 100%;
	margin-top: 20px;
}

#baner_table{
	display: none;
	width: 100%;
	margin-top: 20px;
}

#baner_mobile{
	display: none;
	width: 100%;
	margin-top: 20px;
}


#content_services_blocks{
	float:left;
}

#content_services_blocks #block_one .block_header,
#content_services_blocks #block_one .block_header:hover,
#content_services_blocks #block_two .block_header,
#content_services_blocks #block_two .block_header:hover,
#content_services_blocks #block_three .block_header,
#content_services_blocks #block_three .block_header:hover,
#content_services_blocks #block_four .block_header,
#content_services_blocks #block_four .block_header:hover,
#content_services_blocks #block_five .block_header,
#content_services_blocks #block_five .block_header:hover,
#content_services_blocks #block_six .block_header,
#content_services_blocks #block_six .block_header:hover,
#content_services_blocks #block_seven .block_header,
#content_services_blocks #block_seven .block_header:hover,
#content_services_blocks #block_eight .block_header,
#content_services_blocks #block_eight .block_header:hover{
	background-position: center center;
    background-repeat: no-repeat;
}

.footer_logo{
	width: 90px !important;
}

.foto_item{
	float:left;
	margin:1% 1%;
	width: 23%;
}

.foto_item a img{
	border:solid 3px; 
	border-color:#003366;
	width:100%
}


#social_icons_footer_wrap{
    position: fixed; 
    bottom: 0px; 
    width: 100%; 
    height: 46px; 
    background-color: #fff;
	display: none;
	z-index:100;
}

#social_icons_footer{
	line-height: 70px;
	display: table;
    margin: 0 auto;
}

#social_icons_footer_wrap .navi ul{
/*font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;*/
margin: 0px;
padding: 0px;
}

#social_icons_footer_wrap .navi ul li{
display:inline-block;
margin-left:3px;
margin-right:3px;
}

#social_icons_footer_wrap .navi ul li a{
/*font-family: Arial, Helvetica, sans-serif;
font-size: 12px;*/
color:#FFFFFF;
text-decoration: none;
}

#social_icons_footer_wrap .navi a img{
border: none;
display:inline;
}

#social_icons_footer_wrap .navi a{
color: #ffffff;
}

#social_icons_footer_wrap .navi a:hover{
	color:#fed351;
}

.rolover_social_header{
	width:32px;
	height:32px;
	background-repeat:no-repeat;
}

.rolover_social_header:hover{
	transform: translate(0, -3px);
	cursor:pointer;
}

.header_logo_caption{
	width:100%;
	height: 100%;
	display:flex;
	justify-content: left;
	align-items: center;
}

.izdvojeni_clanci_broja{
	width: 100%;
	margin:10px 0;
	display: flex;
	flex-direction: column;
	color: #000;
	font-size:16px;
	justify-content: space-evenly;
	height: 100%
}

.najava_broja_kratak_tekst{
	width: 100%;
	margin:10px 0;
	color: #000;
	font-size:14px;
	text-align: justify;
}

.izdvojeni_clanci_broja_item{
	width:100%;
	float:left;
	margin: 3px;
	padding: 10px 0;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.izdvojeni_clanci_broja_item_part_1{
	width:30%;
	float:left;
}

.izdvojeni_clanci_broja_item_part_2{
	width:70%;
	float:left;
}

.block_content_clanak{
	text-align:center;
  	justify-content: center;
}

.ponuda_block_holder {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	flex-wrap: wrap;
}

#partners_promo_block_content_1, #partners_promo_block_content_2 {
	text-align: center;
	margin: 30px 0;
}

#zastava {
	background-image: url("../img/ministarstvo_zastava.jpg");
	background-repeat: repeat-x;
	height: 12px;
}

.mco_izdavastvo_clanci{
	width:100%;
	text-transform: uppercase;
	text-align: center;
}

.broj{
	margin-bottom: 10px;
	background: #ededed;
	text-align: center;
	border-radius: 3px;
	overflow: auto;
}

.broj_el {
	height: auto;
	min-height:235px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.broj_el img {
	width:100%;
	border-radius: 3px;
}

#pretraga {
	/* background-color: #144a62; */
	margin: 20px 0;
}

.forma_za_pretragu_clanaka {
	display: flex;
	flex-direction: row;
	height: 30px;
	padding: 10px 5px;
}

.forma_za_pretragu_clanaka_el{
	margin: 0 2px;
}

.forma_za_pretragu_clanaka_el img{
	width:100%
}

#kr,
#a{
	width:30%;
}

#btn_pretraga{
	width:20%;
	background-image: url("../img/mo_search_w.png");
	background-repeat: no-repeat;
	background-color: #144a62;
	background-position: center;
}

.broj_holder{
	width: 100%;
	height: auto;
	overflow: hidden;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
}

/*PhotoSwipe Gallery*/
.demo-gallery {
  	width: 100%;
  	height: auto;
  	float: left;
 	display:flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.demo-gallery a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  display: block;
  /* float: left;
  margin: 15px 0 0 0;
  width: 100%; */
  line-height: 0;
	width:23%; 
	float:left;
	margin:1% 1%;
}

.demo-gallery a img{
	width: 100%;
	/* height: 200px; */
}

.fotogalerija-item-sadrzaj img{
	/* width: 100% !important;
	height: 250px !important; */
}

.ostale_fotke_galerije {
	height: 100%;
	width: 50%;
	float: left;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

a.demo-gallery__img--main {
  /* width: auto;
  height: auto; */
	margin-bottom:10px;
	margin-top:10px;
}

.demo-gallery figure {
  display: none;
}
.demo-gallery__title {
  line-height: 14px;
  font-size: 14px;
  opacity: 0.8;
  margin-top: 5px;
  width: 100%;
  float: left;
}

.top_vest_foto_desktop{
	display:inline-block;
	width:100%; 
	height:auto
}

.top_vest_foto_mobile{
	display:none;
	width:100%; 
	height:auto
}

.edicija_knjiga_el{
	display: flex;
	flex-direction: row;
	width: 96%;
	padding: 15px 1%;
}

.knjiga_foto{
	width: 34%;
	margin-right: 1%;
}

.knjiga_foto img{
	width: 100%;
}

.knjiga_opis{
	width: 64%;
	margin-left: 1%;
	text-align:left;
}

.galerija_fotografija h3{
	font-size: 18px;
	color: #000;
	margin-top: 5px;
}

.top_news_wrapper_mobile{
	display:none;
}

.yt_video_clip{
	height: 100%;
}