@font-face {
    font-family: DroidSans;
    src: url(./fonts/DroidSans.ttf) format('truetype');
}
@font-face {
    font-family: DinPro;
    src: url(./fonts/DINPro-Cond.otf) format('opentype');
}
@font-face {
    font-family: DinPro;
    src: url(./fonts/DINPro-CondMedium.otf) format('opentype');
    font-weight: 500;
}
@font-face {
    font-family: DinProRegular;
    src: url(./fonts/DINPro-Regular.otf) format('opentype');
}
@font-face {
    font-family: DinProMedium;
    src: url(./fonts/DINPro-Medium.otf) format('opentype');
}
@font-face {
    font-family: DinProBold;
    src: url(./fonts/DINPro-Bold.otf) format('opentype');
}
@font-face {
    font-family: DinProBlack;
    src: url(./fonts/DINPro-Black.otf) format('opentype');
}

body {
	margin: 0;
	padding: 0;
	font-family: "DroidSans", sans-serif;
}
body, h1, h2 {
	font-size: 14px;
}
h1, h2 {
	margin: 0;
}
header {
	margin-top: 20px;
}
label {
	font-weight: normal;
}

.main-background {
	background: #09223e;
}
.logo {
		float: left;
		margin-bottom: 20px;
    }
.gradjanilogo {
	width: 150px !important;
	float: right;
	position: absolute;
	top: -15px;
	right: 5px;
	z-index: 1;
}
@media screen and (max-width: 768px) {
	.gradjanilogo {
		top: 55px;
		right: 50px;
	}
}
.navbar {
	margin-bottom: 0px;
	border-radius: 0px;
}

/*CAROUSEL*/
.carousel {
	max-height: 350px;
}
.carousel .item {
	width: 100%;
	max-height: 350px;
	overflow: hidden;
}
.carousel .item img {
	width: 100%;
}
.carousel-indicators {
	bottom: -5px;
}
.carousel-indicators li {
	margin-right: 5px !important;
}
.naslov-vesti {
	position: absolute;
	bottom: 30px;
	left: 0px;
	font-size: 25px;
	color: #fff;
	background: #c4161c;
	padding: 10px 20px;
}
@media screen and (max-width: 768px) {
	.carousel .item {
		max-height: 200px;
	}
	.carousel-wrap {
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media screen and (max-width: 400px) {
	.carousel .item {
		max-height: 150px;
	}
}

/*NAVIGATION*/
.navbar {
	min-height: auto;
}
.navbar-default {
	background: #fff;
}
.navbar-collapse {
	padding-left: 0px;
	padding-right: 0px;
	box-shadow: 1px 1px 1px #ccc;
}
.navbar-nav {
	margin: 0;
}
.navbar-nav li {
	box-shadow: 1px 1px 1px #ccc;
}
.navbar-collapse ul:last-child li {
	box-shadow: 1px 0px 1px #ccc;
}
.nav > li > a {
	padding: 8px 15px;
}
.navbar-default .navbar-nav > li > a:hover {
	background: #eee;
}

@media screen and (max-width: 768px) {
	.navbar-nav li {
		box-shadow: 0 0 0px;
		border-bottom: 1px solid #ddd;
	}
	.navbar-collapse {
		box-shadow: 0 0 0px;
	}
	.main-navigation {
		padding-left: 0px;
		padding-right: 0px;
	}
}

/*MAIN CONTENT*/
.main-content {
	margin-top: 20px;
	padding-bottom: 40px;
}
.main-content h1 {
	text-transform: uppercase;
	color: #444;
    font-size: 20px;
    font-family: 'DinPro';
    font-weight: 500;
    margin-bottom: 15px;
}
.wrap-content {
	background: #fff;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	/*height: 300px;*/
	border-right: 0px;
	padding: 20px;
	box-sizing: border-box;
}
.main-page .col-xs-6 {
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 30px;
}
.main-page .col-xs-6:last-child .wrap-content {
	border-right: 1px solid #ddd;
}
@media screen and (max-width: 992px) {
	.main-page .col-xs-6:nth-child(2) .wrap-content {
		border-right: 1px solid #ddd;
	}
}
@media screen and (max-width: 500px) {
	.main-page .col-xs-6, .main-content .stranka-akteri .col-xs-6 {
		width: 100%;
	}
	.wrap-content {
		border-right: 1px solid #ddd;
	}
}
.aktuelnost-naslov {
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
}
.aktuelnost-naslov span {
    display: inline;
}
.aktuelnost-naslov p {
    display: inline;
    margin-left: 10px;
    color: #333;
}
.wrap-twitter {
    border-left: 1px solid #ddd;
    display: inline-flex;
}

/*GLASOMER*/
.question-category {
	/*padding: 20px;*/
	background: #fff;
	box-shadow: 0px 0px 2px #ccc;
	background: linear-gradient(to bottom, #f5f5f5, #fff);
}
.glasomer-pitanja h3 {
	font-size: 14px;
	color: #003e7e;
	margin: 0px;
	margin-bottom: 10px;
	line-height: 20px;
}
/*.glasomer-pitanja .question:first-child h3 {
	margin-top: 0px;
}*/
.glasomer-pitanja input {
	margin: 0;
	margin-right: 7px;
}
.glasomer-pitanja label {
	margin-right: 15px;
}
.question {
	padding: 20px;
    padding-bottom: 15px;
    position: relative;
    overflow: hidden;
    background: url(../images/bg_list_glow.svg) 50% 0 no-repeat;
}
.question:first-child {
	background: none;
}

/*KOALICIJE / STRANKE*/
.stranka-wrap {
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	padding-top: 10px;
}
.stranka-wrap h2 {
	font-weight: bold;
	margin-bottom: 10px;
	color: #09223f;
	text-transform: uppercase;
	margin-top: 10px;
}
.stranka-wrap p {
	color: #333 !important;
}
.stranka-wrap table {
	margin-bottom: 20px;
}
.stranka-wrap table tr {
	vertical-align: text-top;
}
.stranka-wrap td:first-child {
	padding-right: 20px;
}
.stranka-wrap td:last-child {
	font-weight: 700;
}
.stranka-logo {
	margin: 0 auto;
	display: block;
}
.stranka-akteri {
	margin-top: 20px;
}
.stranka-akteri .pic-wrapper {
	padding-left: 0px;
	padding-right: 0px;
}
.stranka-akteri h2 {
	margin-bottom: 10px;
	font-size: 15px;
}
.stranka-prethodni-rezultati h2 {
	text-transform: uppercase;
	padding-top: 20px;
	margin-bottom: 10px;
	font-weight: 500;
	font-family: "DinPro";
	font-size: 20px;
}
@media screen and (max-width: 500px) {
	.stranka-akteri h2 {
		margin-top: 20px;
	}
	.stranka-akter-info.col-xs-6 {
		padding-left: 0px;
		padding-right: 0px;
	}
}

/*VESTI*/
.vest-wrap {
	position: relative;
	overflow: hidden;
}
.izjava {
    padding: 20px;
    font-size: 15px;
    line-height: 25px;
    background: #f5f5f5;
    margin-bottom: 20px;
}
.komentar {
	margin-bottom: 20px;
}
.photography-wrapper {
	position: relative;
	border: 1px solid #eee;
    margin-top: 20px;
    margin-bottom: 20px;

}
.photography-wrapper .source {
	position: absolute;
	width: 100%;
    background: #f5f5f5;
    padding: 4px 8px;
}

/*LOKALNI IZBORI*/
.nepravilnosti, .lokalna-vest {
	margin-bottom: 10px;
}
.nepravilnosti a, .lokalna-vest a {
	color: #333;
}
.lokalne-vesti-tabs h1 {
	margin-bottom: 10px;
}
.nepravilnosti h2, .lokalna-vest h2 {
	font-weight: bold;
	/*color: #09223f;*/
	margin-bottom: 10px !important;
}
.nepravilnosti .col-sm-4, .lokalna-vest .col-sm-4 {
	padding-right: 0px !important;
}
.lokalne-vesti-tabs {
	-webkit-padding-start: 0px;
	padding-start: 40px;
}
.lokalne-vesti-tabs li {
	display: inline-block;
	list-style: none;
	border-radius: 0px;
	margin-right: 20px;
}
.lokalne-vesti-tabs li a {
	text-decoration: none;
}
.lokalne-vesti-tabs .active h1 {
	/*color: #c4161c !important;*/
	border-left: 5px solid #09223f;
	padding-left: 10px;
	color: #09223f;
}
.lokalne-vesti-anketa .anketa-uvod .btn {
	margin-top: 10px;
	float: right;
	padding: 4px 8px;
	background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 3px;
}
.lokalne-vesti-anketa .anketa-uvod .btn:hover {
	background: #0b445f;
	color: #fff;
	border: 1px solid #0b445f;
	border-bottom: 3px solid #08112d;
	margin-bottom: 1px;
}
.anketa-uvod {
	position: relative;
	overflow: hidden;
}
.anketa-opstina {
	width: 50%;
	margin-bottom: 20px;
}
.anketa-button {
	display: none !important;
}
.anketa-odgovori .odgovor p:first-child {
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.nepravilnosti h2, .lokalna-vest h2 {
		margin-top: 20px;
	}
	.nepravilnosti .col-sm-4, .lokalna-vest .col-sm-4 {
		padding-right: 15px !important;
	}
	.lokalne-vesti-anketa {
		border-top: 1px solid #ccc;
		padding-top: 20px;
	}
	.anketa-button {
		display: inline-block !important;
	}
	.anketa-opstina {
		width: 100%;
	}
}

/*BIRAČKI PROGLAS*/
.proglas-header {
	font-size: 30px;
	position: absolute;
	color: #fff;
	margin: 0 auto;
	*text-align: center;
	width: 100%;
	margin-top: 12px;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-family: "DinProBold";
	letter-spacing: 2px;
	z-index: 1;
	padding: 0px 20px;
}
.proglas-header p {
	margin-bottom: 0px;
}
.proglas-header a {
	color: #fff;
}
.proglas-header a:hover {
	text-decoration: none;
}
.proglas-header.is-playing a, .proglas-header.is-playing .menu-item .ikonica-item {
	color: #58585a;
}
.proglas-header.is-playing {
	background: #fff;
	color: #58585a;
	position: relative !important;
	transition: all 1s ease;
}
.proglas-header .menu-item {
	display: inline-block;
	margin-right: 20px;
}
.proglas-header .menu-item img, .proglas-header .menu-item p {
	display: inline-block;
}
.proglas-header .menu-item img {
	width: 55px;
}
.proglas-header .menu-item p {
	text-transform: uppercase;
	margin-left: 10px;
	font-size: 18px;
	font-family: "DinProMedium";
}
.proglas-header .menu-item p:hover {
	color: #8dd4de;
}
.proglas-fluid {
	background: #111;
	position: relative;
}
.proglas-fluid.main-content {
	margin-top: 0px;
	padding-bottom: 0px;
}
.proglas-video {
	text-align: center;
	line-height: 0px;
}
.promo-video .container {
	line-height: 0px;
}
.proglas-logo {
	margin: 0 auto;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-top: 40px;
}
.proglas-logo img {
	margin: 0 auto;
}
.proglas-tekst {
	line-height: 37px;
	font-size: 17px;
	margin-top: 20px;
	text-transform: uppercase;
	font-family: "DinProRegular";
}
.proglas-tekst p, .proglas-tekst div {
	display: inline-flex;
}
.mibiraci, .trazeglas, .zaboravljaju, .mi, .smotavecina, .drzavaskole, .zivimolose, .hajdeda, .zatojemoc, .zatoovajproglas, .font-size-25 {
	font-family: "DinProBlack";
	font-size: 25px;
}
.font-size-25 {
	font-family: "DinProBold";
	padding: 0px 2px;
}
.vremeje {
	display: block !important;
	text-align: center;
	font-size: 25px;
	margin-bottom: 50px;
}
.mibiraci {
	font-size: 35px;
	background: url("../assets/mibiraci.svg") no-repeat;
	padding: 0px 7px 10px 10px;
	background-position: 0px 35px;
}
.trazeglas {
	height: 64px;
	padding: 20px 10px 0px 14px;
	background: url("../assets/trazeglas.svg") no-repeat;
	background-size: 100%;
	font-size: 25px;
	background-position: 0px 10px;
}
.zaboravljaju {
	background: url("../assets/zaboravljaju.svg") no-repeat;
	font-size: 25px;
	background-position: -5px 35px;
	padding: 0px 7px 15px 5px;
}
.zasebe {
	font-size: 25px;
}
.mi {
	background: url("../assets/mi.svg") no-repeat;
	background-position: -5px 27px;
	padding: 0px 10px 20px 7px;
}
.smotavecina {
	background: url("../assets/smotavecina.svg") no-repeat;
	background-position: -5px 30px;
	padding: 0px 7px 15px 5px;
}
.drzavaskole {
	background: url("../assets/drzaveskole.svg") no-repeat;
	background-position: -10px 15px;
	padding: 0px 20px 20px 5px;
}
.zivimolose {
	background: url("../assets/zivimolose.svg") no-repeat;
	background-position: 0px 35px;
	padding: 0px 7px 15px 5px;
}
.hajdeda {
	background: url("../assets/hajdeda.svg") no-repeat;
	background-position: 0px 32px;
	padding: 0px 7px 15px 5px;
}
.zatojemoc {
	background: url("../assets/zatojemoc.svg") no-repeat;
	background-position: -3px -3px;
	padding: 0px 10px 15px 10px;
}
.zatoovajproglas {
	background: url("../assets/zatoovajproglas.svg") no-repeat;
	background-position: 0px 0px;
	padding: 5px 15px 15px 15px;
	font-size: 22px;
}
.proglas-stavka {
	background: #8dd4df;
	font-size: 25px;
	font-family: "DinProBold";
	padding: 2px 5px;
}
.proglas-margin-bottom {
	margin-bottom: 10px;
	display: block !important;
}
.proglas-footer {
	margin-top: 40px;
	margin-bottom: 40px;
	text-transform: uppercase;
	text-align: center;
	clear: both;
    padding-top: 40px;
}
.proglas-footer a {
	color: #6d6e70;
	font-family: "DinProMedium";
	font-size: 18px;
	background: url("../assets/izborilink.svg") no-repeat;
	background-position: 0px 36px;
	padding: 0px 10px 20px 10px	;
}
.play-video {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2em;
    margin-top: -2em;
    background-image: url('../assets/play-arrow.png');
    height: 7em;
    width: 7em;
    border: 3px solid #fff;
    border-radius: 5em;
    background-size: 2.4em;
    background-position: 57% 50%;
    background-repeat: no-repeat;
    opacity: .75;
}
.promo-video {
	max-height: 723px;
	overflow: hidden;
}
.promo-video img {
	width: 100%;
}

.ikonice {
	margin-top: 20px;
}
.ikonica-item {
	border: rgba(128, 128, 128, 0.19) 1px solid;
	border-radius: 12px;
	margin: 10px 0;
	padding: 20px ;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(175,175,175,1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(175,175,175,1);
	box-shadow: 5px 5px 5px 0px rgba(175,175,175,1);
	color: #6c6d6f;
}
.menu-item .ikonica-item {
	border: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #fff;
}
.ikonica-item .naslov {
	text-transform: uppercase;
	display: inline;
	font-family: "DinProMedium";
	font-size: 16px;
}
.text_proglas {
	margin-top: 40px;
	font-family: "DinProMedium";
	font-size: 16px;
}
.ikonica-item img {
	height: 60px;
	margin-right: 10px;
}
.menu-item .ikonica-item img {
	margin-right: 0px;
	height: 55px;
}
.ikonica-item .naslov:hover{
	color: #8DD4DE;
	cursor: hand;
	cursor: pointer;
}
.ikonica-item img {			
	cursor: hand;
	cursor: pointer;
}
.ikonica-item a:hover {
	text-decoration: none;
}
.proglas-fluid .embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.proglas-fluid .embed-container iframe, .proglas-fluid .embed-container object, .proglas-fluid .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-fluid {
	margin-top: 60px;
	background: #8dd4de;
	padding: 60px;

}
.proglas-video {
	/*padding: 0px;*/
}
.proglas-video {
	position: relative;
	padding-bottom: 17.25%;
	padding-top: 25px;
	height: 0;
	overflow: hidden;
}
.kampanja-fluid .proglas-video {
	padding-bottom: 25.25%;
}
.proglas-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 98%;
	height: 98%;
}
/*.proglas-video:last-child {
	padding-bottom: 25.25%;
}*/
@media screen and (max-width: 992px) {
	.proglas-video {
		padding-bottom: 25.25%;
	}
}
@media screen and (max-width: 768px) {
	.proglas-video {
		padding-bottom: 56.25%;
	}
}

.social.jedan {
	position: fixed;
	right: 10px;
	top: 100px;
	width: 75px;
	z-index: 1;
}
.social img{
	margin:10px 0;
	padding-left: 10px;
	width: 65px;
}

/*MODALS*/
.biracki-modal .modal-title {
	text-transform: uppercase;
    font-family: "DinProMedium";
    font-size: 16px;
    color: #6c6d6f;
}
.biracki-modal .modal-body {
	font-family: "DinProRegular";
    font-size: 16px;
    color: #6c6d6f;
}
.biracki-modal .modal-body input, .biracki-modal .modal-body textarea {
	font-family: "DinProRegular";
    font-size: 16px;
}
.biracki-modal .modal-body a {
	color: #8DD4DE;
}
.biracki-modal textarea:focus, .biracki-modal input:focus, .biracki-modal input[type]:focus {   
    box-shadow: 0 0px 8px #8DD4DE;
}
.biracki-modal .modal-footer {
	font-family: "DinProRegular";
}
.biracki-modal .modal-content {
	border: rgba(128, 128, 128, 0.19) 1px solid;
    border-radius: 12px;
    margin: 10px 0;
    color: #6c6d6f;
}
.biracki-modal .btn-primary {
	background: #8DD4DE;
	font-size: 16px;
	margin-top: 10px;
	border: 1px solid transparent;
}
.biracki-modal .btn-primary:hover {
	background: #7cc3cd;
}
.biracki-modal #rezultat {
	margin-left: 20px;
}
/*FOOTER*/
footer {
	padding-top: 20px;
	padding-bottom: 40px;
}
footer.sticky-footer {
    position: fixed;
    bottom:0;
    left: 0;
    right:0;
}
.copyright {
	float: left;
}
.copyright a {
	color: #fff;
}
.copyright a:hover {
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}
.newsletter {
	float: right;
}
.newsletter p {
	color: #fff;
}
.newsletter input, .newsletter button {
	float: left;
	padding: 4px 5px;
	border: transparent;
	border-bottom: 3px solid #ccc;
}
.newsletter button {
	background: #fff;
	border-left: 1px solid #ccc;
	padding-left: 10px;
	padding-right: 10px;
}
.newsletter button:hover {
	background: #0b445f;
	color: #fff;
	border-bottom: 3px solid #08112d;
}
@media screen and (max-width: 768px) {
	.copyright, .newsletter {
		float: none;
	}
	.copyright {
		text-align: center;
	}
	.newsletter {
		margin: 0 auto;
	    position: relative;
	    overflow: hidden;
	    display: table;
	    text-align: center;
	}
}

/*BOOTSTRAP EDITS*/
.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}
.container {
	position: relative;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
	margin-left: 0px;
	margin-right: 0px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background: #eee;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #09223e;
}
.navbar-toggle {
	border-radius: 0px;
	padding: 7px 5px;
}
input::-webkit-input-placeholder {
   color: #111;
}
input:-moz-placeholder {
   color: #111;  
}
input::-moz-placeholder {
   color: #111;  
}
input:-ms-input-placeholder {  
   color: #111;  
}

.status {
	position: absolute;
	bottom: 5px;
}


@media screen and (max-width: 992px) {
 	.container {
		width: 98% !important;
 	}
 }
@media screen and (max-width: 768px) {
	.naslov-vesti {
		font-size: 18px;
	}
}



.fact-wrap {
    position: relative;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 20px !important;
    padding-right: 120px !important;
    padding-bottom: 10px !important;
    box-shadow: 0px 0px 2px #ccc;
    margin-bottom: 20px;
}
.fact-wrap:nth-child(2n) {
    background: #f1f2f2;
}
.fact-container {
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
}
.fact-mark {
    position: absolute;
    right: 10px;
    top: 10px;
}
.fact-wrap .info {
	margin-top: 10px;
}
.fact-wrap .fact-act , .fact-wrap .fact-date {
	margin-right: 10px;
}