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


/*---general---*/
*{margin:0; padding:0; border:0; outline:0}
*, ::before, ::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body{font-family: 'Montserrat', sans-serif;font-weight: 400; color:#333333; font-size:16px; line-height:1.5;background:url(media/bck.png) top center no-repeat}

ul {list-style: none;}
h1, h2, h3, h4, h5, h6{font-weight:400; line-height:1.3;color:#333333;font-family: 'Libre Baskerville', serif;}
a{text-decoration:none; color:#3A4A79}
a:hover{text-decoration:none; color:#3A4A79}
b, strong, th{font-weight:600;}
h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong, h6 b, h6 strong,{font-weight:700;}

a img{transition: all 0.5s ease}
#header  a:hover img, .sponsors_bottom  a:hover img{opacity:0.92}

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

input[type=text], input[type=password], input[type=email], textarea {    font-family: 'Montserrat', sans-serif;
    font-size: 16px;}
 
::selection {background: #3A4A79; color:#FFF} 
::-moz-selection {background: #3A4A79;color:#FFF}


div{position:relative; float:left}
.kolona1{width:100%; height:auto}
.bck_blue{background:#020202; color:#FFF}
.bck_light_gray{background:#F6F6F6;}
.bck_very_light_gray{background:#FDFDFD;}
.bck_white{background:#FFF;}
.bck_dark_gray{background:#636363; color:#FFF}


.blue{color:#3A4A79}

#header_upper{padding:5px 0; background:#3c4b7b;}
#masterslider_wrap{background: #FFF;}
/* override for masterslider */
.master-slider,
.master-slider-parent
{
	float:none
}
.ms-slide-info.ms-dir-h {
    width: 50%;
    position: absolute!important;
    bottom: auto!important;
    right: auto!important;
	    margin-top: 10%!important;
}
.ms-slide-info {
    background: none!important;
}
@media (min-width: 1130px) {

}

@media (max-width: 1129px) {
	.ms-slide-info.ms-dir-h {
		width: 75%!important;
		top:250px;
		min-height: 140px!important;
	}
	.ms-info{padding:15px;}
}
@media (max-width: 1060px) {
	.ms-slide-info.ms-dir-h {
		display:none;
	}
}
@media (max-width: 1160px) {
	.naslovi_target h6.naslovi {
		font-size:16px;
	}
}

#header{/*background:url(media/bck.png) top center no-repeat*/}


#cfdb_template{
	width:100%;
}
#cfdb_template_inner{
	padding:0 20px 0 20px;
}
#cfdb_template #header img{
	width:50%; height:auto;
}
#cfdb_template #header .kolona13{
	padding-left:20px;
}
#cfdb_template table.cf7-db-table tbody td > div {
    max-height: 200px;
}

#cfdb_template table.cf7-db-table tbody td{
	font-size:12px;
	vertical-align: top;
}

#cfdb_template #main_content_wrap  table tr td:nth-of-type(2n) {
    text-align: left;
}

#cfdb_template_pass {
    padding: 20px;
    font-size: 14px;
}
#cfdb_template_pass p{
    margin-bottom: 14px;
}

#cfdb_template_pass input[type=password]{
	padding:5px 8px;
	border:1px solid #CCC;
}
#cfdb_template_pass input[type=submit]{
	padding: 8px 8px;
    cursor: pointer;
}

#top_info {
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-align: right;
    padding: 0;
    margin: 0;
}

#with_fungi{float:right}
#with_fungi img{float:right}

.ms-slide-info.ms-dir-h {
    width: 50%;
    position: absolute!important;
    left: 25%;
    right: auto;
    float: none;
    text-align: center;
}

.ms-info {
    padding: 20px;
    margin: auto;
    text-align: center;
    width: 95%;
}

.ms-slide-info.ms-dir-h {

    /*background: #252e4abf!important;*/
}

 .ms-info {
        -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ms-view{
	left:0!important;
}
.ms-inner-controls-cont{max-width:100%!important}
.ms-bullets{display:none}
.ms-info h3 {
    font-size: 28px!important;
    font-weight: 300!important;
    margin-bottom: 0!important;
    width: 100%!important;
	/*background: #3b4a7acc;*/
    padding: 20px;
}

.ms-slide-info.ms-dir-h {
    width: 50%;
    position: absolute!important;
    bottom: 20px;
    right: 20px;
}


.register_now {
    font-size: 14px;
    font-weight: 700;
    padding: 15px 20px;
    background: #b19b57;
}
.register_now_blue {
    color: #ffffff;
    margin-top: 32px;
}

.register_now_blue.right {
   float: right;
}

    
a.register_now_blue:hover{
	color:#FFF;
}
.register_now_white{color:#FFF; border:2px solid #FFF; float:left}

.register_now_white.hvr-sweep-to-right:before{
	background: #FFF;
}
.register_now_white.hvr-sweep-to-right:hover, .register_now_white.hvr-sweep-to-right:focus, .register_now_white.hvr-sweep-to-right:active {
  color:#3A4A79; 
}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3A4A79;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}



/* Overline From Left */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #3A4A79;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
  right: 0;
}


.hvr-outline-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    border-radius: 5px!important;
}

.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
}

.hvr-outline-out:before {
    content: '';
    position: absolute;
    border: #b19b57 solid 2px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
    border-radius: 5px;
}


.left{float:left}
.right{float:right}
.center{text-align:center}
.radius{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.box{width:auto; height:auto;position: relative;}
.transition {transition: all 0.5s ease;}




p.datum{color:#969696; }

.search_listing{background:#FFF;}
.search_listing:nth-child(2n){background:#F6F6F6;}
.search_listing img{width:100%;height:auto; padding-right:0px; margin-top:4px}

.search_listing .novosticat  img{margin-top:19px}

#cat .search_listing{background:#FFF;border-bottom:1px solid #F6F6F6}

#cat .search_listing h2{font-size:24px;margin-top: 16px;}

.naslovi {
    font-size: 16px;
    color: #737373;
    border-bottom: 1px solid #c4c4c4;
    display: block;
    padding-bottom: 5px;
    margin-bottom: 20px;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

#cat h1.naslovi, #main_content_wrap h1.naslovi, #main_content_wrap h6.naslovi{margin-bottom:0px;}


#main_content_wrap h1.tt {
    margin-bottom: 8px;
    margin-top: 16px;
    color: #3c4b7b;
}
#main_content_wrap h4.tt{    margin-bottom: 32px;
    color: #757575;
    font-weight: normal;
    font-size: 14px;    line-height: 1.5;}

#home_news img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin-top: 3px;
}

#home_news h5 a {
    color: #222222;
    font-size: 17px;
    font-weight: 700;
}

#home_news h5 a:hover{
	color:#3A4A79;
	
}
#home_news h5{

	margin-bottom: 6px;
}

#home_news p{font-size:14px; margin-bottom:6px;}
#home_news p.datum{font-size:11px; margin-bottom:6px;}

#home_news .kolona1{
	margin-bottom:25px;
}

.sponsors_bottom{
	border-top:4px solid #F0F0F3;
	padding-top:40px;
	text-align:center;
	color:#3A3A3A;
}

.sponsors_bottom p{
	font-weight:400;
	font-size:14px;
}
.sponsors_bottom p.sponsor_designation{
	font-weight:700;
	text-transform:uppercase;
	font-size:16px;
}

p.sponsor_name{
	margin-bottom:20px;
}


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

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

/* flex */
.flexcontainer {
   display: -webkit-flex;
   display: flex;
}
.flexcontainer_row {
	-webkit-flex-direction: row;
   flex-direction: row;
}

.flexcontainer_column {
   -webkit-flex-direction: column;
   flex-direction: column;
}
.flexcontainer_centerall {
	-webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
}

.sponsor_box{
	padding:0 15px 0 15px;
}

h1.search_listings_heading{text-transform: uppercase;font-size: 28px;}
h1.search_listings_heading::before {
    content: "\f002";
    font-size: 18px;
	line-height:1;
    color: #FFF;
	background:#3A4A79;
	border-radius:50%;
	padding:10px;
    /*pointer-events: none;*/
	margin-right:10px;
}



/* contact form */
select {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}
.wpcf7 {
    width: 100%;
    height: auto;
    padding: 30px;
    background: #f4f1e7;
}
.wpcf7-form-control-wrap{}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap select{border:1px solid #cdcdcd; padding:10px; width:100%; height:auto; 
	margin-top:6px;
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
}

.wpcf7-form-control-wrap input[type='checkbox'] { 
	width:auto;
}

.wpcf7-form-control-wrap input:hover, .wpcf7-form-control-wrap textarea:hover{ 
	border-color: #b9b9b9;
}
.wpcf7-form-control-wrap input:active, .wpcf7-form-control-wrap textarea:active,
.wpcf7-form-control-wrap input:focus, .wpcf7-form-control-wrap textarea:focus{border-color: #3A4A79;}
.wpcf7-form-control-wrap input.wpcf7-not-valid, .wpcf7-form-control-wrap textarea.wpcf7-not-valid{border-color: #C31F2F;}

.wpcf7-form-control-wrap textarea#myabstract{
	/*height:540px;*/
}

.wpcf7-submit{
	padding: 14px 28px;
    color: #FFF;background:#3A4A79;
    transition: all 0.5s ease;
    border: 2px solid #3A4A79;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
	cursor:pointer;
	}
.wpcf7-submit:hover {
    color: #FFF;
    background: #b19b57;
    border: 2px solid #a28e4f;
}

.main_content p.nazivi{
	padding-bottom: 7px;
    padding-top: 14px;
}

.main_content span.wpcf7-not-valid-tip{font-size:13px; color:#C31F2F;margin-top: 3px;}

.main_content div.wpcf7-validation-errors{border: 4px solid #C31F2F; color:#C31F2F}

.main_content div.wpcf7-response-output {
	width:100%; height:auto;
    margin: 10px 0px 10px 0px;
    padding: 20px;
	text-align:center;
}

@media (max-width: 550px) {
    .search_listing .kolona14{width:100%; padding-bottom:14px}
    .search_listing .kolona34{width:100%}
}

.container{float:none; margin:0 auto; max-width:1080px}

@media (max-width: 1170px) {
    .container{margin-left:5%; margin-right:5%}
	/*.master-slider-parent{max-width: 100%!important;}
	.master-slider-parent img{max-width: 100%!important; height:auto;}
	.ms-slide{max-width: 100%!important; height:auto;}*/
	#masterslider_wrap img{width:100%!important; height:auto!important}
}


.container_large{float:none; margin:0 auto; max-width:1280px}

.main_content img{max-width:100%; height:auto}

.half{width:50%; height:auto}
.half img{width:100%; height:auto}

#charsLeft{
	color: #3B4A7A;
    font-weight: 700;
    border-bottom: 2px solid #3B4A7A;
}




#home_usluga ul li::before, .featurette, 
#footer_prijava_submit_wrap::after, 
#searchsubmit::after, 
#header_main_nav li.menu-item-has-children > a::after, 
#header_main_nav li ul li ul li a::before, 
.main_content ul li::before,
.acc-title h3::after,
h1.search_listings_heading::before,
a#na_vrh::before{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.text-center{
    text-align: center;
}

.mb-20{
    margin-bottom:20px!important;
}

/* header */
#logo{}
#header_right{}


#home_news h5 a.extra{
	background: #3c4b7b;
    color: #FFF;
    padding: 10px 5px;
    display: block;
    text-align: center;
}
#home_news h5 a.extra:hover{
	background: #b19b57;
}

/* glavni izbornik */
#header_main_nav{width:100%;margin-top: 77px;}
.menu-glavni-izbornik-container{float:right; margin-top:26px}
.homepage_nav .menu-glavni-izbornik-container{}
#header_main_nav ul {width: auto;list-style-type: none;}
#header_main_nav ul li {position:relative; float:left;transition: all 0.5s ease;}
#header_main_nav ul li a{position:relative; float:left; padding:10px 15px;font-size:15px; color:#333333; transition: all 0.5s ease;}
#header_main_nav ul li a.selected{color:#3A4A79;}
#header_main_nav ul li:hover a{color:#FFF;background: rgb(60, 75, 123);}
#header_main_nav ul li:hover a.selected{color:#FFF;    background: rgb(60, 75, 123);}
#header_main_nav  > div.menu-glavni-izbornik-container > ul > li:hover {color:#333333; background:transparent}

#header_main_nav  > div.menu-glavni-izbornik-english-container > ul > li:hover {color:#333333; background:rgba(255, 255, 255, 0.97);}

#header_main_nav  li.menu-item-has-children:hover{
}


/*second*/
#header_main_nav li ul{position:absolute; display:none; top:42px; left:0px; z-index: 99;}
#header_main_nav li ul li{position:relative; float:left; margin:0; width:260px; height:auto; background:rgba(255, 255, 255, 0.97); z-index:9999;}
#header_main_nav ul li:hover ul li a{color:#fff;}
#header_main_nav ul li ul li a{width:100%;color:#FFF;}
#header_main_nav ul li ul li a:hover{color: rgb(205, 180, 104);}


#header_main_nav .regnow a{
background: #b19b57;
color:#FFF;
font-weight: 600;

}

#header_main_nav ul li.regnow a.selected {
    color: #FFF;
}
#header_main_nav .regnow a:hover{
background: #c8a94a;
color:#FFF;
}

#header_main_nav .regnow a[title]:hover{
transition: all 0.5s ease
}
#header_main_nav .regnow a[title]:hover:after {
  content: attr(title);
  position: absolute;
  top: -200%;
  left: 0;
  color:#c8a94a;
}
/*third*/
/*
#header_main_nav li ul li ul{position:relative; float:left;width: 100%;top: auto;left: auto;}
#header_main_nav li ul li ul li{position:relative; float:left; margin-left:6%; width:94%; height:auto; background:transparent; z-index:9999;}
#header_main_nav li ul li ul li a{color:#A5AAE0; width:94%; padding-left:20px}
#header_main_nav li ul li ul li a::before{
		position: absolute;
		width: 15px;
		height: 10px;
		top: 10px;
		left: 5px;
		content: "\e603";
}

#header_main_nav ul li:hover ul li ul li a{color:#A5AAE0;}

#header_main_nav li ul li:last-child ul li:last-child{margin-bottom:6%}
*/

#header_main_nav  li.menu-item-has-children  a{padding-right:35px}

#header_main_nav  > div.menu-glavni-izbornik-container > ul > li.menu-item-has-children  > a::after,
#header_main_nav  > div.menu-glavni-izbornik-english-container > ul > li.menu-item-has-children  > a::after  {
	position: absolute;
    width: 15px;
    height: 10px;
    top: 16px;
    right: 17px;
    content: "\e601";
    font-size: 12px;
		}






		
		
/* home */
.home_news img{width:100%; height:auto}
.home_news h2{font-size:22px;}
.home_news h2, .home_news p.datum{padding-bottom:7px}

.inner_page img{width:auto; height:auto; max-width:100%}
.inner_page p.datum{padding-bottom:7px}


#main_content_wrap p.datum {
    font-size: 12px;
    line-height: 1.5;
    color: #757575;
    padding-bottom: 0;
    padding-top: 5px;
    font-weight: normal;
    margin-bottom: 14px;
}


/* Tables */
#main_content_wrap table{width:100%; border-collapse: collapse;margin-bottom: 16px;}
#main_content_wrap table tr{}
#main_content_wrap table td{padding:10px;border:1px solid #E3E3E6}
#main_content_wrap table tr td:nth-of-type(2n){text-align:right;}





#main_content_wrap table tr:first-child td{background:#F0F0F3}
#main_content_wrap table p{padding-bottom:0; margin-bottom:0}




#main_content_wrap table.simple_table td{padding:10px;border:0px;text-align:center; vertical-align:top}
#main_content_wrap table.simple_table tr td:nth-of-type(2n){text-align:center;}

#main_content_wrap table.simple_table tr:first-child td{background:transparent}

/* table program */
#main_content_wrap table.program{margin-bottom: 30px;}
#main_content_wrap table.program tr td:nth-of-type(2n){text-align:left; width:80%}
#main_content_wrap table.program td{vertical-align: top;}


#main_content_wrap table.program p{font-size: 15px;}
#main_content_wrap table.program .event_type{text-transform:uppercase}

#main_content_wrap table.program h6{
    font-size: 13px;
    margin-top: 5px;
	margin-bottom:5px;
    font-weight: normal;
    color: #b19b57;
}

#main_content_wrap table.program p.prog_nadnaslov{
    display: inline-block;
    position: absolute;
    z-index: 999;
    top: 2px;
    left: 0;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    background: rgba(58, 74, 121, 0.75);
    padding: 3px 6px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
#main_content_wrap table.program p.prog_naslov{
    font-size: 15px;
    font-weight: bold;
    color: #3A4A79;
}
#main_content_wrap table.program p.prog_podnaslov{
	font-size: 13px;
    color: #797979;
    font-style: italic;
	margin-top: 2px;
}

#main_content_wrap table td.tdnopadd{padding:0px}

#main_content_wrap table td.tdnopadd .topic_name{
	padding: 11px;
    font-size: 15px;
}

#main_content_wrap table.program tr:first-child td p.prog_naslov{
	font-size:18px;
}






#main_content_wrap table#tentative_programme td {
    padding: 20px;
    border: 2px solid #E3E3E6;
}

#main_content_wrap table#tentative_programme table.table_first_day td {
    padding: 0;
    border: 0;
	background:transparent;
}
#main_content_wrap table#tentative_programme table.table_second_day td {
    padding: 0;
    border: 0;
	background:transparent;
	vertical-align: top;
}

#main_content_wrap table#tentative_programme tr td:nth-of-type(2n){text-align:left; background: #b19b570a;vertical-align: top;}
#main_content_wrap table#tentative_programme tr td:first-child{text-align:left; background: #3b4a7a05;vertical-align: top;}


#main_content_wrap table#tentative_programme table.table_first_day tr td:nth-of-type(2n){text-align:left; background: #FFF;}
#main_content_wrap table#tentative_programme table.table_first_day tr td:first-child {
    background: #FFF;
    width: 5%!important;
    padding-right: 20px;
}


#main_content_wrap table#tentative_programme table.table_second_day tr td:first-child {
    background: transparent;
    width: 19%!important;
    padding-right: 20px;
    padding-left: 20px;
}

#main_content_wrap table#tentative_programme table.table_second_day tr td:nth-of-type(2n) {
    text-align: left;
    background: transparent;
}


#main_content_wrap table#tentative_programme tr td[colspan="2"] {
 background: #FFF;
}

#main_content_wrap table#tentative_programme tr:first-child td {text-align:left; background: #f3f3f3;}


#main_content_wrap table#tentative_programme p {
    padding-bottom: 0;
    margin-bottom: 0;
    position: relative;
    float: left;
	display: block;
    width: 100%;
}
#main_content_wrap table#tentative_programme .topic2 {
    margin-bottom: 20px;
    z-index: 99;
    width: 75%!important;
    margin-top: 0;
    margin-right: 0;
}
#main_content_wrap table#tentative_programme tr td:nth-of-type(2n) h6 {
    font-size: 16px;
    background: #b19b57;
    margin-bottom: 0px;
    display: inline-block;
    color: #FFF;
    padding: 175px 20px 0 20px;
    z-index: 100;
    position: relative;
    float: left;
    margin-right: 0;
    margin-top: 0;
    min-height: 220px;
}
#main_content_wrap table#tentative_programme tr td:first-child  h6{
font-size: 16px;
    background: #3b4a7a;
	margin-bottom: 0px;
    display: inline-block;
    color: #FFF;
    padding: 175px 20px 0 20px;
    z-index: 100;
    position: relative;
    float: left;
    margin-right: 0;
    margin-top: 0;
    min-height: 220px;

}
#main_content_wrap table#tentative_programme tr td.color1{
text-align: center;
    background: #3b4a7a!important;
    color: #FFF;

}
#main_content_wrap table#tentative_programme tr td.color2{
text-align: center;
    color: #FFF;
    background: #b19b57!important;

}
#main_content_wrap table#tentative_programme h5 {
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 0;
    padding-bottom: 8px;
    display: block;
    width: 100%;
    position: relative;
    float: left;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal!important;
}
#main_content_wrap table#tentative_programme h5 strong {
	font-weight: normal!important;
}
#main_content_wrap table#tentative_programme h4 {
    font-size: 17px;
    font-weight: 700;
    padding-bottom: 16px;
    color: #0e111b;
    font-family: 'Montserrat', sans-serif;
}
#main_content_wrap table#tentative_programme h3 {
    color: #413a23;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 5px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

#main_content_wrap table#tentative_programme a {
    font-weight: 700;
    border-bottom: 1px solid #3b4a7a;
	transition: all 0.5s ease;
}
#main_content_wrap table#tentative_programme a:hover {
    font-weight: 700;
	color:#b19b57;
    border-bottom: 1px solid #b19b57;
}
#main_content_wrap table#tentative_programme td.extra_td {
    padding-top: 250px;
}

.illegend {
    font-weight: 600;
    padding: 2px 4px;
    background: #3b4a7a;
    color: #FFF;
    font-size: 12px;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black;  If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}


.prog_tekst{
	width: 100%;
    float: left;
    position: relative;
    padding-left: 45px
}

.prog_tekst .alignleft{
	margin: 1px 10px 1px 0px;
}

.sponsor_img{float:right; margin:0px 0px 0px 10px; width:120px; height:auto;}


.about_us{border:1px solid #F0F0F3}
.about_us img{width:100%; height:auto}
.about_us h3{font-size:19px;}

.about_us h3, .about_us p{padding-bottom:14px}


.important_dates table{
	width:100%; border-collapse: collapse;
}

.important_dates table td{padding:10px;border:1px solid #E3E3E6;    font-size: 14px}
.important_dates table tr td:nth-of-type(2n){text-align:right;}
.important_dates table tr:first-child td {
    background: #b19b57;
    border: 1px solid #b19b57;
    color: white;
    font-size: 15px;
    font-weight: normal;
    font-family: 'Libre Baskerville', serif;
}

#home_image{padding-bottom:19px; background:url(media/home_img_bottom.png) bottom center no-repeat}
#home_text_box{position:absolute; float:none; bottom:80px; left:120px; padding:40px; z-index:500;background:url(media/bck_blue_transparent.png); color:#FFF}
#home_text_box h2{font-size:28px; color:#FFF}
#home_text_box h3{font-size:18px; font-style: italic;font-weight: 400;color:#FFF}

.home_features{}
.home_features h2{font-size:28px; color:#3A4A79}
.home_features h3{font-size:16px; color:#6B6B6B; padding-bottom: 14px; padding-top:7px} /*podnaslov*/


.home_features h4{font-size: 11px; color: #929292; font-weight:400;padding-bottom: 7px;}/*nadnaslov*/
.home_features p{padding-bottom:13px}/*nadnaslov*/

.mt14{margin-top:14px}

a.vise {
    padding: 6px 16px;
    color: #3A4A79;
    background: transparent;
    transition: all 0.5s ease;
    border: 1px solid #3A4A79;
    font-size: 13px;
    font-weight: normal;
    display: inline-block;
}
a.vise:hover{color:#FFF; background:#3A4A79; transition:all 0.5s ease}

#home_usluga{font-size:14px}
#home_usluga h2{padding-bottom:14px}
#home_usluga p, #home_usluga ul{padding-bottom:14px}
#home_usluga ul li{position:relative; padding-left:20px}



#home_usluga ul li::before {
	content: "\e619";
	font-size:15px;
	color:#3A4A79;
	position:absolute;
	top: 4px;
    left: 0;
}


.home_featurettes p{font-size:13px; padding-bottom:0}
.home_featurettes a p{color:#333333}

.line_title_wrap {
    width: 100%;
    height: 20px;
    border-bottom: 1px solid #E7E7E8;
    position: relative;
    float: left;
    margin-bottom: 5px;
}
.line_title {
    width: auto;
    text-align: center;
    margin: 8px auto 0 auto;
	float: none;
}
.line_title h3 {
    display: inline-block;
    padding: 0 20px;
    font-size: 16px;
    text-transform: uppercase;
	font-weight:700
}
.red, .line_title h3.red{color:#C41F30}
.green, .line_title h3.green{color:#056B3B}
.blue, .line_title h3.blue{color:#3A4A79}
.darkgray, .line_title h3.darkgray{color:#333333}



/*--- Grid ---*/
/* - half - */
.kolona12{ width: 48.7115%; margin-right: 2.577%;}
.kolona12:nth-of-type(2n){ margin-right: 0px; }
.kolona12.topic{ width: 48.0115%; margin-right: 1.9885%;}
.kolona12.topic:nth-of-type(2n){ margin-right: 0px; }

/* - third - */
.kolona13{ width: 31.615%; margin-right: 2.577%; }
.kolona13:nth-of-type(3n){ margin-right: 0px; }
.kolona23{ width: 65.808%; margin-right: 2.577%; }
.kolona1 .kolona23 + .kolona13 {margin-right:0;}
.kolona1 .kolona13 + .kolona23 {margin-right:0;}
.kolona1 .kolona14 + .kolona14 + .kolona12 {margin-right:0;width: 48.7115%;}

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

.kolona1 .kolona34 + .kolona14{margin-right:0;}
.kolona1 .kolona12 + .kolona14 + .kolona14 {margin-right:0;}
.kolona1 .kolona14 + .kolona34{margin-right:0;}

/* - fifth - */
.kolona15{ width: 17.9384%; margin-right: 2.577%;}
.kolona15:nth-of-type(5n){ margin-right: 0px; }


/* - fourth / 2 spacer */
.kolona14half{ width: 11.5%; margin-right: 0%;}
.kolona14half:nth-of-type(4n){ margin-right: 0px; }


.home_featurettes .kolona1 img{width:100%; height:auto;}
.home_featurettes .kolona1 h5{color:#fff; font-size:18px;height:60px; padding:7px 0px 7px 0px;display: flex;align-items: center;}
.home_featurettes .kolona1 h5 span{text-align: center;width: 100%;}
.home_featurettes .kolona1 p{padding:14px 14px 14px 14px;float: left;}

.home_featurettes .kolona15{text-align:center; padding: 32px 10px 20px 10px;}
.home_featurettes .kolona15 h5{color:#056B3B; font-size:16px; padding-bottom:7px; padding-top:0px}
/*.home_featurettes .kolona15 a:hover h5{color:#333;}*/


.speaker_pf {
    position: absolute;
    float: none;
    left: -5px;
    top: 182px;
    background: #7580a2;
    color: #FFF;
    padding: 5px;
    line-height: 1;
    font-size: 12px;
}

.topic_over{
	position:absolute; 
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	top:0;
	right:0;
	z-index:99;

background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}


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

.topic_name {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px 20px 17px 20px;
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    z-index: 100;
    font-family: 'Libre Baskerville', serif;
}

.topic_name div{width:100%; height:auto; float:left; margin-bottom:4px;}

.event_type{
	font-size:12px;
	background:#3B4A7A;
	padding:3px 6px;
}

.topic  .topic_name{transition: all 0.5s ease}
.topic  a:hover .topic_name{opacity:0.7}
.topic2 .topic_name{transition: all 0.5s ease}
.topic2  a:hover .topic_name {opacity:0.7}

.topic2 img{
	width:100%;
	height:auto;
}
.topic2 {
	max-height:220px;
	height:auto;
	overflow:hidden;
}

/*----- SIDEBAR ----- */
/*#sidebar{border:1px solid #E7E7E8; padding-left: 2.577%; padding-right: 2.577%; background:#FDFDFD}*/
#sidebar .kolona15{width:100%;}

.sidebar_box{padding:20px; border:1px solid #F0F0F3}
.sidebar_box h6{display:block;font-size:17px; text-transform:uppercase; border-bottom:4px solid #CACAD5; margin-bottom:20px; padding-bottom:10px}

#main_content_wrap{}





/* --- Home Features and featurettes --- */

.home_featurettes .kolona1:hover{background: #FEFEFE;}


.featurette{
	font-size:60px;
	color:#000000;

}
.featurette:before{
    display: flex;
    align-items: center;
    justify-content: center;
}

.featurette{position:relative; float:left;width:100%; height:auto; height:78px}

.home_featurettes .kolona15 a .featurette{transition:all 0.2s ease-in-out;}
.home_featurettes .kolona15 a:hover .featurette{font-size:70px; color:#056B3B;}



.img_holder{overflow:hidden}

.title_over_image{position:absolute; bottom:0px; left:0px; width:100%;z-index:100;height: 60px;}
.title_over_image_wrap{position:absolute; top:0px; left:0px; width:100%; height:60px; background:#3A4A79; opacity:0.8; z-index:200}
.title_over_image h5{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:300}

.dummy{transition: all 0.5s ease;background-size:100%; background-position:center center}
.kolona14 a:hover .dummy{transform: scale(1.1);}


.home_featurettes .kolona1 h5.original_title{color:#C41F30; font-size:16px;height:auto; padding:14px 0px 7px 0px;display: block;}
.home_featurettes .kolona1 a:hover h5.original_title{color:#CA2031;}
.home_featurettes .kolona1 p.original_title{padding:0px 0px 7px 0px;float: left; width:100%}
.kolona14.original:hover{background:#F5F6F7}




/* swiper */
.swiper-slide{width:100%;height:auto;}
.swiper-container{width:100%;height:auto;padding-bottom:40px;}
/*.swiper-container div{float:none}*/
.swiper-container-horizontal>.swiper-pagination{bottom:0px}


.home_features .swiper-button-prev:before, .home_features .swiper-button-next:after{
   font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size:40px;
	color:#888888;
	transition: all 0.5s ease;
}

.home_features .swiper-button-next, .home_features .swiper-button-prev{top: 40%;background-image: none;}
.home_features .swiper-button-next{right: -5px;}
.home_features .swiper-button-prev{left: -5px;}

.home_features .swiper-button-next, .home_features .swiper-button-prev{width: 40px;height: 40px;margin-top: 0px;}
.home_features .swiper-button-prev:before{content: "\e908";}
.home_features .swiper-button-next:after{content: "\e906";}
	.home_features .swiper-button-prev:hover:before, .home_features .swiper-button-next:hover:after{color:#C41F30;}


.home_features .swiper-pagination-bullet-active{background:#C41F30}




.slider_number{position:absolute; top:-7px; left:17px; z-index:100; background:#C41F30; color:#FFF; padding:8px 12px; font-size:16px; line-height:1; font-weight:700}


/* here */
.swiper-slide a{
    display: block;
    position: relative;
    float: left;

}
.swiper-slide {
	padding: 10px 10px;
}

#swiper2 {width:90%; margin: 25px auto 0 auto; float:none}
.swiper-pagination-bullet{
	background: #7580a238!important;
    opacity: 1!important;
}

#swiper2 a img{

}
#swiper2 a:hover img{
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}

/*#swiper2 .swiper-slide img, #swiper2 .swiper-slide a{width:100%; height:auto}*/
	
.swiper-pagination-bullet {
    width: 12px!important;
    height: 12px!important;
}	
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #3b4a7aa3!important;
}
	
.home_features #swiper2 h2.ljudi_title {
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 4px;
    margin-top: 12px;
    color: #3c4b7b;
}
.home_features #swiper2 h4.ljudi_podnaslov {
    font-size: 12px;
    line-height: 1.5;
    color: #757575;
    padding-bottom: 0;
    padding-top: 5px;
    font-weight: normal;
    margin-bottom: 14px;
    font-family: 'Montserrat', sans-serif;
}

h3.podnaslov {
    font-size: 12px;
    line-height: 1.5;
    color: #757575;
    padding-bottom: 0;
    padding-top: 5px;
    font-weight: normal;
    margin-bottom: 14px;
    font-family: 'Montserrat', sans-serif;
}

.home_features .swiper-button-prev.prev-swiper-2:hover:before, .home_features .swiper-button-next.next-swiper-2:hover:after {
    color: #3A4A79;
}

.home_features .pagination-swiper-2 .swiper-pagination-bullet-active{background: #3A4A79;}


.view_prog {
	width: 100%;
    height: 234px;

}


.view_prog a {
    width: 100%;
    height: 234px;
    text-align: center;
    padding-top: 29%;
    background: #3a4a79;
    color: #FFF;
    position: relative;
    float: left;
    transition: all 0.5s ease;
}
.view_prog a:hover{

    background: #3a4a79cc;

}


/* swiper institucije*/
#logosi_home img{width:50%; height:auto;}
#logosi_home{text-align:center}
#logosi_home p{width:100%;text-align:center; color:#333333; font-size:11px; padding:0 20px 0 20px}
#logosi_home p:first-child{height:100px; padding:0}


.homeintro h6 {
    font-size: 22px;
    padding-bottom: 16px;
}

.homeintro p {
    font-size: 16px;
    padding-bottom: 16px;
}





/* footer */
#footer_bottom{font-size:12px; color:#FFF; border-top:1px solid #393939; padding-top:15px;}
#footer_bottom a{color:#FFF; transition:all 0.5s ease;}
#footer_bottom a:hover{color:#b19b57}

#footer_text p{padding-bottom:13px; font-size:13px}
#footer_text a{color:#3A4A79; transition:all 0.5s ease;}
#footer_text a:hover{color:#8A95CA}

#footer_top{
	color:#FFF;
	padding-top:40px;
}
#footer_top p {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 14px;
    font-family: 'Libre Baskerville', serif;
    text-align: center;
    line-height: 1.5;
}

#footer_top img{
	float:left;
	margin-right:20px;

}

.latest_news_label{color:#FFF; font-size:14px; font-weight:600; background:#3A4A79; padding:9px 13px 9px 13px; position:absolute; top:0; left:0; text-transform:uppercase}
		
.main_content_wrap{width:100%;margin-bottom: 30px;padding-top: 30px; background: url(media/mcbck.png) 0px 30px repeat-x;/*border-top:1px solid #F0F0F3}*/}
		
.main_content{width:100%;}	

.main_content h1	{font-size:28px; font-weight:700; padding-bottom:28px}


h1.main_title{padding-bottom:0px;margin-bottom:0px; font-size: 20px;}


h4.nadnaslov{font-size: 12px;
    color: #969696;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 7px;
    margin-bottom: 7px;}

.main_content h2	{font-size:24px; font-weight:700; padding-bottom:16px}
.main_content h3	{font-size:21px; font-weight:700; padding-bottom:16px}
.main_content h4	{font-size:20px; font-weight:700; padding-bottom:16px}
.main_content h5 {
    font-size: 19px;
    font-weight: 700;
    padding-bottom: 16px;font-weight: normal; line-height:1.5;
}
.main_content h6	{font-size:17px; font-weight:700; padding-bottom:16px;font-weight: normal;line-height:1.5;}
.main_content, .main_content p, .main_content ul, .main_content ol {
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 16px;
}

.main_content ul li{position:relative; padding-left:16px}
.main_content ol {list-style-position: inside;}

.main_content h2.naslovi{padding-bottom: 5px}
.main_content h3.naslovi{padding-bottom: 5px}
.main_content h4.naslovi{padding-bottom: 5px}
.main_content h5.naslovi{padding-bottom: 5px}
.main_content h6.naslovi{padding-bottom: 5px}

.main_content ul li::before {
	content: "\f111";
	font-size:10px;
	color:#3A4A79;
	position:absolute;
	top: 6px;
    left: 0;
}

.alignright {position:relative; float:right; margin:5px 0px 6px 15px}
.alignleft {position:relative; float:left; margin:5px 15px 6px 0px}
		
@media (max-width:980px){

}

#main_content_wrap a.vise{
	margin-right:10px;
}

#main_content_wrap  .ms-container{
	margin-bottom:14px;
}


.responsive-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
	float: none;
}

.responsive-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*-------- Flexible page --------*/

/* ---Accordion--- */
.accordion {width: 100%;margin: 0px 0 42px 0; }
.acc_single_wrap{width:100%; padding: 0;border: 1px solid #d7d7d7;margin-bottom: 7px;}

	/* accordion title */
	.acc-title {padding:15px;cursor: pointer;width:100%;}
	.acc-title h3 {font-size: 16px;color: #333;display: block;text-transform: uppercase;padding: 0;}
	.acc-title h3::after{
		content: "\e601";
		font-size:20px;
		color:#141414;
		position:absolute;
		top: 15px;
		right: 15px;
		pointer-events: none;
	}
	.acc-title.current h3::after{
		content: "\e604";
	}
	
	/* accordion pane */
	.pane {display: none;padding:0px 15px 15px 15px;}
	.pane p {font-size:14px; font-weight:400; 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: #E6E6E6 1px solid;}
	.tab_content2 p {font-size:14px; font-weight:400; padding-bottom:14px}
	.tab_content2 p:last-child {padding-bottom:0px}

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

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

ul.tabovi li a.current,
ul.tabovi li a:hover {
    color: #ffffff;
    text-decoration: none;
    background: #3A4A79;
}

.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: 3px 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) {
    ul.tabovi li {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 2px;
    }
}


.info-border{    padding: 15px;
    /* border: 1px solid #8A95CA; */
    width: 100%;
    background: #E8EAF4;
    margin-bottom: 21px;}

#single-bottom-wrap {
    width: 100%;
    height: auto;
    border-top:4px solid #F0F0F3;
    margin-top: 20px;
	padding-top:10px;
}

.leftlink, .middlelink, .rightlink{
	width:33.33333%;
	font-weight:700;
	min-height: 36px;
}
.leftlink{
	padding-left:30px;

}
.rightlink{
	padding-right:30px;
	text-align:right
}
.middlelink{
	text-align:center;
}
.leftlink a:before, .rightlink a:before{
	font-size: 28px;
    color: #3A4A79;
	padding-top:4px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	position:absolute;

}

.leftlink a:before{
	content: "\e602";
	left:0;
}
.rightlink a:before{
	content: "\e603";
	right:0;
}



#single-bottom-wrap span {
    text-transform: uppercase;
    padding-bottom: 0px;
    font-size: 10px;
	font-weight:400;
}

#single-bottom-wrap  a span {
    color: #3F3F3F;
}


img.border{
	border: 1px solid #E3E3E6;
}



.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	float:none;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* paddings and margins */

.p30{padding:30px}

.pt5{padding-top:5px}
.pt7{padding-top:7px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt35{padding-top:35px}
.pt40{padding-top:40px}

.pb20{padding-bottom:20px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}

.pbt20{padding-bottom:20px;padding-top:20px}

.pr20{padding-right:20px}

.pl20{padding-left:20px}

.mb0{margin-bottom:0px!important}
.mb5{margin-bottom:5px}
.mb8{margin-bottom:8px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb45{margin-bottom:45px}
.mb60{margin-bottom:60px;}


.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.mt30{ margin-top:30px}
.mt40{ margin-top:40px}
.mt60{ margin-top:60px}

.mbt30{margin-bottom:30px; margin-top:30px}
.mbt35{margin-bottom:35px; margin-top:35px}
.mbt50{margin-bottom:50px; margin-top:50px}
.mbt60{margin-bottom:60px; margin-top:60px}
.mbt70{margin-bottom:70px; margin-top:70px}

.mr7{margin-right:7px}
.mr14{margin-right:14px}

.ta_center{text-align:center}

.power_img{
	background: rgba(240, 240, 243, 0.16);
    display: block;
    padding: 30px 0px;
}
.power_img img{
    width: 80%;
	height:auto;
    margin: 0 auto;
    display: block;
}



.aligncenter	{ display: block; margin: 0 auto; }
.vise.xsmall {
    padding: 2px 5px;
    font-size: 11px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 300;
    border: 0;
}

.all_link_na_naslovnoj{
	position: absolute;
	top: -5px;
    right: 0px;
}



.istaknuti_news{
    background: #b19b5724;
    padding: 20px;
}


#home_news .istaknuti_news h5 a {
    color: #a80505;
    font-size: 21px;
    font-weight: 700;
}

#home_news .istaknuti_news p {
    font-size: 16px;
    margin-bottom: 6px;
}

#home_news .istaknuti_news p.datum {
    font-size: 13px;
    margin-bottom: 6px;
}



/* === Fix dropdowns: show submenus on hover and keyboard focus === */
@media (hover:hover) {
  #header_main_nav ul li:hover > ul {
    display: block;
  }
}
#header_main_nav ul li:focus-within > ul {
  display: block;           /* accessibility: open when TABbing */
}

/* === Make sure the submenu sits above content and is not clipped === */
#header, #header_main_nav { position: relative; z-index: 2000; overflow: visible; }

/* === Readable submenu items === */
#header_main_nav ul li ul {               /* existing positioning is fine */
  /* top:42px; left:0; z-index:99; are already set above */
  min-width: 220px;
  border: 1px solid rgba(0,0,0,.08);
}

#header_main_nav ul li ul li {
  width: 260px;                           /* you already use this width */
  background: rgba(255,255,255,0.97);
}

#header_main_nav ul li ul li a {
  display: block;
  padding: 10px 15px;
  color: #333;                            /* dark text on light background */
  background: transparent;
}

#header_main_nav ul li ul li a:hover {
  background: rgb(60, 75, 123);           /* your existing top-level hover color */
  color: #fff;
}

/* Optional: arrows on parent items already handled via your ::after rule */



/* Submenu items: obvious + snappy hover feedback */
#header_main_nav ul li ul li a {
  display: block;
  padding: 10px 15px;
  color: #fff;                  /* readable by default */
  background: transparent;
  border-left: 3px solid transparent;
   /* keep transitions fast and only on color/background/border */
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

#header_main_nav ul li ul li a:hover,
#header_main_nav ul li ul li a:focus {
  background: rgb(60, 75, 123); /* matches your top-level hover color */
  color: #fff;
  border-left-color: #b19b57;   /* subtle gold accent on hover */
}

/* keyboard accessibility for users tabbing through the menu */
#header_main_nav ul li ul li a:focus-visible {
  outline: 2px solid #b19b57;
  outline-offset: 2px;
}