/*
Theme Name: Plavi Ured
Version: 2.0.1
Description: Fully Responsive Multipurpose WordPress Theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blue, gray, green, orange, pink, purple, red, white, yellow, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, responsive-layout, custom-colors, custom-menu, full-width-template, theme-options, translation-ready


[Table of contents]

1. CSS RESET
2. Global styles
	2.1. Inner columns
	2.2. Clearfix
3. Header
	3.1. Main menu
	3.2. Header Style 2
	3.3. Header Style 1 & 2 Inverted
	3.4. Header Style 3
	3.5. Mega Menu
	3.6. Title/Breadcrumbs Bar
4. Slider place
5. Blog
	5.1. Blog Timeline
	5.2. Blog Posts
	5.3. Post Comments
	5.4. Post Pagination
	5.5. Related Posts
6. Videos
7. Contact Form 7
8. Widgets
	8.1. Search
	8.2. Categories
	8.3. Tag Cloud
	8.4. Flickr stream
	8.5. Contact Info Widget
9. Pages
	9.1. Eventi
	9.2. Contact Page - Contact Info
	9.3. About us page
	9.4. 404 page
	9.5. Progress bar
	9.6. Section Switch
10. Other
	10.1. AB testimonials
11. Footer



/*-----------------------------------------------------------------*/
/* 1. CSS RESET
/*-----------------------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: 0px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

html {
	min-height: 100%;
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
	height: auto;
	width: auto;
	vertical-align: middle;
	border: none;
	-ms-interpolation-mode: bicubic;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
textarea,
select,
#utter_register .input_wrapper input.register_init_datetimepicker,
#utter_edit_profile input.register_init_datetimepicker {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font: inherit;
}

/*	input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="date"]:focus, textarea:focus, select:focus, #utter_register .input_wrapper input.register_init_datetimepicker:focus, #utter_edit_profile input.register_init_datetimepicker:focus{
		outline-color: #0054a6;
	}*/

.xdsoft_datetimepicker {
	z-index: 999999999;
}

/*-----------------------------------------------------------------*/
/* 2. Global styles
/*-----------------------------------------------------------------*/
body {
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #555555;
	font-weight: 300;
}

body.preloader {
	visibility: hidden;
}

#jpreOverlay {
	background-color: #000000;
}

#jpreSlide {
	display: none;
}

#jpreLoader {
	width: 50%;
	height: 25px;
}

#jpreBar {
	border-top: 1px solid #aaa;
}

#jprePercentage {
	color: #aaa;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 40px;
}

a {
	color: #0054a6;
	text-decoration: none;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

a:hover {
	color: #555555;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

p {
	margin-bottom: 24px;
	font-weight: 300;
}

hr {
	background-color: #e1e9e9;
	display: block;
	height: 1px;
	border-color: #e1e9e9;
	border: 0;
	padding: 0;
	margin-bottom: 11px;
}

section {
	padding: 75px 0 40px 0;
}

ul,
ol {
	margin-left: 20px;
	padding-left: 30px;
	margin-bottom: 20px;
}

h1,
h6 {
	font-family: 'DM Sans', sans-serif;
	font-weight: 300;
	color: #202024;
	margin-bottom: 11px;
}

h2,
h3,
h4 {
	font-family: 'DM Sans', sans-serif;
	font-weight: 700;
	color: #202024;
	margin-bottom: 31px;
}

h1 {
	font-size: 35px;
	line-height: 42px;
}

h2 {
	font-size: 30px;
	line-height: 36px;
}

h3 {
	font-size: 24px;
	line-height: 29px;
}

h3.with_before_line {
	position: relative;
	padding-left: 40px;
}

h3.with_before_line:before {
	content: '';
	display: block;
	width: 25px;
	height: 4px;
	background: #0054a6;
	position: absolute;
	bottom: 2px;
	left: 0;
}

h4 {
	font-size: 18px;
	line-height: 24px;
}

h5 {
	font-size: 15px;
	font-weight: 700;
	line-height: 22px;
	color: #c0c0c0;
	font-family: 'DM Sans', sans-serif;
}

h6 {
	font-size: 14px;
	line-height: 16px;
}

pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

blockquote {
	font-size: 16px;
	font-style: italic;
	margin-bottom: 40px;
	padding: 10px 0 0 25px;
	border-left: 3px solid #0054a6;
	line-height: 25px;
}

blockquote p:before {
	content: "\f10d";
	/* fa-quote-left */
	font-family: 'FontAwesome';
	font-size: 20px;
	display: inline-block;
	padding-right: 12px;
	color: #0054a6;
}

#page_subtitle {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}

.dnd_section_dd.typo_shortcodes h2,
h4 {
	margin-bottom: 14px;
}

.dnd_section_dd.typo_shortcodes h4 {
	margin-top: -14px;
}

.dnd_section_dd.typo_shortcodes i {
	color: #0054a6;
}

.dnd_section_dd.section_after_slider h2 {
	margin-bottom: 17px;
}

.dnd_section_dd.section_why_choose_plaviured h2 {
	margin-bottom: 63px;
}

.dnd_section_dd.section_why_choose_plaviured h4 {
	margin-bottom: 48px;
}

.project_planner_alternative h2 {
	margin: 43px 6px 13px 0;
}

#related_eventi {
	padding-bottom: 75px;
}

#related_eventi h3 {
	text-align: center;
}

#related_potpore {
	padding-bottom: 75px;
}

#related_eventi .portfolio_article,
#related_potpore .portfolio_article {
	float: none;
	display: inline-block;
	vertical-align: top;
}

#related_potpore h3 {
	text-align: center;
}

.project_planner_alternative p {
	margin-right: 6px;
	margin-bottom: 17px;
}

.dnd_section_dd.stats_expert_alternative.section_with_header h3 {
	color: #fff;
}

.section_gray_body .dnd_section_content {
	background: #f4f4f4;
	padding: 55px 0;
}

.section_body_fullwidth .dnd_section_content .dnd_container {
	width: 100%;
}

.dnd_section_dd.startup_image_section p {
	margin-bottom: 17px;
	line-height: 19px;
}

.small_text {
	font-size: 14px;
	font-weight: 300;
	margin-top: -6px;
	margin-bottom: 0;
}

input,
select,
textarea {
	border: 1px solid #d9d9d9;
	font-family: 'DM Sans', sans-serif;
	color: #555;
	font-size: 14px;
	line-height: 26px;
	background: #fafcfc;
	outline: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

input,
select {
	padding: 9px 0 9px 20px;
	margin-bottom: 12px;
}

select {
	font: inherit;
	padding: 9px 0 9px 17px;
}

textarea {
	padding: 8px 0 8px 20px;
	margin-bottom: 36px;
}

button,
input[type="submit"],
.fc-toolbar button {
	padding: 10px 20px;
	display: inline-block;
	cursor: pointer;
	border: 1px solid #0054a6;
	background: #0054a6;
	color: #fff;
	margin-bottom: 20px;
	line-height: 20px;
	font-size: 20px;
	font-family: 'DM Sans', sans-serif;
	font-weight: 300;
	text-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: none;
}

button:hover,
input[type="submit"]:hover,
.fc-toolbar button:hover {
	background: #555555;
	border-color: #555555;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

.fc-toolbar .fc-left button.fc-prev-button {
	margin-right: 10px;
}

.fc-toolbar .fc-right button.fc-month-button,
.fc-toolbar .fc-right button.fc-agendaWeek-button {
	margin-right: 10px;
}

.fc-next-button {
	margin-left: 10px !important;
}

.fc-day-grid-event .fc-content {
	white-space: normal;
}

.fc-scroller {
	overflow-y: hidden !important;
}

.placeholder {
	color: #c0c0c0;
	font-style: italic;
}

::-webkit-input-placeholder {
	color: #c0c0c0;
}

:-moz-placeholder {
	color: #c0c0c0;
	opacity: 1;
}

::-moz-placeholder {
	color: #c0c0c0;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #c0c0c0;
}

strong,
.strong {
	font-weight: bold;
}

.underlined {
	display: inline-block;
	background: url("images/underlined_bg.png") bottom repeat-x;
}

.italic {
	font-style: italic;
}

.highlighted,
.search-highlight {
	background: #f1eb3c;
	display: inline-block;
	padding: 0 3px;
}

.color_highlight {
	color: #0054a6;
}

.bold,
.strong {
	font-weight: 700;
}

.dnd_dropcap {
	position: relative;
	top: 0px;
}

.section_color_background {
	background: #0054a6;
	margin-bottom: 0;
}

.leading_line {
	margin-bottom: 80px !important;
}

.leading_line:after {
	content: "";
	display: block;
	position: relative;
	bottom: -40px;
	width: 70px;
	height: 5px;
	background: #0054a6;
}

.center_aligned.leading_line:after {
	left: 50%;
	margin-left: -35px;
}

.right_aligned.leading_line:after {
	left: 100%;
	margin-left: -70px;
}

.last_child {
	margin-right: 0 !important;
}

.content_with_right_sidebar {
	padding-right: 30px;
}

.content_with_left_sidebar {
	float: right !important;
}

.span12.content_with_right_sidebar {
	padding-right: 0;
}

.alignleft,
.alignright,
.center_aligned {
	display: inline-block;
}

.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.left_aligned {
	text-align: left;
}

.right_aligned {
	text-align: right;
}

.aligncenter {
	text-align: center;
}

.no_padding_bottom {
	padding-bottom: 0;
}

.no_padding_top {
	padding-top: 0;
}

.padding_reduced_both {
	padding: 40px 0;
}

.no_margin_bottom {
	margin-bottom: 0;
}

.no_border_bottom {
	border-bottom: none;
}

.wp-caption {}

.wp-caption.aligncenter {
	width: 100% !important;
}

.margin_bottom {
	margin-bottom: 40px;
}

.document_link {
	display: block;
}

.document_link.document_link_xlsx:before {
	content: "\f1c3";
	/* fa-file-excel-o */
	display: inline-block;
	font-family: 'FontAwesome';
	padding-right: 8px;
	color: #555;
}

.document_link.document_link_pdf:before {
	content: "\f1c1";
	/* fa-file-pdf-o */
	display: inline-block;
	font-family: 'FontAwesome';
	padding-right: 8px;
	color: #555;
}

.document_link.document_link_doc:before {
	content: "\f1c2";
	/* fa-file-word-o */
	display: inline-block;
	font-family: 'FontAwesome';
	padding-right: 8px;
	color: #555;
}

.document_link.document_link_rar:before {
	content: "\f1c6";
	/* fa-file-zip-o */
	display: inline-block;
	font-family: 'FontAwesome';
	padding-right: 8px;
	color: #555;
}

.document_link.document_link_pptx:before {
	content: "\f1c4";
	/* fa-file-powerpoint-o */
	display: inline-block;
	font-family: 'FontAwesome';
	padding-right: 8px;
	color: #555;
}

.document_link.document_link_jpg:before {
	content: "\f1c5";
	/* fa-file-picture-o */
	display: inline-block;
	font-family: 'FontAwesome';
	padding-right: 8px;
	color: #555;
}

sub {
	vertical-align: sub;
	font-size: smaller;
}

sup {
	vertical-align: super;
	font-size: smaller;
}

table {
	line-height: 2;
	margin: 0 0 40px;
	width: 100%;
}

th {
	font-weight: 700;
	line-height: 17px;
}

.pattern_overlayed {
	position: relative;
	color: #fff !important;
}

.pattern_overlayed:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #002037;
	background: rgba(0, 32, 55, 0.5);
	z-index: 0;
}

.pattern_overlayed .dnd_container {
	z-index: 1;
	position: relative;
}

.pattern_overlayed.light:before {
	background: rgba(0, 32, 55, 0.4);
	-webkit-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
	/*background: #1180b2;
  		opacity: 0.65;*/
}

.pattern_overlayed.light2:before {
	background: rgba(0, 32, 55, 0.6);
	-webkit-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

.pattern_overlayed_dotted {
	position: relative;
}

.pattern_overlayed_dotted:before {
	content: "";
	background: url(images/pattern.png);
	opacity: 0.55;
	background-color: #000;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.pattern_overlayed_dotted.light:before {
	opacity: 0.25;
}

.pattern_overlayed_dotted .dnd_container {
	z-index: 1;
	position: relative;
}

.wp-caption {}

.wp-caption-text {
	padding-top: 10px;
}

.sticky {}

.gallery-caption {}

.bypostauthor {}

.tablenav.top {
	margin-bottom: 10px;
}

/* search image placeholder */

.slika_placeholder {
	width: 100%;
	min-height: 190px;
	display: inline-block;
	text-align: center;
	margin-top: 47px;
}

.slika_placeholder .kalendar {
	position: relative;
	text-align: center;
}

.slika_placeholder .kalendar .kalendar_header {
	position: relative;
	width: 120px;
	background: #E9E9E8;
	border-top: 20px solid #0054a6;
	display: inline-block;
}

.slika_placeholder .kalendar .kalendar_header:before {
	content: "";
	width: 10px;
	height: 20px;
	position: absolute;
	top: -30px;
	left: 20px;
	background: #ddd;
}

.slika_placeholder .kalendar .kalendar_header:after {
	content: "";
	width: 10px;
	height: 20px;
	position: absolute;
	top: -30px;
	right: 20px;
	background: #ddd;
}

.slika_placeholder .kalendar .kalendar_header .date {
	font-size: 70px;
	display: inline-block;
	margin: 30px 0px 23px;
}

.slika_placeholder .kalendar .kalendar_header .month {
	font-size: 16px;
	margin-bottom: 5px;
}

.mb_60 {
	margin-bottom: 60px;
}


/*-------- 2.1. Inner columns --------*/
.container,
.dnd_container {
	width: 1170px;
	margin: 0 auto;
}

.content .dnd_container,
.content_with_right_sidebar .dnd_container,
.content_with_left_sidebar .dnd_container {
	width: 100%;
}


.content_with_right_sidebar .dnd_section_dd,
.content_with_left_sidebar .dnd_section_dd {
	padding: 0;
}

.row {
	width: 100%;
}

.row:before,
.row:after {
	display: table;
	line-height: 0;
	content: "";
}

.row:after {
	clear: both;
}

.row>[class*="span"] {
	display: block;
	float: left;
	width: 100%;
	min-height: 20px;
	margin-left: 2.564102564102564%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.row>[class*="span"]:first-child {
	margin-left: 0;
}

.row .span12 {
	width: 100%;
}

.row .span11 {
	width: 91.45299145299145%;
}

.row .span10 {
	width: 82.90598290598291%;
}

.row .span9 {
	width: 74.35897435897436%;
}

.row .span8 {
	width: 65.81196581196581%;
}

.row .span7 {
	width: 57.26495726495726%;
}

.row .span6 {
	width: 48.71794871794872%;
}

.row .span5 {
	width: 40.17094017094017%;
}

.row .span4 {
	width: 31.62393162393162%;
}

.row .span3 {
	width: 23.07692307692308%;
}

.row .span2 {
	width: 14.52991452991453%;
}

.row .span1 {
	width: 5.982905982905983%;
}

.half,
.third,
.fourth,
.fifth {
	float: left;
}

.alpha {
	margin-left: 0 !important;
}

.half {
	width: 50%;
}

.third {
	width: 33.33333%;
}

.fourth {
	width: 25%;
}

.fifth {
	width: 20%;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.no_margin {
	margin: 0;
}

.no_margin_left {
	margin-left: 0;
}

.no_padding {
	padding: 0;
}

.bottom_margin {
	margin-bottom: 40px;
}

.wp-caption {
	max-width: 100% !important;
}

#main_content {
	display: block;
}

.dnd_section_dd.edukacija {
	padding: 10px 0;
	background-position: 50% -237px !important;
}

/*-------- 2.2. Clearfix --------*/
.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
}


/*-----------------------------------------------------------------*/
/* 3. Header
/*-----------------------------------------------------------------*/
#ABdev_main_header {
	width: 100%;
	background: #4c4c4c;
	padding: 0px;
	z-index: 999;
	position: relative;
	border-bottom: 6px solid #3d3d3d;
	height: 51px;
	-webkit-transition: all 180ms;
	-o-transition: all 180ms;
	transition: all 180ms;
}

#ABdev_main_header .logo_header {
	opacity: 0;
	float: left;
	margin-top: 11px;
	position: relative;
	transition: all 100ms;
	-webkit-transition: all 100ms;
}

#ABdev_main_header .logo_header.visible_logo {
	opacity: 1;
	display: block;
	transition: all 100ms;
	-webkit-transition: all 100ms;
}

#ABdev_main_header.sticky_header {
	position: fixed;
	top: 0;
}

.with_sticky_header {
	margin-bottom: 57px;
}

body.admin-bar #ABdev_main_header.sticky_header {
	position: fixed;
	top: 32px;
}

#ABdev_main_header.sticky_header .logo_header {
	float: left;
	margin-top: 11px;
	position: relative;
	opacity: 1;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

#ABdev_main_header.side_menu {
	width: 300px;
	display: inline-block;
	position: fixed;
	top: 0;
	left: 0;
	min-height: 100%;
}

.partner_header {
	display: inline-block;
}

.partner_header a {
	margin-right: 10px;
}

.partner_header a:last-of-type {
	margin-right: 0;
}

/* Partner SVG styling */
.partner_header .partner-logo-svg {
	display: inline-block;
	background-color: #888888;
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	height: 35px;
	vertical-align: middle;
	transition: background-color 0.3s ease;
}

.partner_header .zagreb-svg {
	width: 35px;
}

.partner_header .zicer-svg {
	width: 98px;
}

.partner_header a:hover .partner-logo-svg {
	background-color: #0054a6 !important;
}

.tipsy-n {
	top: 100px !important;
}

body.admin-bar #ABdev_main_header.side_menu {
	top: 32px;
}

#ABdev_main_header .container {
	position: relative;
}

#ABdev_header_spacer {
	height: 101px;
}

#ABdev_topbar {
	width: 100%;
	background: #fff;
	padding: 0px;
	min-height: 48px;
	z-index: 9999;
	position: relative;
}

#ABdev_menu_search {
	width: 250px;
	display: block;
	position: relative;
	margin-bottom: 40px;
}

#ABdev_menu_search input {
	border: none;
	padding: 10px 0 10px 10px;
	margin: 0;
	font-size: 14px;
	border: 1px solid #ddd;
}

#ABdev_menu_search .placeholder {
	color: #555555;
}

#ABdev_menu_search ::-webkit-input-placeholder {
	color: #555555;
}

#ABdev_menu_search :-moz-placeholder {
	color: #555555;
	opacity: 1;
}

#ABdev_menu_search ::-moz-placeholder {
	color: #555555;
	opacity: 1;
}

#ABdev_menu_search :-ms-input-placeholder {
	color: #555555;
}

#ABdev_menu_search .submit {
	position: absolute;
	right: 9px;
	top: 12px;
	cursor: pointer;
	font-size: 13px;
}

#ABdev_menu_search .submit i {
	color: #0054a6;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

#ABdev_menu_search .submit:hover i {
	color: #555555;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

#dz_main_slider {
	padding: 0;
	background-size: cover;
	position: relative;
	background: #f2f3f4;
}

.dz_main_slider_scroll_info {
	font-family: 'DM Sans', sans-serif;
	text-transform: uppercase;
}

.pattern_overlayed #dz_main_slider_content {
	z-index: 1;
}

#logo {
	position: relative;
	background: #fff;
	float: left;
	margin: 20px 0;
}

#logo .logo_inner {
	z-index: 1;
	position: relative;
}

#logo img {
	width: 100%;
	max-width: 140px;
	height: auto;
	display: block;
}


/*-------- 3.1. Main menu --------*/
#ABdev_menu_toggle {
	display: none;
	cursor: pointer;
}

nav>ul {
	list-style: none;
	margin: 0;
	float: right;
	position: relative;
}

nav>ul>li {
	float: left;
	padding: 6px 5px;
	line-height: 14px;
	position: relative;
	-webkit-transition: background 180ms;
	transition: background 180ms;
}

nav>ul>li:hover {
	background: #0054a6;
	-webkit-transition: background 180ms;
	transition: background 180ms;
}

nav>ul>li.current-menu-item {
	background: #0054a6;
}

nav>ul#top_menu>li:hover,
nav>ul#top_menu>li.current-menu-item {
	background: transparent !important;
}

nav>ul#top_menu li.current-menu-item>a,
nav>ul#top_menu>li.current-menu-parent>a,
nav>ul#top_menu>li:hover>a span,
nav>ul#top_menu>li:hover>a {
	color: #0054a6 !important;
	/* Tamno plava slova */
}

nav>ul>li:before {
	content: "";
	position: absolute;
	left: 0;
	height: 0;
	bottom: 0;
	width: 100%;
	background: #5a77ba;
	-webkit-transition: all 180ms;
	transition: all 180ms;
}

nav>ul>li:hover:before {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 0;
	height: 6px;
	width: 100%;
	background: #5a77ba;
	-webkit-transition: all 180ms;
	transition: all 180ms;
}

nav>ul>li.current-menu-item:before {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 0;
	height: 6px;
	width: 100%;
	background: #5a77ba;
	-webkit-transition: all 180ms;
	transition: all 180ms;
}

nav>ul>li a {
	color: #fff;
	font-family: 'DM Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	display: inline-block;
}


nav>ul>li>a {
	margin-left: 5px;
	margin-right: 5px;
	padding: 12px 19px 7px;
	text-transform: uppercase;
	transition: all 250ms;
	-webkit-transition: all 250ms;
}

#ABdev_main_header.sticky_header_low nav>ul>li>a {
	padding: 12px 10px 7px;
	transition: all 250ms;
	-webkit-transition: all 250ms;
}

/* Kada je ukljucen sticky header sa plavom pozadinom, hover i active stavke moraju biti svijetlo plave */
#ABdev_main_header.sticky_header_low nav>ul>li:hover,
#ABdev_main_header.sticky_header_low nav>ul>li.current-menu-item {
	background: #5a77ba !important;
}

nav>ul>li>a:hover {
	color: #fff;
}

nav>ul>li>a:last-child {
	margin-right: 0px;
}

nav>ul>li>a>i {
	font-size: 16px;
	display: inline-block;
	margin-bottom: 19px !important;
}

nav>ul>li span {
	display: block;
}

nav>ul ul {
	display: none;
	list-style: none;
	position: absolute;
	background: #2F3437;
	margin: 0;
	min-width: 228px;
	margin-top: 15px;
	z-index: 2001;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

nav>ul>li>ul:before {
	content: "";
	display: block;
	position: absolute;
	width: 228px;
	min-width: 228px;
	height: 1px;
	top: -1px;
	left: 0;
	z-index: 2004;
}

nav>ul#top_menu>li>ul:before {
	content: "";
	display: block;
	position: absolute;
	width: 150px;
	min-width: 150px;
	height: 15px;
	top: -15px;
	left: 0;
	z-index: 2004;
}

nav>ul li:hover>ul,
nav>ul li.sfHover>ul {
	display: block;
	z-index: 2003;
}

nav>ul ul li {
	position: relative;
	padding: 3px 0;
	-webkit-box-shadow: inset -160px 0px 8px -162px rgba(0, 0, 0, 0.22);
	-moz-box-shadow: inset -160px 0px 8px -162px rgba(0, 0, 0, 0.22);
	box-shadow: inset -160px 0px 8px -162px rgba(0, 0, 0, 0.22);
}

nav>ul ul li a {
	width: 100%;
	text-align: left;
	padding: 10px 13px 10px 13px;
}

nav>ul#top_menu ul li a {
	text-align: left;
	padding: 10px;
	font-size: 14px;
}

nav>ul ul li:hover {
	background: #24292C;
}

nav>ul ul li:hover a {
	color: #fff;
}

nav>ul ul ul {
	position: absolute;
	left: 100%;
	top: 2px;
	margin-left: 0px;
	margin-top: -2px;
	z-index: 2002;
}

nav>ul ul ul:before {
	position: absolute;
	content: "";
	top: 0;
	left: -11px;
	width: 11px;
	height: 100px;
}

.sf-arrows .sf-with-ul:after {
	content: "\69";
	font-family: 'icomoon';
	color: #aaa;
	margin-left: 5px;
	float: right;
	position: relative;
	top: 2px;
}

.sf-arrows ul .sf-with-ul:after {
	content: "\69";
	top: 0;
}

.sf-arrows ul li:hover .sf-with-ul:after {
	color: #fff;
}

.sf-arrows>li:hover>.sf-with-ul:after {
	color: #d84949;
}

.sf-arrows .current_menu_ancestor .sf-with-ul:after {
	color: #333;
}

#magic-line,
#eventi_magic-line {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	margin-left: 5px;
	display: block;
	border: 1px solid #0054a6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: -1;
}

#eventi_magic-line {
	border: 1px solid #0054a6;
	height: 34px;
}

#potpore_magic-line {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	margin-left: 5px;
	display: block;
	border: 1px solid #c0c0c0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: -1;
}

#potpore_magic-line {
	border: 1px solid #0054a6;
	height: 34px;
}

#top_menu {
	list-style: none;
	margin-top: 0;
	float: right !important;
	margin-left: 9px;
	padding-left: 9px;
	top: 6px;
	position: relative;
	border-right: 1px solid #d6d6d6;
	margin-right: 31px;
	padding-right: 18px;
	width: auto;
}

#top_menu>li {
	display: inline-block;
	padding: 0;
	padding-right: 20px;
}

#top_menu>li:hover {
	background: none;
}

#top_menu>li:last-child {
	padding-right: 20px;
}

#top_menu>li>a {
	color: #8c8d8d;
	font-size: 14px;
	line-height: 10px;
	font-weight: 400;
	padding: 5px 0 !important;
	margin: 0;
	text-transform: capitalize;
	display: inline-block;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

#top_menu>li>a:active,
#top_menu>li>a:hover {
	color: #0054a6;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

#top_menu>li>a:hover span {
	color: #0054a6 !important;
}

nav>ul#top_menu ul {
	min-width: 190px;
}

nav>ul#top_menu>li span {
	padding: 0 !important;
	border-right: none !important;
	float: none !important;
	display: inline-block;
	text-transform: uppercase;
}

nav>ul#top_menu ul {
	margin-top: 10px;
	z-index: 999999;
	left: -10px;
	background: #ececec;
	padding-left: 0;
}

nav>ul#top_menu ul li {
	border-bottom: 1px solid #c0c0c0;
}

nav>ul#top_menu ul li:hover {
	background: #fff;
}

nav>ul#top_menu>li:before {
	display: none;
}

nav>ul#top_menu>li a {
	color: #8c8d8d;
	-webkit-transition: all 180ms;
	-o-transition: all 180ms;
	transition: all 180ms;
}

nav>ul#top_menu>li a:hover {
	-webkit-transition: all 180ms;
	-o-transition: all 180ms;
	transition: all 180ms;
}

/*-------- 3.2. Header Style 2 --------*/

#topbar_and_header.th_style_2 nav>ul {
	margin: 14px 0;
}

#topbar_and_header.th_style_2 nav>ul .menu-depth-1 {
	margin-top: 14px;
}

#topbar_and_header.th_style_2 nav>ul>li>ul:before {
	height: 20px;
	top: -20px;
}

#topbar_and_header.th_style_2 input {
	font-style: italic;
	font-size: 14px;
}

#topbar_and_header.th_style_2 #header_phone_email_info {
	color: #c0c0c0;
	padding-top: 4px;
	padding-left: 205px;
}

#topbar_and_header.th_style_2 #header_phone_email_info a {
	color: #888;
}

#topbar_and_header.th_style_2 #header_phone_email_info a:hover {
	color: #0054a6;
}

#topbar_and_header.th_style_2 #header_phone_email_info i {
	position: relative;
	top: 2px;
	margin-right: 10px;
	font-size: 16px;
}

#topbar_and_header.th_style_2 #header_phone_email_info span {
	padding-right: 30px;
	border-right: 1px solid #d6d6d6;
	margin-right: 30px;
	font-size: 14px;
	color: #888;
}

#topbar_and_header.th_style_2 #header_phone_email_info span:last-child {
	margin-right: 0;
	padding-left: 0;
	border: none;
}

#topbar_and_header.th_style_2 #logo:before {
	background-color: transparent;
}

#topbar_and_header.th_style_2 #logo {
	float: left;
	position: absolute;
	top: -48px;
	padding: 0;
}

#topbar_and_header.th_style_2 #header_social_search .social_link {
	margin-right: 14px;
}

#topbar_and_header.th_style_2 #header_social_search .social_link i {
	position: relative;
	top: 2px;
	color: #888;
}

#topbar_and_header.th_style_2 #header_social_search .social_link:hover i {
	color: #0054a6;
}

#topbar_and_header.th_style_2.th_style_invert #header_phone_email_info span,
#topbar_and_header.th_style_2.th_style_invert #header_social_search .social_link i,
#topbar_and_header.th_style_2.th_style_invert #header_phone_email_info a,
#topbar_and_header.th_style_2.th_style_invert #header_phone_email_info span {
	color: #c0c0c0;
}

#topbar_and_header.th_style_2.th_style_invert #header_phone_email_info a:hover,
#topbar_and_header.th_style_2.th_style_invert #header_social_search .social_link i:hover {
	color: #0054a6;
}

/*-------- 3.3. Header Style 1 & 2 Inverted --------*/

#topbar_and_header.th_style_invert #ABdev_topbar {
	background: #202024;
}

#topbar_and_header.th_style_invert #ABdev_main_header {
	background: #ececec;
}

#topbar_and_header.th_style_invert #logo:before {
	display: none;
}

#topbar_and_header.th_style_invert nav>ul>li a {
	color: #555;
}

#topbar_and_header.th_style_invert nav>ul>li:hover>a,
#topbar_and_header.th_style_invert nav>ul>.current-menu-item>a,
#topbar_and_header.th_style_invert nav>ul>.current-post-ancestor>a,
#topbar_and_header.th_style_invert nav>ul>.current-menu-ancestor>a {
	color: #202024;
}

#topbar_and_header.th_style_invert nav>ul>.current-menu-item {
	border-color: #202024;
}

#topbar_and_header.th_style_invert #magic-line {
	border-color: #c0c0c0;
}

#topbar_and_header.th_style_1 #header_phone_email_info {
	color: #888;
	padding-top: 4px;
}

#topbar_and_header.th_style_1 #header_phone_email_info a {
	color: #888;
}

#topbar_and_header.th_style_1 #header_phone_email_info span {
	padding-right: 30px;
	border-right: 1px solid #d6d6d6;
	margin-right: 30px;
	font-size: 14px;
	color: #888;
}

#topbar_and_header.th_style_1 #header_phone_email_info span:last-child {
	margin-right: 0;
	padding-left: 0;
	border: none;
}

#topbar_and_header.th_style_1 #header_phone_email_info i {
	position: relative;
	top: 2px;
	margin-right: 10px;
	font-size: 16px;
}

#topbar_and_header.th_style_1 #header_social_search {
	cursor: default;
	padding-top: 15px;
}

#topbar_and_header.th_style_1 #header_social_search .social_link {
	margin-right: 14px;
	color: #888;
	position: relative;
	top: 1px;
}

#topbar_and_header.th_style_1 #header_social_search .social_link i {
	position: relative;
	top: 2px;
	color: #b8b8b8;
}

#topbar_and_header.th_style_1 #header_social_search nav {
	display: inline-block;
}

#topbar_and_header.th_style_1.th_style_invert #header_social_search .social_link i,
#topbar_and_header.th_style_1.th_style_invert #header_phone_email_info span,
#topbar_and_header.th_style_1.th_style_invert #header_phone_email_info a {
	color: #c0c0c0;
}

#topbar_and_header.th_style_1 #header_social_search .social_link:hover i,
#topbar_and_header.th_style_1 #header_phone_email_info a:hover {
	color: #0054a6;
}


/*-------- 3.4. Header Style 3 --------*/

#topbar_and_header.th_style_3 nav>ul {
	margin-top: 0;
	float: left;
}

#topbar_and_header.th_style_3 nav>ul ul {
	margin-top: 0px;
	margin-left: 5px;
}

#topbar_and_header.th_style_3 nav>ul ul ul {
	margin-top: -2px;
	margin-left: 0;
}

#topbar_and_header.th_style_3 nav>ul>li>ul:before {
	height: 6px;
	top: -6px;
}

#topbar_and_header.th_style_3 nav>ul>li>a {
	padding: 18px 19px;
}

#topbar_and_header.th_style_3 nav>ul>li:hover>a,
#topbar_and_header.th_style_3 nav>ul>.current-menu-item>a {
	color: #fff;
}

#topbar_and_header.th_style_3 #logo:before {
	display: none;
}

#topbar_and_header.th_style_3 #magic-line {
	background: #0054a6;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#topbar_and_header.th_style_3 #ABdev_menu_search {
	float: right;
	margin: 10px 0 10px 0;
	font-style: italic;
	font-size: 14px;
}

#topbar_and_header.th_style_3.th_style_invert #header_social_search span,
#topbar_and_header.th_style_3.th_style_invert #header_social_search span a,
#topbar_and_header.th_style_3.th_style_invert #header_social_search .social_link {
	color: #c0c0c0;
}

#topbar_and_header.th_style_3 #header_social_search span {
	padding: 0 20px;
	border-right: 1px solid #888;
	color: #888;
	font-size: 14px;
	float: right;
}

#topbar_and_header.th_style_3 #header_social_search span i {
	padding-right: 10px;
	top: 2px;
	position: relative;
}

#topbar_and_header.th_style_3 #header_social_search span a,
#topbar_and_header.th_style_3 #header_social_search .social_link {
	color: #888;
}

#topbar_and_header.th_style_3 #header_social_search .social_link {
	margin-left: 14px;
}

#topbar_and_header.th_style_3 #header_social_search span:hover a,
#topbar_and_header.th_style_3 #header_social_search .social_link i:hover {
	color: #0054a6;
}


/*-------- 3.5. Mega Menu --------*/
.sf-mega {
	width: 1170px;
	position: absolute;
	right: 0;
	display: none;
	top: 100%;
	z-index: 9999;
	padding-top: 30px;
	color: #202024;
	box-shadow: 4px 5px 8px 0px rgba(0, 0, 0, 0.1);
}

#topbar_and_header.th_style_2 .sf-mega {
	padding-top: 14px;
}

#topbar_and_header.th_style_3 .sf-mega {
	right: auto;
	left: 0;
	margin-left: 0 !important;
	padding: 0;
}

.sf-mega-inner {
	border-top: 2px solid #0054a6;
	background: #ececec;
}


nav>ul .sf-mega ul {
	min-width: 0;
}

nav>ul li:hover>.sf-mega,
nav>ul li.sfHover>.sf-mega {
	display: block;
}

.sf-mega li,
.sf-mega ul {
	position: static !important;
	display: block !important;
	padding: 0;
	margin: 0;
	border: none;
	height: auto !important;
	background: none;
	box-shadow: none;
}

nav>ul .sf-mega li:hover {
	background: none;
}

nav>ul .sf-mega-inner {
	display: table !important;
	width: 100%;
}

nav>ul .sf-mega-inner>ul {
	display: table-row !important;
}

nav>ul .sf-mega-inner>ul>li {
	border-right: 1px solid #c0c0c0;
	padding-top: 8px;
	display: table-cell !important;
	vertical-align: top;
}

nav>ul .sf-mega-inner>ul>li:last-child {
	border-right: none;
}

.sf-mega li,
.sf-mega li {
	border-bottom: none;
}

nav>ul .sf-mega-inner>ul>li>a {
	font-size: 16px;
	font-weight: 700;
	color: #202024;
	text-transform: uppercase;
	margin-bottom: 11px;
}

nav>ul .sf-mega-inner>ul>li>ul>li a {
	font-size: 14px;
	color: #202024;
}

nav>ul .sf-mega-inner a {
	text-transform: none;
	padding: 13px 18px 13px 18px;
	margin-bottom: 1px;
}

nav>ul .sf-mega-inner a:hover {
	background: #ffffff;
}

nav>ul>.mega1 .sf-mega-inner>ul>li {
	width: 100%;
}

nav>ul>.mega2 .sf-mega-inner>ul>li {
	width: 50%;
}

nav>ul>.mega3 .sf-mega-inner>ul>li {
	width: 33.33333333333333%;
}

nav>ul>.mega4 .sf-mega-inner>ul>li {
	width: 25%;
}

nav>ul>.mega5 .sf-mega-inner>ul>li {
	width: 20%;
}

nav>ul>.mega6 .sf-mega-inner>ul>li {
	width: 16.66666666666667%;
}

nav>ul>.mega7 .sf-mega-inner>ul>li {
	width: 14.28571428571429%;
}


nav>ul .sf-mega-inner .description_menu_item {
	padding: 20px;
	font-size: 16px;
	font-weight: 300;
	line-height: 22px;
}

nav>ul .sf-mega-inner .description_menu_item a {
	display: inline;
	padding: 0;
	margin: 0;
	line-height: inherit;
	font-size: inherit;
	color: #0054a6;
}

nav>ul .sf-mega-inner .description_menu_item a:hover {
	color: #202024;
	background: none;
}

#ABdev_main_header.sticky_header_low {
	position: fixed;
	top: 0;
	background: #0054a6;
	border-bottom: 6px solid #5a77ba;
	-webkit-transition: background 180ms;
	-o-transition: background 180ms;
	transition: background 180ms;
	z-index: 10000;
}

body.admin-bar #ABdev_main_header.sticky_header_low {
	position: fixed;
	top: 32px;
	background: #0054a6;
	border-bottom: 6px solid #5a77ba;
	-webkit-transition: background 180ms;
	-o-transition: background 180ms;
	transition: background 180ms;
	z-index: 10000;
}

/*-------- 3.5.1. Search in Header --------*/
.search-trigger {
	margin-top: 18px;
	margin-left: 35px;
	margin-bottom: 15px;
	display: block;
	position: relative;
	float: right;
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.search-trigger i {
	color: #fff;
	font-size: 15px;
	top: -2px;
	position: relative;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

.search-trigger i:hover {
	color: #fff !important;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

.header_search {
	position: absolute;
	width: 38%;
	right: 30px;
	display: none;
}

.header_search input {
	font-size: 18px;
	padding: 10px 10px 5px 5px;
	display: inline-block;
	border: none;
	margin: 6px 0 0;
	border-radius: 0;
	color: #fff;
	background: none;
	letter-spacing: 0.3px;
	border-bottom: 1px solid #fff;
}

.header_search input::-webkit-input-placeholder {
	color: #fff;
	font-weight: 300;
}

.header_search input:-moz-placeholder {
	color: #fff;
	font-weight: 300;
}

.header_search input::-moz-placeholder {
	color: #fff;
	font-weight: 300;
}

.header_search input:-ms-input-placeholder {
	color: #fff;
	font-weight: 300;
}

.header_search input:focus {
	outline: none;
}


/*-------- 3.6. Title/Breadcrumbs Bar --------*/
#title_breadcrumbs_bar {
	background: #4c4c4c;
	padding: 54px 0 55px 0;
	font-family: 'DM Sans', sans-serif;
	font-weight: 300;
	overflow: hidden;
	position: relative;
	font-size: 18px;
}

#title_breadcrumbs_bar h1 {
	color: #fff;
	font-weight: 600;
	z-index: 10;
	position: relative;
	margin-bottom: 6px;
	padding-left: 40px;
	line-height: 35px;
}

#title_breadcrumbs_bar h1:before {
	content: '';
	display: block;
	width: 25px;
	height: 4px;
	/* Podešeno da bude malo deblja crta */
	background: #0054a6;
	position: absolute;
	bottom: 2px;
	left: 0;
}

#title_breadcrumbs_bar .tbb_breadcrumbs {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}

#title_breadcrumbs_bar .tbb_breadcrumbs .container {
	position: relative;
}

#title_breadcrumbs_bar .breadcrumbs {
	line-height: 30px;
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
}

#title_breadcrumbs_bar .breadcrumbs .breadcrumbs_inner {
	position: relative;
	font-size: 16px;
}

#title_breadcrumbs_bar .breadcrumbs:before {
	position: absolute;
	left: -20px;
	content: "";
	background-color: #0054a6;
	width: 5000px;
	height: 100%;
}

#title_breadcrumbs_bar .breadcrumbs {
	color: #fff;
	font-size: 13px;
	z-index: 10;
}

#title_breadcrumbs_bar .breadcrumbs a,
#title_breadcrumbs_bar .breadcrumbs .current {
	font-size: 16px;
	color: #fff;
}

#title_breadcrumbs_bar .breadcrumbs i {
	font-size: 8px;
	top: 0;
}

#title_breadcrumbs_bar .bokah_circle {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	opacity: 0.08;
	box-shadow: 0 0 10px #fff;
}

#title_breadcrumbs_bar .bokah_circle_1 {
	opacity: 0.04;
	height: 70px;
	width: 70px;
}

#title_breadcrumbs_bar .bokah_circle_2 {
	opacity: 0.05;
	height: 100px;
	width: 100px;
}

#title_breadcrumbs_bar .bokah_circle_3 {
	opacity: 0.06;
	height: 125px;
	width: 125px;
}

#title_breadcrumbs_bar .bokah_circle_4 {
	opacity: 0.07;
	height: 150px;
	width: 150px;
}

#title_breadcrumbs_bar .bokah_circle_5 {
	opacity: 0.08;
	height: 200px;
	width: 200px;
}

#title_breadcrumbs_bar .bokah_circle_6 {
	opacity: 0.07;
	height: 270px;
	width: 270px;
}

#title_breadcrumbs_bar .bokah_circle_7 {
	opacity: 0.05;
	height: 350px;
	width: 350px;
}


/*-----------------------------------------------------------------*/
/* 4. Slider place
/*-----------------------------------------------------------------*/
#frontpage_slider {
	padding: 0;
	margin: 0;
}

.tp-leftarrow.default,
.tp-rightarrow.default {
	background: #fff !important;
	width: 44px;
	height: 44px;
	text-align: center;
}

.tp-leftarrow.default {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.tp-rightarrow.default {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.tp-leftarrow.default:hover,
.tp-rightarrow.default:hover {
	background: #0054a6 !important;
}

.tp-leftarrow.default:before,
.tp-rightarrow.default:before {
	font-family: 'icomoon';
	display: block;
	color: #505558;
	content: '\6b';
	text-align: center;
	font-size: 16px;
	line-height: 44px;
	width: 100%;
	height: 100%;
}

.tp-leftarrow.default:hover:before,
.tp-rightarrow.default:hover:before {
	color: #fff !important;
}

.tp-rightarrow.default:before {
	content: '\69';
}

.tp-bullets.simplebullets.round .bullet {
	background: none;
}

.tp-bullets.simplebullets.round .bullet {
	border: 2px solid #fff;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-right: 17px;
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected {
	background-color: #fff;
}

.tp-caption.medium_light_white,
.tp-caption.mediumlarge_light_white_center,
.tp-caption.mediumlarge_light_white {
	font-family: 'Open Sans' sans-serif !important;
}



/*-----------------------------------------------------------------*/
/* 5. Blog
/*-----------------------------------------------------------------*/
.sidebar_left {
	margin-left: 0 !important;
}

/*-------- 5.1. Blog Timeline --------*/
#timeline_posts {
	background: url("images/timeline_line.png") center top repeat-y;
	overflow: hidden;
}

.timeline_post {
	background: #fff;
	width: 535px;
	float: left;
	margin-bottom: 40px;
	position: absolute;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(236, 236, 236, 1);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(236, 236, 236, 1);
	box-shadow: inset 0px 0px 0px 1px rgba(236, 236, 236, 1);
	top: -2000px;
	transition: top 1s;
}

.timeline_post img {
	padding: 25px;
	padding-bottom: 0;
	width: 100%;
}

.timeline_post h4 {
	padding: 25px 25px 0px 25px;
	margin-bottom: 0;
	font-weight: 600;
}

.timeline_post h4 a {
	color: #202024;
	font-weight: 600;
}

.timeline_post h4 a:hover {
	color: #0054a6;
}

.timeline_post_first {
	width: 535px;
}

.timeline_appended {
	transition: top 0s, opacity 1s;
	-webkit-transition: top 0s, opacity 1s;
}

.timeline_postmeta {
	font-size: 13px;
	border-top: 1px solid #ececec;
}

.timeline_postmeta:after {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 4px;
	background: #D8D8D8;
}

.timeline_postmeta_soundcloud {
	padding: 8px 15px 12px 15px;
}

.timeline_postmeta a.more-link {
	font-size: 14px;
	margin-bottom: 0px;
	display: inline-block;
	padding: 12px 10px 8px 10px;
	margin-right: 7px;
	float: right;
	color: #0054a6;
	font-weight: 500;
}

.timeline_postmeta a i {
	font-size: 9px;
	color: #0054a6;
	font-weight: 300;
	display: inline-block;
	margin-left: 7px;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

.timeline_postmeta a:hover,
.timeline_postmeta a:hover i {
	color: #555;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

.timeline_postmeta p {
	display: inline-block;
	margin-bottom: 0;
	font-size: 14px;
}

.timeline_postmeta i {
	margin-right: 6px;
	color: #fff;
}

.timeline_content {
	padding: 17px 25px 1px 25px;
}

.timeline_content p {
	font-size: 14px;
}

.timeline_post .post-readmore {
	padding: 22px 22px 0px 22px;
}

.timeline_post .post-readmore p {
	margin-bottom: 22px;
}

.timeline_post_first:before {
	margin-top: -185px !important;
}

.timeline_post_left:before {
	width: 57px;
	right: -57px;
}

.timeline_post_right:before {
	width: 55px;
	left: -55px;
}

.timeline_post_left:before,
.timeline_post_right:before {
	content: "";
	display: block;
	top: 50%;
	margin-top: -20px;
	height: 1px;
	background: #e9eaec;
	position: absolute;
}

.timeline_post_first:after {
	margin-top: -198px !important;
}

.timeline_post_left:after {
	right: -65px;
}

.timeline_post_right:after {
	left: -63px;
}

.timeline_post_left:after,
.timeline_post_right:after {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -33px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 4px solid #fff;
	background: #0054a6;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	content: "";
}

/*.timeline_post_left:before{
		content: "";
	    position: absolute;
	    width: 0;
	    height: 0;
	}

	.timeline_post_left:before{
		width: 0;
		height: 0;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		border-left: 12px solid #ececec;
		top: 24px;
		right: -14px;
	}

	.timeline_post_right:before{
		content: "";
	    position: absolute;
	    width: 0;
	    height: 0;
	}

	.timeline_post_right:before{
		width: 0;
		height: 0;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		border-right: 12px solid #ececec;
		top: 65px;
		left: -14px;
	}*/

#timeline_loading {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}

.timeline_loading_loader {
	background: url("images/ajax-loader.gif") center 40px no-repeat;
}

.timeline_post_left .latest_news_time {
	top: 18px;
	right: -133px;
}

.timeline_post_right .latest_news_time {
	top: 57px;
	left: -132px;
}

.timeline_postmeta .latest_news_time {
	display: inline-block;
	float: left;
	padding: 6px 10px;
	background: #0054a6;
	text-align: center;
	line-height: 16px;
	position: relative;
	top: 0;
	left: 0;
}

.timeline_postmeta .latest_news_time:before {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 4px;
	z-index: 10;
	background: #11719B;
}

.timeline_postmeta .latest_news_time .days {
	font-size: 12px;
	color: #fff;
	display: inline-block;
	padding-left: 47px;
	text-transform: lowercase;

}

.timeline_postmeta .latest_news_time .days>span {
	font-size: 24px;
	position: absolute;
	top: 15px;
	left: 14px;
}

/*-------- 5.2. Blog Posts --------*/
.post_content {
	position: relative;
}

.post_wrapper {
	margin-right: 20px;
	margin-bottom: 20px;
	width: 31.59%;
	display: inline-block;
	vertical-align: top;
}

.post_wrapper:nth-child(3n+3) {
	margin-right: 0;
}

.post_wrapper.vodici_appended {
	margin-right: 23px;
}

.post_wrapper.vodici_appended:nth-child(3n+3) {
	margin-right: 0;
}

.post_content p:last-child {
	margin-bottom: 0;
}

/*.post_content .post_main:before{
		width: 0;
		height: 0;
		content: "";
		display: block;
		position: absolute;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		border-right: 12px solid #ececec;
		left: -12px;
		top: 23px;
	}*/

.post_content .post_badges .post_date .post_day {
	display: block;
	font-size: 20px;
	font-weight: 300;
	text-align: right;
	padding-bottom: 5px;
}

.post_content .post_badges .post_date .post_our_minute {
	font-size: 22px;
	font-weight: 300;
	color: #323232;
}

.post_content .post_badges .post_date .post_am_pm {
	padding-left: 5px;
	color: #323232;
	font-weight: 400;
	font-size: 22px;
}

.blog_classic_layout .post_content .post_main:before,
.post_content .post_main.post_main_alternative:before {
	display: none;
}

.post_content .postmeta_under_image section {
	border-bottom: none;
}

.post_content .postmeta_under_image {
	position: relative;
	background-color: #fff;
	padding-top: 37px;
}

.post_content .postmeta_under_image.no_featured_post_media {
	padding-top: 0;
}

.post_content .post_main {
	position: relative;
	background-color: #fff;
	margin-left: 140px;
}

.post_content .author_and_categories_badges {
	position: absolute;
	left: -195px;
	width: 170px;
	text-align: right;
}

.post_content .author_and_categories_badges .posted_by_author {
	font-size: 18px;
}

.post_content .author_and_categories_badges .podrucja {
	font-size: 18px;
}

.post_content .author_and_categories_badges .podrucja strong {
	text-align: right;
	font-weight: 400;
	font-size: 20px;
	display: block;
	margin-bottom: 20px;
}

.post_content .author_and_categories_badges .posted_by_author strong {
	font-size: 20px;
	display: block;
	margin-bottom: 20px;
}

.post_content .no_featured_post_media .author_and_categories_badges {
	margin-top: 124px;
}

.post_content .author_and_categories_badges .posted_by_author strong {
	text-align: right;
	font-weight: 400;
}

.post_content .author_and_categories_badges .categories {
	font-weight: 300;
	font-size: 18px;
	padding-top: 10px;
	text-align: right;
	list-style-type: none;
}

.post_content .author_and_categories_badges .categories ul li {
	list-style-type: none;
	padding-top: 5px;
	text-align: right;
}

.post_content .author_and_categories_badges .categories ul li a {
	font-weight: 400;
	color: #505558;
	font-size: 20px;
}

.post_content .author_and_categories_badges .categories ul li:hover a {
	color: #0054a6;
}

.blog_category_index .post_main {
	margin-left: 200px;
}

.blog_category_index .type-mediji .post_main {
	margin-left: 0;
}

.blog_category_index .vodici .post_main {
	margin-left: 0;
	border: 1px solid #ddd;
	height: 243px;
}

.blog_category_index .post_content .post_main .post_main_inner {
	padding: 20px;
	color: #929292;
}

.blog_category_index .post_content .post_main p {
	margin-bottom: 25px;
}

.post_content .post_main h4.post_main_title {
	padding: 0 26px 0 0;
	margin-bottom: 18px;
	color: #202024;
}

.post_content .post_main h4.post_main_title a {
	color: #202024;
	font-weight: 600;
}

.post_content .post_main h4.post_main_title a:hover {
	color: #0054a6;
}

.post_content .postmeta_under_image h3 {
	padding: 0;
	margin-bottom: 32px;
}

.post_content .post_badges {
	float: left;
	width: 170px;
	text-align: left;
	color: #505558;
	position: relative;
}

.post_content .post_badges i {
	color: #fff;
	background: #0054a6;
	border-radius: 3px;
	padding: 19px;
	font-size: 32px;
	margin-bottom: 13px;
	float: right;
}

#vodici_loading {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	display: block;
}

.vodici_loading_loader {
	background: url("images/ajax-loader.gif") center 40px no-repeat;
}

.vodici .post_content .post_main:after {
	display: none;
}

.vodici .featured_image {
	width: 100%;
	min-height: 236px;
	-webkit-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

.vodici:hover .featured_image:before {
	background: rgba(0, 32, 55, 0.0);
	-webkit-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

body.single-vodici .span9 .dnd_container {
	width: 100%;
}

.post_content .post_badges .post_author {
	display: block;
	padding-bottom: 16px;
	margin-bottom: 8px;
}

.post_content .post_badges .post_date {
	display: block;
	font-size: 13px;
	color: #555555;
	float: left;
	margin-top: 11px;
}

.post_content .post_badges_single {
	text-align: center;
	color: #505558;
	position: relative;
}

.post_content .post_badges_single i {
	color: #fff;
	background: #0054a6;
	padding: 19px;
	font-size: 32px;
	margin-bottom: 13px;
	float: right;
}

.post_content .post_badges_single .post_date {
	display: block;
	font-size: 13px;
	float: left;
	margin-top: 11px;
	margin-left: 35px;
}

.post_content .post_badges_single .post_date .post_day {
	display: block;
	font-size: 45px;
	font-weight: 300;
	text-align: center;
	text-transform: lowercase;
	padding-bottom: 21px;
	margin-top: -4px;
}

.post_content .post_badges_single .post_date .post_month {
	display: block;
	font-size: 20px;
	font-weight: 300;
}

.post_content .post_badges_single .post_our_minute {
	font-size: 22px;
	font-weight: 300;
	color: #323232;
}

.post_content .post_badges_single .post_am_pm {
	padding-left: 5px;
	color: #323232;
	font-weight: 400;
	font-size: 16px;
}

.post_meta_tags {
	text-align: right;
	font-size: 13px;
}

.post_meta_tags a {
	color: #555555;
}

.post_meta_tags a:hover {
	color: #0054a6;
}

.post_meta_tags i {
	margin-right: 5px;
	margin-left: 10px;
	font-size: 12px;
	position: relative;
	top: 2px;
	color: #555555;
}

.post_main .postmeta-above,
.post_main .postmeta-under {
	text-align: right;
	position: relative;
	display: block;
}

.post_main .postmeta-above a,
.post_main .post-readmore a {
	font-size: 14px;
	margin-bottom: 0px;
	display: inline-block;
	padding: 12px 10px 12px 10px;
	margin-right: 7px;
	font-weight: 500;
}

.post_main .postmeta-above a:hover,
.post_main .post-readmore a:hover {
	color: #555 !important;
}

.post_main_soundcloud .post-readmore a {
	padding-top: 4px;
}

.post_main .postmeta-above a:hover,
.post_main .post-readmore a:hover {
	color: #0054a6;
}

.post_main .post-readmore .more-link i {
	font-size: 9px;
	margin-left: 7px;
	float: right;
}

.post_main .postmeta-above i {
	font-size: 5px;
	top: 18px;
	right: 83px;
	color: #555;
}

.post_main .postmeta-above p {
	display: inline-block;
	margin-right: 25px;
	margin-bottom: 0;
}

.post_main .postmeta-above .post_meta_comments {
	margin: 0;
}

.post_main .postmeta-under {
	padding: 40px 0;
	margin: 0 0 40px 0;
}

.post_main .postmeta-under p.share_title {
	font-size: 18px;
	font-weight: 300;
}

.post_main .postmeta-under p {
	margin-bottom: 0;
}

.post_meta_share {
	padding-top: 20px !important;
}

.post_meta_tags {
	float: right;
}

.post_meta_share a {
	left: 0;
	display: inline-block;
	color: #555555;
	padding: 0px 13px;
	margin-left: 5px;
	background: #ececec;
	width: 50px;
	height: 27px;
	line-height: 33px;
	border-radius: 3px;
	text-align: center;
}

.post_meta_share a i {
	padding: 0;
}

.post_meta_share a:first-child {
	margin-left: 0;
}

.post_meta_share a:hover {
	background: #0054a6;
	color: #fff;
}

.post_meta_share span {
	margin-right: 10px;
	font-family: 'DM Sans', sans-serif;
	font-weight: 300;
	font-size: 20px;
	color: #505558;
	position: relative;
	top: -1px;
}

.post_meta_share a:hover i {
	color: #fff;
}

.post_meta_share i {
	font-size: 16px !important;
	top: 0px !important;
	padding-right: 5px;
}

.postmeta_under_text_tags {
	margin-top: 20px;
	font-weight: 700;
}

.postmeta_under_text_tags a {
	font-weight: 400;
	font-style: italic;
}

.postmeta_under_text_tags a:first-of-type {
	padding-left: 3px;
}

.post-navigation {
	padding: 40px 0 40px;
	display: block;
}

.previous_post {
	float: left;
}

.next_post {
	float: right;
}

.previous_post_icon {
	color: #0054a6;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	border: 1px solid #0054a6;
	width: 43px;
	height: 43px;
	background: transparent;
	text-align: center;
	border-radius: 3px;
	transition: all 0.2s ease;
}

.next_post_icon {
	color: #0054a6;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 15px;
	border: 1px solid #0054a6;
	width: 43px;
	height: 43px;
	background: transparent;
	text-align: center;
	border-radius: 3px;
	transition: all 0.2s ease;
}

.previous_post a,
.next_post a {
	color: #555555;
	cursor: pointer;
	line-height: 40px;
	-webkit-transition: all 180ms;
	-o-transition: all 180ms;
	transition: all 180ms;
}

.previous_post:hover a,
.next_post:hover a {
	color: #0054a6;
	-webkit-transition: all 180ms;
	-o-transition: all 180ms;
	transition: all 180ms;
}

.previous_post:hover .previous_post_icon,
.next_post:hover .next_post_icon {
	background: #0054a6;
	color: #fff;
}

.previous_post:hover a span,
.next_post:hover a span {
	background: #fff;
	-webkit-transition: all 180ms;
	-o-transition: all 180ms;
	transition: all 180ms;
}

.previous_post_icon i,
.next_post_icon i {
	font-size: 20px;
	margin: 0;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 180ms;
	transition: all 180ms;
}

.previous_post:hover i,
.next_post:hover i {
	color: #0054a6;
	-webkit-transition: all 180ms;
	transition: all 180ms;
}

.post_meta_share .post_share_facebook:hover {
	background: #3B5998;
	color: #fff;
}

.post_meta_share .post_share_x:hover {
	background: #000000;
	color: #fff;
}

.post_meta_share .post_share_googleplus:hover {
	background: #d34836;
	color: #fff;
}

.post_meta_share .post_share_linkedin:hover {
	background: #0e76a8;
	color: #fff;
}

.post_about_author {
	margin-bottom: 40px;
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid #e1e9e9;
}

.author_content {
	width: 84%;
	float: right;
}

.author_social a {
	margin-right: 10px;
}

.author_social a:last-of-type {
	margin-right: 0;
}

.post_about_author img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	float: left;
	margin-right: 30px;
}

.post_about_author h5 {
	font-weight: 400;
	color: #6b6b6b;
	font-size: 18px;
	margin-bottom: 20px;
}

.author_posts ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

.author_posts li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ececec;
}

.author_posts li:last-of-type {
	border-bottom: 0;
}

.author_posts li i {
	margin-right: 15px;
	color: #0054a6;
}

.author_posts .odrzani_izvjestaji {
	margin-top: 60px;
}

.post-readmore {
	text-align: right;
	border-top: 1px solid #ddd;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.post-readmore a.icon_box {
	padding: 12px 16px 12px 15px;
	border-right: 1px solid #ddd;
	float: left;
	background: #0054a6;
}

.post-readmore a.icon_box i {
	color: #fff;
	position: relative;
	top: 2px;
}

.post_excerpt {
	line-height: 38px;
	margin-top: -4px;
}

.sticky .post_content .post_badges i {
	background: #202024;
}

.sticky .post_content .post_main {
	background-color: #ddd;
}

.blog_classic_layout .post_content .post_main {
	margin-left: 0px;
	background: #fff;
}

.blog_classic_layout .post_content .post_main:after,
.post_content .post_main_alternative:after {
	display: none;
}

.blog_classic_layout .post_content .post_main img,
.blog_classic_layout .post_content .post_main iframe,
.blog_classic_layout .post_content .post_main .videoWrapper-vimeo,
.blog_classic_layout .post_content .post_main .videoWrapper-youtube {
	margin-bottom: 23px;
}

.blog_classic_layout .post_content .post_main h3,
.blog_classic_layout .post_content .post_main p {
	padding: 0;
}

.blog_classic_layout .post_content .post_main .post-readmore {
	border-top: 1px solid #ececec;
	padding-top: 9px;
	margin-bottom: 24px;
}

.blog_classic_layout .post_content .post_main .post-readmore p {
	float: left;
	padding: 0;
	margin: 0;
}

.blog_classic_layout .post_content .post_main .post-readmore a {
	padding: 0px 10px 9px 10px;
}

.blog_classic_layout .post_content .post_main .post-readmore p a {
	padding: 0;
}

.blog_classic_layout .post_content .post_main .post-readmore .date_icon,
.blog_classic_layout .post_content .post_main .post-readmore .tags_icon {
	color: #c0c0c0;
	font-size: 15px;
	position: relative;
	left: 0;
	bottom: 0;
	margin-right: 8px;
	margin-left: 0;
}

.blog_classic_layout .post_content .post_main .post-readmore .tags_icon {
	margin-left: 30px;
}

/* Savjeti */

.single_savjet_item {
	display: block;
	padding: 20px;
	border-bottom: 1px solid #eee;
}

.single_savjet_item .savjeti_image {
	display: inline-block;
	margin-right: 15px;
}

.single_savjet_item .savjeti_image.no_thumb {
	width: 274px;
	height: 178px;
	background: #f1f0f0;
	text-align: center;
}

.single_savjet_item .savjeti_image.no_thumb i {
	color: #ddd;
	line-height: 175px;
	font-size: 60px;
}

.single_savjet_item .icon {
	padding: 14px 19px 14px 19px;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 0;
	background: #0054a6;
	border: 1px solid #ddd;
	vertical-align: top;
}

.single_savjet_item .icon i {
	color: #fff;
	text-align: center;
	line-height: 22px;
}

.single_savjet_item .content {
	display: inline-block;
	margin-left: 30px;
	vertical-align: top;
	/*margin-top: -5px;*/
	width: 52%;
}

.single_savjet_item .author {
	margin-top: 20px;
}

.single_savjet_item .author i {
	font-size: 13px;
	margin-right: 5px;
}

.single_savjet_item .author .date {
	float: right;
}

.single_savjet_item .savjet_title h4 a {
	color: #444;
	word-break: break-all;
	text-align: left;
	font-weight: 600;
	margin-bottom: 0;
}

.single_savjet_item .savjet_title h4 a:hover {
	color: #0054a6;
}

.single_savjet_item .more-link {
	padding: 12px;
	padding-top: 16px;
	padding-right: 20px;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 0;
}

.single_savjet_item .more-link i {
	display: inline-block;
	font-size: 9px;
	padding: 0;
	border-right: none;
	float: right;
	margin-left: 7px;
	color: #0054a6;
	font-weight: 300;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

.single_savjet_item .more-link:hover i {
	color: #444;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

.savjetovanje_prijava_dd p.status {
	color: #d84949;
	margin-bottom: 0;
}

/*-------- 5.3. Post Comments --------*/
#comments_section {
	padding-bottom: 0;
	padding-top: 0;
	border-top: 1px solid #ececec;
	padding-top: 75px;
	padding-left: 200px;
}

#comments_section ul,
#comments_section ol {
	list-style: none;
	margin-left: 0;
}

.comment p {
	margin-bottom: 0;
	text-align: left;
}

#comments_section p.logged-in-as,
#comments_section p.comment-notes {
	margin-bottom: 22px;
}

.comment {
	position: relative;
	margin-bottom: 40px;
	min-height: 70px;
}

.comment .children {
	padding-left: 50px;
}

.children .comment:last-child {
	margin-bottom: 0;
}

.comment .avatar {
	position: absolute;
	top: 0px;
	left: -100px;
	width: 70px;
	height: 70px;
	border-radius: 3px;
}

.comment .comment-text {
	border-bottom: 1px solid #e6ebed;
	padding: 10px 0 35px 0;
}

.comment .children {
	padding-top: 40px;
}

.comment .comment-author {
	font-size: 18px;
	color: #555555;
	font-family: 'DM Sans', sans-serif;
	font-weight: 400;
}

.comment time {
	font-size: 13px;
	float: right;
	color: #c0c0c0;
	font-style: italic;
}

.comment .comment-text .reply,
.comment .comment-text .reply a {
	color: #0054a6;
	font-size: 14px;
	font-weight: 300;
	text-transform: lowercase;
	font-size: 13px;
}

.comment .reply a:hover {
	color: #555555;
}

.comment .reply {
	float: right;
	margin-top: 23px;
	background: #fff;
	padding-left: 5px;
}

.comment .reply a:hover,
.comment .edit-link a:hover {
	color: #0054a6;
}

#respond {
	padding-top: 30px;
}

#respond .comment-form {
	position: relative;
	padding-bottom: 71px;
}

#respond #comment {
	margin-bottom: 35px;
	margin-left: 16px;
}

#respond .comment-form-comment {
	margin-bottom: 0;
}

#respond .form-submit {
	display: block;
	margin-bottom: 0;
}

#respond #comment-submit {
	-webkit-appearance: none;
	background: #0054a6;
	margin: 0;
	font-weight: 400;
	font-size: 16px;
	font-family: 'DM Sans', sans-serif;
	float: right;
}

#respond #comment-submit:hover {
	background: #505558;
	border-color: #505558;
}

#respond input[type="text"] {
	width: 100%;
	height: 42px;
	margin-bottom: 0;
	border-radius: 3px;
	background: #fff;
}

#respond .comment_fields {
	float: left;
	width: 50%;
}

#respond .comment_fields p {
	margin-right: 1% !important;
	width: 95%;
	margin-bottom: 41px;
}

#respond .comment-form-comment {
	width: 50%;
	float: right;
}

body.logged-in #respond .comment-form-comment {
	width: 100%;
	float: none;
}

#respond .comment-form-comment textarea {
	width: 95%;
	height: 126px;
	border-radius: 3px;
	background: #fff;
}

body.logged-in #respond .comment-form-comment textarea {
	width: 100%;
}

body.logged-in #respond #comment {
	margin-left: 0;
}


/*-------- 5.4. Post Pagination --------*/
#blog_pagination {
	padding-top: 40px;
	text-align: right;
}

#blog_pagination .blog_pagexofy {
	font-size: 22px;
	line-height: 48px;
}

#blog_pagination .page-numbers {
	color: #505558;
	font-size: 22px;
	line-height: 14px;
	display: inline-block;
	padding: 13px 9px 13px 9px;
	margin: 0;
}

#blog_pagination .page-numbers.current,
#blog_pagination .page-numbers:hover {
	color: #0054a6;
}

#blog_pagination .prev {
	margin-right: 10px;
}

#blog_pagination .next {
	margin-left: 10px;
	padding-right: 0px;
}

#blog_pagination .prev i,
#blog_pagination .next i {
	font-size: 14px;
	top: -1px;
	position: relative;
}

#inner_post_pagination>span,
#inner_post_pagination>a {
	background: #f5f7f8;
	color: #505558;
	float: left;
	color: #505558;
	font-size: 14px;
	line-height: 14px;
	display: inline-block;
	padding: 13px 16px 13px 16px;
	margin: 0;
	border-top: 1px solid #e6ebed;
	border-bottom: 1px solid #e6ebed;
	border-right: 1px solid #e6ebed;
}

#inner_post_pagination>a {
	background: #fff;
}

#inner_post_pagination>a span {
	border: none;
}

#inner_post_pagination>a:hover {
	background: #505558;
	color: #0054a6;
}

#inner_post_pagination>span:first-child,
#inner_post_pagination>a:first-child {
	border-left: 1px solid #e6ebed;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

#inner_post_pagination>span:last-child,
#inner_post_pagination>a:last-child {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

/*-------- 5.5. Related Posts --------*/
#related_articles {
	padding: 0;
	margin-top: 40px;
	padding-top: 20px;
}

#related_articles h6 {
	color: #666;
	font-weight: 700;
	line-height: 21px;
	text-transform: uppercase;
}

#related_articles:after {
	content: "";
	width: 270px;
	height: 1px;
	background: #eeeeee;
	position: absolute;
	bottom: -30px;
	left: 0;
}

#related_articles .related_item_4 {
	width: 260px;
	float: left;
	margin-right: 20px;
	list-style: none;
}

#related_articles .related_item_4:nth-child(3) {
	margin-right: 0;
}

#related_articles .related_items ul {
	padding-left: 0;
}

#related_articles .related_article {
	width: 100%;
	min-height: 145px;
	overflow: hidden;
}

#related_articles .related_item_4:hover .related_article:before {
	background: rgba(0, 32, 55, 0.0);
	-webkit-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

.related_item_meta {
	margin-top: 20px;
	text-align: center;
}

.related_item_meta a {
	color: #444;
	word-break: break-word;
	text-align: left;
	font-weight: 600;
	margin-bottom: 0;
}

.related_item_meta a:hover {
	color: #0054a6;
}

.related_article .overlayed {
	position: relative;
	overflow: hidden;
}

.related_article .overlayed .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	opacity: 0;
	background: none;
	color: #fff;
	-webkit-transition: all 180ms;
	-moz-transition: all 180ms;
	-o-transition: all 180ms;
	-ms-transition: all 180ms;
	transition: all 180ms;
	z-index: 1;
}

.related_article .overlayed .overlay .overlay_icon {
	width: 50px;
	height: 50px;
	border: 1px solid #fff;
	border-radius: 2px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	left: 50%;
	margin-left: -25px;
	line-height: 60px;
	text-align: center;
}

.related_article .overlayed .overlay .overlay_icon i {
	font-size: 22px;
	line-height: 50px;
}

.related_article:hover .overlayed .overlay {
	opacity: 1;
	background: rgba(24, 157, 216, 0.8);
}

.related_article:hover .overlayed_detailed .overlay {
	opacity: 1;
	background: rgba(24, 157, 216, 0.8);
	border-radius: 2px;
}


/*-----------------------------------------------------------------*/
/* 6. Videos
/*-----------------------------------------------------------------*/

.videoWrapper-youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.videoWrapper-youtube iframe,
.videoWrapper-youtube object,
.videoWrapper-youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoWrapper-vimeo {
	position: relative;
	padding-bottom: 53%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.videoWrapper-vimeo iframe,
.videoWrapper-vimeo object,
.videoWrapper-vimeo embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*-----------------------------------------------------------------*/
/* 7. Contact Form 7
/*-----------------------------------------------------------------*/
.contact_form_row {
	padding-top: 51px;
}

.wpcf7 input {
	margin-top: 0;
	margin: 0 0 30px 0;
}

.wpcf7 input[type="text"] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d9d9d9;
	-webkit-appearance: none;
	background: #fff;
}

.wpcf7 textarea {
	margin: 0 0 30px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-appearance: none;
}

.wpcf7 input[type="file"] {
	padding-right: 20px;
}

.wpcf7 input[type="checkbox"] {
	margin: 0 10px 0 0;
	padding: 0;
	height: 12px;
	width: 12px;
}

.wpcf7-response-output {
	padding: 19px !important;
	background: #9CE0A2 !important;
	color: #2D4A2C !important;
	border: 1px solid #579D52 !important;
	border-radius: 3px;
	margin: 20px 0 40px 0 !important;
}

.wpcf7-not-valid-tip {
	border: 1px solid #C30606;
	border-radius: 3px;
	color: #C30606 !important;
	padding: 4px 8px !important;
	background: #EFDDDD;
	position: absolute;
	right: 10px;
	top: 25px;
}

.wpcf7-not-valid-tip:before {
	content: "";
	position: absolute;
	z-index: 10;
	bottom: 20px;
	left: -6px;
	width: 6px;
	height: 6px;
	border: 1px solid #c81e2b;
	background: #EFDDDD;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	display: block;
}

.wpcf7-not-valid-tip:after {
	content: "";
	position: absolute;
	z-index: 10;
	bottom: 29px;
	left: -10px;
	width: 3px;
	height: 3px;
	border: 1px solid #c81e2b;
	background: #EFDDDD;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	display: block;
}

.wpcf7-validation-errors {
	margin-bottom: 40px !important;
	padding: 6px 8px !important;
	background: #EFDDDD !important;
	border: 1px solid #c81e2b !important;
	border-radius: 3px !important;
	color: #c81e2b !important;
	margin: 0 0 40px 0 !important;
}

#dz_contact_form_submit {
	-webkit-appearance: none;
	width: 100%;
	background: #0054a6 !important;
	height: 55px;
	margin-top: 0;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
}

div.wpcf7 img.ajax-loader {
	top: 10px;
	position: relative;
	left: 50%;
	margin-left: 70px;
}

.dnd_section_dd.contact_section_alternative .wpcf7 textarea {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-appearance: none;
	background: #fff;
	font-style: italic;
	padding: 9px 0px 9px 14px;
	height: 208px;
	margin-bottom: 35px;
}

.dnd_section_dd.contact_section_alternative .wpcf7-text,
.dnd_section_dd.contact_section_alternative .wpcf7-email {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-appearance: none;
	background: #fff;
	font-style: italic;
	padding: 9px 0px 9px 14px;
	margin-bottom: 41px;
}

.dnd_section_dd.contact_section_alternative .wpcf7-submit {
	-webkit-appearance: none;
	transition: background 180ms, color 180ms, border-color 180ms;
	-webkit-transition: background 180ms, color 180ms, border-color 180ms;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: none;
	display: inline-block;
	border: none !important;
	background: #0054a6 !important;
	color: #fff;
	padding: 10px 41px !important;
	line-height: 20px !important;
	font-size: 16px;
	font-family: 'DM Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: right;
	margin-bottom: 80px;
}

.dnd_section_dd.contact_section_alternative .wpcf7-form.invalid .wpcf7-submit {
	margin-bottom: 34px;
}

.dnd_section_dd.contact_section_alternative .wpcf7-submit:hover {
	background: #505558 !important;
	transition: background 180ms, color 180ms, border-color 180ms;
	-webkit-transition: background 180ms, color 180ms, border-color 180ms;
}

.wpcf7 .wpcf7-list-item {
	display: inline-block;
}

.wpcf7 span#radio {
	margin-top: 5px;
	display: inline-block;
}

.wpcf7 .buttons {
	display: inline-block;
	margin-top: 10px;
}

.wpcf7 .project_description {
	height: 228px;
	width: 100%;
}

.wpcf7 .drag_and_drop {
	height: 205px;
	border: 3px dashed #c0c0c0;
	background: #ececec;
	margin-bottom: 0;
	width: 100%;
}

#prijava-osobno-savjetovanje .wpcf7 .ajax-loader {
	margin-left: -50px;
	top: -3px;
}

.wpcf7 .start_date,
.wpcf7 .due_date {
	height: 196px;
	text-align: center;
	font-size: 24px;
	border-radius: 0;
	color: #555;
	background: #ececec;
}

.wpcf7 .choose_date input {
	padding: 0;
	margin: 0 10px 0 0;
	height: 15px;
	width: 15px;
}

.wpcf7 .select_budget {
	background: #ececec;
	color: #555;
}

.wpcf7 textarea[placeholder] {
	font-size: 16px;
}

/*-----------------------------------------------------------------*/
/* metro
/*-----------------------------------------------------------------*/

.dnd_metro_box .back_full_link {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/*-----------------------------------------------------------------*/
/* 8. Widgets
/*-----------------------------------------------------------------*/
.savjetovanje_prijava_dd textarea {
	margin-bottom: 10px !important;
}

aside.sidebar_right {
	padding-left: 12px;
}

aside.sidebar_left {
	padding-right: 12px;
}

.widget input {
	margin-bottom: 0;
}

.sidebar-widget-heading h5,
#reply-title {
	font-family: 'DM Sans', sans-serif;
	color: #202024;
	line-height: 20px;
	position: relative;
	margin-bottom: 18px;
	display: block;
	text-align: left;
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 10px;
}

#comments-title {
	margin-bottom: 70px;
}

.widget {
	margin-bottom: 77px;
}

aside .widget a {
	color: #555555;
}

a .utter_loader {
	display: none;
}

aside .widget .simple_subscribe_login,
aside .widget .simple_subscribe_odjava,
aside .widget .simple_subscribe_prijava_korisnika,
aside .widget .simple_subscribe_show_interes_education,
aside .widget .simple_subscribe_savjetovanje_prijava,
aside .widget .simple_subscribe_profil_korisnika,
aside .widget .simple_subscribe_prijava {
	color: #fff;
}

aside .widget .simple_subscribe_login,
aside .widget .simple_subscribe_odjava,
aside .widget .simple_subscribe_savjetovanje_prijava,
aside .widget .simple_subscribe_prijava_korisnika,
aside .widget .simple_subscribe_show_interes_education,
aside .widget .simple_subscribe_profil_korisnika,
aside .widget .simple_subscribe_prijava:hover {
	color: #fff;
}

.simple_subscribe_login.disabled,
.simple_subscribe_odjava.disabled,
.simple_subscribe_savjetovanje_prijava.disabled,
.simple_subscribe_prijava_korisnika.disabled,
.simple_subscribe_show_interes_education.disabled,
.simple_subscribe_profil_korisnika.disabled,
.simple_subscribe_prijava.disabled {
	background: #555555;
	border-color: #555555;
	color: #fff;
}

aside .widget a:hover {
	color: #0054a6;
}

.widget ul {
	list-style: none;
	margin-left: 0;
}

.widget ul.children {
	padding-left: 20px;
}

.widget ul.children li {
	border-bottom: none;
}

.widget_categories ul li {
	border-bottom: 1px solid #ececec;
}

.widget_categories ul li,
.widget_pages ul li,
.widget_nav_menu ul li {
	position: relative;
	padding: 5px 0;
}

.widget_categories ul li a:before,
.widget_pages ul li a:before,
.widget_nav_menu ul li a:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 3px solid #0054a6;
	position: relative;
	bottom: 3px;
	padding-right: 9px;
}

/*-------- 8.1. Search --------*/
.widget_search form {
	position: relative;
}

.widget_search a {
	cursor: pointer;
}

.widget_search i {
	color: #0054a6;
	position: absolute;
	top: 15px;
	right: 10px;
	font-size: 12px;
}

.widget_search i:hover {
	color: #c0c0c0;
}

.widget_search input {
	padding: 10px 20px;
	font-size: 16px;
	font-style: italic;
	height: 42px;
	background: #fff;
	border-radius: 3px;
}

.search_results_content_item {
	padding: 20px;
	position: relative;
	width: 31.37%;
	height: 503px;
	border: 1px solid #ddd;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
	display: inline-block;
	vertical-align: top;
}

.search_results_content_item:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 4px;
	background: #D8D8D8;
}

.search_results_content_item .search_results_image {
	width: auto;
	min-height: 236px;
	overflow: hidden;
	margin-bottom: 20px;
	-webkit-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

.search_results_content_item:hover .search_results_image:before {
	background: rgba(0, 32, 55, 0.0);
	-webkit-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

.search_results_content_item .slika_placeholder {
	min-height: 209px;
}

.search_results_content_item h4 a {
	color: #555;
}

.search_results_content_item h4 a:hover {
	color: #0054a6;
}

.search_results_content_item .box_footer {
	min-height: 47px;
	border-top: 1px solid #ddd;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.search_results_content_item .more-link {
	padding: 15px 12px 15px 12px;
	padding-right: 20px;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 0;
	position: relative;
	top: -2px;
}

.search_results_content_item .more-link i {
	font-size: 10px;
	margin-left: 7px;
}

.search_resuls_number {
	font-family: 'DM Sans', sans-serif;
	font-size: 19px;
	font-weight: 300;
	position: absolute;
	top: 22px;
	left: 18px;
	line-height: 19px;
}

.search_results_content_item h4 {
	text-align: left;
	font-weight: 600;
	margin-bottom: 0;
	max-height: 68px;
	margin-bottom: 20px;
	overflow: hidden;
	word-wrap: break-word;
}

.search_results_content_item p {
	padding: 0 20px 24px 0;
	margin-bottom: 0;
	text-align: left;
	max-height: 88px;
	overflow: hidden;
	color: #929292;
	word-wrap: break-word;
}

#search_results_sum_title {
	margin-bottom: 50px;
	float: left;
}

.search_results #ABdev_menu_search {
	float: right;
}

.search_results_content_item .search_results_status {
	font-size: 14px;
	display: inline-block;
	float: left;
	padding: 13px 10px 13px;
	background: #0054a6;
	text-align: center;
	position: relative;
	left: -1px;
}

.search_results_content_item .search_results_status a {
	color: #fff;
}

.search_results_content_item .search_results_status a:hover {
	color: #3D3D3D;
}

.search_results_content_item .search_results_status:after {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 4px;
	z-index: 10;
	background: #11719B;
}

/*-------- 8.2. Categories --------*/
aside.sidebar .widget_pages li,
aside.sidebar .widget_recent_entries li,
aside.sidebar .widget_archive li,
aside.sidebar .widget_nav_menu li,
aside.sidebar .widget_meta li,
aside.sidebar .widget_rss li,
aside.sidebar .widget_categories li {
	text-align: left;
}

aside.sidebar .widget_nav_menu li.menu-item-has-children {
	border: none;
	padding-bottom: 0;
}

aside.sidebar .widget_nav_menu li ul {
	margin-top: 7px;
	margin-bottom: 0;
}

aside.sidebar .widget_nav_menu li ul li {
	padding-left: 20px;
}

aside.sidebar .widget_rss .rsswidget {
	font-family: 'DM Sans', sans-serif;
	color: #505558;
	font-size: 18px;
}

aside.sidebar .widget_rss .rss-date {
	display: block;
}

aside.sidebar .widget_rss .rssSummary {
	font-size: 13px;
}

/*-------- 8.3. Tag Cloud --------*/
.tagcloud a {
	border: 1px solid #ececec;
	background: #ececec;
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 7px 11px 7px 11px;
	float: left;
	color: #555555;
	font-size: 16px !important;
	line-height: 16px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.tagcloud a:hover {
	background: #0054a6;
	color: #fff !important;
}

.tagcloud:after {
	display: block;
	clear: both;
	content: "";
	height: 0;
}

#dz_main_footer .tagcloud a {
	border: 1px solid #5f5f5e;
}

#dz_main_footer .tagcloud a:hover {
	color: #434342;
	border-color: #929292;
}

/*-------- 8.4. Flickr stream --------*/
#main_footer .flickr_stream a {
	float: left;
	display: inline-block;
	position: relative;
}

aside.sidebar .flickr_stream a {
	margin: 0 10px 10px 0;
	float: left;
	display: inline-block;
	position: relative;
}

aside.sidebar .flickr_stream a:nth-child(3n+0) {
	margin-right: 10px;
}

aside.sidebar .flickr_stream a:nth-child(4n+0) {
	margin-right: 0;
}


.flickr_stream a {
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.flickr_stream a:after {
	display: block;
	content: '';
	position: absolute;
	-webkit-transition: height 180ms;
	-moz-transition: height 180ms;
	transition: height 180ms;
	width: 200%;
	height: 0;
	top: 50%;
	left: 50%;
	background: rgba(32, 32, 36, 0.9);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.flickr_stream a:hover:after {
	height: 200%;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	transition: all 400ms;
}

#main_footer .flickr_stream img {
	width: 80px;
	height: 80px;
}

aside.sidebar .flickr_stream img {
	width: 82px;
	height: 82px;
}

/*-------- 8.5. Contact Info Widget --------*/
.contact_info_widget {
	font-weight: 300;
}

.contact_info_widget>div>span {
	width: 70px;
	display: inline-block;
}

.contact_info_widget .contact_info_widget_email {
	margin-bottom: 22px;
}

/*-------- 8.6. Authors Widget --------*/
.authors_widget .author {
	margin-bottom: 20px;
	display: block;
}

.authors_widget .image {
	display: inline-block;
	vertical-align: top;
}

.authors_widget span {
	display: inline-block;
	vertical-align: top;
}

.authors_widget .image img {
	border-radius: 50%;
	display: inline-block;
	margin-right: 20px;
}

.authors_widget .image~span {
	margin-top: 14px;
}

/*-----------------------------------------------------------------*/
/* 9. Pages
/*-----------------------------------------------------------------*/

/*-------- 9.1. Eventi --------*/
.non_breaking_string {
	white-space: nowrap;
}

.simple_subscribe_login,
.simple_subscribe_profil_korisnika,
.simple_subscribe_text {
	cursor: pointer;
}

.education_full {
	width: 100%;
	position: absolute;
	height: 45px;
	font-size: 16px;
	background-color: #0054a6;
	border-bottom: 7px solid #107098;
	top: 0px;
	left: 0px;
	z-index: 1000;
	color: white;
	padding: 10px 20px 10px 20px;
}

#ABdev_latest_eventi {
	margin-bottom: 40px;
}

#dgbyt_latest_eventi {}

.eventi_item {
	color: #929292;
}

.eventi_item,
.eventi_item .overlayed {
	position: relative;
	/* text-align: center; */
}

.eventi_item h4 {
	margin: 0px;
	position: relative;
	z-index: 1;
}

.eventi_item h4 a {
	color: #fff;
	font-family: 'DM Sans', sans-serif;
}

.eventi_item h4 a:hover {
	color: #0054a6;
}

.eventi_item .overlayed .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	filter: alpha(opacity=0);
	opacity: 0;
	color: #fff;
	-webkit-transition: all 180ms;
	-moz-transition: all 180ms;
	-o-transition: all 180ms;
	-ms-transition: all 180ms;
	transition: all 180ms;
}

.eventi_item .overlayed .overlay>* {
	z-index: 1;
	position: relative;
}

.eventi_item .overlayed .overlay .overlay_title {
	font-family: 'DM Sans', sans-serif;
	font-size: 24px;
	color: #fff;
	font-weight: 300;
	margin-top: 49px;
	margin-bottom: 17px;
}

.eventi_item .overlayed .overlay .eventi_item_tags {
	margin-bottom: 25px;
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	position: absolute !important;
	top: 55%;
	left: 50%;
	margin-left: -35px;
}

.eventi_item:hover .overlayed .overlay {
	filter: alpha(opacity=100);
	opacity: 1;
	background: rgba(78, 125, 225, 0.75);
}

/*.eventi_item:hover .overlayed .overlay {
		filter: alpha(opacity=100);
		opacity: 1;
	}

	.eventi_item .overlayed .overlay:after{
		display: block;
		content: '';
		position: absolute;
		-webkit-transition: height 180ms;
		-moz-transition: height 180ms;
		transition: height 180ms;
		width: 200%;
		height: 0;
		top: 50%;
		left: 50%;
		background: rgba(32,32,36,0.9);
		-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
		-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
		-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
		transform: translateX(-50%) translateY(-50%) rotate(45deg);
		z-index: 0;
	}

	.eventi_item:hover .overlayed .overlay:after {
		height: 300%;
		-webkit-transition: all 400ms;
		-moz-transition: all 400ms;
		transition: all 400ms;
	}*/

.eventi_item .dnd-button {
	border: 1px solid #0054a6;
	color: #fff;
	margin: 0px;
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	position: absolute !important;
	margin-left: -90px;
	margin-top: -40px;
	top: 50%;
	left: 50%;
}

.eventi_item .dnd-button i {
	margin-left: 9px;
}

.eventi_item .dnd-button:after {
	background: #0054a6;
}

.single_eventi_meta {
	color: #929292;
	margin-bottom: 33px;
}

.single_eventi_meta .icon-calendar {
	margin-left: 30px;
}

aside .eventi_item_meta {
	margin-bottom: 40px;
}

aside .eventi_item_meta .post_meta_share {
	float: none;
	padding-top: 20px !important;
}

.eventi_item_meta h2 {
	margin-bottom: 18px;
	border-bottom: 0;
}

.eventi_item_meta .eventi_item_meta_label {
	color: #555555;
	font-weight: 700;
}

.eventi_item_meta .eventi_item_meta_data {
	text-align: left;
	position: relative;
}

.eventi_item_meta_data_termini {
	display: block;
	padding-top: 10px;
	font-weight: bold;
}

.eventi_item_meta_data_progress {
	display: block;
	padding-top: 25px;
}

.eventi_item_meta p:last-child {
	padding-top: 40px;
}

.eventi_item_meta p:nth-child(10) {
	padding-bottom: 11px;
}

.eventi_item_image {
	margin-bottom: 18px;
}

.eventi_item_view_link {
	padding: 22px 0 50px 0px;
	text-align: center;
}

.eventi_item_view_link a {
	display: inline-block;
	background: #fff;
	border: 1px solid #0054a6;
	color: #202024;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 8px 30px;
	font-family: 'DM Sans', sans-serif;
	font-weight: 300;
}

.eventi_item_view_link a:hover,
.eventi_item_view_link a:hover i {
	color: #0054a6;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

.eventi_item_view_link a i {
	color: #202024;
	font-size: 13px;
	padding-left: 9px;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

.eventi_share_social a:first-child {
	margin-left: 0;
}

.eventi_single_column_item {
	margin-bottom: 80px;
}

.eventi_single_column_item .eventi-readmore .more-link {
	margin-top: 0px;
}

.eventi_single_column_item h2 a {
	margin-bottom: 18px;
	border-bottom: 0;
	color: #202024
}

.eventi_single_column_item h2:hover a {
	color: #0054a6;
}

.eventi_single_column_item h5 {
	margin-bottom: 27px;
}

.eventi_single_detail {
	margin-bottom: 40px;
	padding-top: 6px;
	font-size: 14px;
}

.eventi_single_detail h4 {
	margin-bottom: 5px;
}

.eventi_single_detail.share {
	padding-top: 10px;
}

.single_edukacija_mjesto {
	padding-top: 40px;
}

.eventi_item_meta .eventi_item_meta_label {
	display: inline-block;
	width: 90px;
}

.eventi_item_meta .eventi_item_meta_data {
	padding: 0;
	font-size: 16px;
}

.pretraga {
	margin: 75px auto;
}

.rezultati_pretrage {
	position: relative;
	width: 31.59%;
	-webkit-box-shadow: inset 0px 0px 0px 1px #ddd;
	-moz-box-shadow: inset 0px 0px 0px 1px #ddd;
	box-shadow: inset 0px 0px 0px 1px #ddd;
	margin-bottom: 60px;
	margin-right: 20px;
	display: inline-block;
	vertical-align: top;
	height: 503px;
}

.rezultati_pretrage.has-post-thumbnail {
	height: 503px;
}

.rezultati_pretrage.rezultati_pretrage_appended {
	margin-right: 23px;
}

.rezultati_pretrage.rezultati_pretrage_appended:nth-of-type(3n+3) {
	margin-right: 0;
}

.rezultati_pretrage .post_content {
	padding: 20px;
}

.rezultati_pretrage .post_main {
	margin: 0;
}

.rezultati_pretrage .post_main_inner h4 a {
	text-align: left;
	font-weight: 600;
	margin-bottom: 0;
	max-height: 48px;
	overflow: hidden;
	word-wrap: break-word;
}

.rezultati_pretrage .post_main_inner p {
	padding: 0 20px 24px 0;
	margin-bottom: 0;
	text-align: left;
	max-height: 88px;
	overflow: hidden;
	word-wrap: break-word;
	color: #929292;
}

.rezultati_pretrage .post-readmore a {
	font-size: 14px;
	margin-bottom: 0px;
	display: inline-block;
	padding: 16px 10px 12px 10px;
	margin-right: 7px;
	font-weight: 500;
}

.rezultati_pretrage .post-readmore a.icon_box {
	padding: 15px 19px 15px 18px;
	border-right: 1px solid #ddd;
	float: left;
	background: #0054a6;
}

.rezultati_pretrage .post-readmore .more-link i {
	font-size: 9px;
	margin-left: 7px;
	float: right;
}

#pretraga_load {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	display: block;
}

.pretraga_loading_loader {
	background: url("images/ajax-loader.gif") center 40px no-repeat;
}

.rezultati_pretrage .featured_image {
	width: auto;
	min-height: 236px;
	margin: 20px;
	margin-bottom: 0;
	-webkit-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

.rezultati_pretrage:hover .featured_image:before {
	background: rgba(0, 32, 55, 0.0);
	-webkit-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

/*mediji*/

.mediji_post {
	position: relative;
	width: 31.59%;
	border: 1px solid #ddd;
	margin-bottom: 20px;
	margin-right: 20px;
	display: inline-block;
	vertical-align: top;
}

.mediji_post .post_main {
	margin: 0;
}

.mediji_post .post-readmore>i {
	width: 46px;
	height: 46px;
	background: #0054a6;
	color: #fff;
	text-align: center;
	line-height: 46px;
	display: inline-block;
	float: left;
}

.mediji_post .post-readmore a {
	font-size: 14px;
	margin-bottom: 0px;
	display: inline-block;
	padding: 12px 10px 12px 10px;
	margin-right: 7px;
	font-weight: 500;
}

.mediji_post .post-readmore a.icon_box {
	padding: 12px 16px 12px 15px;
	border-right: 1px solid #ddd;
	float: left;
	background: #0054a6;
}

.mediji_post .post-readmore .more-link i {
	font-size: 9px;
	margin-left: 7px;
	float: right;
}

#mediji_loading {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	display: block;
}

.pretraga_loading_loader {
	background: url("images/ajax-loader.gif") center 40px no-repeat;
}

.mediji_post .featured_image {
	width: 100%;
	min-height: 236px;
	-webkit-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

.mediji_post:hover .featured_image:before {
	background: rgba(0, 32, 55, 0.0);
	-webkit-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

#eventi_loading {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	display: inline-block;
	width: 191px;
	height: 102px;
}

#eventi_loading.load_more {
	border: 1px solid #0054a6;
	background: #0054a6;
	color: #fff;
	padding: 8px 18px;
	border-radius: 3px;
	height: auto;
}

#eventi_loading.load_more:hover {
	background: #555555;
	border-color: #555555;
	color: #fff;
	cursor: pointer;
}

.eventi_loading_loader {
	background: url("images/ajax-loader.gif") center 40px no-repeat;
}

/*DJELATNICI*/

.djelatnici_container {
	margin-right: 20px;
	margin-bottom: 20px;
	width: 31.8%;
}

.djelatnici_container:nth-of-type(3n+3) {
	margin-right: 0;
}

.djelatnici_container .ime {
	margin-bottom: 20px;
	display: inline-block;
}

.djelatnici_container .djelatnici_ime_link {
	color: #555555;
}

.djelatnici_container .djelatnici_ime_link:hover {
	color: #0054a6;
}

.djelatnici_container p {
	margin-bottom: 0;
}

.single_user .images_container_single {
	position: relative;
	display: inline-block;
}

.single_user .images_container_single .dnd_image_first_image {
	z-index: 1;
	opacity: 1;
	-webkit-transition: opacity 800ms;
	-o-transition: opacity 800ms;
	transition: opacity 800ms;
}

.single_user .images_container_single .dnd_image_second_image {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity 800ms;
	-o-transition: opacity 800ms;
	transition: opacity 800ms;
}

.single_user .images_container_single:hover .dnd_image_first_image {
	opacity: 0;
	-webkit-transition: opacity 800ms;
	-o-transition: opacity 800ms;
	transition: opacity 800ms;
}

.single_user .images_container_single:hover .dnd_image_second_image {
	opacity: 1;
	-webkit-transition: opacity 800ms;
	-o-transition: opacity 800ms;
	transition: opacity 800ms;
}

.single_user .description h3 {
	margin: 20px 0;
}

.predavac {
	margin-bottom: 20px;
}

.predavac .predavac_slika {
	margin-bottom: 10px;
}

.predavac .predavac_info .bold {
	font-weight: 600;
}

/*novi event modal*/
.nova-edukacija-modal {
	background-color: #FFFFFF;
	width: 440px;
	top: 50%;
	position: fixed;
	margin-top: -168px;
	left: 50%;
	margin-left: -220px;
	padding: 20px;
	border-radius: 10px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	text-align: center;
	cursor: default;
	z-index: 99999;
}

.nova-edukacija-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.5);
	cursor: default;
	z-index: 9999;
	transform: translateZ(1px);
}

.nova-edukacija-modal-buttons a {
	padding: 10px 20px;
	display: inline-block;
	cursor: pointer;
	border: 1px solid #0054a6;
	background: #0054a6;
	color: #fff;
	line-height: 20px;
	font-size: 20px;
	font-family: 'DM Sans', sans-serif;
	font-weight: 300;
	text-shadow: none;
	box-shadow: none;
	outline: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

.nova-edukacija-modal-buttons a:hover {
	background: #555555;
	border-color: #555555;
}

.nova-edukacija-modal-buttons a.preusmjeri-me {
	margin-right: 15px;
}

/*-------- 9.1. potpore --------*/
#dgbyt_latest_potpore {
	margin-bottom: 40px;
}

.potpore_item {
	color: #929292;
}

.potpore_item,
.potpore_item .overlayed {
	position: relative;
	text-align: center;
}

.potpore_item h4 {
	margin: 0;
	position: relative;
	z-index: 1;
}

.potpore_item h4 a {
	color: #444;
	font-family: 'DM Sans', sans-serif;
}

.potpore_item h4 a:hover {
	color: #0054a6;
}

.potpore_item .overlayed .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	filter: alpha(opacity=0);
	opacity: 0;
	color: #fff;
	-webkit-transition: all 180ms;
	-moz-transition: all 180ms;
	-o-transition: all 180ms;
	-ms-transition: all 180ms;
	transition: all 180ms;
}

.potpore_item .overlayed .overlay>* {
	z-index: 1;
	position: relative;
}

.potpore_item .overlayed .overlay .overlay_title {
	font-family: 'DM Sans', sans-serif;
	font-size: 24px;
	color: #fff;
	font-weight: 300;
	margin-top: 49px;
	margin-bottom: 17px;
}

.potpore_item .overlayed .overlay .potpore_item_tags {
	margin-bottom: 25px;
	font-size: 14px;
	color: #fff;
	font-weight: 700;
}

.potpore_item:hover .overlayed .overlay {
	filter: alpha(opacity=100);
	opacity: 1;
}

.potpore_item .overlayed .overlay:after {
	display: block;
	content: '';
	position: absolute;
	-webkit-transition: height 180ms;
	-moz-transition: height 180ms;
	transition: height 180ms;
	width: 200%;
	height: 0;
	top: 50%;
	left: 50%;
	background: rgba(32, 32, 36, 0.9);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	z-index: 0;
}

.potpore_item:hover .overlayed .overlay:after {
	height: 300%;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	transition: all 400ms;
}

.potpore_item .dnd-button {
	border: 1px solid #0054a6;
	color: #fff;
	margin: 0px;
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	margin-top: 25%;
}

.potpore_item .dnd-button i {
	margin-left: 9px;
}

.potpore_item .dnd-button:after {
	background: #0054a6;
}

.single_potpore_meta {
	color: #929292;
	margin-bottom: 33px;
}

.single_potpore_meta .icon-calendar {
	margin-left: 30px;
}

aside .potpore_item_meta {
	margin-bottom: 50px;
}

aside .potpore_item_meta .post_meta_share {
	float: none;
	padding-top: 20px !important;
}

.potpore_item_meta h2 {
	margin-bottom: 18px;
	border-bottom: 0;
}

.potpore_item_meta .potpore_item_meta_label {
	color: #555555;
	font-weight: 700;
}

.potpore_item_meta .potpore_item_meta_data {
	text-align: left;
	position: relative;
	padding-left: 71px;
	padding-top: 6px;
}

.potpore_item_meta p:nth-child(10) {
	padding-bottom: 11px;
}

.datum_objave {
	font-style: italic;
	color: #c0c0c0;
}

.datum_objave i {
	color: #c0c0c0;
	padding-right: 8px;
	font-size: 13px;
}

.potpore_item_meta_date_optional {
	color: #0054a6;
}

aside .potpore_item_meta.contact_person .user_name_info,
aside .eventi_item_meta.contact_person .user_name_info {
	position: relative;
	margin-bottom: 40px;
}

aside .potpore_item_meta.contact_person .user_name_info:last-child,
aside .eventi_item_meta.contact_person .user_name_info:last-child {
	margin-bottom: 0;
}

aside .potpore_item_meta.contact_person .user_name_info p,
aside .eventi_item_meta.contact_person .user_name_info p {
	padding-left: 75px;
	margin-bottom: 5px;
}

aside .potpore_item_meta.contact_person .user_name_info p:last-child,
aside .eventi_item_meta.contact_person .user_name_info p:last-child {
	padding-top: 0;
	margin-bottom: 0;
}

aside .potpore_item_meta.contact_person .user_name_info p i,
aside .eventi_item_meta.contact_person .user_name_info p i {
	margin-right: 7px;
	font-size: 13px;
	top: 1px;
	position: relative;
}

aside .potpore_item_meta.contact_person .user_name_info img,
aside .eventi_item_meta.contact_person .user_name_info img {
	float: left;
	width: 50px;
	margin-bottom: 5px;
}

.potpore_item_image {
	margin-bottom: 18px;
}

.potpore_item_view_link {
	padding: 22px 0 50px 0px;
	text-align: center;
}

.potpore_item_view_link a {
	display: inline-block;
	background: #fff;
	border: 1px solid #0054a6;
	color: #202024;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 8px 30px;
	font-family: 'DM Sans', sans-serif;
	font-weight: 300;
}

.potpore_item_view_link a:hover,
.potpore_item_view_link a:hover i {
	color: #0054a6;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

.potpore_item_view_link a i {
	color: #202024;
	font-size: 13px;
	padding-left: 9px;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

.potpore_share_social a:first-child {
	margin-left: 0;
}

.potpore_single_column_item {
	margin-bottom: 80px;
}

.potpore_single_column_item .potpore-readmore .more-link {
	margin-top: 0px;
}

.potpore_single_column_item h2 a {
	margin-bottom: 18px;
	border-bottom: 0;
	color: #202024
}

.potpore_single_column_item h2:hover a {
	color: #0054a6;
}

.potpore_single_column_item h5 {
	margin-bottom: 27px;
}

.potpore_single_detail {
	margin-bottom: 40px;
	padding-top: 6px;
	font-size: 14px;
}

.potpore_single_detail .simple_subscribe_prijava {
	margin-top: 10px;
	display: inline-block;
	text-align: center;
}

.potpore_item_meta .potpore_item_meta_label {
	display: block;
}

.potpore_item_meta .potpore_item_meta_data {
	padding: 0;
	font-size: 16px;
}

#potpore_loading {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	display: block;
}

.potpore_loading_loader {
	background: url("images/ajax-loader.gif") center 40px no-repeat;
}

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

#filters,
#oedu_filters {
	list-style: none;
	margin: 0;
	margin-bottom: 50px;
}

#filters.eventi_filter,
#oedu_filters.eventi_filter {
	position: relative;
	text-align: center;
}

#filters.potpore_filter,
#oedu_filters.potpore_filter {
	position: relative;
	text-align: center;
}

#filters li,
#oedu_filters li {
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 2px 5px 0;
	background: #ddd;
	border-bottom: 6px solid #D8D8D8;
	margin: 5px;
	position: relative;
}

#filters li.selected,
#oedu_filters li.selected {
	background: #0054a6 !important;
	border-bottom: 6px solid transparent !important;
}

#filters li.selected a,
#oedu_filters li.selected a {
	color: #fff !important;
	/* bijela slova */
	background: transparent !important;
}

/* Stilovi za strelice (prethodni/sljedeći mjesec) u kalendaru */
#calendar .fc-prev-button,
#calendar .fc-next-button {
	background: transparent !important;
	border: 1px solid #0054a6 !important;
	color: #0054a6 !important;
	box-shadow: none !important;
	text-shadow: none !important;
	border-radius: 3px !important;
	padding: 6px 14px !important;
	/* Padding se prilagođava širini ikone */
	height: auto !important;
	margin: 0 5px !important;
	/* Margine sa strane */
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.2s ease !important;
}

#calendar .fc-prev-button:hover,
#calendar .fc-next-button:hover {
	background: #0054a6 !important;
	color: #fff !important;
}

#calendar .fc-prev-button:hover .fc-icon,
#calendar .fc-next-button:hover .fc-icon {
	color: #fff !important;
}

#calendar .fc-prev-button .fc-icon,
#calendar .fc-next-button .fc-icon {
	margin: 0 !important;
	top: auto !important;
	font-size: 1.2em !important;
	color: inherit !important;
}

/* Mobilni prikaz za strelice */
@media (max-width: 768px) {

	#calendar .fc-prev-button,
	#calendar .fc-next-button {
		padding: 5px 10px !important;
		margin: 0 3px !important;
	}
}

#filters li:before,
#oedu_filters li:before {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 0;
	height: 0px;
	width: 100%;
	background: #089fda;
	-webkit-transition: all 180ms;
	transition: all 180ms;
}


#filters li:hover:before,
#oedu_filters li:hover:before {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 0;
	height: 6px;
	width: 100%;
	background: #0054a6 !important;
	-webkit-transition: all 180ms;
	transition: all 180ms;
}

#filters li a,
#oedu_filters li a {
	color: #8c8d8d;
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	padding: 5px 21px 5px 21px;
	display: inline-block;
	border: 1px solid transparent;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#filters i,
#oedu_filters i {
	margin-right: 10px;
	margin-left: 15px;
	font-size: 9px;
	top: 0px;
}

.eventi_item_4 {
	width: 24.99999%;
	display: block;
	float: left;
	margin-bottom: 20px;
}

.eventi_item_4 .overlayed img {
	height: 222px;
}

.eventi_item_4 p {
	max-height: 44px;
	min-height: 44px;
	overflow: hidden;
}

.eventi_item_4 .overlayed {
	margin-bottom: 10px;
}

.eventi_item_3 {
	width: 33.33333333333333%;
	display: block;
	float: left;
}

.more_eventi_link {
	margin: 42px 0 30px 0;
	text-align: center;
}

.more_eventi_link a {
	border: 1px solid #e6ebed;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: 'DM Sans', sans-serif;
	font-size: 20px;
	font-weight: 300;
	color: #505558;
	padding: 10px 30px 12px 30px;
}

.more_eventi_link a:hover {
	background: #505558;
	border: 1px solid #505558;
	color: #fff;
}

.home_version_2_recent_works .more_eventi_link a {
	border: 1px solid #0054a6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
	font-weight: 700;
}

.home_version_2_recent_works .more_eventi_link a:hover {
	background: #0054a6;
}

.eventi-readmore {
	margin-top: 30px;
}

.eventi-readmore .more-link {
	margin-top: 30px;
}

#single_eventi_pagination {
	min-height: 64px;
	margin-top: 70px;
}

#single_eventi_pagination a {
	font-family: 'DM Sans', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #505558;
	border: 1px solid #e6ebed;
	padding: 7px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#single_eventi_pagination a i {
	font-size: 10px;
	color: #bec6cb;
}

#single_eventi_pagination .prev,
#single_eventi_pagination .next {
	margin-top: -22px;
}

#single_eventi_pagination .prev i {
	margin-right: 8px;
}

#single_eventi_pagination .next i {
	margin-left: 8px;
}

#single_eventi_pagination a:hover {
	color: #fff;
	background: #505558;
	border: 1px solid #505558;
}

#single_eventi_pagination .next {
	float: right;
}

.ajax_loaded_items {
	display: none;
}

.potpore_item_4 {
	width: 24.99999%;
	display: block;
	float: left;
	margin-bottom: 20px;
}

.potpore_item_4 p {
	max-height: 44px;
	min-height: 44px;
	overflow: hidden;
}

.potpore_item_4 .overlayed img {
	height: 222px;
}

.potpore_item_4 .overlayed {
	margin-bottom: 10px;
}

.potpore_item_3 {
	width: 33.33333333333333%;
	display: block;
	float: left;
}

.more_potpore_link {
	margin: 42px 0 30px 0;
	text-align: center;
}

.more_potpore_link a {
	border: 1px solid #e6ebed;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: 'DM Sans', sans-serif;
	font-size: 20px;
	font-weight: 300;
	color: #505558;
	padding: 10px 30px 12px 30px;
}

.more_potpore_link a:hover {
	background: #505558;
	border: 1px solid #505558;
	color: #fff;
}

.home_version_2_recent_works .more_potpore_link a {
	border: 1px solid #0054a6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
	font-weight: 700;
}

.home_version_2_recent_works .more_potpore_link a:hover {
	background: #0054a6;
}

.potpore-readmore {
	margin-top: 30px;
}

.potpore-readmore .more-link {
	margin-top: 30px;
}

#single_potpore_pagination {
	min-height: 64px;
	margin-top: 70px;
}

#single_potpore_pagination a {
	font-family: 'DM Sans', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #505558;
	border: 1px solid #e6ebed;
	padding: 7px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#single_potpore_pagination a i {
	font-size: 10px;
	color: #bec6cb;
}

#single_potpore_pagination .prev,
#single_potpore_pagination .next {
	margin-top: -22px;
}

#single_potpore_pagination .prev i {
	margin-right: 8px;
}

#single_potpore_pagination .next i {
	margin-left: 8px;
}

#single_potpore_pagination a:hover {
	color: #fff;
	background: #505558;
	border: 1px solid #505558;
}

#single_potpore_pagination .next {
	float: right;
}

#home_map_background {
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}

/*-------- 9.2. Contact Page - Contact Info --------*/
.contact_page_info {
	position: relative;
	text-align: left;
	padding-left: 72px;
}

.contact_page_info span {
	position: absolute;
	left: 0;
	display: inline-block;
	background: #242e35;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.contact_page_info i {
	position: relative;
	top: -2px;
}

.dnd_section_dd.contact_section_alternative strong {
	float: left;
}


/*-------- 9.3. About us page --------*/
.section_stats {
	padding: 37px 0 0 0;
}

/*-------- 9.4. 404 page --------*/
#page404 {
	text-align: center;
	margin-bottom: 76px;
	border-bottom: none;
}

#page404 .big_404 {
	font-size: 270px;
	line-height: 270px;
	font-family: 'DM Sans', sans-serif;
	font-weight: 700;
	color: #ececec;
	padding-top: 20px;
}

#page404 .error {
	font-size: 75px;
	line-height: 75px;
	font-family: 'DM Sans', sans-serif;
	font-weight: 300;
	color: #ececec;
	padding-top: 12px;
}

#page404 .text_404 {
	padding-bottom: 7px;
	text-align: left;
}

#page404 h2 {
	padding-top: 56px;
	font-size: 75px;
	line-height: 60px;
	font-family: 'DM Sans', sans-serif;
	font-weight: 700;
}

#page404 h4 {
	padding: 25px 0 59px 0;
}

#page404 h2,
h4,
li {
	text-align: left;
}

#page404 ul {
	margin-left: 0px;
}

#page404 ul li {
	margin-bottom: 8px;
	padding-left: 0;
}

/*-------- 9.5. Progress bar --------*/
.dnd_meter {
	margin-bottom: 21px;
	background: #e7e7e7;
	height: 14px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	position: relative;
}

.dnd_meter_label {
	margin-bottom: 12px;
	display: inline-block;
	line-height: 16px;
	color: #505558;
	font-weight: 300;
	font-size: 16px;
	text-align: left;
}

.dnd_meter .dnd_meter_percentage {
	display: block;
	background: #128ae0;
	height: 14px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 0px;
}

.dnd_meter .dnd_meter_blue {
	background: #128AE0;
}

.dnd_meter .dnd_meter_dark_blue {
	background: #056AB2;
}

.dnd_meter .dnd_meter_green {
	background: #25BF80;
}

.dnd_meter .dnd_meter_aquamarin {
	background: #25BFBA;
}

.dnd_meter .dnd_meter_percentage span {
	line-height: 16px;
	position: absolute;
	display: block;
	width: 42px;
	text-align: right;
	top: -26px;
	right: 0;
	color: #505558;
	font-weight: 300;
	font-size: 16px;
}

.dnd_progress_bar {
	text-align: left;
}

/*-------- 9.6. Section Switch --------*/
.dnd-section-switch {
	position: relative;
	min-height: 350px;
}

.dnd-section-switch .single_section {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	overflow: hidden;
	min-height: 350px;
	text-align: center;
	opacity: 0;
	-webkit-transition: all .45s ease-in-out;
	-moz-transition: all .45s ease-in-out;
	-ms-transition: all .45s ease-in-out;
	-o-transition: all .45s ease-in-out;
	transition: all .45s ease-in-out;
}

.dnd-section-switch .single_section.active_section {
	opacity: 1;
	-webkit-transition: all .45s ease-in-out;
	-moz-transition: all .45s ease-in-out;
	-ms-transition: all .45s ease-in-out;
	-o-transition: all .45s ease-in-out;
	transition: all .45s ease-in-out;
}

/*.dnd-section-switch .single_section h3 {
	    position: absolute;
	    top: 50px;
	    left: 0;
	    width: 100%;
	}*/

/*.dnd-section-switch .single_section .section-switch_navigation{
	    position: absolute;
	    top: 70px;
	    left: 0;
	    width: 100%;
	}

	.dnd-section-switch .single_section .section-switch_navigation a{
	    color: #000;
	    width: 20px;
	    height: 20px;
	    border-radius: 50%;
	    background: #fff;
	    top: -17px;
	    line-height: 20px;
	    position: absolute;
	    font-size: 18px;
	}

	.dnd-section-switch .single_section .section-switch_navigation a:hover{
	    background: #8bc53f;
	    color: #000;
	}

	.dnd-section-switch .single_section .section-switch_navigation a.nav_prev{
	    margin-left: -135px;
	    left: 50%;
	}

	.dnd-section-switch .single_section .section-switch_navigation a.nav_next{
	    margin-right: -135px;
	    right: 50%;
	    padding-left: 2px;
	}*/

/*.dnd-section-switch .single_section p{
	    position: absolute;
	    top: 110px;
	    left: 0;
	    width: 100%;
	    color: #fff;
	    font-size: 15px;
	}

	.dnd-section-switch .single_section .dnd-button{
	    position: absolute;
	    top: 180px;
	    left: 50%;
	    margin-left: -129px;
	    z-index: 99999;
	}

	.hidden_input{
		display: none;
	}*/

.plavi_ured_knob_wrapper h3 {
	color: #505558;
}

.dnd_stats_excerpt {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	padding-top: 0 !important;
	margin-bottom: 30px !important;
}

.dnd_stats_excerpt .dnd_stats_number,
.dnd_stats_excerpt .plavi_ured_stats_number,
.dnd_stats_excerpt .dnd_stats_number_sign,
.dnd_stats_excerpt p {
	color: #505558;
	text-align: center !important;
}

.dnd_stats_excerpt .dnd_stats_number,
.dnd_stats_excerpt .plavi_ured_stats_number {
	font-size: 32px !important;
	font-weight: 700 !important;
	display: block !important;
	margin: 0 auto 6px auto !important;
	line-height: 1.2 !important;
}

.dnd_stats_excerpt i {
	font-size: 52px !important;
	color: #0054a6 !important;
	display: block !important;
	margin: 0 auto 12px auto !important;
	line-height: 1 !important;
}

/*-----------------------------------------------------------------*/
/* 10. Vodici
/*-----------------------------------------------------------------*/

.dnd-korak-box {
	background: #e4e4e4;
	margin-bottom: 20px;
	position: relative;
	margin-right: 20px;
	min-height: 240px;
	padding: 50px 350px 50px 70px;
}

.dnd-korak-box:nth-child(2n+1) {
	padding: 50px 70px 50px 350px;
	margin-left: 20px;
	margin-right: 0;
}

.dnd-korak-box {
	display: block;
	position: relative;
}

/*.dnd-korak-box.dnd-korak-box_parni{ margin-top: 50px; }
	.dnd-korak-box.first-child{ margin-top: 0; }
	.dnd-korak-box.dnd-korak-box_neparni{ clear: left; }
	.dnd-korak-box.dnd-korak-box_parni{ float: right; }
	.dnd-korak-box:after{ content: " "; position: absolute; top: 40px; right: -2em; width: 0; height: 0; position: absolute; border: 1em solid #eee; border-color: #fff #fff #fff #e4e4e4; }
	.dnd-korak-box.dnd-korak-box_parni:after{ left: -2em; right: auto; border-color: #fff #e4e4e4 #fff #fff; }*/

.dnd-korak-box h3 {
	display: inline-block;
	font-weight: 500;
	margin-bottom: 0;
}

.dnd-korak-box p {
	display: inline-block;
	margin-bottom: 0;
	line-height: 24px;
}

.dnd-korak-box p.broj_koraka {
	display: inline-block;
	font-weight: 700;
	font-size: 35px;
	padding-right: 15px;
	padding-bottom: 15px;
}

.dnd-korak-box .dnd-korak-box_header {
	padding: 20px 20px 20px 20px;
	background: #0054a6;
	color: #fff;
	font-size: 24px;
	position: absolute;
	border-radius: 3px;
	right: -17px;
	top: 40px;
	width: 320px;
	min-height: 100px;
	-webkit-box-shadow: -2px 3px 5px 0px rgba(0, 0, 0, 0.54);
	-moz-box-shadow: -2px 3px 5px 0px rgba(0, 0, 0, 0.54);
	box-shadow: -2px 3px 5px 0px rgba(0, 0, 0, 0.54);
	-ms-transform: rotate(1deg);
	-webkit-transform: rotate(1deg);
	transform: rotate(1deg);
}

.dnd-korak-box:nth-child(2n+1) .dnd-korak-box_header {
	right: auto;
	border-radius: 3px;
	left: -17px;
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.54);
	-moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.54);
	box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.54);
	-ms-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	transform: rotate(-1deg);
}

.dnd-korak-box .dnd-korak-box_header h3 {
	color: #fff;
}

.dnd-korak-box .hanger {
	position: absolute;
	right: 140px;
}

.dnd-korak-box .hanger i {
	position: absolute;
	top: -33px;
	left: -10px;
	z-index: 999;
	font-size: 14px;
}

.dnd-korak-box .hanger:before {
	content: "";
	width: 2px;
	height: 97px;
	display: block;
	position: absolute;
	background: #fff;
	top: -53px;
	left: 50%;
	margin-left: -52px;
	-ms-transform: rotate(66deg);
	-webkit-transform: rotate(66deg);
	transform: rotate(66deg);
}

.dnd-korak-box .hanger:after {
	content: "";
	width: 2px;
	height: 100px;
	display: block;
	position: absolute;
	background: #fff;
	top: -51px;
	right: 50%;
	margin-right: -41px;
	-ms-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.dnd-korak-box:nth-child(2n+1) .hanger {
	position: absolute;
	right: auto;
	left: 140px;
}

.dnd-korak-box:nth-child(2n+1) .hanger i {
	position: absolute;
	top: -33px;
	left: -10px;
	z-index: 999;
	font-size: 14px;
}

.dnd-korak-box:nth-child(2n+1) .hanger:before {
	content: "";
	width: 2px;
	height: 97px;
	display: block;
	position: absolute;
	background: #fff;
	top: -53px;
	left: 50%;
	margin-left: -52px;
	-ms-transform: rotate(66deg);
	-webkit-transform: rotate(66deg);
	transform: rotate(66deg);
}

.dnd-korak-box:nth-child(2n+1) .hanger:after {
	content: "";
	width: 2px;
	height: 100px;
	display: block;
	position: absolute;
	background: #fff;
	top: -51px;
	right: 50%;
	margin-right: -41px;
	-ms-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
}


/*-----------------------------------------------------------------*/
/* 10. Time Picker
/*-----------------------------------------------------------------*/
.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}

.ui-timepicker-div dl {
	text-align: left;
}

.ui-timepicker-div dl dt {
	float: left;
	clear: left;
	padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
	margin: 0 10px 10px 45%;
}

.ui-timepicker-div td {
	font-size: 90%;
}

.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.ui-timepicker-rtl {
	direction: rtl;
}

.ui-timepicker-rtl dl {
	text-align: right;
	padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
	float: right;
	clear: right;
}

.ui-timepicker-rtl dl dd {
	margin: 0 45% 10px 10px;
}

/*-----------------------------------------------------------------*/
/* 10. Other
/*-----------------------------------------------------------------*/

body.logged-in li.menu_user_registration,
body li.menu_user_profile {
	display: none !important;
}

body.logged-in li.menu_user_profile {
	display: block !important;
}

/*-------- 10.1. Simple Subscribe --------*/
.simple_subscribe_loader {
	display: none;
	margin-left: 10px;
	margin-right: 10px;
	height: 20px;
}

.simple_subscribe_login,
.simple_subscribe_odjava,
.simple_subscribe_savjetovanje_prijava,
.simple_subscribe_prijava_korisnika,
.simple_subscribe_show_interes_education,
.simple_subscribe_profil_korisnika,
.simple_subscribe_prijava {
	border: 1px solid #0054a6;
	background: #0054a6;
	color: #fff;
	padding: 8px 18px;
	border-radius: 3px;
	text-transform: uppercase;
	/*width: 191px;*/
	text-align: center;
	display: block;
	margin-top: 30px;
}

.simple_subscribe_show_interes_education_text {
	padding-left: 15px;
	font-size: 19px;
	color: #fff;
	text-transform: none;
}

.simple_subscribe_show_interes_education {
	width: 100%;
	color: red;
}

.show_interes_education i.fa-heart-o,
.show_interes_education i.fa-heart {
	font-size: 20px !important;
}

.simple_subscribe_odjava,
.simple_subscribe_savjetovanje_prijava {
	margin-top: 10px;
}

.simple_subscribe_odjava {
	background: #D32F2F;
	border: 1px solid #B71C1C;
}

.button_date_inner {
	font-size: 13px;
}

aside.sidebar_right .user_education_attended_text {
	color: #D32F2F !important;
}

.simple_subscribe_login:hover,
.simple_subscribe_odjava:hover,
.simple_subscribe_odjava.active,
.simple_subscribe_savjetovanje_prijava:hover,
.simple_subscribe_prijava_korisnika:hover,
.simple_subscribe_show_interes_education:hover,
.simple_subscribe_prijava_korisnika.active,
.simple_subscribe_profil_korisnika:hover,
.simple_subscribe_prijava:hover {
	background: #555555;
	border-color: #555555;
	color: #fff !important;
}

/*-------- 10.1. AB testimonials --------*/
.ABt_testimonials_slide .testimonial_small .source a {
	display: block;
}

.ABt_testimonials_slide .testimonial_small p {
	border-bottom: 5px solid #ececec;
}

.ABt_testimonials_slide .testimonial_small img {
	border-radius: 3px;
	width: 60px;
	height: 60px;
}

/*-------- 10.2. Tablica edukacija --------*/
.fc-head-container table,
.fc-bg table {
	margin-bottom: 0;
}

.fc-head-container table th {
	text-transform: uppercase;
	padding: 10px 0;
	background: #e4e4e4;
}

.fc-unthemed td,
.fc-unthemed th {
	border: 3px solid #fff;
	background: #f2f2f2;
}

.fc-unthemed td:nth-of-type(6),
.fc-unthemed th:nth-of-type(6),
.fc-unthemed td:nth-of-type(7),
.fc-unthemed th:nth-of-type(7),
.fc-unthemed .fc-agendaWeek-view td:nth-of-type(8),
.fc-unthemed .fc-agendaWeek-view th:nth-of-type(8) {
	width: 8.33%;
}

.fc-unthemed .fc-agendaWeek-view td:nth-of-type(6),
.fc-unthemed .fc-agendaWeek-view th:nth-of-type(6) {
	width: auto;
}

.fc-day-grid-event {
	margin: 1px 7px 0;
}

.fc-event {
	border: 1px solid #0054a6;
}

.fc-event,
.fc-event-dot {
	background-color: #0054a6;
}

a[data-goto]:hover {
	text-decoration: none;
}

.fc-unthemed td.fc-today {
	background: #bee6ff;
	border-style: solid;
	border-color: #fff;
	border-left: 4px solid #fff;
}

.fc-title .time {
	font-size: 11px;
}

/*	.fc-title .title{
		font-weight: 600;
	}*/
/*-------- 10.3. Poduzetnički Centar --------*/
.portfolio_article {
	border-radius: 0px;
	width: 31.35%;
	margin-bottom: 60px;
	height: 503px;
	background: #fff;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-left: 10px;
	-webkit-box-shadow: inset 0px 0px 0px 1px #ddd;
	-moz-box-shadow: inset 0px 0px 0px 1px #ddd;
	box-shadow: inset 0px 0px 0px 1px #ddd;
	/*border: 1px solid #ddd;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.portfolio_article.ostale-edukacije {
	height: 135px;
}

.portfolio_article:after,
.rezultati_pretrage:after {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 4px;
	background: #D8D8D8;
}

.portfolio_article:before {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 51px;
	height: 4px;
	z-index: 10;
	background: #11719B;
}

.portfolio_article.eventi_item.poduzetnicki:before,
.portfolio_article.potpore_item.poduzetnicki:before {
	background: #11719B;
}

.portfolio_article.eventi_item:before,
.portfolio_article.potpore_item:before {
	background: none;
}

/*.portfolio_article.mediji{
		height: 450px;
	}*/

.portfolio_article.vodici_item:before,
.portfolio_article.mediji:before,
.portfolio_article.mediji:before {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 51px;
	height: 4px;
	z-index: 10;
	background: #1180b2;
}

.rezultati_pretrage:before {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 51px;
	height: 4px;
	z-index: 10;
	background: #1180b2;
}

.portfolio_article.mediji:before {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 51px;
	height: 4px;
	z-index: 10;
	background: #1180b2;
}

.portfolio_article:hover {
	background-size: 120%;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

.portfolio_article .portfolio_content {
	position: relative;
}

.portfolio_article .portfolio_content p {
	padding: 0 20px 24px 20px;
	margin-bottom: 0;
	text-align: left;
	max-height: 88px;
	overflow: hidden;
	word-wrap: break-word;
}

.portfolio_article.eventi_item .portfolio_content p.edu_page_article {
	padding: 0 0 0 0;
}

.portfolio_article .more-link {
	padding: 12px;
	padding-top: 14px;
	padding-right: 20px;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 0;
}

.show_interes_education.show_interes_education_sidebar {
	border-right: 1px solid #ddd;
	font size: 50px;
}

.show_interes_education {
	border-right: 1px solid #ddd;
}

.more-link.alignleft.show_interes_education,
.more-link.alignleft.show_interes_education i.show_interes_education {
	margin-right: 0px;
	font-size: 20px;
}

.portfolio_article .icon {
	border-top: 1px solid #ddd;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.portfolio_article .icon .more-link i {
	display: inline-block;
	font-size: 9px;
	padding: 0;
	border-right: none;
	float: right;
	margin-left: 7px;
	color: #0054a6;
	font-weight: 300;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

.portfolio_article .icon .more-link:hover i {
	color: #555;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

.portfolio_article .icon .datum_odrzavanja {
	font-size: 14px;
	display: inline-block;
	float: left;
	padding: 8px 10px 7px;
	background: #0054a6;
	text-align: center;
	position: relative;
}

.portfolio_article .icon .datum_odrzavanja:before {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 5px;
	z-index: 10;
	background: #11719B;
}

.portfolio_article .icon .datum_odrzavanja span {
	font-size: 12px;
	color: #fff;
	display: inline-block;
	padding-left: 55px;
	line-height: 17px;
	text-transform: lowercase;
}

.portfolio_article .icon .datum_odrzavanja span>span {
	font-size: 24px;
	position: absolute;
	top: 15px;
	left: -34px;
}

.portfolio_article .portfolio_content_inner {
	padding: 20px;
}

.portfolio_article.poduzetnicki .portfolio_content_inner {
	padding: 20px 20px 0 20px;
}

.portfolio_article .portfolio_content_inner header {
	text-align: left;
	margin-bottom: 10px;
}

.portfolio_article.vodici_item .icon .icon_box {
	padding: 15px 17px 15px 18px;
}

.mediji .portfolio_article.vodici_item .icon .icon_box {
	padding: 14px 17px 14px 18px;
}

.portfolio_article .icon .icon_box {
	padding: 15px 17px 15px 18px;
	border-right: 1px solid #ddd;
	float: left;
	background: #0054a6;
}

.portfolio_article .icon i {
	color: #fff;
	position: relative;
	top: 0px;
}

.portfolio_article .icon .more-link i {
	background: none;
}

.portfolio_article .portfolio_content h4 {
	text-align: left;
	font-weight: 600;
	margin-bottom: 0;
	max-height: 48px;
	overflow: hidden;
	word-wrap: break-word;
}

.portfolio_article .portfolio_content h4 a {
	color: #444;
	word-break: break-word;
}

.portfolio_article .portfolio_content h4:hover a {
	color: #0054a6;
}

.portfolio_article .portfolio_image {
	width: auto;
	min-height: 236px;
	overflow: hidden;
	margin: 20px;
	margin-bottom: 0;
	position: relative;
	-webkit-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

.portfolio_article .portfolio_image.portfolio_image_no_height {
	min-height: 0;
}

.portfolio_article:hover .portfolio_image:before {
	background: rgba(0, 32, 55, 0.0);
	-webkit-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

.portfolio_article .portfolio_image a {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.portfolio_article .icon .potpore_status {
	font-size: 14px;
	display: inline-block;
	float: left;
	padding: 12px 10px 13px;
	background: #0054a6;
	text-align: center;
	position: relative;
	color: #fff;
}

.portfolio_article .icon .potpore_status:before {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 5px;
	z-index: 10;
	background: #11719B;
}

/*-------- 10.4. Featured --------*/
.featured_article {
	border-radius: 0;
	width: 31.40%;
	margin-bottom: 60px;
	height: 503px;
	background: #fff;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-left: 10px;
	-webkit-box-shadow: inset 0 0 0 1px #ddd;
	-moz-box-shadow: inset 0 0 0 1px #ddd;
	box-shadow: inset 0 0 0 1px #ddd;
	/*border: 1px solid #ddd;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

.featured_article:after {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 4px;
	background: #D8D8D8;
}

.featured_article:before {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 51px;
	height: 4px;
	z-index: 10;
	background: #11719B;
}


.featured_article:nth-child(3n+3) {
	margin-right: 0;
}

.featured_article:hover {
	background-size: 120%;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

.featured_article .featured_content {
	min-height: 160px;
	position: relative;
}

.featured_article .featured_content_inner {
	padding: 20px;
}

.featured_article .featured_content_inner header {
	text-align: left;
}

.featured_article .box_footer {
	min-height: 47px;
	border-top: 1px solid #ddd;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.featured_article .icon_box {
	color: #fff;
	padding: 15px 18px 15px 17px;
	border-right: 1px solid #ddd;
	float: left;
	background: #0054a6;
}

.featured_article .icon_box i {
	position: relative;
	top: 2px;
}

.featured_article .more-link {
	padding: 15px 12px 12px 12px;
	padding-right: 20px;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 0;
}

.featured_article .box_footer .more-link i {
	display: inline-block;
	font-size: 9px;
	padding: 0;
	border-right: none;
	float: right;
	margin-left: 7px;
	color: #0054a6;
	background: none;
	font-weight: 300;
	-webkit-transition: all 180ms;
	-o-transition: all 180ms;
	transition: all 180ms;
}

.featured_article .box_footer .more-link:hover i {
	color: #555555;
	-webkit-transition: all 180ms;
	-o-transition: all 180ms;
	transition: all 180ms;
}

.featured_article .featured_content h4 {
	text-align: left;
	font-weight: 600;
	margin-bottom: 15px;
	max-height: 48px;
	overflow: hidden;
	word-wrap: break-word;
}

.featured_article .featured_content h4 a {
	color: #444;
	word-break: break-word;
}

.featured_article .featured_content h4:hover a {
	color: #0054a6;
}

.featured_article .featured_excerpt {
	text-align: left;
	max-height: 88px;
	overflow: hidden;
	word-wrap: break-word;
	color: #929292;
}

.featured_article .featured_image {
	width: auto;
	min-height: 236px;
	margin: 20px;
	margin-bottom: 0;
	position: relative;
	-webkit-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

.featured_article .featured_image a {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.featured_article:hover .featured_image:before {
	background: rgba(0, 32, 55, 0.0);
	-webkit-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

/* Djelatnici stranica */

.user_section {
	padding-top: 50px;
}

.user_section .description {
	vertical-align: top;
}

.user_section .description h3:first-of-type {
	margin-top: 0;
}

.user_section .users_single_detail .images_container_single {
	margin-bottom: 20px;
}

/*-------- 10.5. Plavi Ured Search --------*/
#plaviured_search {
	text-align: center;
	position: absolute;
	z-index: 99;
	top: 50%;
	left: 50%;
	margin-left: -425px;
	margin-top: -125px;
	background: #000;
	background: rgba(42, 42, 42, 0.82);
	padding: 59px;
	background-image: url('images/zg_grb.png');
	background-repeat: no-repeat;
	background-position: right;
}

#plaviured_search h1,
#plaviured_search p {
	color: #fff;
	margin-bottom: 30px;
}

#plaviured_search label {
	display: inline-block;
	margin-right: 0;
	color: #fff;
	padding: 8px 14px 9px 0;
	position: relative;
	top: 1px;
	font-size: 20px;
	font-family: 'DM Sans', sans-serif;
}

#plaviured_search select {
	display: inline-block;
	width: 200px;
	margin-right: 10px;
}

#plaviured_search input[type="submit"] {
	padding: 8px 20px 9px 20px;
	top: 2px;
	position: relative;
	transition: all 180ms;
	-webkit-transition: all 180ms;
}

/*-------- 10.6. Buddy Press --------*/
#buddypress div#item-header h2 {
	font-size: 22px;
}

#buddypress span.activity {
	color: #8c8d8d;
}

#buddypress div.item-list-tabs ul li.selected a,
#buddypress div.item-list-tabs ul li.current a {
	color: #0054a6;
	font-weight: 500;
}

#buddypress div.item-list-tabs ul li a span {
	border: 1px solid #8c8d8d;
	color: #8c8d8d;
}

/*-------- 10.7. Potvrdeni dolazak --------*/
.pu_edukacija_dolazak_modal {
	width: 440px;
	height: auto;
	max-height: 70%;
	margin-left: -220px;
	margin-top: 0;
	top: 25%;
	left: 50%;
	background-color: #FFFFFF;
	position: fixed;
	padding: 20px;
	border-radius: 10px;
	z-index: 999999999;
	overflow-y: auto;
}

.pu_edukacija_dolazak_modal h3 {
	margin-bottom: 0;
	text-align: center;
}

.pu_edukacija_dolazak_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.5);
	display: block;
	cursor: default;
	z-index: 9999999;
	/* transform: translateZ(1px); */
}

/*-------- 10.8. Tablica - Moje Edukacije --------*/
table.lista-mojih-edukacija {
	width: 100%;
	margin-bottom: 0;
}

table.lista-mojih-edukacija th {
	background: #0054a6;
	color: #fff;
	padding: 10px;
	text-align: left;
}

table.lista-mojih-edukacija td {
	background: #f2f2f2;
	padding: 10px;
	line-height: 24px;
}

/*-----------------------------------------------------------------*/
/* 11. Footer
/*-----------------------------------------------------------------*/
#main_footer {
	color: #555555;
}

#main_footer h4 {
	margin-bottom: 34px;
}

#main_footer a {
	font-weight: 300;
}

#main_footer a:hover {
	color: #202024;
}

#main_footer p {
	margin-bottom: 22px;
}

#footer_columns {
	background: #ececec;
	padding-top: 77px;
}

#main_footer .widget_pages li,
#main_footer .widget_recent_entries li,
#main_footer .widget_archive li,
#main_footer .widget_nav_menu li,
#main_footer .widget_meta li,
#main_footer .widget_rss li,
#main_footer .widget_categories li {
	line-height: 20px;
	margin-bottom: 10px;
}

#main_footer .widget_pages li a,
#main_footer .widget_recent_entries li a,
#main_footer .widget_archive li a,
#main_footer .widget_nav_menu li a,
#main_footer .widget_meta li a,
#main_footer .widget_rss li a,
#main_footer .widget_categories li a {
	color: #555555;
}

#main_footer .widget_pages li a:hover,
#main_footer .widget_recent_entries li a:hover,
#main_footer .widget_archive li a:hover,
#main_footer .widget_nav_menu li a:hover,
#main_footer .widget_meta li a:hover,
#main_footer .widget_rss li a:hover,
#main_footer .widget_categories li a:hover {
	color: #0054a6;
}

#footer_copyright {
	background: #ececec;
	line-height: 30px;
	overflow-x: hidden;
	color: #202024;
	font-size: 16px;
	font-weight: 300;
}

#footer_copyright_text {
	float: left;
	padding-top: 15px;
	color: #c0c0c0;
}

#footer_social {
	float: right;
	margin-right: 30px;
	padding-top: 15px;
}

#footer_social a {
	margin-left: 14px;
}

#footer_social i {
	color: #c0c0c0;
}

#footer_social i:hover {
	color: #0054a6;
}

#footer_logo {
	float: right;
	width: 23.07692307692308%;
	position: relative;
	padding: 11px 0 14px 24px;
}

#footer_logo:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	background-color: #0054a6;
	width: 5000px;
	height: 100%;
	z-index: 0;
}

#footer_logo .footer_logo_inner {
	z-index: 1;
	position: relative;
}

.info_content h3 {
	margin-bottom: 15px;
}

.info_content h5 {
	margin-bottom: 10px;
	color: #202024;
}

.load_align {
	text-align: center;
	margin-top: 30px;
}



@media only screen and (min-width: 980px) and (max-width: 1190px) {

	.container,
	.dnd_container,
	.sf-mega {
		width: 960px;
	}

	nav>ul {
		float: left;
		margin-left: -359px;
		padding-left: 50%;
		transition: all 250ms ease-in;
		-webkit-transition: all 250ms ease-in;
	}

	.search-trigger {
		margin-left: 0px;
	}

	#ABdev_main_header.sticky_header_low nav>ul {
		margin-left: -359px;
		transition: all 250ms ease-in;
		-webkit-transition: all 250ms ease-in;
	}

	#ABdev_main_header .logo_header {
		display: none !important;
	}

	#ABdev_main_header .logo_header.visible_logo {
		display: none !important;
	}

	.timeline_post,
	.timeline_post_first {
		width: 430px;
	}

	#title_breadcrumbs_bar h1 {
		margin-bottom: 25px;
	}

	#ABdev_sticky_header {
		height: 609px;
	}

	#ABdev_sticky_header_content {
		margin-top: 609px;
	}

	.portfolio_article {
		width: 30.94%;
	}

	.portfolio_article .portfolio_content .more-link {
		margin-left: 0;
	}

	.dnd_posts_shortcode_style1 .dnd_latest_news_shortcode_thumb:after {
		display: none;
	}

	.dnd_section_dd.startup_image_section .implecation_store {
		float: none;
		padding: 10px 0 40px 0;
		margin-left: 25%;
	}

	#page404 ul {
		padding-bottom: 0;
	}

	.dnd_section_dd header p {
		padding: 0;
	}

	#filters {
		text-align: center;
	}

	.featured_article {
		margin-right: 8px;
		margin-left: 8px;
	}

	.search_results_content_item {
		margin-right: 7px;
		margin-left: 7px;
	}

	.section_body_fullwidth .dnd_team_member .dnd_team_member_position {
		padding-bottom: 20px;
	}

	.dnd_team_member .dnd_team_member_name {
		font-size: 20px;
	}

	.dnd_team_member .dnd_overlayed .dnd_overlay p {
		top: 20px;
	}

	.dnd_pricebox_feature_button .dnd-button {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}

	aside .potpore_item_meta.contact_person .user_name_info img,
	aside .eventi_item_meta.contact_person .user_name_info img {
		float: none;
		margin-bottom: 15px;
	}

	aside .potpore_item_meta.contact_person .user_name_info p,
	aside .eventi_item_meta.contact_person .user_name_info p {
		padding-left: 0;
	}

	.dnd-image-combo .inner_content {
		min-height: 180px;
	}

	.single_savjet_item .content {
		width: 49%;
	}

}

@media only screen and (min-width: 768px) and (max-width: 979px) {

	.container,
	.dnd_container,
	.sf-mega {
		width: 748px;
	}

	.search-trigger {
		margin-left: 0;
	}

	nav>ul {
		margin-right: 20px;
	}

	nav>ul ul {
		min-width: 0;
	}

	nav>ul>li {
		padding: 5px 0;
	}

	nav>ul>li>a {
		margin: 10px 5px;
		padding: 0 10px;
	}

	#top_menu {
		margin-left: 0;
		padding-left: 0;
		margin-right: 5px;
		padding-right: 0px;
	}

	#top_menu>li:last-child {
		padding-right: 12px;
	}

	#ABdev_main_header .logo_header,
	#ABdev_main_header.sticky_header .logo_header {
		display: none;
	}

	#title_breadcrumbs_bar h1 {
		margin-bottom: 25px;
	}

	#ABdev_topbar {
		width: 100%;
		text-align: center;
		margin-left: 0;
	}

	#ABdev_menu_search {
		display: none;
	}

	.split_cols_788>[class*="span"] {
		width: 100%;
		margin-left: 0;
		margin-bottom: 40px;
	}

	#page404 [class*="span"] {
		width: 100%;
		margin-left: 0;
	}

	#topbar_and_header.th_style_2 #header_phone_email_info {
		padding-left: 0;
	}

	#topbar_and_header.th_style_3 #header_social_search span:last-child {
		border-right: none;
	}

	.timeline_post,
	.timeline_post_first {
		width: 324px;
	}

	#frontpage_slider {
		max-height: 488px;
	}

	#plaviured_search {
		top: 30%;
		width: 748px;
		margin-left: -374px;
	}

	#ABdev_sticky_header {
		height: 488px;
	}

	#ABdev_sticky_header_content {
		margin-top: 488px;
	}

	.dnd_section_dd.section_with_images .dnd_column_dd_span2:nth-child(2),
	.dnd_section_dd.section_with_images .dnd_column_dd_span2:nth-child(5),
	.dnd_section_dd.section_with_images .dnd_column_dd_span2:nth-child(6) {
		margin-left: 0;
	}

	.dnd_section_dd.startup_image_section .implecation_store {
		float: none;
		padding: 10px 0 40px 0;
		margin-left: 25%;
	}

	.dnd_posts_shortcode_style1 .dnd_latest_news_shortcode_thumb:after {
		display: none;
	}

	.dnd_service_box.dnd_service_box_round_aside h3 {
		margin-bottom: 35px;
	}

	.dnd_service_box.dnd_service_box_round_aside span {
		padding-left: 0;
	}

	.dnd_section_dd header p {
		padding: 0;
	}

	#page404 .text_404,
	#page404 h2,
	#page404 h4,
	#page404 li {
		text-align: center;
	}

	#page404 ul {
		padding-bottom: 0;
	}

	.post_meta_share a {
		margin: 10px 0 0 0;
	}

	.widget_categories ul li,
	.dnd_shortcode_ul li,
	.dnd_section_dd.typo_shortcodes h4 {
		text-align: left;
	}

	.alternative_section_with_buttons_first .dnd_column_dd_span2 {
		width: 100%;
		margin-left: 0;
	}

	.dnd_team_member_modal {
		padding-top: 20px;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow-y: scroll;
	}

	.our_team_alternative .dnd_container .dnd_column_dd_span3,
	.our_team_alternative .dnd_container .dnd_column_dd_span2 {
		width: 33.33%;
	}

	#filters {
		text-align: center;
	}

	.section_body_fullwidth .dnd_team_member .dnd_team_member_position {
		padding-bottom: 20px;
	}

	.dnd-tabs-position-bottom .ui-tabs-nav {
		bottom: 0;
	}

	.featured_article {
		margin-right: 6px;
		margin-left: 6px;
	}

	.portfolio_article {
		margin-right: 6px;
		margin-left: 6px;
		width: 31.33%;
	}

	.search_results_content_item {
		margin-right: 5px;
		margin-left: 5px;
	}

	.portfolio_article.eventi_item .portfolio_content .icon {
		position: relative;
	}

	.portfolio_article .portfolio_content .icon .datum_odrzavanja {
		padding-bottom: 0;
	}

	aside .potpore_item_meta.contact_person .user_name_info img,
	aside .eventi_item_meta.contact_person .user_name_info img {
		float: none;
		margin-bottom: 15px;
	}

	aside .potpore_item_meta.contact_person .user_name_info p,
	aside .eventi_item_meta.contact_person .user_name_info p {
		padding-left: 0;
	}

	aside .potpore_item_meta.contact_person .user_name_info p,
	aside .eventi_item_meta.contact_person .user_name_info p {
		word-wrap: break-word;
	}

	.dnd_osobni_savjetnik .back p a {
		bottom: 0;
	}

	.DByt_izjave_slide .izjava_big {
		padding-left: 20px;
	}

	.DByt_izjave_slide .izjava_big p {
		word-break: break-word;
	}

	.contact_info_widget>div>span {
		width: auto;
	}

	.post_wrapper {
		margin-right: 16px;
	}

	.dnd_pricebox_feature_button .dnd-button {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}

	#footer_copyright_text {
		padding-bottom: 15px;
	}

	.single_savjet_item .savjeti_image,
	.single_savjet_item .content {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.single_savjet_item .savjeti_image {
		margin-bottom: 10px;
	}

	.single_savjet_item {
		padding-right: 0;
	}

	.single_savjet_item .more-link {
		display: none;
	}

	.dnd-korak-box {
		padding: 30px;
		margin: 0 0 30px 0;
	}

	.dnd-korak-box:nth-child(2n+1) {
		padding: 30px;
		margin: 0 0 30px 0;
	}

	.dnd-korak-box .dnd-korak-box_header {
		padding: 20px;
		background: #0054a6;
		color: #fff;
		font-size: 24px;
		position: static;
		border-radius: 3px;
		width: 320px;
		min-height: 100px;
		-webkit-box-shadow: 0;
		-moz-box-shadow: 0;
		box-shadow: 0;
		-ms-transform: rotate(0);
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	.dnd-korak-box:nth-child(2n+1) .dnd-korak-box_header {
		position: static;
		border-radius: 3px;
		-webkit-box-shadow: 0;
		-moz-box-shadow: 0;
		box-shadow: 0;
		-ms-transform: rotate(0);
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	.dnd-korak-box:nth-child(2n+1) .hanger {
		display: none;
	}

	.dnd-korak-box .hanger {
		display: none;
	}

	.dnd-korak-box p {
		margin-top: 20px;
	}

	.djelatnici_container {
		width: 31.55%;
	}

	.djelatnici_container p.email a {
		-ms-word-break: break-all;
		word-break: break-all;
	}

	.dnd-image-combo .inner_content {
		min-height: 170px;
	}

	td {
		word-break: break-word;
	}

}


@media only screen and (max-width: 979px) {
	#dnd-section-switch {
		display: none;
	}
}

@media only screen and (max-width: 767px) {

	.container,
	.dnd_container {
		width: 95%;
	}

	.th_style_1 #ABdev_menu_search,
	.th_style_2 #ABdev_topbar #header_phone_email_info,
	.th_style_2 #ABdev_topbar #header_social_search,
	.th_style_2 #ABdev_menu_search,
	.th_style_3 #ABdev_topbar #header_social_search,
	.th_style_3 #ABdev_menu_search {
		display: none;
	}

	#topbar_and_header.th_style_1 #header_social_search .social_link,
	#ABdev_main_header .logo_header {
		display: none;
	}

	#ABdev_main_header {
		border-bottom: none;
		height: 0;
	}

	#logo {
		float: left;
		display: inline-block;
		width: auto;
		text-align: left;
	}

	#logo img {
		max-width: 140px;
		height: auto;
	}

	.partner_header {
		display: none !important;
	}

	.search-trigger {
		display: none;
	}

	.dnd_container [class*="column_dd_span"] {
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px;
	}

	.dnd_container [class*="column_dd_span"]:last-child {
		margin-bottom: 0;
	}

	header .row>[class*="span"],
	.title_bar .row>[class*="span"] {
		margin-bottom: 0px;
		width: 100%;
	}

	.section_no_column_margin.section_equalize_5 .dnd_container [class*="column_dd_span"],
	.section_equalize_5 .dnd_container [class*="column_dd_span"]:first-child,
	.section_equalize_5 .dnd_container [class*="column_dd_span"],
	.row>[class*="span"] {
		width: 100%;
		margin-left: 0;
		margin-bottom: 0;
	}

	.post_wrapper {
		width: 100%;
		margin-right: 0;
	}

	.widget {
		margin-bottom: 40px;
	}

	.widget h4 {
		text-align: center;
	}

	/* Kalendar se prikazuje i na mobitelu */

	header {
		position: static !important;
		height: auto;
		margin-top: 0 !important;
	}

	header .container {
		position: relative;
	}

	header .logo img {
		display: inline-block;
		float: none;
	}

	#ABdev_sticky_header {
		margin-top: 0 !important;
		position: static;
	}

	header.ABdev_on_sticky_header {
		position: static;
	}

	#ABdev_menu_toggle {
		display: block;
		height: 50px;
		width: 50px;
		color: #ffffff !important;
		position: fixed;
		right: 10px;
		top: 16px;
		font-size: 24px;
		z-index: 9999999;
		line-height: 50px;
		text-align: center;
		border-radius: 12px !important;
		background: rgba(0, 84, 166, 0.85) !important;
		background-color: rgba(0, 84, 166, 0.85) !important;
		backdrop-filter: blur(12px) !important;
		-webkit-backdrop-filter: blur(12px) !important;
		border: 1px solid rgba(255, 255, 255, 0.25) !important;
		box-shadow: 0 4px 15px rgba(0, 84, 166, 0.3) !important;
	}

	#ABdev_menu_toggle i {
		top: 2px;
		position: relative;
		color: #ffffff !important;
	}

	#magic-line,
	#portfolio_magic-line {
		display: none !important;
	}

	.th_style_2 #ABdev_menu_toggle {
		top: 2px;
		height: 44px;
		width: 44px;
	}

	.th_style_3 #ABdev_menu_toggle {
		top: 27px;
	}

	#magic-line,
	#topbar_and_header.th_style_3 #magic-line {
		border: none;
		display: none;
	}

	.dnd_section_dd header h3:before {
		left: 50%;
		width: 36px;
		margin-left: -18px;
		bottom: -25px;
	}

	#ABdev_main_header nav {
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		background: rgba(0, 84, 166, 0.88) !important;
		background-color: rgba(0, 84, 166, 0.88) !important;
		/* #0054a6 s blur glass efektom */
		backdrop-filter: blur(14px) !important;
		-webkit-backdrop-filter: blur(14px) !important;
		border-right: 1px solid rgba(255, 255, 255, 0.15);
		border-radius: 0 !important;
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
		z-index: 100000;
		overflow-y: scroll;
		overflow-x: hidden;
		display: none;
		width: 68%;
		-ms-overflow-style: none;
		/* IE and Edge */
		scrollbar-width: none;
		/* Firefox */
	}

	#ABdev_main_header nav::-webkit-scrollbar {
		display: none;
	}

	#ABdev_main_header nav .menu_social {
		display: none;
	}

	#topbar_and_header.th_style_1 #header_social_search {
		min-height: 0;
		height: 0;
		max-height: 0;
		padding: 0 0;
		display: inline-block;
		width: auto;
		float: right;
		margin-top: 20px;
		margin-right: 80px;
	}

	nav>ul>li:before {
		display: none;
	}

	#ABdev_main_header nav>ul {
		clear: both;
		padding-left: 20px;
		padding-bottom: 0;
		float: left;
		padding-top: 15px;
		display: none;
	}

	nav ul#top_menu {
		display: none;
	}

	#ABdev_main_header nav ul#top_menu {
		float: left !important;
		margin-left: 0;
		border-right: none;
		top: 0;
		margin-right: 0;
		padding-top: 0 !important;
		display: none;
	}

	nav>ul#top_menu ul li:hover,
	nav>ul>li.current-menu-item {
		background: none;
	}

	nav>ul#top_menu ul li a {
		text-align: left;
		padding: 5px;
		font-size: 15px;
		font-weight: 700 !important;
	}

	#topbar_and_header.th_style_3 nav>ul {
		margin-top: 30px;
	}

	#ABdev_main_header nav>ul>li {
		display: block;
		float: none;
		text-align: left;
		margin-bottom: 0px;
		padding: 0px 0 10px 0;
	}

	#topbar_and_header.th_style_3 nav>ul>li>a {
		padding: 10px 0 0 0;
	}

	#topbar_and_header.th_style_2 nav>ul>li>a>i {
		display: none;
	}

	#ABdev_main_header nav>ul ul,
	#topbar_and_header.th_style_3 nav>ul ul {
		display: block;
		background: transparent;
		position: static;
		border: none;
		margin: 0;
		padding: 0 0 0 15px;
		box-shadow: none;
	}

	#ABdev_main_header nav>ul ul li {
		border-bottom: none;
		box-shadow: none !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
	}

	nav>ul ul li {
		padding: 0 0 0 0;
	}

	#ABdev_main_header nav>ul ul:before {
		display: none;
	}

	#ABdev_main_header nav li:hover {
		background: none !important;
	}

	#ABdev_main_header nav a,
	#ABdev_main_header nav span,
	nav>ul#top_menu>li a,
	.menu-link,
	.main-menu-link,
	.sub-menu-link {
		color: #ffffff !important;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		font-size: 15px;
		line-height: 24px;
		font-weight: 700 !important; /* Boldirani i roditelj i ugnježdeni elementi */
		background: transparent !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	#top_menu>li>a {
		padding-top: 0 !important;
	}

	#ABdev_main_header nav a:hover,
	#ABdev_main_header nav a:focus,
	#ABdev_main_header nav a:active,
	#ABdev_main_header nav li:hover>a,
	#ABdev_main_header nav .current-menu-item>a,
	.menu-link:hover,
	.sub-menu-link:hover {
		color: #ffffff !important;
		background: transparent !important;
		opacity: 1 !important;
		transform: none !important;
		box-shadow: none !important;
		text-decoration: none !important;
	}

	nav>ul>li:hover:before,
	nav>ul>li.current-menu-item:before {
		display: none;
	}

	#dz_main_header {
		padding-left: 5px;
		padding-right: 5px;
	}

	#ABdev_sticky_header {
		height: auto;
	}

	#ABdev_sticky_header_content {
		margin-top: 0px;
	}

	/*-------- Mega Menu --------*/
	.sf-mega {
		width: 100%;
		position: static;
		display: block;
		z-index: inherit;
		padding-top: 0px;
		box-shadow: none;
	}

	.sf-mega-inner {
		border-top: none;
		background: none;
	}

	nav>ul .sf-mega-inner {
		display: block !important;
	}

	nav>ul .sf-mega-inner>ul {
		display: block !important;
	}

	nav>ul .sf-mega-inner>ul>li,
	nav>ul .sf-mega-inner>ul>li>ul>li {
		border-right: none;
		padding: 6px 0 0 0;
		display: block !important;
	}

	nav>ul .sf-mega-inner>ul>li>a {
		font-size: 14px;
		font-weight: inherit;
		color: inherit;
		text-transform: none;
		margin-bottom: 0px;
		padding: 5px 0 0 0;
	}

	nav>ul .sf-mega-inner>ul>li>ul>li a {
		font-size: 14px;
		color: inherit;
		padding: 5px 0 0 0;
	}

	nav>ul .sf-mega-inner a {
		text-transform: none;
		padding: inherit;
		margin-bottom: 0px;
	}

	nav>ul .sf-mega-inner a:hover {
		background: none;
	}

	nav>ul>.mega1 .sf-mega-inner>ul>li,
	nav>ul>.mega2 .sf-mega-inner>ul>li,
	nav>ul>.mega3 .sf-mega-inner>ul>li,
	nav>ul>.mega4 .sf-mega-inner>ul>li,
	nav>ul>.mega5 .sf-mega-inner>ul>li,
	nav>ul>.mega6 .sf-mega-inner>ul>li,
	nav>ul>.mega7 .sf-mega-inner>ul>li {
		width: 100%;
	}


	nav>ul .sf-mega-inner .description_menu_item,
	nav>ul .use_desc {
		display: none !important;
	}


	.tp-caption.plaviured_title:after {
		display: none;
	}

	.dnd_service_box {
		text-align: center;
		padding-top: 0;
	}

	.dnd_service_box.dnd_service_box_round_aside2 {
		padding-bottom: 0;
	}

	.dnd_metro_box h3 {
		text-align: center;
	}

	.featured_article,
	.search_results_content_item {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.dnd-korak-box {
		margin-right: 0;
		padding: 20px;
	}

	.dnd-korak-box .hanger {
		right: 50%;
		top: 40px;
	}

	.dnd-korak-box .dnd-korak-box_header {
		width: 100%;
		position: relative;
		top: 20px;
		right: auto;
		margin-bottom: 60px;
	}

	.dnd-korak-box:nth-child(2n+1) {
		padding: 20px;
		margin-left: 0;
	}

	.dnd-korak-box:nth-child(2n+1) .dnd-korak-box_header {
		left: auto;
		margin-bottom: 60px;
	}

	.dnd-korak-box:nth-child(2n+1) .hanger {
		left: 50%;
		top: 40px;
	}

	.dnd-tabs.dnd-tabs-timeline .ui-tabs-nav li a {
		padding: 0 0 10px;
	}

	.timeline_post,
	.timeline_post_first {
		width: 100%;
	}

	#timeline_posts {
		background: none;
	}

	#footer_logo {
		float: none;
		display: block;
		width: 100%;
	}

	#footer_copyright .container {
		width: 100%;
	}

	.timeline_post_left:after,
	.timeline_post_right:after {
		display: none;
	}

	aside.sidebar_right,
	aside.sidebar_left {
		padding-left: 0;
		padding-right: 0;
		padding-top: 80px;
		text-align: center;
	}

	aside.sidebar_right h4,
	aside.sidebar_left h4 {
		text-align: center;
	}

	aside.sidebar_right .dnd_progress_bar_thin .dnd_meter .dnd_meter_percentage span,
	aside.sidebar_left .dnd_progress_bar_thin .dnd_meter .dnd_meter_percentage span {
		right: -20px;
	}

	aside.sidebar_right .simple_subscribe_prijava,
	aside.sidebar_left .simple_subscribe_prijava {
		margin-left: auto;
		margin-right: auto;
	}

	.dnd_post_single.without_thumbnail .dnd_latest_news_shortcode_content h5 {
		text-align: left;
	}

	.DByt_izjave_slide .izjava_big {
		padding-left: 0;
		border-left: 0;
		text-align: center;
	}

	#plaviured_search {
		position: absolute;
		top: 100%;
		margin: 30px 2.5%;
		width: 95%;
		left: auto;
		text-align: left;
	}

	#plaviured_search select {
		width: 100%;
	}

	.dnd_metro_box .back p {
		text-align: center;
	}

	#plaviured_search h1,
	#plaviured_search p {
		text-align: center;
	}

	body.home #dz_main_slider {
		margin-bottom: 470px;
	}

	.carousel_navigation a.carousel_prev {
		left: -25px;
	}

	.carousel_navigation a.carousel_next {
		right: -25px;
	}

	aside .potpore_item_meta.contact_person .user_name_info img,
	aside .eventi_item_meta.contact_person .user_name_info img {
		float: none;
	}

	aside .potpore_item_meta.contact_person .user_name_info p,
	aside .eventi_item_meta.contact_person .user_name_info p {
		padding-left: 0;
	}

	#main_footer .widget_nav_menu li,
	#main_footer #footer_columns {
		text-align: center;
	}

	#main_footer .flickr_stream a {
		float: none;
		margin-bottom: 3px;
	}

	.contact_info_widget {
		text-align: center;
	}

	.contact_info_widget>div>span {
		width: 50px;
	}

	.single_savjet_item .savjeti_image,
	.single_savjet_item .content {
		text-align: left;
		display: block;
		margin: 0 0 20px 0;
		width: 100%;
	}

	.single_savjet_item .content .excerpt,
	.single_savjet_item .content .author {
		text-align: left;
	}

	.widget.flickr-stream {
		text-align: center;
	}

	.portfolio_item_4,
	.portfolio_item_3 {
		width: 49.9%;
	}

	.portfolio_single_column_item h2 {
		margin-top: 20px;
	}

	.portfolio_article .portfolio_image {
		border: 1px solid #ddd;
		border-bottom: none;
	}

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

	.dnd_posts_shortcode_style1:after {
		display: none;
	}

	.dnd_posts_shortcode_style1 .dnd_post_single.has_thumbnail .dnd_latest_news_shortcode_content {
		padding-left: 130px;
	}

	.dnd_posts_shortcode_style1 .dnd_latest_news_shortcode_thumb {
		float: left;
		margin-right: 0px;
		margin-left: 20px;
	}

	.portfolio_item .overlayed .overlay .overlay_title {
		margin-top: 10px;
	}

	#single_portfolio_pagination .prev,
	#single_portfolio_pagination .next {
		display: block;
		margin-bottom: 40px;
		margin-right: 20px;
		float: left;
	}

	#page404 .big_404 {
		font-size: 100px;
		line-height: 200px;
	}

	#page404 .text_404,
	#page404 h2,
	#page404 h4,
	#page404 li {
		text-align: center;
	}

	#page404 ul {
		padding-bottom: 0;
	}

	.content_with_right_sidebar {
		padding-right: 0;
	}

	.content_with_left_sidebar {
		padding-left: 0;
	}

	.comment {
		padding-left: 0;
	}

	.comment .avatar {
		display: none;
	}

	.comment .reply,
	.comment .edit-link {
		display: inline-block;
	}

	.post_content .post_badges,
	.post_content .author_and_categories_badges {
		display: none;
	}

	.post_content .post_badges_single {
		z-index: 200;
		margin: 10px 0 30px 10px;
		width: 100%;
	}

	.post_content .post_badges_single i {
		float: none;
		position: relative;
		top: 20px;
		margin-left: 20px;
	}

	.portfolio_article {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		height: auto;
	}

	.portfolio_article .portfolio_content p {
		max-height: none;
		margin-bottom: 56px;
	}

	#footer_copyright_text {
		padding-bottom: 15px;
		float: none;
		width: 100%;
		margin: 0 10px;
		font-size: 14px;
	}

	.blog_category_index .post_main {
		margin-left: 0px;
	}

	.single_savjet_item .icon,
	.single_savjet_item .more-link {
		display: none;
	}


	.post_content .post_badges_single .post_date .post_day,
	.post_content .post_badges_single .post_date .post_month {
		display: inline-block;
		margin-left: 20px;
	}

	.post_content .post_main {
		padding-left: 0;
		text-align: left;
		margin-left: 0;
	}

	.post_content .post_main:before {
		display: none;
	}

	.post_meta_tags {
		float: none;
		padding-top: 20px;
		text-align: left;
		clear: both;
	}

	.post_meta_tags i {
		margin-left: 0 !important;
	}

	.pattern_overlayed.light:before {
		display: none;
	}

	#filters li {
		margin: 5px;
	}

	.wpcf7 .span6:first-child {
		margin-bottom: 0;
	}

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

	.dnd-callout_box .dnd_column_dd_span3 {
		text-align: center;
	}

	.dnd_stats_excerpt {
		margin-bottom: 60px;
	}

	.dnd_pricing-table-1,
	.dnd_pricing-table-2 {
		margin-bottom: 40px;
	}

	.dnd_pricing-table-1 .dnd_plan,
	.dnd_pricing-table-2 .dnd_plan {
		margin-top: 0;
	}

	#blog_pagination .prev,
	#blog_pagination .next {
		position: static;
	}

	#blog_pagination .prev {
		margin-right: 5px;
	}

	#blog_pagination .next {
		margin-left: 4px;
	}

	#blog_pagination .page-numbers {
		margin-bottom: 20px;
	}

	.dnd_section_dd.section_why_choose_plaviured .dnd_column_dd_span7 {
		margin-bottom: -8px;
	}

	.section_with_images .dnd_column_dd_span2,
	.dnd_section_dd.section_with_images .dnd_column_dd_span2:nth-child(1),
	.dnd_section_dd.section_with_images .dnd_column_dd_span2:nth-child(2),
	.dnd_section_dd.section_with_images .dnd_column_dd_span2:nth-child(5),
	.dnd_section_dd.section_with_images .dnd_column_dd_span2:nth-child(6) {
		text-align: center;
		margin-left: 0;
		margin-bottom: 20px;
	}

	.dnd_team_member .dnd_overlayed .dnd_overlay p {
		top: 20px;
	}

	.dnd_team_member,
	.dnd_team_member_new {
		width: 50%;
		float: left;
	}

	.dnd_team_member .dnd_team_member_name {
		font-size: 20px;
	}

	.dnd_team_member .dnd_team_member_position,
	.section_body_fullwidth .dnd_team_member .dnd_team_member_position {
		padding-bottom: 10px;
	}

	.dnd_team_member_modal {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding-top: 20px;
		overflow-y: scroll;
	}

	.our_team_alternative .dnd_container [class*="column_dd_span"] {
		margin-bottom: 0;
	}

	.dnd_section_dd header p {
		padding: 0;
	}

	.dnd_section_dd.startup_image_section .phone_in_hand {
		margin-bottom: -20px;
	}

	.dnd_section_dd.startup_image_section .implecation_store {
		float: none;
		padding: 10px 0 0 0;
	}

	.dnd_section_dd.startup_image_section .implecation_store img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.dnd_posts_shortcode.dnd_posts_shortcode_style3 .dnd_latest_news_time {
		margin-bottom: 0;
		width: 100%;
	}

	.dnd_posts_shortcode.dnd_posts_shortcode_style3 {
		margin-bottom: 0;
	}

	.dnd_posts_shortcode_style1 .dnd_latest_news_shortcode_thumb:after {
		display: none;
	}

	.dnd_posts_shortcode_style1 .dnd_latest_news_shortcode_thumb img {
		margin-left: 10px;
	}

	.dnd_posts_shortcode_style1 .dnd_latest_news_time {
		left: 10px;
		top: 80px;
	}

	.dnd_posts_shortcode_style1.has_thumbnail .dnd_latest_news_shortcode_content {
		padding-left: 150px;
	}

	.dnd_posts_shortcode_style3.has_thumbnail .dnd_latest_news_shortcode_content h5,
	.dnd_section_dd.section_why_choose_plaviured h2,
	.dnd_section_dd.section_why_choose_plaviured h4,
	.dnd-callout_box,
	#filters,
	.dnd-tabs-vertical .ui-tabs-nav li a {
		text-align: center;
	}

	.dnd-tabs-position-left .dnd-tabs-wrapper {
		margin-left: 0;
	}

	.dnd-tabs-position-right .dnd-tabs-wrapper {
		margin-right: 0;
	}

	.dnd_knob_wrapper:last-child,
	.dnd_stats_excerpt:last-child,
	.dnd_posts_shortcode_style1:last-child,
	.dnd_posts_shortcode_style2:last-child,
	.dnd_posts_shortcode_style3:last-child {
		margin-bottom: 0;
	}

	.dnd_shortcode_ul li:last-child {
		padding-bottom: 0;
	}

	#comments_section {
		padding-left: 0px;
	}

	#respond .comment_fields,
	#respond .comment-form-comment {
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	#respond #comment {
		margin: 0 0 30px 0;
		width: 100%;
	}

	#respond .comment_fields p {
		padding: 0;
		width: 100%;
	}

	.djelatnici_container {
		width: 100%;
		margin-right: 0;
	}

	.dnd-callout_box,
	.dnd-callout_box.callout_box_invert {
		width: 100%;
	}

	.dnd-callout_box_title,
	.dnd-callout_box_title.callout_box_invert {
		text-align: center;
	}

	.dnd-section-switch {
		min-height: 800px;
		padding-top: 0;
	}

}

@media only screen and (max-width: 560px) {

	#logo,
	#topbar_and_header.th_style_1 #header_social_search {
		width: 100%;
		text-align: center;
	}

	#topbar_and_header.th_style_1 #header_social_search {
		min-height: auto;
		height: auto;
		max-height: none;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 480px) {
	.nova-edukacija-modal {
		width: 94%;
		top: 50%;
		position: fixed;
		margin-top: -168px;
		left: 50%;
		margin-left: -47%;
	}
}

/* --- Dodano za zaobljene kutove (Rounded corners) --- */
.btn,
button,
input[type="submit"],
input[type="button"],
input[type="text"],
input[type="email"],
textarea,
.widget,
.box,
.service-box,
.post-thumbnail img,
.thumbnail img {
	border-radius: 8px !important;
}

/* --- Modernizacija formi i dodatni zaobljeni kutovi --- */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
	padding: 10px 14px;
	border: 1px solid #ddd !important;
	border-radius: 8px !important;
	outline: none !important;
	transition: all 0.3s ease !important;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
	border-color: #0054a6 !important;
	box-shadow: 0 0 5px rgba(0, 84, 166, 0.3) !important;
}

/* Zaobljavanje dnd_metro_box / front / back elemenata i kvadrati */
.front,
.back,
.dnd_metro_box,
.dnd-metro-box {
	border-radius: 8px !important;
	aspect-ratio: 1 / 1 !important;
	height: auto !important;
	/* Sprječava JS da fiksira krivu visinu */
}

/* Forsiraj tamno plavu boju umjesto inline #189dd8 iz baze */
.front {
	background: #0054a6 !important;
}

/* Popravak ikona, flip animacije i tipografije */
.dnd_metro_box_header {
	padding: 20px 10px !important;
	box-sizing: border-box;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
}

.dnd_icon_boxed {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.dnd_metro_box_header h3,
.dnd_metro_box_header a h3 {
	text-transform: uppercase !important;
	font-family: "DM Sans", sans-serif !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 1.3 !important;
	letter-spacing: 0.5px;
	margin-top: 45px !important;
	/* Spušteno niže ispod ikone */
	min-height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

/* --- Mobilni prikaz za iste elemente --- */
@media only screen and (max-width: 767px) {

	.front,
	.back,
	.dnd_metro_box,
	.dnd-metro-box {
		aspect-ratio: 1 / 1 !important;
		height: auto !important;
	}

	/* Pametan responzivni grid: 1 kocka po redu, ali skalirana i centrirana */
	.dnd_column_dd_span3:has(.dnd_metro_box) {
		width: 100% !important;
		float: none !important;
	}

	.dnd_metro_box,
	.dnd-metro-box {
		max-width: 280px !important;
		margin: 0 auto 20px auto !important;
	}

	.dnd_metro_box_header {
		padding: 15px 5px !important;
	}

	.dnd_metro_box_header h3,
	.dnd_metro_box_header a h3 {
		font-size: 18px !important;
		margin-top: 25px !important;
		/* Tekst niže ispod ikone na mobitelu */
		min-height: 42px !important;
	}

	.dnd_icon_boxed i {
		font-size: 45px !important;
	}

	/* Vrati pretragu (formu) PREKO slike na mobitelu, kao na desktopu */
	body.home #dz_main_slider {
		margin-bottom: 0px !important;
		/* Uklanja prazan bijeli prostor ispod slike */
		min-height: 450px !important;
		/* Osigurava da je slika dovoljno visoka za formu */
	}

	body.home #dz_main_slider img {
		min-height: 450px !important;
		object-fit: cover !important;
	}

	#plaviured_search {
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
		margin: 0 !important;
		width: 90% !important;
		padding: 30px 15px !important;
		/* Smanjeni padding da stane na ekran */
	}

	#plaviured_search h1 {
		font-size: 24px !important;
		/* Manji naslov na mobitelu */
		margin-bottom: 15px !important;
	}
}

/* --- Glassmorphism za Plavi Ured Search --- */
#plaviured_search {
	border-radius: 15px !important;
	/* Lagano prozirna siva pozadina */
	background-color: rgba(42, 42, 42, 0.7) !important;
	/* Backdrop-filter zamućuje pozadinu IZA elementa, ostavljajući background-image (grb) i tekst oštrima */
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	box-shadow: none !important;
	/* Uklonjena sjena */
	border: 1px solid rgba(255, 255, 255, 0.1);
}

#plaviured_search select {
	background: transparent !important;
	border: none !important;
	border-bottom: 2px solid #0054a6 !important;
	border-radius: 0 !important;
	color: rgba(255, 255, 255, 0.8) !important;
	/* Opacity 80% na slova */
	padding: 10px 5px !important;
	transition: all 0.3s !important;
	box-shadow: none !important;
	/* Uklonjena unutarnja sjena */
	outline: none !important;
	font-size: 15px !important;
	/* Mrvicu manji font */
	font-style: normal !important;
	/* Ostavljeno normalno, JS kontrolira placeholder italic */
	text-align: center !important;
	/* Centrirano */
	text-align-last: center !important;
	/* Za centriranje select elementa */
	-webkit-appearance: none !important;
	/* Micanje strelice */
	-moz-appearance: none !important;
	/* Micanje strelice */
	appearance: none !important;
	/* Micanje strelice */
}

/* Stilovi za pomicanje kruga na timeline-u */
.dnd-tabs.dnd-tabs-timeline .ui-tabs-nav li.ui-tabs-active:before {
	display: none !important;
}

.dnd-tabs.dnd-tabs-timeline .ui-tabs-nav li:before {
	display: none !important;
}

.moving-timeline-circle {
	display: block !important;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 4px solid #f9f9f9;
	background: #0054a6;
	position: absolute;
	bottom: -9px;
	/* Pomaknuto više prema gore za bolji centar s linijom */
	margin-left: -13px;
	z-index: 10;
	transition: none;
	/* Animira se preko JS-a */
}

/* Ensure the circle is positioned relative to the UL nav */
.dnd-tabs.dnd-tabs-timeline .ui-tabs-nav {
	position: relative !important;
}

/* Animacija za sami tekst u timeline-u */
.dnd-tabs.dnd-tabs-timeline .ui-tabs-panel {
	animation: textDropFade 0.5s ease-out forwards;
}

@keyframes textDropFade {
	0% {
		opacity: 0;
		transform: translateY(-15px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Maknut okvir sa search inputa i dodana plava linija */
#header_search_input {
	border: none !important;
	border-bottom: none !important;
	box-shadow: none !important;
	outline: none !important;
	background: transparent !important;
}

#header_search_input:focus {
	border: none !important;
	border-bottom: none !important;
	box-shadow: none !important;
	outline: none !important;
}

#plaviured_search select.is-placeholder {
	font-style: italic !important;
}

#plaviured_search select option {
	background-color: #0054a6 !important;
	color: #ffffff !important;
	font-style: normal !important;
	border-bottom: 1px solid #5a77ba !important;
	padding: 8px !important;
}

#plaviured_search select option:first-child {
	font-style: italic !important;
}

#plaviured_search select option:hover,
#plaviured_search select option:focus,
#plaviured_search select option:active,
#plaviured_search select option:checked {
	background-color: #5a77ba !important;
	background: #5a77ba linear-gradient(0deg, #5a77ba 0%, #5a77ba 100%) !important;
	color: #ffffff !important;
}

#plaviured_search input[type="submit"] {
	background: #0054a6 !important;
	/* solid tamnoplava */
	border: none !important;
	border-radius: 8px !important;
	padding: 10px 24px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	box-shadow: none !important;
	/* maknut glow */
	transition: background 0.3s ease !important;
}

#plaviured_search input[type="submit"]:hover {
	background: #5a77ba !important;
	/* solid svjetloplava na hover */
}

#plaviured_search select,
#plaviured_search option {
	text-transform: uppercase !important;
}

.dnd_icon_boxed i {
	font-size: 85px !important;
	/* Povecana ikona */
	line-height: 0.8 !important;
	/* Dozvoljava preklapanje nevidljivog okvira bez sjeckanja teksta */
	margin: 0 auto 10px auto !important;
	display: block !important;
	width: 100% !important;
	text-align: center !important;
}

/* Fix for SVG logo in header */
#ABdev_main_header .logo_header img {
	height: 28px !important;
	width: auto !important;
	display: block;
}

/* Event Calendar Custom & Responsive Styles - Sharp Edges & No Drop Shadow */
.calendar-with-legend {
	display: flex;
	flex-direction: column;
	width: 100%;
	box-sizing: border-box;
	gap: 15px;
	margin-top: 15px;
	margin-bottom: 30px;
}

.calendar-scroll-wrapper {
	width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch;
	border-radius: 0 !important;
	box-shadow: none !important;
	height: auto !important;
}

#calendar {
	width: 100% !important;
	min-width: 0 !important;
	background: #ffffff;
	box-shadow: none !important;
}

.calendar-legend {
	width: 100% !important;
	box-sizing: border-box;
	padding: 16px 20px;
	background: #ffffff;
	border: 1px solid #e0e0e0;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin-bottom: 5px;
}

.calendar-legend h4 {
	margin-top: 0;
	margin-bottom: 12px;
	font-size: 15px;
	font-weight: 700;
	color: #0054a6;
	text-align: left;
}

.calendar-legend ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.calendar-legend li {
	margin-bottom: 0;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #333;
}

.calendar-legend .legend-box {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	border-radius: 0 !important;
	flex-shrink: 0;
	box-shadow: none !important;
}

.calendar-legend .legend-box.uzivo {
	background-color: #0054a6;
	border: 1px solid #004080;
}

.calendar-legend .legend-box.webinar {
	background-color: aquamarine;
	border: 1px solid #48d1cc;
}

/* Event Colors in FullCalendar (Desktop & Mobile) */
.fc-event {
	background-color: #0054a6 !important;
	border: 1px solid #004080 !important;
	color: #ffffff !important;
	padding: 4px 6px !important;
	margin: 3px 2px !important;
	border-radius: 0 !important;
	font-size: 12px !important;
	line-height: 1.3 !important;
	box-shadow: none !important;
	transition: opacity 0.2s ease;
}

.fc-event:hover {
	transform: none !important;
	box-shadow: none !important;
}

.fc-event .title {
	font-weight: 600;
	color: inherit !important;
	white-space: normal !important;
	word-wrap: break-word !important;
}

.fc-event .time {
	font-size: 11px;
	opacity: 0.9;
	margin-right: 4px;
	font-weight: normal;
	color: inherit !important;
}

/* Online / Webinar events */
.fc-event.lokacija-online {
	background-color: aquamarine !important;
	border: 1px solid #48d1cc !important;
	color: #003366 !important;
}

.fc-event.lokacija-online .title,
.fc-event.lokacija-online .time,
.fc-event.lokacija-online a {
	color: #003366 !important;
}

/* All Events - Full Color & Opacity (Desktop & Mobile) */
.fc-event,
.fc-list-item,
tr.fc-list-item,
.fc-event.fc-event-past,
.fc-list-item.fc-event-past,
.fc-event.fc-event-future,
.fc-list-item.fc-event-future {
	opacity: 1 !important;
	filter: none !important;
}

/* Table Header & Cell Aesthetics */
.fc-toolbar h2 {
	font-size: 20px !important;
	font-weight: 700 !important;
	color: #0054a6 !important;
	text-transform: capitalize;
}

/* White Borders in Calendar */
.fc td,
.fc th,
.fc-widget-content,
.fc-widget-header,
.fc-row,
.fc-unthemed .fc-content,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-row,
.fc-popover,
.fc-list-view,
.fc-list-table td,
.fc-list-heading td {
	border-color: #ffffff !important;
	box-shadow: none !important;
}

.fc-head th {
	background: #f4f7fa !important;
	padding: 10px 0 !important;
	font-weight: 600 !important;
	color: #444 !important;
}

.fc-day-number {
	font-weight: 600;
	color: #555;
	padding: 6px 8px !important;
}

.fc-today {
	background-color: #e6f2ff !important;
}

/* Weekend Styling: Greyed out and narrowed */
.fc-sat,
.fc-sun,
th.fc-sat,
th.fc-sun,
td.fc-sat,
td.fc-sun,
.fc-day-header.fc-sat,
.fc-day-header.fc-sun,
.fc-day.fc-sat,
.fc-day.fc-sun,
.fc-day-top.fc-sat,
.fc-day-top.fc-sun {
	background-color: #eef2f6 !important;
	width: 7% !important;
	opacity: 0.75;
}

/* Mobile Schedule / List View - Colored Cells & Bold Titles */
.fc-list-item-marker {
	display: none !important;
}

tr.fc-list-item {
	background-color: #0054a6 !important;
}

tr.fc-list-item td {
	background-color: #0054a6 !important;
	color: #ffffff !important;
	border-color: #ffffff !important;
	padding: 10px 12px !important;
}

tr.fc-list-item .fc-list-item-time {
	color: #ffffff !important;
	font-weight: 600 !important;
	font-size: 13px !important;
}

tr.fc-list-item .fc-list-item-title,
tr.fc-list-item .fc-list-item-title a,
tr.fc-list-item .fc-list-item-title .title {
	color: #ffffff !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	text-decoration: none !important;
}

/* Online / Webinar events in Mobile List View */
tr.fc-list-item.lokacija-online {
	background-color: aquamarine !important;
}

tr.fc-list-item.lokacija-online td {
	background-color: aquamarine !important;
	color: #003366 !important;
	border-color: #ffffff !important;
}

tr.fc-list-item.lokacija-online .fc-list-item-time {
	color: #003366 !important;
	font-weight: 600 !important;
}

tr.fc-list-item.lokacija-online .fc-list-item-title,
tr.fc-list-item.lokacija-online .fc-list-item-title a,
tr.fc-list-item.lokacija-online .fc-list-item-title .title {
	color: #003366 !important;
	font-weight: 700 !important;
}

/* Past events in Mobile List View & Grid View - Full Color & Opacity */
tr.fc-list-item.fc-event-past td,
tr.fc-list-item.fc-event-past,
.fc-event-past {
	opacity: 1 !important;
	filter: none !important;
}

.fc-day-grid-event .fc-content {
	white-space: normal !important;
}

@media only screen and (max-width: 767px) {
	.calendar-scroll-wrapper {
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}
	.fc-list-view .fc-scroller {
		max-height: 480px !important;
		height: 480px !important;
		overflow-y: scroll !important;
		-webkit-overflow-scrolling: touch !important;
	}
	.fc-list-view .fc-scroller::-webkit-scrollbar {
		width: 6px !important;
		display: block !important;
	}
	.fc-list-view .fc-scroller::-webkit-scrollbar-thumb {
		background: #0054a6 !important;
		border-radius: 0 !important;
	}

	/* Revolution Slider Layer Styling - Blue Background (#0054a6) & Optimal Mobile Scaling */
	.rs-layer.mediumlarge_light_white,
	.tp-caption.mediumlarge_light_white,
	rs-layer[id*="slider-2-slide"],
	.mediumlarge_light_white {
		background-color: rgba(0, 84, 166, 0.82) !important;
		color: #ffffff !important;
	}

	@media only screen and (max-width: 767px) {
		.rs-layer.mediumlarge_light_white,
		.tp-caption.mediumlarge_light_white,
		rs-layer[id*="slider-2-slide"],
		.mediumlarge_light_white {
			font-size: 11px !important;
			line-height: 16px !important;
			padding: 4px 8px !important;
			white-space: nowrap !important;
			word-break: normal !important;
			word-wrap: normal !important;
			width: auto !important;
			max-width: none !important;
			min-width: 0 !important;
			display: inline-block !important;
			text-align: center !important;
			letter-spacing: 0px !important;
		}
	}
}