.isdesktop, .ismobile{visibility: hidden; display:none;} /* default da se ne učitva sve odmah */

/* integracija fonta */
/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. 
You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. 
Please contact Monotype with any questions regarding Web Fonts: https://www.linotype.com
*/
@font-face{
    font-family:"Futura LT W04 Bold1475826";
    src:url("Fonts/1475826/700bd18e-d9e0-45c5-93e2-7c930608c50e.eot?#iefix");
    src:url("Fonts/1475826/700bd18e-d9e0-45c5-93e2-7c930608c50e.eot?#iefix") format("eot"),url("Fonts/1475826/12dbb46a-1b0b-40ee-80a6-4141c349b55f.woff2") format("woff2"),url("Fonts/1475826/2abd55ef-07d0-473e-80e1-0e4066cd01fa.woff") format("woff"),url("Fonts/1475826/c4fa8988-43d1-4a01-96e4-36c5c5a121c9.ttf") format("truetype");
}
@font-face{
    font-family:"FuturaBT W04 Light";
    src:url("Fonts/5574996/2a133f35-1f19-4e1f-8fe3-0fee4889dfab.eot?#iefix");
    src:url("Fonts/5574996/2a133f35-1f19-4e1f-8fe3-0fee4889dfab.eot?#iefix") format("eot"),url("Fonts/5574996/369f7224-c3a7-41c7-b04d-272a7bd17c7a.woff2") format("woff2"),url("Fonts/5574996/4d17e78b-5fc9-44f7-b763-8ab7fac56f01.woff") format("woff"),url("Fonts/5574996/e6977546-d168-4250-83d1-edc238bb20d0.ttf") format("truetype");
}
@font-face{
    font-family:"FuturaBT W04 Book";
    src:url("Fonts/5575012/3f04a055-c9e9-4da6-8056-63a84e417dc8.eot?#iefix");
    src:url("Fonts/5575012/3f04a055-c9e9-4da6-8056-63a84e417dc8.eot?#iefix") format("eot"),url("Fonts/5575012/d6dbadbd-e7bd-4dac-8f9e-1236b842c3df.woff2") format("woff2"),url("Fonts/5575012/9c767026-4e43-4a54-a07b-d35b4b894412.woff") format("woff"),url("Fonts/5575012/b1dd4397-f613-4290-a338-d183ad726aea.ttf") format("truetype");
}
/* integracija fonta */

html,body {font-size: 20px; /* 16 px*/  font-family:"FuturaBT W04 Light", Arial, Helvetica, sans-serif;}

a {text-decoration: none; outline: none; /*color:#f3d038;*/ color:#00afd7; }
a:hover, a.over, a:visited, a:active, a.active, a.selected {text-decoration: underline; outline: none; color:#00afd7;}

h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6 {	text-transform:uppercase; margin:0px; padding:0px; width:100%;
								font-family:"Futura LT W04 Bold1475826", Arial, Helvetica, sans-serif;}
h1, .h1{font-size:2em; padding-bottom:0.5em;}
	h1.u_tekstu{font-size:1.5em;  padding-bottom:1em;}
h2, .h2{font-size:1.8em; padding-bottom:0.5em;}
	h2.u_tekstu{font-size:1.5em;}
.naslovnica h2{font-size:2em; letter-spacing:0.5em; padding-bottom:0.5em;}
h3{    margin-top: 1em; margin-bottom: 1em; font-size:1.5em; font-weight: bold;}
h4{    margin-top: 1em; margin-bottom: 1em; font-size:1.4em; font-weight: bold;}
h5{    margin-top: 1em; margin-bottom: 1em; font-size:1.2em; font-weight: bold;}
h6{    margin-top: 1em; margin-bottom: 1em; font-size:1em; font-weight: bold;}

.container-fluid{padding-left: 0px; padding-right:0px;}

strong{font-family:"Futura LT W04 Bold1475826", Arial, Helvetica, sans-serif; /*font-size:0.9em;*/}
.small, small {font-size: 60%;font-weight: 400;}
.center{text-align: center;}

.mt1{margin-top:1em;}
.mt2{margin-top:2em;}
.mt2_5{margin-top:2.5em;}
.mt3{margin-top:3em;}

.mb1{margin-bottom:1em;}
.mb2{margin-bottom: 2em;}

iframe {width: 100%;}

.right{text-align:right;}
.bold{font-weight:bold;}

.nopadding{padding:0px; margin: 0px;}
.header-ml-10{margin-left:0.5em;}
.uppercase{text-transform: uppercase;}

.clear{clear:both;}

/* scrollbar */
body::-webkit-scrollbar, #menu-glavni-meni::-webkit-scrollbar, #navbar::-webkit-scrollbar {	width: 0.3em;}
body::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px #00afd7; }
body::-webkit-scrollbar-thumb{background-color: #ffc72c; outline: 1px solid #ffffff;}

#menu-glavni-meni::-webkit-scrollbar {	-webkit-box-shadow: inset 0 0 6px #00afd7; }
#menu-glavni-meni::-webkit-scrollbar, #navbar::-webkit-scrollbar {background-color: #00afd7; outline: 1px solid #00afd7;}
#menu-glavni-meni::-webkit-scrollba::-webkit-scrollbar-thumb, #navbar::-webkit-scrollbar-thumb{background-color: #00afd7; outline: 1px solid #ffffff;}

/* eu-project */
#eu-project{font-size: 0.8em;}
.naslovnica #eu-project{display:block; visibility: visible;}
.stranica #eu-project, .page-template-galerija-swiper-template #eu-project{display:none; visibility: hidden;}

/* langswitch*/
/*.language{ text-align: center; }*/
.language span{padding:0em 0.5em 0em  0.5em; margin-bottom: 3em;}
.language span.first{border-right:1px solid #ffc72c;}

/****************/
.row{ margin-left:0px;	margin-right:0px;} /* ispravak bootrstrapa koji mi smeta jer širi stranicu i dodaje horizontalni scrollbar */
/*
.naslovnica header{position: absolute; color:#ffffff; padding:2em 0 4em 0; z-index:2;}
	#umetni_u_header #PageNav a{color:#ffffff;}
	
	.stranica header{color:#000; padding:2em 0 4em 0; position:static;}
	.stranica header.entry-header{color:#000; padding:2em 0 1em 0; position:static;}
*/
/* begin: navigacija */
.naslovnica button.navbar-toggle{background:transparent; border:none; z-index:11; /*position:fixed;*/}
	.stranica button.navbar-toggle{background:transparent; border:none;  z-index:11; /*position:absolute;*/}
	.navbar-toggle.collapsed{} /* zatvoreni menu - pozicija toggla */
	.navbar-toggle.change{top:3em;} /* otvoreni menu - pozicija toggla */

#navbar{
	background:#00afd7;/*#57b4ca*/;
	/*display:block;*/
	width:100%;
	position:fixed;
	z-index:10;
	top:0px;
	left:0px;	
	height: 100%;
	overflow-y: scroll;
}

ul#menu-glavni-meni{overflow-y: scroll;}   /* zbog velikih rezolucija - u main.js redefinicija viseni meni-a */

#navbar{padding:2em 0 2em 0;}
	#navbar ul li{list-style:none; margin:0.5em auto 0.5em auto; }
		#navbar ul li a{text-transform:uppercase; color:#ffffff; font-size:1.5em; /*font-weight:bold; */
										font-family:"Futura LT W04 Bold1475826", Arial, Helvetica, sans-serif;}
			#navbar ul li ul li a{text-transform:none; color:#ffffff; font-size:1em; font-weight:normal;
														font-family:"FuturaBT W04 Light", Arial, Helvetica, sans-serif;}
/* end: navigacija */

/* begin: navigacija u stranici */
#PageNav{margin:1em 0 2em 0;}
	#PageNav ul{list-style:none; margin:0px; padding:0px;}
		#PageNav ul li{display:inline;  padding:20px 20px 20px 0; text-transform:uppercase; line-height: 2em;}
				#PageNav ul li a {color:#000;}
				#PageNav ul li a:hover, #PageNav ul li a::active, #PageNav ul li a.selected {text-decoration:underline;}
/* end: navigacija u stranici */

li.current_page_item a{text-decoration: underline;} /* selektirana stavka u svakoj navigaciji */
	li.current_page_item ul li a{text-decoration: none;} /* selektirana stavka u svakoj navigaciji */
	


/* begin: toggle change */
.bar1, .bar2, .bar3 { width: 35px; height: 2px; background-color: #ffffff; margin: 8px 0; transition: 0.4s; }
	.stranica .bar1, .stranica .bar2, .stranica .bar3{ background-color: #000;}
	
	.naslovnica .navbar-toggle.change{position: fixed;}
	.stranica .navbar-toggle.change{position: absolute;}

.change .bar1 { -webkit-transform: rotate(-50deg) translate(-5px, 5px);
				 transform: rotate(-50deg) translate(-5px, 5px);
				 height: 1px; 
				 margin: 6px 0; }
.change .bar2 { opacity: 0; height: 1px; margin: 6px 0;  }
.change .bar3 { height: 1px;
			  -webkit-transform: rotate(50deg) translate(-5px, -5px);
			  transform: rotate(50deg) translate(-5px, -5px);
			  margin: 6px 0; }
	.stranica .change .bar1, .stranica .change .bar2, .stranica .change .bar3{ background-color: #fff;}
/* end: toggle change  */




/* main content */
main{z-index: 9;}

.naslovnica .text_over_picture{font-size: 16px;}

/* transition out*/
.naslovnica .text_over_picture div.palaca a,
.naslovnica .text_over_picture div.galeb a,
.naslovnica .text_over_picture div.tekst a {
	-moz-transition: all 1.9s;
	-webkit-transition: all 1.9s;
	transition: all 1.9s;}

/* transition hover*/
	.naslovnica .text_over_picture div.palaca a:hover,
.naslovnica .text_over_picture div.galeb a:hover,
.naslovnica .text_over_picture div.tekst a:hover {text-decoration: none; font-size: 1.2em; 
	-moz-transition: all 1.9s;
	-webkit-transition: all 1.9s;
	transition: all 1.9s;}

.text_over_picture{position:relative;}
	.text_over_picture div.tekst{position:absolute; top:11em; z-index:1; font-size:3em; font-weight:900; /*width:99%; */} /* z-index je 3 da logo prođe ispod teksta */
	/*.naslovnica .text_over_picture div.tekst a:hover {text-decoration: none;}*/
	
	.text_over_picture div.galeb{position:absolute; z-index:1; } /* z-index je 1 da logo prođe preko teksta */
		.text_over_picture div.galeb a{color:#ffffff; }
		
	.text_over_picture div.palaca{position:absolute; z-index:1; right:1em;} /* z-index je 1 da logo prođe preko teksta */
		.text_over_picture div.palaca a{color:#ffffff;}
		.text_over_picture div.palaca h2{color:#ffffff;  text-align:right;}

		/* hover zoom slike na naslovnici */
		/*.text_over_picture {
			overflow: hidden;			
		}
		
		.text_over_picture img{	
			max-width: 100%;			
			-moz-transition: all 0.9s;
			-webkit-transition: all 0.9s;
			transition: all 0.9s;
		}

		.text_over_picture:hover img {
			-moz-transform: scale(1.1);
			-webkit-transform: scale(1.1);
			transform: scale(1.1);
		}*/

/* galerija */
	.gallery_container {position: relative; display: block;  width:100%; height: auto;}  
  	/*.gallery_image {display: block; width: 100%; height: auto; }*/
  
  .overlay_zuta {
	position: absolute; 	bottom: 0; 	background: #ffc72c;
	background: rgba(255, 199, 44, 0.5); 
	width: 100%;	height:100%;	transition: .5s ease;
	opacity:1;      
  }  

  .overlay_plava {
	position: absolute; 	bottom: 0; 	background: #00afd7;
	background: rgba(0, 175, 215, 0.5); 
	width: 100%;	height:100%;	transition: .5s ease;
	opacity:1;      
  }    

  .gallery_container:hover .overlay_zuta {opacity: 0; }
	.gallery_container:hover .overlay_plava {opacity: 0; }
	
	/* velika galerija */
	.swiper-pagination{text-align: right; padding: 0 10px 0 0;}
	.swiper-pagination-bullet{ width:30px; height: 30px; opacity: 0.8; background: #ffc72c;}
	.swiper-pagination-bullet-active{ background: #00afd7;}
	
	.img-fluid{ width: 100%; /*height: 100%;*/} /* prikaz unutar cijelog elementa */	
	.img-responsive{ width: 100%; height: auto;} 

/* podloge u tekstu*/
.podloga_plavo_od_ruba{
	background:url('../images/zrak/podloga_plavo_od_ruba.png') no-repeat;
	padding:5em 0 5em 0;
	color:#ffffff;
	font-family:"Futura LT W04 Bold1475826", Arial, Helvetica, sans-serif;
}

.podloga_plavo{
	background:url('../images/zrak/podloga_plavo.png') no-repeat;
	padding:5em 0 5em 0;
	color:#ffffff;
	font-family:"Futura LT W04 Bold1475826", Arial, Helvetica, sans-serif;
}

.podloga_plavo_galeb{
	background:url('../images/zrak/podloga_plavo_galeb.png') no-repeat;
	padding:3em 0 6.5em 0;
	color:#ffffff;
	font-family:"Futura LT W04 Bold1475826", Arial, Helvetica, sans-serif;	
}

	.podloga_plavo_od_ruba a, .podloga_plavo a, .podloga_plavo_galeb a{color:#ffffff; /*#ffc72c;*/}
/**/

.podloga_zuto{
	background:url('../images/zrak/podloga_zuto.png') no-repeat;
	background-position:right;
	padding:6em 0em 2em 0em;
	color:#ffffff;
	font-family:"Futura LT W04 Bold1475826", Arial, Helvetica, sans-serif;
}

.podloga_zuto_small{
	background:url('../images/zrak/podloga_zuto_small.png') no-repeat;
	background-position:right;
	padding:6em 0em 2em 0em;
	color:#ffffff;
	font-family:"Futura LT W04 Bold1475826", Arial, Helvetica, sans-serif;
}

.podloga_zuto_secerana{
	background:url('../images/zrak/podloga_zuto_secerana.png') no-repeat right;
	background-position:right;
	padding:8.5em 0em 6em 0em;
	color:#ffffff;
	font-family:"Futura LT W04 Bold1475826", Arial, Helvetica, sans-serif;
}

.podloga_zuto a, .podloga_zuto_small a, .podloga_zuto_secerana a{color:#ffffff; /* #00afd7;*/}

.stranica #galerija{margin-top: 4em;}

/**/
footer{background:#f1f1f1; padding:2em;}
/*	footer img{float:left;}*/
	.blackRightBorder{border-right:1px solid #000;}

/********************************************************************/

@media (max-width: 320px) {
	html, body {font-size: 16px; }
	.text_over_picture div.tekst{font-size:1em; top:2.5em; }
	.text_over_picture div.galeb{font-size:0.5em; top:14em;}
	.text_over_picture div.palaca{font-size:0.5em; top:14em;}
	
		.blackRightBorder{border-right:none;}			
	
	.naslovnica h2{letter-spacing:0.2em; padding-bottom:0.2em;}			
	
	.logoImg{padding: 1em 0 1em 0;}
} 

@media (min-width:321px) and (max-width: 450px) {
	html, body {font-size: 16px; }
	.text_over_picture div.tekst{font-size:1em; top:2.5em; }
	.text_over_picture div.galeb{font-size:0.5em; top:16em; }
	
	.hr .text_over_picture div.palaca{font-size:0.5em; top:16em;}
	.en .text_over_picture div.palaca{font-size:0.5em; top:14em;}
	
			.blackRightBorder{border-right:none;}	

	.naslovnica h2{letter-spacing:0.2em; padding-bottom:0.2em;}	

	.logoImg{padding: 1em 0 1em 0;}
} 

@media (min-width:451px) and (max-width: 480px) {
	html, body {font-size: 16px; }
	.text_over_picture div.tekst{font-size:1em; top:2.5em; }
	.text_over_picture div.galeb{font-size:0.5em; top:22em; }
	.text_over_picture div.palaca{font-size:0.5em; top:20em;}
	
			.blackRightBorder{border-right:none;}	

	.naslovnica h2{letter-spacing:0.2em; padding-bottom:0.2em;}	

	.logoImg{padding: 1em 0 1em 0;}
} 

@media (min-width:481px) and (max-width: 568px) {
	html, body {font-size: 16px; }
	.text_over_picture div.tekst{font-size:1em; top:5em; }
	.text_over_picture div.galeb{font-size:0.6em; top:20em; }
	.text_over_picture div.palaca{font-size:0.6em; top:22em; }
	
			.blackRightBorder{border-right:none;}		
	
	.logoImg{padding: 1em 0 1em 0;}
} 

@media (min-width: 569px) and  (max-width: 667px ) {
	html, body {font-size: 16px; }
	.text_over_picture div.tekst{font-size:1em; top:5em; }
	.text_over_picture div.galeb{font-size:0.6em; top:24em;}
	.text_over_picture div.palaca{font-size:0.6em; top:23em; }
	
			.blackRightBorder{border-right:none;}				
} 

@media (min-width: 668px) and  (max-width: 768px ) {
	html, body {font-size: 16px; }
	.text_over_picture div.tekst{font-size:1em; top:5em; }
	.text_over_picture div.galeb{font-size:0.7em; top:22em; }
	.text_over_picture div.palaca{font-size:0.7em; top:23em; }
	
			.blackRightBorder{border-right:none;}							
} 

@media (max-width: 768px) {
	.logo {font-size: 0.7em;}

	/*main{ min-height: 380px !important;}*/

	.podloga_plavo{	padding:5em 0 12em 0;	}	
	.podloga_zuto_secerana{padding: 12em 0em 8em 0em;}
}


@media (min-width:769px) and (max-width: 1024px) {
	.text_over_picture div.tekst{font-size:2em; top:6.5em; }
	.text_over_picture div.galeb{font-size:1em; top:18em; }	
	.text_over_picture div.palaca{font-size:1em; top:18em; }
	
			.blackRightBorder{border-right:none;}		
} 

@media (max-width:1024px) {	
	.ismobile {display: block; visibility: visible;}     
	.isdesktop {display: none; visibility: hidden;}     	

	.bar1, .bar2, .bar3{ background-color: #000;}
	.navbar-toggle.change .bar1, .navbar-toggle.change .bar2, .navbar-toggle.change .bar3{ background-color: #fff;}
	
	/*#eu-project .tekst{padding:1em 1em 0em 1em;}*/
	#eu-project img{padding:1em 0em 0em 0em;}

	/* prebacivanje header-a */
	#umetni_u_header{padding: 2.5em 0 0 0;}

/*	.naslovnica header{position: absolute; color:#ffffff; padding:2em 0 4em 0; z-index:2;}
	#umetni_u_header #PageNav a{color:#ffffff;}
	
	.stranica header{color:#000; padding:2em 0 4em 0; position:static;}
	.stranica header.entry-header{color:#000; padding:2em 0 1em 0; position:static;}*/

	#header{	background: #ffffff; /* #00afd7; */ /*position: fixed; top:0px;*/ display:block;
						z-index:999; min-height:80px;
						padding: 1em 0 0em 0;}
		/*#header a{color:#ffffff;}*/
	.naslovnica #header{box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.3); }

		#eu-project{position: static; z-index:9999; padding:1em 0 1em 0; }	/* main.js --> pomocanje #eu-project za visinu zaglavlja */			
			.page main{position: static; z-index:9999;}		/* main.js --> pomocanje main contetna za visinu zaglavlja */
		
}

@media (min-width:1025px) {

	/* begin:header */
	.naslovnica header{position: absolute; color:#ffffff; padding:2em 0 4em 0; z-index:2;}
	#umetni_u_header{padding: 4em 0 0 0;}
	#umetni_u_header #PageNav a{color:#ffffff;}
	
	.stranica header{color:#000; padding:2em 0 4em 0; position:static;}
		.stranica header.entry-header{color:#000; padding:2em 0 1em 0; position:static;}
	/* end:header */

	main{min-height:537px !important; }

	.ismobile {display: none; visibility: hidden;}     
	.isdesktop {display: block; visibility: visible;}  

	.logo4{display: none; visibility: hidden;}
	.logo3{display: block; visibility: visible;}
	
	#eu-project .tekst{padding:1em 0em 1em 1em;}
	
	#eu-project img.first{padding:1em 0em 1em 0em;}
	#eu-project img.second{padding:1em 1.7em 1em 1.7em;}
	#eu-project img.third{padding:1em 0em 1em 1.7em;}
	
	/* visine su definirane  u main.js */
	.stranica #fixed_header{position:fixed; z-index: 8; background: #fff; display: block; top:0px;  }
	/*.stranica main{ margin-top: 224px; }*/
	.stranica #naslov_i_menu{position:fixed; z-index: 7; background: #fff; display: block; /*top:224px;*/ }
	/*.stranica #glavni_sadrzaj{margin-top: 406px; }*/
}

/*@media (min-width:1100px) {
	.stranica main{margin-top: 236px;}
	.stranica #naslov_i_menu{ top:19236pxpx;}
	.stranica #glavni_sadrzaj{margin-top: 436px;}
}

@media (min-width:1200px) {
	.stranica main{margin-top: 196px;}
	.stranica #naslov_i_menu{ top:196px;}
	.stranica #glavni_sadrzaj{margin-top: 386px;}
}*/

@media (min-width:1025px) and (max-width: 1200px) {
	.text_over_picture div.tekst{font-size:2em; top:5em; }
	.text_over_picture div.galeb{font-size:1.25em; top:17em; }
	.text_over_picture div.palaca{font-size:1.25em; top:17em; }	
} 

@media (min-width:1200px) and (max-width:1400px) {
	.hr .text_over_picture div.tekst{font-size:2.5em; top:8em; }
	.hr .text_over_picture div.galeb{font-size:1.5em; top:21em; }	
	.hr .text_over_picture div.palaca{font-size:1.5em; top:21em;}	

	.en .text_over_picture div.tekst{font-size:2.5em; top:3.5em; }
	.en .text_over_picture div.galeb{font-size:1.5em; top:13.5em; }	
	.en .text_over_picture div.palaca{font-size:1.5em; top:14em;}	

	.logo4{display: block; visibility: visible;}
	.logo3{display: none; visibility: hidden;}
	
} 

@media (min-width:1401px) {
	.hr .text_over_picture div.tekst{font-size:2.5em; top:8em; }
	.hr .text_over_picture div.galeb{font-size:2em; top:18.5em;}	
	.hr .text_over_picture div.palaca{font-size:2em; top:17.5em;}		

	.en .text_over_picture div.tekst{font-size:2.5em; top:8em; }
	.en .text_over_picture div.galeb{font-size:2em; top:18.5em;}	
	.en .text_over_picture div.palaca{font-size:2em; top:17em;}		

	.logo4{display: block; visibility: visible;}
	.logo3{display: none; visibility: hidden;}
} 


@media (min-width:1401px) {.podloga_zuto_secerana{	padding: 8.5em 0em 6em 14em !important; } }

@media (min-width:1681px) { /* 1681px */
		html,body {font-size: 32px;}		

		.podloga_plavo_od_ruba, .podloga_plavo, .podloga_plavo_galeb{ font-size: 0.8em; }
		.podloga_zuto, .podloga_zuto_small, .podloga_zuto_secerana{ font-size: 0.8em; }

		.pr-4, .px-4 {padding-right: 1.2rem!important;}

		span.small{font-size: 0.5em; line-height: 0.5 !important;}

		/*.podloga_plavo_od_ruba{}*/
		.podloga_plavo{padding:3em 0 4em 0; }
		.podloga_plavo_galeb{padding:2em 0 3em 0;}
		/*.podloga_zuto{}
		.podloga_zuto_small{	}*/
		/*.podloga_zuto_secerana{	padding:5.5em 0em 5.5em 0em;}*/
}