/*
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);background: url(media/body-bck.png) no-repeat top center;}
h1, h2, h3, h4, h5, h6{font-family: 'Titillium Web', 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:#224270;opacity:1;transition: all 0.25s ease;}
a:hover{text-decoration:none; color:#224270; opacity:0.8;}


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


embed, object, iframe {
    max-width: 100%!important;
}

::selection {
	color: #FFF;
	background-color: #224270;
  }


/* --- 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:587px;}

.home_img_text_wrap {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 31.615%;

}

.home_img_text_wrap_inner {
	background-color: rgb(34 66 112 / 81%);;
	max-width: 680px;
    padding: 21px;
}

.home_img_text_wrap h2 {
    font-size: 21px;
    color: #FFF;
    font-weight: 600;
}
.home_img_text_wrap h3 {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #FFF;
    font-weight: 600;
}
.home_img_text_wrap p a {
    font-size: 16px;
    display: inline-block;
    padding: 10px 30px;
    background: #224270;
    color: #FFF;
    margin-top: 10px;
    text-transform: uppercase;
}
.home_img_text_wrap p a:hover {
	opacity:0.90;
}
#slider_naslovna .home_img_text_wrap p {
padding-bottom:0;
}


#bottom_reg{
    font-size: 18px;
    line-height: 1.5;
    display: inline-block;
    background-color: #8E1939;
    color: #FFFFFF;
    padding: 10px 25px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
}

/* -- TOP IMAGE -- */
#top-image{height:auto; z-index:1000!important; position:relative;float:left;margin-bottom: 25px;}
#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";}

#top_div {
    width: 100%;
    height: auto;
    background: #170f07;
    color: #FFF;
    padding: 10px 0;
    font-size: 13px;
}
#top_div a{color:#ffffffad}
/* -- HEADER -- */
#header{position:relative;float:left;height:auto; padding: 0px 0px 0px 0px}
	#logo{position:relative;float:left;width:auto; height:auto; padding:20px 0px 20px 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:#224270; opacity:1;}
	#language_switcher a.selected_language{color:#224270; border: 1px solid #224270;}
	
	/* Glavni izbornik */
	#topnav {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    clear: right;
    background: #224270;
}
	#topnav ul {
    width: 100%;
    height: auto;
    list-style-type: none;
    position: relative;
    float: left;
}
		#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; float: left;padding: 15px;font-size:16px; color: #FFF; font-family: 'Titillium Web', serif; font-weight:600; line-height:1.3;text-transform: uppercase;margin: 0 4px;
}

		#topnav ul li  a:hover{text-decoration:none;opacity:0.8}
		
			#topnav ul ul {
    display: none;
    position: absolute;
    top: 50px;
    background: #224270e0;
    z-index: 9999!important;
    width: auto;
    border-bottom: 0;
}
			#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:240px;height:auto;position:relative; float:left; padding:15px 20px; margin:0}
				#topnav ul ul li  a:hover{}
				
				#topnav ul li.current-menu-item > a{background: #ffffff1f;}
#topnav ul li.menu-item-has-children > a::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 23px;
    right: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 3px 0 3px;
    border-color: #ffffff transparent transparent transparent;
}
	
	/* 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:#224270; opacity:1}
			
	
	#expand{display:none}





/* -- CONTENT WRAP -- */
.content-wrap{width:100%;height:auto; padding: 0px;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; }

.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:#224270;}
	 h2#home-txt{font-size:17px; line-height:1.3}
	.content-wrap h3{font-size:21px; line-height:1.3}
	.content-wrap h4{font-size:19px; line-height:1.3}
	.content-wrap h5{font-size:18px; line-height:1.3}
	.content-wrap h6{font-size:16px; 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;
	}
	

	
	.vise {
		display: inline-block;
		padding: 10px 30px;
		color: #FFF!important;
		background: #224270;
		transition: all 0.25s ease;
	}
	
	.vise:hover {opacity:0.8;}
	


#header .button_top_main {
    position: relative;
    float: right;
    margin-top: 60px;
}	
	.button_top_main a:link, .button_top_main a:visited, .button_top_main a:active  {
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 1.5;
    display: inline;
    background-color: #8E1939;
    color: #FFFFFF;
    padding: 9px 50px 9px 25px;
    text-transform: uppercase;
    text-decoration: none;
    overflow: hidden;
    font-weight: 700;
}

.button_top_main a:hover 
{
	    background-color: rgba(142, 25, 57, 0.89);
}
.button_top_main img{position:absolute; right:0px; top:-3px; padding-right:10px; margin:0px; display:inline;}
#header .button_top_main {position:relative; float:right; margin-top:60px;}

	
	/* ------------------------- */
	#maincontent{padding: 7px 20px 20px 20px;    border: 1px solid #170f071a;}
	#sidebar {padding: 7px 20px 20px 20px;background: #FFF;
    border: 1px solid #170f071a;}
	.editor a{border-bottom:1px solid;word-break: break-word;}
	#maincontent.category_page h2 a{border-bottom:0}
	#maincontent.category_page h2 {margin-bottom: 0;}
	
	.content-wrap p.date{
		    font-size: 13px;
			line-height: 1.5;
			padding-bottom: 15px;
			color: #808080;
			margin-top: 15px;
	}
	.content-wrap .home-aktuelles p.date{
		font-size: 11px;
		line-height: 1.3;
		padding-bottom: 0px;
		color: #808080;
	}
	
	
#sidebar h6 {
    font-size: 19px;
    line-height: 1.3;
    border-bottom: 3px solid #224270;
    margin-bottom: 18px;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 8px!important;
    margin-top: 23px;
}

#sidebar_content_news, #sidebar_content_stuff, #sidebar_content_speakers, #sidebar_content_previous, #sidebar_sponsors{width:100%; height:auto; position:relative; float:left}
#sidebar_sponsors{margin-top:20px}
#sidebar_content_speakers{}
 #sidebar_content_previous{font-size: 14px;}	   
 #sidebar_content_previous ul{    list-style-type: none;
    list-style-position: outside;
    margin: 0;}	    

#sidebar_content_news h4 a, #sidebar_content_news h4 a:link, #sidebar_content_news h4 a:active{	
color: #224270!important;
    font-weight: 700;
    font-size: 24px;    line-height: 1.15;}	
	
	#sidebar_content_news h4 a:hover{	
    color: rgba(0, 0, 0, 0.87)!important;}	
	
#sidebar_content_news p{font-size:15px; margin-bottom:15px;padding-bottom: 0;}
#sidebar_content_news p.date{font-size:12px; margin-top:15px}
	
	
	.sidebar_n_s_box{margin-bottom:30px;}
	.sidebar_n_s_box.sticky{    background: #22427012;
    padding: 15px 15px 1px 15px}
	
	
	.view_all{font-size:13px; float:right;    margin-top: 5px;}
	#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; }
	
	#maincontent h1{    font-size: 28px;
    line-height: 1.3;
    border-bottom: 3px solid #224270;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 5px!important;
    margin-top: 14px;}
	
	#maincontent h2{font-size: 28px;
    line-height: 1.2;
    /*border-bottom: 3px solid #224270;*/
    margin-bottom: 20px;
    /*text-transform: uppercase;*/
    font-weight: 700!important;
    padding-bottom: 0px!important;
    margin-top: 14px;}
	
	.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: rgba(0, 0, 0, 0.87);} 
	#sidebar a:hover{color:#224270; opacity:1}	
	

	#sidebar a.special{
		text-decoration: none;
    	color: #224270;
		opacity: 1;
		transition: all 0.25s ease;
		border-bottom: 1px solid;
    	word-break: break-word;
	}

	#sidebar a.special:hover{
		text-decoration: none;
    	color: #224270;
    	opacity: 0.8;
		border-bottom: 1px solid;
    	word-break: break-word;
	}
	
	.home-aktuelles{width:100%;
		border-bottom: 1px solid #dedede;}
	.home-aktuelles a{
		display:table;
		width: 100%;
		padding: 5px 0px;
		border: 2px solid #FFF;
		}
	.home-aktuelles a:hover {
		border: 2px solid #224270;
	}
	.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;
	}
	
	

	

	#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:#224270; 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;}
	.content-wrap img.alignright {position:relative;float:right;margin:0px 0px 12px 12px}
	.content-wrap img.alignleft {position:relative;float:left;margin:0px 12px 12px 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}



/* -- FOOTER -- */	
#footerwrap{width:100%; height:auto; background:#242425;position:relative;float:left;}
	#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:#f3f3f3;}
	#footer a:hover{color:#f3f3f3;}
	
	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: 14px;}
#footer ul li{padding-bottom:4px}
#footer h6{font-size:16px; padding-bottom:5px; margin-bottom:8px; border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);font-weight: bold;}

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


#featured_copy p{padding-bottom: 0px;font-size: 16px;font-family: 'Titillium Web', serif;}
#featured_copy {margin-top: 25px;}


/* 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 #224270;}
.pagination ul li.active a{color:#224270;}
.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{}

	




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

#speakers-inner{width:100%; padding:10px 0px 0px 6px; height:auto; position:relative; float:left}
#speakers-inner a{position:relative;float:left; width:100%; height:auto; margin-bottom:10px; overflow:hidden}
#speakers-inner a:hover .speaker_animate{opacity:1; bottom:0px;}

#speakers-inner a .speaker_animate {
width: 100%;
    position: absolute;
    bottom: 0;
    background: #224270;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    padding: 5px;
    opacity: 0.8;
	
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
   
}
	
/* -------- 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%;    padding: 0 20px;}	 
	#header{padding: 0px 20px 0px 20px;}
	#top_div {padding: 10px 20px;}
	
	.full-wrapper{padding: 0}
	
}

@media (max-width: 1140px) {
	
	#topnav ul li a:link, #topnav ul li a:active, #topnav ul li a:visited {

		padding: 15px 10px;

	}
	
	#topnav ul li.menu-item-has-children > a::after{right: 0px}

}

@media (max-width: 1060px) {
	
	#topnav ul li a:link, #topnav ul li a:active, #topnav ul li a:visited {

		font-size: 15px;
		padding: 16px 10px 15px 10px;

	}

}



@media (max-width: 1000px) {




#header .button_top_main {
    position: absolute;
    top: -99px;
    right: 0;
}

	#home-txt{word-wrap: break-word;}
	
	#topnav{display:none}
	
	#top_bar{display:none}	
	
#expand {
    display: block;
    background: #224270;
    width: auto;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0px 15px 15px 0px;
    color: #FFF;
}
	
	#expand a{color: #FFF; }
		#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:#224270; 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:"\203A"; padding-right: 5px;    font-size: 22px;}
				#topnav-mobile ul ul li  a:link, #topnav-mobile ul ul li  a:active, #topnav-mobile ul ul li  a:visited{text-transform:none;padding-left: 35px;
    font-size: 15px; }
				#topnav-mobile ul ul li  a:hover{text-decoration:none;color:#FFF;}	
				
	#maincontent {
    border: 0;
	padding: 0 0 20px 0;
    border: 0;
}			
				
	.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;
	}
				

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

@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) {

	#topnav-mobile ul{width:100%;}
	#logo{width:70%}	
	#logo img{width:80%; height:auto}


	
	.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;}
				
}

@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: 460px) {


	
#menu-top-menu{display:none}
#top_div{height: 39px}
}


@media (max-width: 420px) {

#expand{width:45px; height:44px;}
	#control-expand{width:45px; height:44px;padding:0px 0px 0px 0px; text-indent:-9999px}
	.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:16px; 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 table tr:first-child td {
    background: #eaeaea;
    border: 1px solid #ffffff;
	text-transform:uppercase;

}

#maincontent  table td {
    padding: 10px;
    border: 1px solid #E3E3E6;
}	

		#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;}



#maincontent.homebox td, #maincontent.homebox table tr:first-child td {
    background: #FFF;
    padding: 0px 30px 0px 0px;
    border: 0px;
}




/*-------- 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: #224270;
}

.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;
    }
}



.wpcf7{width:100%; height:auto; position:relative; float:left;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background:#F7F7F7; font-size:14px; line-height:150%}
.wpcf7-form{width:100%; height:auto; position:relative; float:left;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding:20px; }
.wpcf7-form-control-wrap {width:100%; height:auto; position:relative; float:left;}
.wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap input[type=email], .wpcf7-form-control-wrap select{width:100%; height:auto; position:relative; float:left; border:1px solid #CCC; padding:6px 9px;color:#6B6B6B; margin-bottom:4px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;font-family: 'Lato', sans-serif;font-size: 14px;  }


.wpcf7-form-control-wrap input[type=radio], .wpcf7-form-control-wrap input[type=checkbox]{width:auto; height:auto; position:relative; float:left; margin-top:4px; margin-right:4px}
.wpcf7 .wpcf7-list-item-label{width:auto; height:auto; position:relative; float:left; margin-top:0px; padding:0px 13px 0px 3px}
.wpcf7 span.wpcf7-list-item {margin-left: 0em;}

.wpcf7-form-control-wrap textarea{width:100%; height:auto; position:relative; float:left;border:1px solid #CCC; padding:6px 9px;color:#6B6B6B;margin-top:6px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;font-family: 'Lato', sans-serif;font-size: 14px;  }
.wpcf7-submit {
    padding: 14px 28px;
    color: #FFF;
    background: #224270;
    cursor: pointer;
    position: relative;
    float: left;
    font-size: 18px;
    font-weight: bold;
}

.wpcf7 span.wpcf7-not-valid-tip{color:#CD0000; font-size:12px; margin-top:3px;width:100%; height:auto; position:relative; float:left; background:none; border:none;top:0; left:0;}
.wpcf7 .wpcf7-validation-errors{width:100%; height:auto; position:relative; float:left;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:0px solid #CD0000; color:#CD0000; margin:0; padding:0; font-size:13px; font-weight:bold;margin-top:15px}
.wpcf7 .wpcf7-mail-sent-ok{width:100%; height:auto; position:relative; float:left;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:0px solid #61B329; color:#61B329; margin:0; padding:0; font-size:14px; font-weight:bold; margin-top:15px}
.ajax-loader{position:relative; float:left; margin-top:10px; margin-left:10px}

.rightradiowrap .wpcf7-form-control-wrap {margin-bottom:10px}

.field label{font-weight:bold; margin-bottom:6px;width:100%; height:auto; position:relative; float:left;}
.field{width:100%; height:auto; position:relative; float:left; margin-bottom:24px}


#note_abstract{width:100%; height:auto; position:relative; float:left; margin-top:12px; padding:20px 20px 8px 20px; border:1px solid #ccc; background:#FAFAFA; margin-bottom:0px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#note_abstract p{ font-size:13px}

.wpcf7 span.small{width:auto; height:auto; position:relative; float:right; font-size:12px}

p.nazivi{
padding-top:15px;
padding-bottom:3px;
float: left;
}

p.contactsend{
padding-top:15px;
padding-bottom:3px;
float: left;
}


#charsLeft {
    color: #FFF;
    font-weight: 700;
    background: #224270;
    padding: 2px 10px;
}
#charactersleft{ float: left;
    width: 100%}
	
	
.sponsors_bottom{
	padding-top:0px;
	text-align:center;
	color:#3A3A3A;
}



#sponzorinew{
	/*border-top: 1px solid #efefef;*/
    margin-top: 64px;
	padding-top: 32px;
}

#sponzorinew.sppage{
	margin-top: 0px;
	padding-top: 16px;
	margin-bottom: 64px;
}
#sponzorinew p{
	font-weight:400;
	font-size:14px;
}
#sponzorinew p.sponsor_designation{
	font-weight:700;
	text-transform:uppercase;
	font-size:14px;
	    padding-bottom: 0px;
}

#sponzorinew p.sponsor_name{
	margin-bottom:20px;
	padding-bottom: 0;
}


.multiple_sponsors{
	text-align:center;
	width:100%;
	padding:0 20px 0 20px;
}

#sponsors_u_footeru p.sponsor_name_small{
	font-size:13px;
	margin-bottom:15px;
}	

.sponsors_bottom  .column20{width:33.33%}
.sponsors_bottom  .column25{width:25%}
.sponsors_bottom   .column-half{width:50%;    height: auto;
    padding: 20px;
    position: relative;
    float: left;}
	
	
	#sponsors_page{width:100%; height:auto; position:relative; float:left}
	
	#sponsors_page .sponsors_bottom .column25{width:50%;height: 260px;}
	#sponsors_page .sponsors_bottom .column20{width:50%}
	#maincontent #sponsors_page a{border-bottom:0}
	


.col_20{
	width:20%;
	position: relative;
	float: left;
}	

#topics_u_footeru_wrap{
	margin-top: 64px;
}

#topics_u_footeru{

	padding-top: 16px;
}

#topics_u_footeru .col_20{
	border-left: 4px solid #224270;
	padding-right: 32px;
}

#topics_u_footeru img{
	width: 100%;
	height: auto;
}

#topics_u_footeru h4 {
    font-size: 18px;
    color: #000000;
    padding-left: 16px;
    padding-top: 16px;
    font-weight: 700;
    width: 100%;
    padding-right: 42px;
    line-height: 1.2;
    padding-bottom: 16px;
    background: #f9f9f9;
}


	h3.bordertitle {
		font-size: 28px;
		line-height: 1.3;
		border-bottom: 3px solid #224270;
		margin-bottom: 15px;
		text-transform: uppercase;
		font-weight: 600;
		padding-bottom: 5px!important;
		margin-top: 14px;
	}





	.col-12 {
		flex: 0 0 auto;
		width: 100%;
	}

	.row2 .col-4 {
		flex: 0 0 auto;
		width: 25%;
		text-align: center;
		margin-bottom: 40px;
	}

	.row2>* {
		flex-shrink: 0;
		width: 100%;
		max-width: 100%;
		padding-right: 20px;
		padding-left: 20px;
		margin-top: 20px;
	}

	.row2{

		display: flex;
		flex-wrap: wrap;
		margin-top: 20px;
		margin-right: 20px;
		margin-left: 20px;
		align-items: center;
	}

	#sponzorinew img{
		width: auto;
		height: auto;
	}
	
	@media (max-width: 670px) {
		.sponsors_bottom  .column20{width:100%}
		.sponsors_bottom  .column25{width:100%}
		#sponsors_page .sponsors_bottom .column25{width:100%}
		#sponsors_page .sponsors_bottom .column20{width:100%}

		.row2 .col-4 {
			flex: 0 0 auto;
			width: 50%;
		}

		.row2{
			margin-right: 0px;
			margin-left: 0px;
		}

		#sponzorinew img{
			width: auto;
			max-width: 100%;
			height: auto;
		}
	
	
	}

	#maincontent.homebox table tr td em {
		font-size: 13px;
		line-height: 1.3;
		margin-top: 10px;
		display: block;
		color: #474747;
		margin-bottom: 4px;

	}

	@media (max-width: 1000px) {


		#maincontent table td {
			padding: 3px;
			border: 1px solid #E3E3E6;
			font-size: 14px;
		}
	
		#maincontent table tr td:first-of-type {
			width: 36%!important;
		}

		#maincontent.homebox table tr td:first-of-type {
			width: 50%!important;
		}

		#maincontent.homebox table tr td {
			
			vertical-align: top;

		}

		#maincontent.homebox table tr td em {
			font-size: 11px;
			line-height: 1.3;
			margin-top: 10px;
			display: block;
			color: #474747;

		}

		#maincontent h2 {
			font-size: 21px;
		}

		#maincontent h1 {
			font-size: 24px;
		}

		#maincontent table p{
			padding-bottom:0px;
			font-size: 15px;
			line-height: 1.3;
		}



		.col_20{
			width:100%;
		}	
		
		#topics_u_footeru_wrap{
			margin-top: 64px;
			padding: 0 20px;
		}
		
		#topics_u_footeru{
		
			padding-top: 16px;
		}
		
		#topics_u_footeru .col_20{
			padding-right: 0;
    		margin-bottom: 32px;
		}

		#sponsors_u_footeru{
			padding: 0 20px;
		}

		#top-image.top-slider{
			padding: 0;
		}
	}