/* ==========================================================================
/* Google Maps
/* ==========================================================================
 /**
 * 1. needed so that Google Maps controls are not distorted
 */
 
.google-map {}
.google-map  img { max-width: none; }	/* 1 */

.map
{ 
	width: 100%; 
	height: 500px; 
	margin-bottom: 50px; 
	background: #e5e3df;
}

@media (max-width: 767px)
{
	.map { height: 300px; }
}


.text-wrap
{
	margin-bottom: 30px;
}

.text-wrap:last-child
{
	margin-bottom: 0px;
}


/* ========================================================================== */
/* Widgets default
/* ========================================================================== */
.widget
{
	margin-bottom: 50px;
}

.widget:last-child
{
	margin-bottom: 0px;
}

.widget-title
{ 
	margin: 10px 0px 20px 0px;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;  
}

.widget-title:after
{
	display: block;
	width: 30px;
	border-top: 1px solid #4fb7ff;
	margin-top: 10px;
	content: "";
}

.text-title
{ 
	margin: 10px 0px 20px 0px;
	line-height: 18px;
	text-transform: uppercase;  
}

.text-title:after
{
	display: block;
	width: 30px;
	border-top: 1px solid #5195be;
	margin-top: 10px;
	content: "";
}


/* ========================================================================== */
/* post list
/* ========================================================================== */
.post-list
{
	position: relative;
	overflow: hidden;
	padding: 0 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;	
}

.post-list h3
{
	margin-bottom: 10px;
}

.post-list-title
{
	margin: 10px 0 15px 0;
}

.post-list-title:after
{
	display: block;
	width: 50px;
	border-top: 1px solid #5195be;
	content: "";
}

.post-list-title a
{
	/*color: #6d6d6d;*/
}

.post-list-picture
{
	position: relative;
	overflow: hidden;
	border: 1px solid #e0e0e0;
}

.post-list-picture img
{
	display: block;
	width: 100%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.post-list:hover .post-list-picture img
{
	margin-bottom: -50px;
}

.post-list-icon
{
	position: absolute;
	top: 30px;
	left: 30px;
	border-radius: 2px;
	background-color: #5195be;
	height: 60px;
	width: 60px;
}

.post-list-date
{
	position: absolute;
	top: 30px;
	left: 30px;
	padding: 12px 17px 8px 17px;
	border-radius: 2px;
	background-color: #5195be;
	color: #fff;
	font-size: 23px;
	line-height: 20px;
	text-align: center;
}

.post-list-date small
{
	display: block;
	font-size: 13px;
	text-transform: uppercase;
}


.post-list .readmore
{ 
	opacity: 0;
	position: absolute;
	bottom: -20px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
} 

.post-list:hover .readmore
{
	bottom: 26px;
	opacity: 1; 
}

.post-list:hover a,
{
/*	color: #fff;*/
	text-decoration: none;
}



.post
{
	position: relative;
	overflow: hidden;
	padding: 0 0px 0px 0px;
	margin-bottom: 20px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;	
}

.post-picture
{
	position: relative;
	overflow: hidden;
	border: 1px solid #e0e0e0;
}

.post-picture img
{
	position: relative;
	display: block;
	width: 100%;
}

.post-thumbs
{
	margin: 0px 0px 30px 0px;
}

.post-thumb
{
	overflow: hidden;
	margin: 10px 1% 0px 0px;
	border: 1px solid #e0e0e0;
	width: calc((24.23% - 2px));
	float: left;
}

.post-thumb:last-child
{
	margin-right: 0;
}

.post-thumb img
{
	/*position: relative;
	top: 50%;*/
	display: block;
	width: 100%;
	/*transform: translate(0, -50%);
	/*-webkit-transform: translate(0%, -50%); /* Safari and Chrome */
	/*-moz-transform: translate(0%, -50%); /* Firefox */
	/*-ms-transform: translate(0%, -50%); /* IE 9 */
	/*-o-transform: translate(0%, -50%); /* Opera */
}

/* ========================================================================== */
/* d
/* ========================================================================== */
.picture-sub
{
	position: relative;
	overflow: hidden;
	width: 100%;
}

.picture-sub img
{
	display: block;
	width: 100%;
	border: 1px solid #e0e0e0;
}

.picture-sub-span2
{
	position: relative;
	overflow: hidden;
	width: 24%;
	padding: 3px 3% 8px 0px;
	float: left;
}

.picture-sub-span2 img
{
	display: block;
	width: 100%;
	border: 1px solid #e0e0e0;
}

.picture-sub-span4
{
	position: relative;
	overflow: hidden;
	width: 48.5%;
	padding: 3px 3% 8px 0px;
	float: left;
}

.picture-sub-span4 img
{
	display: block;
	width: 100%;
	border: 1px solid #e0e0e0;
}


@media (max-width: 767px)
{
	.picture-sub-span2,
	.picture-sub-span4
	{
		position: relative;
		overflow: hidden;
		width: 100%;
		padding: 0px 0px 8px 0px;
		float: none;
	}
}


/* ========================================================================== */
/* zakonodaja
/* ========================================================================== */
.zakonodaja-list
{
	padding: 0px 0px 40px 0px;
}

.zakonodaja-list:last-child
{
	padding: 0px 0px 0px 0px;
}

.zakonodaja-list-title
{
	/*margin: 0px 0px 30px 75px;*/
	margin: 0px 0px 30px 0px;
}

.zakonodaja-list-title:after
{
	content: none;
}

.zakonodaja-list h3
{
	margin: -0px 0px 0px 0px;	 
	font-size: 24px; 
	line-height: 28px;
}

.zakonodaja-list h3 a
{
	text-decoration: none;
}

.zakonodaja-list .zakonodaja-list-title h3:after
{
	display: block;
	width: 50px;
	border-top: 1px solid #4fb7ff;
	margin: 5px 0px 7px 0px;
	content: "";
}

.zakonodaja-list-date
{
	position: relative;
	top: 0px;
	left: 0px;
	padding: 12px 17px 8px 17px;
	border-radius: 2px;
	background-color: #4fb7ff;
	color: #fff;
	font-size: 23px;
	line-height: 20px;
	text-align: center;
	float: left;
}

.zakonodaja-list-date small
{
	display: block;
	font-size: 13px;
	text-transform: uppercase;
}

.zakonodaja-list em a
{
	color: #6d6d6d;
}


/* ========================================================================== */
/* attachments
/* ========================================================================== */
.attachments
{
	padding: 5px 0px 20px 0px;
}

.attachments a
{
	color: #6d6d6d;
}

.attachments img
{
	margin: 0px 0px -3px 0px;
	padding: 4px 10px 0px 0px;
}


.text-wrap .attachments,
.zakonodaja-list .attachments
{
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



/* ========================================================================== */
/* Fullwidth Section
/* ========================================================================== */
   
	/**
 * Full width section
 *
 * 1. background-image must be supplied using inline css as it is different for every .fullwidth-section
 *
 */
 
.fullwidth-section
{
	position: relative;
	overflow: hidden;
	z-index: 0;	
	padding: 30px 0 15px 0;
	margin: 20px 0px 30px 0px;
	background-color: #245dc1;
	background-attachment: scroll;
	background-repeat: no-repeat; /* 1 */ 
	background-position: 50% 0;		
}

.fullwidth-section-content
{
	position: relative;
	z-index: 3;
}
 
.fullwidth-section-overlay
{
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 33, 56, 0.8);	
}

/* Fullwidth section backgrounds */

#bg-1
{
	background-color: #E5E5E5;
}

#bg-2
{
	padding: 150px 0 100px 0;
	margin-top: 50px;
	background-image: url(../../_content/backgrounds/1920x960.jpg); 
}

#bg-3
{
	padding-bottom: 30px;
	margin: 80px 0 -50px 0;
	background-image: url(../../_content/backgrounds/1920x800-1.jpg);
}


@media (max-width: 767px)
{
	.fullwidth-section
	{
		-webkit-background-size: cover;
				background-size: cover;		
	}
	
}



/* ==========================================================================
   =Milestones
   ========================================================================== */

	.milestone {
		position: relative;
		margin-bottom: 30px;
	}
	
	/*
	 * 1. Clearfix hack 
	 */
	.milestone:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
	.milestone i {
		z-index: 20;
		margin-right: 10px;
		font-size: 32px;
	}
	
	.milestone .milestone-content {
		z-index: 10;
		color: #313947;
		font: 72px/85px 'Open Sans', Arial, sans-serif;
		font-weight: 600;
	}
	
	.milestone .milestone-description {
		font: 14px/24px 'PT Sans', Arial, sans-serif; 
		font-weight: 400;
	}
	
	.milestone .milestone-description p:before {
		display: block;
		width: 40px;
		border-top: 1px solid #4fb7ff;
		margin-bottom: 10px;
		content: "";
	}

/* ==========================================================================
   =Progress Bar
   ========================================================================== */

.progress-bar-description,
.progress-bar-description-g
{
	position: relative;
	display: block;
	margin-bottom: 3px;
	line-height: 14px;
}

.progress-bar-description a,
.progress-bar-description-g a
{
	font: 12px "PT Sans", Arial, sans-serif; 
	padding-left: 20px;
	color: #999;
}

.progress-bar-description a:hover,
.progress-bar-description a:focus,
.progress-bar-description-g a:hover,
.progress-bar-description-g a:focus
{
	color: #5195be;
	text-decoration: none; 
}

.progress-bar-description span
{
	position: absolute;
	z-index: 2;
	top: 24px;
	left: 0;
	margin-left: -50px;
	color: #eee;
}

.progress-bar-description-g span
{
	position: absolute;
	z-index: 2;
	top: 24px;
	left: 0;
	margin-left: -70px;
	color: #eee;
}

.progress-bar
{
	position: relative;
	z-index: 1;
	display: block;
	height: 27px;
	margin-bottom: 10px;
	background-color: #eee;
}

.progress-bar .progress-bar-outer
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	/*background-color: #4fb7ff;*/
	background-color: #5195be;
}

.progress-bar .progress-bar-outer-g
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	/*background-color: #4fb7ff;*/
	background-color: #51babe;
}

.progress-bar .progress-bar-outer .progress-bar-inner,
.progress-bar .progress-bar-outer-g .progress-bar-inner
{
	position: absolute;
	z-index: 1;
	overflow: hidden;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	width: 100%;
}