/*
Theme Name: DZ42
Theme URI: http://www.dizajnzona42.hr/
Description: 
Author: Dizajn Zona 42
Version: 1.0
Tags: 
*/

/*
ec2227 r
154b99 b
010101 bk

*/


/*  ---- ~ ---- */
* {margin:0; padding:0; border:0; outline:0}
*, :before, :after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
ul {list-style: none;}


/*  ---- GENERAL ---- */
body{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:16px; line-height:1.5; color:rgba(0, 0, 0, 0.87);}
h1, h2, h3, h4, h5, h6{font-family: 'Merriweather', serif; font-weight:400; line-height:1.3;}
p{font-size:15px; line-height:1.5; font-weight:400}
a:link, a:active, a:visited{text-decoration:none; color:#245b39;opacity:1;transition: all 0.25s ease; }
a:hover{text-decoration:none; color:#245b39; opacity:0.8;}


.full-wrapper{position:relative;height:auto; margin:0px auto 0px auto; float:none}
.full-wrapper, #header, #top-image, #footer{width:1080px;}


#obavijest{
	background-color: #b08d27; 
	color:#FFF;
	text-align: center;
	padding: 12px;
	font-weight: 700;
}
#obavijest span{
	display: block;
    width: 100%;
    font-size: 24px;
    margin-bottom: 5px;
}

#obavijest a:link, #obavijest a:active, #obavijest a:visited{text-decoration:none; color:#FFF;opacity:1;transition: all 0.25s ease;}
#obavijest a:hover{text-decoration:none; color:#ffffffba; opacity:1;}
/* --- SLICK SLIDER ---*/
/* Arrows */
.slick-prev, .slick-next{font-size:0;line-height:0;position:absolute;top:42%;display:block;width:60px;height:60px;padding:0;cursor:pointer;color:transparent;border:none;outline:none;background:transparent; z-index:9999}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color:transparent;outline:none;background:transparent}
.slick-prev:hover:before, .slick-next:hover:before{opacity:1}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:0.3}
.slick-prev:before, .slick-next:before{
	opacity:0.65;
	transition: all 0.25s ease;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size:60px;
  color:#FFF;
}
.slick-prev{left:0px}
.slick-prev:before{content:"\e902"}
.slick-next{right:0px}
.slick-next:before{content:"\e904"}

.readmore{
	font-size: 10px;
    display: inline-block;
    padding: 0px 0px 0px 7px;
}
.weiterlesen{
    padding-bottom: 5px;
    border-bottom: 1px solid;
	font-size: 13px;
}


/* --- Slider naslovna ---*/
#slider_naslovna{width:100%; height:auto; position:relative; float:left; overflow:hidden; max-height:510px;border-radius: 10px;}

.home_img_text_wrap {
	position: absolute;
	left: 0;
	right: 0;
    top: auto;
    bottom: 0px;
	max-width: 100%;
	max-height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.home_img_text_wrap_inner {
    background-color: rgb(23 56 36 / 86%);
    padding: 20px 40px 20px 40px;
    text-align: left;
    max-width: 100%;
    width: 100%
}

.home_img_text_wrap h2{
	font-size: 24px;
	color:#c49d54;
    font-weight: 600;
	margin: 10px 0;    
	width: 66%;
    float: left;
}
.home_img_text_wrap h3{
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	color:#FFF;
	width: 66%;
    float: left;
	padding-top: 10px;
}
.home_img_text_wrap p a {
    font-size: 16px;
    display: inline-block;
    padding: 10px 30px;
    background: #c49d2b;
    color: #FFF;
    margin-top: 0;
    text-transform: uppercase;
    float: right;
	margin-top: 30px;
	border-radius: 60px;
    letter-spacing: .8px;
    font-weight: 600;
}
.home_img_text_wrap p a:hover {
	opacity:0.90;
}
#slider_naslovna .home_img_text_wrap p {
padding-bottom:0;
}


/* -- TOP IMAGE -- */
#top-image{height:auto; z-index:1000!important; border-top: 1px solid #efefef;position:relative;float:left;}
#top-image img {max-width: 100%; width: 100%;height:auto;}


/* --- ICOMOON ---*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?1gl7i9');
  src:  url('fonts/icomoon.eot?1gl7i9#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?1gl7i9') format('truetype'),
    url('fonts/icomoon.woff?1gl7i9') format('woff'),
    url('fonts/icomoon.svg?1gl7i9#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-close:before{content:"\e900"}
.icon-square:before{content:"\e901"}
.icon-angle-left:before{content:"\e902"}
.icon-chevron-left:before{content:"\e903"}
.icon-angle-right:before{content:"\e904"}
.icon-chevron-right:before{content:"\e905"}
.icon-youtube-play:before{content:"\e906"}
.icon-youtube-square:before{content:"\e907"}
.icon-youtube:before{content:"\e908"}
.icon-facebook-square:before{content:"\e909"}

.icon-chevron-down:before {content: "\e90a";}
.icon-chevron-up:before {content: "\e90b";}
.icon-chevron-down2:before {content: "\e90c";}
.icon-chevron-up2:before {content: "\e90d";}

/* -- HEADER -- */
#header{position:relative;float:left;height:auto; padding: 0px 0px 0px 0px}
	#logo{position:relative;float:left;width:auto; height:auto; padding:30px 0px 30px 0px}
	#logo a{display:block}
		#logo h1{font-size:24px; color: rgba(0, 0, 0, 0.87); font-weight:700;display: table; text-transform:uppercase;}
		#logo h1 span{display: table-cell;vertical-align: middle;}
		#logo h1 span:nth-of-type(2n){
			max-width: 180px;
			padding-left: 15px;
			line-height: 1.1;
			font-size: 20px;
		}
	
	#language_switcher{
		position:relative;
		float:right;
		padding-top:20px;
	}
	p#select_language_bar{
		font-size:12px;
	}
	#language_switcher{}
	
	#language_switcher a:link, #language_switcher a:active, #language_switcher a:visited{color: rgba(0, 0, 0, 0.87); margin:0px 0px; padding:5px 10px;font-size: 12px;}
	#language_switcher a:hover{color:#245b39; opacity:1;}
	#language_switcher a.selected_language{color:#245b39; border: 1px solid #245b39;}
	
	/* Glavni izbornik */
	#topnav{position:relative;padding:46px 0px 0px 0px; float:right; width:auto;height:auto;clear: right;}
		#topnav ul{width:auto; height:auto; list-style-type:none; position:relative; float:right}
		#topnav ul li{position:relative; float:left;width:auto; height:auto;}
		#topnav ul li  a:link, #topnav ul li  a:active, #topnav ul li  a:visited{width:auto;height:auto;position:relative; padding: 10px 20px 10px 20px;font-size:16px; color: rgba(0, 0, 0, 0.87); font-weight: 600;    border-radius: 60px;}
		#topnav ul li  a:hover{text-decoration:none;color:#c49d2b; opacity:1}
		
			#topnav ul ul {display:none; position:absolute; top:30px;background:#FFF; z-index:9999!important;  width:auto;border-bottom:1px solid rgba(33, 33, 33, 0.07);}
			#topnav ul ul li{position:relative; float:left; clear:both; border-top:1px solid rgba(33, 33, 33, 0.07);}
				#topnav ul ul li  a:link, #topnav ul ul li  a:active, #topnav ul ul li  a:visited{width:200px;height:auto;position:relative; float:left; padding:10px 10px 10px 10px;}
				#topnav ul ul li  a:hover{}
				
				#topnav ul li.current-menu-item > a{color:#c49d2b;}
	
	/* Sekundarni izbornik */
	#top_bar{
		padding: 10px 0 10px 0;
		width: auto;
		height: auto;
		position: relative;
		float: right;
		border-bottom: 1px solid #efefef;
	}			
		#top_bar ul{width:auto; height:auto; list-style-type:none; position:relative; float:right}	
		#top_bar ul li{position:relative; float:left;width:auto; height:auto;}
		#top_bar ul li  a:link, #top_bar ul li  a:active, #top_bar ul li  a:visited{width:auto;height:auto;position:relative; padding: 10px 10px 10px 10px;font-size:12px; color: #616161; font-weight: 400;}
		#top_bar ul li  a:hover{text-decoration:none;color:#245b39; opacity:1}
			
	
	#expand{display:none}





/* -- CONTENT WRAP -- */
.content-wrap{
	width:100%;
	height:auto; 
	padding: 30px 30px 30px 30px;
	position:relative;
	float:left;
}
.simplewrap{width:100%;height:auto;position:relative;float:left;}

/* -- Columns -- */
.row{width:100%; height:auto;position:relative;float:left;}

.kolona12{ width: 48.711%; margin-right: 2.577%;}
.kolona12:nth-of-type(2n){ margin-right: 0px; }

.kolona13{ width: 31.615%; margin-right: 2.577%; }
.kolona13:nth-of-type(3n){ margin-right: 0px; }
.kolona23{ width: 65.808%; margin-right: 0;    padding-left: 15px; }

.kolona13a{ width: 31.615%; margin-right: 0; }
.kolona23a{ width: 65.808%; margin-right: 2.577%; }

.kolona14{ width: 23.067%; margin-right: 2.577%; }
.kolona14:nth-of-type(4n){ margin-right: 0px; }
.kolona34{ width: 74.356%; margin-right: 0; }


.kolona15{ width: 17.75%; margin-right: 2.577%; }
.kolona15:nth-of-type(5n){ margin-right: 0px; }
.kolona45{ width: 79.485%; margin-right: 2.577%; }
.kolona25{ width: 38.453%; margin-right: 2.577%; }
.kolona35{ width: 58.968%; margin-right: 2.577%; }


	/* -- Columns -- */
	.boxeswrap{width:100%; height:auto;position:relative;float:left;}
	.box{position:relative;float:left;}
	.column100{width:100%; height:auto; padding:20px; text-align:center;position:relative;float:left;}
	.column75{width:75%; height:auto; padding:20px;position:relative;float:left;}
	.column50{width:50%; height:auto; padding:20px;position:relative;float:left;}
	.column25{width:25%; height:auto; padding:20px;position:relative;float:left;}
	.column20{width:20%; height:auto; padding:20px;position:relative;float:left;}
	.gray{background: rgba(33, 33, 33, 0.07);}
	.green{background: rgba(84, 155, 65, 0.06)}
	.fullwidth-wrapper{width:100%; height:auto;position:relative;float:left;}
	
	.column25 img{max-width: 100%; height: auto;}


	/* -- Text -- */	
	.content-wrap p strong{font-weight:600}
	.content-wrap h1, .content-wrap h2, .content-wrap h3, .content-wrap h4, .content-wrap h5, .content-wrap h6{color: rgba(0, 0, 0, 0.87);}
	.content-wrap h1{font-size:28px; line-height:1.3}
	.content-wrap h2{font-size:26px; line-height:1.3}
	.content-wrap .simplewrap h2{font-size:24px; line-height:1.3}
	.content-wrap .simplewrap h2 a{color: rgba(0, 0, 0, 0.87);}
	.content-wrap .simplewrap h2 a:hover{color:#245b39;}
	 h2#home-txt{font-size:17px; line-height:1.3}
	.content-wrap h3{font-size:24px; line-height:1.3;padding-bottom: 16px;}
	.content-wrap h4{font-size:20px; line-height:1.3}
	.content-wrap h5{font-size:19px; line-height:1.3}
	.content-wrap h6{font-size:18px; line-height:1.3}
	.content-wrap p{
		font-size: 16px;
		line-height: 1.5;
		padding-bottom: 16px;
		color: rgba(0, 0, 0, 0.87);
		font-weight: 400;
	}
	
	/* -- home_proizvodi -- */	

	#napomena_kod_proizvoda{width:100%; height:auto; position:relative; float:left; margin-bottom:16px; padding:16px; border:1px solid #245b39}
	#napomena_kod_proizvoda p{font-size:15px; padding:0}

#home_proizvodi .kolona14{ width: 20.218%; margin-right: 2.577%;}
#home_proizvodi .kolona14:first-of-type{ width: 31.615%; }
#home_proizvodi .kolona14:nth-of-type(4n){ margin-right: 0px; }
	
	
	#home_proizvodi{}
	#home_proizvodi .row{}
	#home_proizvodi h4 {
		font-size: 19px;
		margin-bottom: 4px;
		text-transform: uppercase;
		margin-top: 4px;
		color: #245b39;
	}
	#home_proizvodi h6 {
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		font-size: 13px;
		font-style: italic;
		margin-bottom: 18px;
		color: #9b9e9a;
	}
	#home_proizvodi h6.naslov1{
		font-style: normal;
		color:rgba(0, 0, 0, 0.87);
	}
	#home_proizvodi p {
		font-size: 14px;
		color: #1f1f1f;
		padding-bottom: 0;
	}
	
	#home_proizvodi .row .kolona14 .row > a{
		border: 1px solid #FFF;
		display:block;
		padding-top: 20px;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	#home_proizvodi .row .kolona14 .row  > a:hover{
		border: 1px solid rgba(84, 155, 65, 0.38);
		opacity:1;
	}
	
	.vise {
		display: inline-block;
		padding: 10px 30px;
		color: #FFF!important;
		background: #245b39;
		transition: all 0.25s ease;
		border-radius: 60px;
	}
	
	.vise:hover {opacity:0.8;}
	
	#home_biofixin .vise{
		margin-right:10px;
	}
	
	#home_proizvodi .vise{
		text-transform: uppercase;
		margin-top: 18px;
	}
	

		
	
	#home_proizvodi .kolona14{
		/*padding: 0px 10px;*/
		padding: 0px;
	}		
	#home_proizvodi .kolona14 .row{
		/*margin-bottom:10px;*/
	}	
	#home_proizvodi .kolona14.home_istaknuti_proizvod{
		padding:0px;
	}	
	#home_proizvodi .kolona14.home_istaknuti_proizvod > a{
		border: 1px solid rgba(84, 155, 65, 0.38);
		/*padding: 20px 20px 20px 20px;*/
		padding: 20px 40px 22px 40px;
		transition: all 0.25s ease;
		display:block;
		opacity:1;
	}	
	#home_proizvodi .kolona14.home_istaknuti_proizvod > a:hover{
		/*border: 1px solid rgba(84, 155, 65, 1);*/
		opacity:1;
	}
	
	#home_proizvodi h6.naslov1{
		visibility: hidden;
		display: none;
		height:0px;
		overflow: hidden;
		opacity: 0;
		transition: visibility 0s, opacity 0.25s ease;
	}
	#home_proizvodi h6.naslov2{
		visibility: visible;
		display: inline-block;
		height:auto;
		opacity: 1;
	}
	#home_proizvodi .row .kolona14 .row  > a:hover .naslov1{
		visibility: visible;
		display: inline-block;
		height:auto;
		opacity: 1;
	}
	#home_proizvodi .row .kolona14 .row  > a:hover .naslov2{
		visibility: hidden;
		display: none;
		height:0px;
		overflow: hidden;
		opacity: 0;
		transition: visibility 0s, opacity 0.25s ease;
	}
	
	/* --- home_biofixin --- */
#home_biofixin {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    padding: 20px 20px 20px 20px;
    /* margin-top: 40px; */
    /* border-top: 1px solid #efefef; */
    /* border-bottom: 1px solid #efefef; */
    /* margin-bottom: 40px; */
}

	
	#home_biofixin h3{
		margin-bottom: 15px;
		margin-top: 12px;
		color: #c49d2b;
		font-size: 28px;
		font-weight:600;
	}
	#home_biofixin h6{
		margin-bottom: 15px;
		color: #c49d2b;
		font-weight: 600;
	}
	
	
	#home_o_nama h6 {
		margin-bottom: 15px;
		color: #c49d2b;
		font-weight: 600;
	}
	#home_o_nama{
		padding: 20px 20px 20px 0px;
	}
	
	/* --- home_zasto_biofixin --- */
	#home_zasto_biofixin{
		width: 100%;
		height: auto;
		position: relative;
		float: left;
		/*padding: 40px 20px 20px 20px;
		margin-top: 40px;
		border-top: 1px solid #efefef;*/
		padding: 20px 0px;
		margin-top: 0px;
		/*border-top: 1px solid rgba(84, 155, 65, 0.28);*/
	}
	#home_zasto_biofixin .row{
	}
	#home_zasto_biofixin .kolona13{
		padding:10px 0px;
	}
	#home_zasto_biofixin h6 {
		margin-bottom: 5px;
		color: #245b39;
		font-size: 15px;
		font-weight: 600;
	}
	#home_zasto_biofixin p{
		margin-bottom: 0px;
		font-size: 14px;
		color: rgb(117, 117, 117);
	}
	.home_naslov_inner{
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
	
	}
	.home_naslov h3{
		color: #c49d2b;
		font-weight: 600;
		background: #FFF;
		display: inline-block;
		padding: 3px 20px;
	}
	.home_naslov {
		border-bottom: 1px solid #efefef;
		margin-bottom: 10px;
	}
	
	
	
	/* ------------------------- */
	#maincontent{
		padding: 20px 0px 20px 0px;
	}
	#sidebar {    
		padding: 33px 0px 20px 20px;
	}
	#maincontent a{border-bottom:1px solid}
	
	.content-wrap p.date{
		    font-size: 13px;
			line-height: 1.5;
			padding-bottom: 8px;
			color: #808080;
	}
	.content-wrap .home-aktuelles p.date{
		font-size: 11px;
		line-height: 1.3;
		padding-bottom: 0px;
		color: #808080;
	}
	
	#maincontent h1 {
		padding-bottom: 8px;
		border-bottom: 1px solid #dedede;
		margin-bottom: 15px;
	}
	#maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6, p{padding-bottom:16px; }
	.column75 h2, .column75 h3, .column75 h4, .column75 h5, .column75 h6, .column75 p{padding-bottom:16px; }
	

	.wp-caption.alignleft{
		width:auto;
		height:auto;
		position:relative;
		float:left;
		margin-right:16px;    
		padding: 8px;
		border: 1px solid #dedede;
		    margin-bottom: 16px;
	}
	
.content-wrap p.wp-caption-text {
    font-size: 14px;
    margin-top: 8px;
    color: #5f5f5f;
    line-height: 1.3;
    background: #f5f5f5;
    padding: 8px;
}
	
	
	#sidebar  h3, #home_right h3{
		font-size: 18px;
		line-height: 1.2;
		border-bottom: 1px solid #dedede;
		padding-bottom: 10px;
	}
	
	#sidebar a:link, #sidebar a:active, #sidebar a:visited{color:#215736;transition: all 0.25s ease;} 
	#sidebar a:hover{color:#c49d2b; opacity:1}	
	
	#sidebar a img{transition: all 0.25s ease;opacity:1}
	#sidebar a:hover img{transition: all 0.25s ease;opacity:0.85}
	
	.home-aktuelles{width:100%;
		border-bottom: 1px solid #dedede;}
	.home-aktuelles a{
		display:inline-block;
		width: 100%;
		padding: 5px 0px;
		border: 0;
		}
	.home-aktuelles a:hover {
		border: 0;
	}
	.sidebar_box_img{
		width:30%; 
		padding-right: 2.5%; 
		padding-left: 2.5%; 
		height:auto; 
		display: table-cell;
		vertical-align: middle;
	}
	.sidebar_box_txt{
		width:70%; 
		height:auto;
		display: table-cell;
		vertical-align: middle;
	}
	
	
	#sidebar h5 {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.4;
    padding-bottom: 0px;
    font-weight: 600;
}
	
	#sidebar h6{
		font-size: 15px;
		line-height: 1.4;
		padding-bottom:8px;  
		padding-top:8px;  
		color: inherit;
		font-weight: 600;
	}

	#sidebar p{
		font-size: 13px;
		line-height: 1.5;
		font-weight: 400;
		padding-bottom:8px;
		color: #1b1b1b;
	}

	#sidebar p.date{
		font-size: 12px;
		line-height: 1.4;
		padding-bottom:0px;  
		color: #737373;
		font-weight: 400;
		padding-bottom:8px;
	}
	

	#home_right .thumb_gallery{margin: 15px 0px 5px 0px;}
	#home_right  .thumb_gallery div {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 10px;
}

	#home_right .thumb_gallery div:nth-of-type(2n) {
		margin-right: 0px;
	}
	
	/* -- Links -- */	
	
	.content-wrap a.arrow:link, .content-wrap a.arrow:active, .content-wrap a.arrow:visited{position:relative; float:left; width:100%; color:#245b39; font-size:17px; line-height:24px; padding:15px 10px 15px 38px; background: url(media/arrow-right.png) -2px 13px no-repeat}
	.content-wrap a.arrow:hover{color:#586D78;}
	
		
	/* -- Lists -- */		
	.content-wrap ul{list-style-type:disc;list-style-position:outside; margin:0px 0px 19px 19px}
		.content-wrap ul ul{list-style-type:disc;list-style-position:outside; margin:0px 0px 0px 19px}
	.content-wrap ol{list-style-type:decimal;list-style-position:outside; margin:0px 0px 19px 19px}
		.content-wrap ol ol, .content-wrap ul ol{list-style-type:decimal;list-style-position:outside; margin:0px 0px 0px 19px}

	/* -- Images WP -- */
	.content-wrap img{max-width:100%; height:auto;    border-radius: 10px;}
	.content-wrap img.alignright {position:relative;float:right;margin:0px 0px 12px 12px}
	.content-wrap img.alignleft {position:relative;float:left;margin: 5px 30px 30px 0px;}	
	.content-wrap img.aligncenter{position:relative;float:left;margin:0px 12px 12px 0px}
	
	
	.pane img.alignleft{
			    position: relative;
    float: left;
    margin: 5px 14px 7px 0px;
	}
	


	/* -- Paddings -- */
	.pad-b-0{padding-bottom:0px}
	.pad-b-5{padding-bottom:5px}
	.pad-b-10{padding-bottom:10px}
	.pad-b-15{padding-bottom:15px}
	.pad-b-20{padding-bottom:20px}
	.pad-b-25{padding-bottom:25px}
	.pad-b-30{padding-bottom:30px}
	.pad-b-35{padding-bottom:35px}
	.pad-b-40{padding-bottom:40px}
	
	.pad-0{padding:0px}
	
	.pad-t-0{padding-top:0px}
	.pad-t-5{padding-top:5px}
	.pad-t-10{padding-top:10px}
	.pad-t-15{padding-top:15px}
	.pad-t-20{padding-top:20px}
	.pad-t-25{padding-top:25px}
	.pad-t-30{padding-top:30px}
	
	.pad-l-0{padding-left:0px}






#programs{
	padding: 0px 0px 20px 0px;
}
	
/* Program Grid */
.program-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 50px;
}

.program-card {
    background-color: #f5f5f5;
    padding: 0;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
}



.program-image, .content-wrap .program-image {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.program-card h3,
.program-card .program-age,
.program-card p {
    padding: 0 20px;
}

.program-card h3 {
	padding-top: 30px;
    padding-bottom: 8px;
    font-size: 24px;
}

.program-card p:last-child {
    padding-bottom: 30px;
}

.program-card h3 {
    color: #215736;
}

.program-card p {
    font-size: 0.9rem;
	color: #7d7d7d;
    /* Inherits global #404040 color */
}

.program-age {
	display: block;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #B8860B;
    margin-bottom: 8px;
}

.sidebar_full_img{
	padding-top: 10px;
}


/* -- FOOTER -- */	
#footerwrap{width:100%; height:auto; background:#19452a; position:relative;float:left;padding: 15px 0 45px 0;}
	#footer{height:auto; padding: 35px 0px 35px 0px; margin: 0px auto 0px auto;float:none; color:#f3f3f3;position:relative;}
	#footer a:link, #footer a:active, #footer a:visited{color:#ddbc5f;}
	#footer a:hover{color:#FFF;}
	
	a.footer_social:link, a.footer_social:active, a.footer_social:visited, a.footer_social:hover{position:relative; float:left; width:100%; color:#f3f3f3; font-size:15px; line-height:1.3; margin-bottom: 15px;display: table;}	
	a.footer_social span{
		display: inline-block;
		vertical-align: middle;
	}
	.footer_social_icon{font-size: 32px;margin-right: 10px;}
	#footer a.footer_social:hover .footer_social_icon, #footer a.footer_social .footer_social_icon{color:#f3f3f3; opacity:1}
	
	
#footer p {padding-bottom: 0px;font-size: 14px;}	
#footer ul{padding-bottom: 0px;font-size: 15px;font-family: 'Merriweather', serif;}
#footer ul li{padding-bottom:8px}
#footer h6{font-size:13px; padding-bottom:8px; margin-bottom:15px; border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);}

#footer_copy a:link, #footer_copy a:active, #footer_copy a:visited, #footer_copy a:hover{color: #caa067}
#footer_copy a:hover{opacity:0.7}
#footer_copy_wrap{background: #12311e;}
#footer_copy{color: #f3f3f3;position:relative;float:left;}
#footer_copy p{color: #f3f3f3;font-size: 11px;border-top: 0px solid hsla(0, 0%, 100%, 0.1); padding-top:20px}

#featured_copy{background:#b08d27;    padding: 20px;}
#featured_copy p{color:#FFF;padding-bottom: 0px;font-size: 24px;
    line-height: 1.5;font-family: 'Merriweather', serif;}


/* paginacija */
.pagination{position:relative; float:left; width:100%; height:auto; margin-top:15px; padding-top: 15px;border-top: 1px solid #efefef;}
.pagination ul li{position:relative; float:left;display: inline-block;margin-right: 0px;}
.pagination ul li.active{background:#FFF;border:1px solid #245b39;}
.pagination ul li.active a{color:#245b39;}
.pagination a{font-size:13px; font-weight:400; line-height:1; color:rgba(0, 0, 0, 0.87); padding: 10px 15px;display: inline-block;border:1px solid #FFF;}
.pagination a:hover{}

			
/* -------- RESPONSIVE -------- */		
			
/* ---- ~ ---- */
@media (max-width: 1179px) {
	
	#header, .content-wrap, #footer{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.full-wrapper, #header, #top-image, .content-wrap, #footer{width:100%;}	 
	#header{padding: 0px 20px 0px 20px;}
	#slider_naslovna{
		border-radius: 0;
	}
	.home_img_text_wrap p a {
		font-size: 14px;
	}
}


@media (max-width: 1080px) {
	
	.home_img_text_wrap h2 {
		font-size: 21px;
	}

}

@media (max-width: 1000px) {
	
	#home-txt{word-wrap: break-word;}

}	

@media (max-width: 960px) {

	.home_img_text_wrap h2 {
		font-size: 18px;
	}

}

@media (max-width: 940px) {
	
	#topnav{display:none}
	
	#top_bar{display:none}	

	#logo img{
		width: 180px;
		height: auto;
	}
	
	#expand {
		display: block;
		background: #245b39;
		width: auto;
		height: auto;
		position: relative;
		float: right;
		margin: 20px 0px 0px 0px;
		clear: right;
		border-radius: 10px;
	}
		#control-expand {
			width: auto;
			height: auto;
			position: relative;
			float: right;
			padding: 15px 15px 15px 45px;
			color: #FFF;
			font-size: 14px;
			text-transform: uppercase;
			line-height: 14px;
			font-weight: 600;
		}
		
		.open{background: url(media/icon-menu.png) 8px 8px no-repeat;}
		.close{background:url(media/icon-menu-close.png) 8px 8px no-repeat;}
		
		.home_img_text_wrap_inner{padding: 30px 15px 15px 15px;}
	

			
		#topnav-mobile{width:100%; height:auto; background:#245b39; position:relative; float:left}			
		#topnav-mobile ul{width:100%; height:auto; position:relative; float:left}
		#topnav-mobile ul li{width:100%; height:auto;}
		#topnav-mobile ul li  a:link, #topnav-mobile ul li  a:active, #topnav-mobile ul li  a:visited{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;width:100%;height:auto;position:relative; float:left; padding:15px 20px;font-size:16px;line-height:135%; color:#FFF; text-transform:uppercase}
		#topnav-mobile ul li  a:hover{text-decoration:none;color:#FFF; background:rgba(255, 255, 255, 0.19);}	
			
			#topnav-mobile ul ul{width:100%;}
			#topnav-mobile ul ul li{width:100%;}
				#topnav-mobile ul ul li  a:before{content:"+ "}
				#topnav-mobile ul ul li  a:link, #topnav-mobile ul ul li  a:active, #topnav-mobile ul ul li  a:visited{text-transform:none; }
				#topnav-mobile ul ul li  a:hover{text-decoration:none;color:#FFF;}	
				
				
				
	.kolona23a{
		width: 100%;
		margin-right: 0;
	}
	.kolona13a{width: 100%;}	
	
	#home_proizvodi .kolona14:first-of-type {
		width: 100%;
		margin-bottom:16px;
	}
	#home_proizvodi .kolona14 {
		width: 100%;
		margin-right: 0;
	}
	#home_proizvodi .kolona14 .row {
		width: 50%;
		margin-right: 0;
	}

	#sidebar {
		padding: 20px 0px 20px 0px;
	}
				

}	


@media (max-width: 880px) {
	

	.program-card h3 {
		padding-top: 24px;
		padding-bottom: 4px;
		font-size: 18px;
	}

	.program-age {
		font-size: 14px;
	}

	.program-card p {
		font-size: 13px;
	}


	.home_img_text_wrap p a {
        font-size: 12px;
		letter-spacing: 0;
    }

	.home_img_text_wrap h2 {
        font-size: 16px;
    }

}


@media (max-width: 800px) {
	
	.column75, .column50, .column25, .column20{width:100%; height:auto; padding:20px}
	#footer{padding: 20px 10px 20px 10px;}	


}


@media (max-width: 770px) {
	.slick-prev, .slick-next{top: 38%;}	
	#home_biofixin .vise {
		margin-bottom: 16px;
	}

	.program-grid {
		grid-template-columns: repeat(1, 1fr);
		margin-top: 20px;
	}

}







@media (max-width: 22720px) {
	#top-image{
		display:block;
	}
	.hero{
		display:none;
	}
}

@media (max-width: 720px) {
	#top-image{
		display:none;
	}

	.hero{
		display:flex;

	}

	/* Hero Section */
	.hero {
		background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.85) 100%), url('images/three-teens-sea-backgrop.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		color: white;
		padding: 20px 20px 60px 20px;
		text-align: center;
		height: calc(100vh - 126px);
		display: flex;
		align-items: flex-end;
		justify-content: center;
		width: 100%;
		float: left;
		position: relative;
	}

	.hero-content h1 {
		font-size: 13px;
		margin-bottom: 13px;
		opacity: 1;
		text-transform: uppercase;
		color: #FFF;
		font-weight: 600;
		font-family: 'Open Sans', sans-serif;
	}

	.hero-content p {
		font-size: 24px;
		margin: 0 auto 24px auto;
		font-weight: 400;
		line-height: 1.35;
		width: 80%;
		font-family: 'Merriweather', serif;
		color: white;
	}

	.cta-button {
		background-color: #B8860B;
		color: #FFF !important;
		border: none;
		padding: 14px 28px;
		font-size: 14px;
		font-weight: 600;
		border-radius: 60px;
		letter-spacing: .6px;
		text-transform: uppercase;
		cursor: pointer;
		text-decoration:none;
		transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
	}

	.cta-button:hover {
		background-color: #215736;
		text-decoration:none;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	}


	#logo img{
		width: 150px;
		height: auto;
	}

	#obavijest{
		font-size: 11px;
        font-weight: 400;
        padding: 10px;
	}
	#logo {
		padding: 20px 0px 20px 0px;
	}

	#home_o_nama h6{
		font-size: 13px;
	}

	.content-wrap h3 {
		font-size: 21px;
	}

	.content-wrap p {
		font-size: 15px;
	}
	

}



@media (max-width: 700px) {
	
	.column75, .column50, .column25, .column20{width:100%; height:auto; padding:20px}
	#footer{padding: 20px 10px 20px 10px;}	
	#sidebar_left_nonmobile{display:none}
	#sidebar_left_mobile{display:block;width: 100%;}

	.slick-prev, .slick-next{top: 36%;}	
	
	.home_img_text_wrap_inner{padding: 20px 10px 15px 10px; max-width: 320px;}
	.home_img_text_wrap h2{font-size: 28px;}
	.home_img_text_wrap h3{font-size: 18px;}
	.home_img_text_wrap p a{padding: 8px 24px; font-size:14px}
}

/* ---- Landscape phone to portrait tablet---- */
@media (max-width: 600px) {



	#featured_copy p{
		font-size: 18px;
	}

	#topnav-mobile ul{width:100%;}
	#logo{width:50%}	


	#expand{width:45px; height:44px;position:relative; float:right;}
	#control-expand{width:45px; height:44px;padding:0px 0px 0px 0px; text-indent:-9999px}
	
	.home_img_text_wrap_inner{padding: 15px 5px 10px 5px; max-width: 280px;}
	.home_img_text_wrap h2{font-size: 24px;}
	.home_img_text_wrap h3{font-size: 16px;}
	.home_img_text_wrap p a{padding: 5px 15px; font-size:14px}
	
	.kolona13{width:100%}
	.kolona23{width:100%}
	
	#home_o_nama img{width:100%; height:auto; margin-bottom:16px;}

	.home_naslov_inner {
		position: relative;
	}
				
}

@media (max-width: 480px) {
	.home_img_text_wrap h2, .home_img_text_wrap p{display:none}
	.home_img_text_wrap_inner {
		padding: 10px 5px 10px 5px;
		max-width: 260px;
	}
	.slick-prev, .slick-next{top: 30%;}	
}
@media (max-width: 420px) {
	.slick-prev, .slick-next{top: 25%;}	
}
@media (max-width: 410px) {
	
	#home_proizvodi .kolona14 .row {
		width: 100%;
	}
}
@media (max-width: 380px) {
	.home_img_text_wrap{display:none}

	.pane img.alignleft{width:70%; margin-right:30%}
}





#maincontent table{width:100%;}
		#maincontent table p{padding-bottom:0px}
		#maincontent table, #maincontent td{ color:#474747; font-size:15px; line-height:1.5;}
		#maincontent table {width:100%;border-collapse:collapse;margin-bottom:13px; margin-top:13px}
		#maincontent thead tr td, #maincontent thead tr th{background:#EC2227;color:#FFF; font-weight:600}
		#maincontent thead td p{color:#FFF;font-weight:600; padding-bottom:0px}
		#maincontent th, #maincontent td{text-align:left;padding:8px;border-bottom:1px solid #fff;}
		#maincontent th, #maincontent table thead tr td{color:#FFFFFF; }
		#maincontent td{background:#F7F7F7;vertical-align:top}
		#maincontent td strong{}
		#maincontent th.leftalign, #maincontent td.leftalign{text-align:left;}
		#maincontent th.centeralign, #maincontent td.centeralign{text-align:center;}
		#maincontent td.leftalignbold{text-align:left; font-weight:bold}
		
		#maincontent table h5{color: #BE1E2D; font-size:16px;padding-bottom:0px;line-height:19px;margin-top:3px;}
		#maincontent table h6{background: #BE1E2D; display:inline-block; width:26px;text-align:center;
position: relative;
float:left;
margin-right: 10px;
text-transform: uppercase;
font-size: 10px;
line-height:10px;
color: #FFF;
margin-top:3px;
padding: 4px 2px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}








/*-------- Flexible page --------*/
.half-spacer{width: 100%; height:16px;position: relative;float: left;}
.main_content{width: 100%; height:auto;position: relative;float: left;margin-bottom:16px}
/* ---Accordion--- */
.accordion {width: 100%; height:auto; margin: 0px 0 42px 0;position: relative;float: left; }
.acc_single_wrap{width:100%; padding: 0;border: 1px solid #d7d7d7;margin-bottom: 7px;
		position: relative;
		float: left;}

	/* accordion title */
	.acc-title {
		padding: 15px;
		cursor: pointer;
		position: relative;
		float: left;
		width: 100%;
		height: auto;
	}
	#maincontent .acc-title h3 {
		font-size: 16px;color: #333;display: block;text-transform: uppercase;padding: 0;position: relative;
    float: left;
    width: 100%;
    height: auto;}
	
	
	
	.acc-title h3::after, .acc-title.current h3::after{  
		font-family: 'icomoon' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.acc-title h3::after{
		content: "\e90a";
		font-size:20px;
		color:#141414;
		position:absolute;
		top: 0;
		right: 0;
		pointer-events: none;
	}
	.acc-title.current h3::after{
		content: "\e90b";
	}
	
	/* accordion pane */
	.pane {display: none;padding:0px 15px 15px 15px;}
	.pane p, .pane ul, .pane ol{font-size:14px; font-weight:400; }
	.pane ul, .pane ol{margin: 0px 0px 0px 19px;}
	.pane p {padding-bottom:14px}
	.pane p:last-child {padding-bottom:0px}
	.pane ul li {display: list-item;list-style-type: none;}


/* ---Tabs--- */
.flexible_tabs {margin: 0px 0 42px 0;width: 100%;}
.tab_content2 {padding: 15px 15px;border: #d7d7d7 1px solid;}
	.tab_content2 p {font-size:14px; font-weight:400; padding-bottom:14px}
	.tab_content2 p:last-child {padding-bottom:0px}
	
.panes{position:relative; float:left; width:100%; height:auto;}	

.content-wrap ul.tabovi {padding:0;float: left;margin: 0;width: 100%;}
.content-wrap ul.tabovi li {list-style: none;position: relative;float: left;width: auto;padding: 0;}
.content-wrap ul.tabovi li:last-child {margin-right:0;}

#maincontent ul.tabovi a{border-bottom:0}

.content-wrap ul.tabovi li a {
    display: block;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    background: #a2a2a2;
    padding: 10px 28px;
	margin-right: 7px;
}

.content-wrap ul.tabovi li a.current,
.content-wrap ul.tabovi li a:hover {
    color: #ffffff;
    text-decoration: none;
    background: #245b39;
}

.scrollable_gallery {
  /* required settings */
    position: relative;
    overflow: hidden;
  /* vertical scrollables have typically larger height than width but not now */
    height: 110px;
    width: 100%;
    margin-left: 5%;
}

.flexible_gallery_holder {
    width: 100%;
    padding: 0px 3%;
    z-index: 100;
    position: relative;
    margin: 15px 0px;
}

/*
.flexible_gallery div {
    position: relative;
    float: left;
}
*/
.flexible_gallery div a {
    display: block;
    /*width: 93%;
    margin: 4%;*/
  /* border: #fff 5px solid;*/
    overflow: hidden;
    height: 86%;
    border: 1px solid #d9d9d9;
    background: #fff;
}

.flexible_gallery div a img {
    width: 100%;
    display: block;
}

.flex_next,
.flex_prev {
    height: 60px;
    width: 24px;
    position: absolute;
    top: 50%;
    left: 0px;
    cursor: pointer;
    margin-top: -33px;
    overflow: hidden;
}

.flex_next {
    right: 0px;
    left: auto;
}

.flex_next a,
.flex_prev a {
    height: 60px;
    width: 100%;
    position: absolute;
    cursor: pointer;
    display: block;
    text-indent: -9999px;
}

.flex_prev a {
    background: url("img/testimonials-nav.png") no-repeat scroll 5px 20px transparent;
    /*background: url("<?php bloginfo('template_directory'); ?>/images/sprite.png") no-repeat 1px -301px;*/
    left: 0px;
}

.flex_prev a:hover {
    /*background: url("<?php bloginfo('template_directory'); ?>/images/sprite.png") no-repeat -23px -301px;*/
}

.flex_next a {
    background: url("img/testimonials-nav.png") no-repeat scroll -15px 20px transparent;
    /*background: url("<?php bloginfo('template_directory'); ?>/images/sprite.png") no-repeat -23px -252px;*/
    right: 0px;
}

.flex_next a:hover {
    /*background: url("<?php bloginfo('template_directory'); ?>/images/sprite.png") no-repeat 1px -252px;*/
}

.vizual{margin: 0px 0px 24px 0px;}

.thumb_gallery {
    position: relative;
    float: left;
    width: 100%;
    margin: 0px 0px 42px 0px;
}

.thumb_gallery div {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 10px;
    position: relative;
    float: left;
    border: 1px solid #d9d9d9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}

.thumb_gallery div:nth-of-type(4n) {
    margin-right: 0px;
}

.thumb_gallery img {
    width: 100%;
    display: block;
} 



/* ---Dokumenti--- */
.dokumenti{margin: 0px 0px 42px 0px;}
span.dokumenti_ikona{padding:4px 6px;font-size:10px; font-weight:700;text-transform:uppercase;margin-right: 7px;background:#3A4A79;position: relative;float: left;}
.dokument_single a:hover span.dokumenti_ikona{background:#8A95CA}
.dokument_single a span.dokumenti_naziv{color:#3A4A79}
.dokument_single a:hover span.dokumenti_naziv{color:#8A95CA}
span.dokumenti_naziv{position: relative;float: left;}
.dokument_single{width:100%; height:auto; margin-bottom:7px}
.flexi-document {float: left;margin: 0 20px 5px 0;}
.flexi-document a {display: block;color: #8c8a8a;}
.flexi-document a:hover {color: #ffb718;}

@media (max-width: 670px) {

    .thumb_gallery div {
        width: 49%;
        margin-right: 2%;
    }

    .thumb_gallery div:nth-of-type(3n) {
        margin-right: 2%;
    }

    .thumb_gallery div:nth-of-type(2n) {
        margin-right: 0;
    }
}

@media (max-width: 599px) {
    .content-wrap ul.tabovi li {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 2px;
    }
}



input, textarea, select {
    background: #FFF;
    color: #555;
    width: 100%;
    padding: 5px;
    border: none;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-border-radius: 0px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
}

textarea {
    width: 100%;
    min-height: 100%;
    max-height: 100%;
	resize: none;
	overflow: auto;
}

input, select, textarea  {
    font-family: 'Open Sans', sans-serif; 
	font-weight:400; 
	font-size:16px; 
	line-height:1.5; 
	color:rgba(0, 0, 0, 0.87);
	border-radius: 10px;
	padding: 12px;
    margin-top: 5px;
}

#narudzba_obrazac h4{
	margin-bottom: 20px;
}

.wpcf7 label{
	display: block;
	padding-bottom: 10px;
}

input[type=submit], input[type=radio], input[type=checkbox]{
	width: auto;

}

span.wpcf7-list-item {
    margin: 0 0 0 0!important;
}

input[type=submit]{
	border:none;
	display: inline-block;
    padding: 15px 40px;
    color: #FFF!important;
    background: #245b39;
	transition: all 0.25s ease;
	cursor:pointer;
	border-radius: 60px;
}


input[type=submit]:hover {
    opacity: 0.8;
}

#narudzba_info{

	width:100%;
}

#narudzba_info p{font-size:15px;}


#narudzba_obrazac {
    width: 100%;
    margin-top: 8px;
    padding: 30px 25px 5px 25px;
    border: 0;
    background: #f0f3f1;
	border-radius: 10px;
}


#narudzba_obrazac td{
	background: #ecf4eb;
    vertical-align: middle;
    border-bottom: 1px solid #4e8847;
    padding: 8px 0px;
}

li#menu-item-79 a{

	background: #245b39;
	color: white!important;
	opacity: 1;
	margin-left: 10px;
}

li#menu-item-79 a:hover{
	background: #245b39;
	color: white!important;
	opacity: 0.8!important;
}