*{
	font-family: 'Palanquin', sans-serif;
}

#header nav {
	color: green;
	height: inherit;
	line-height: inherit;
	position: absolute;
	right: 1.25em;
	top: 0;
	vertical-align: middle;
}

#druga {
	text-align: center;
	position: relative;
}

#druga img{
	position: relative;
	width: 100%;
}

.treca {
	position: relative;
	margin-bottom: 30px;
}

@media (max-width:768px){
	.treca {
		margin-top: 20px;
	}
}

body .row-n {
	display: inline-block;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

.treca .col-md-12 {
	float: left;
	text-align: center;
	padding-top: 1%;
}

.logo2{
	height: 170px;
}

.naziv{
	padding: 4%;
	text-align: center;
	margin-bottom: -5px;
	font-size: 15px;
}

#navbar .nav.navbar-nav{
	float: right;
	margin-top: 5px;
}

body .row{
	margin-left: 0px;
	margin-right: 0px;
}

.row.header{
	width: 100%;
}

.row.header > .container{
	padding-right: 55px;
    padding-left: 55px;
}

.row.header .navbar.navbar-default.navbar-static-top{
	background-color: white;
	box-shadow: 1px 1px 5px grey;
}

.row.header .navbar-header{
	padding: 2px 0px 8px 10px;
}

.treca > .container{
	padding-left: 55px;
	padding-right: 55px;
}

#zadnja{
	background-color: #81ACBE;
	background-size: 3em;
	background-position: center center;
	background-repeat: no-repeat;
	color: #19afc0;
	text-align: center;
	padding: 10px 10px 10px 10px;
}

#mali_logo{
	margin-top: 2%;
}

.row4 p{
	text-align: center;
	color: white;
	font-size: 14px;
    line-height: 21px;
}

.crtica1{
	width: 27%;
	border: solid #DBDBD5;
	border-width: 1.5px;
	margin-top: 0px;
	margin-bottom: 8px;
}

.crtica2{
	width: 15%;
	border: solid #DBDBD5;
	border-width: 1px;
	margin-top: 8px;
	margin-bottom: 15px;
}

.crtica3{
	width: 15%;
	margin-top: 2%;
	border: solid 0.8px white;
}

.prava1{
	text-align: center;
	font-size: 13px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.prava1 > img{
	margin-left: 2px;
	margin-right: 2px;
}
.tekst1{
	margin-bottom: 0;
}

#navbar > ul > li > a {
	color: #00984c;
}

#navbar > ul > li > .navigacija.active-menu > strong {
	margin-bottom: 3px;
	padding-bottom: 4px;
	border-bottom: 3px solid #19afc0;
}

.carousel-inner .active.left{
	left: -33%;
}

.carousel-inner .next{
	left:  33%;
}

.carousel-inner .prev{
	left: -33%;
}

.carousel-control.left,.carousel-control.right {
	background-image:none;
	display: none;
}

.item:not(.prev) {
	visibility: visible;
}

.item.right:not(.prev) {
	visibility: hidden;
}

.rightest{
	visibility: visible;
}

.language-div{
	display: inline-block;
	position: absolute;
	right: 50px;
	font-family: 'Palanquin', sans-serif;
}

.language-div > div{
	float: left;
	padding-top: 10px;
	background-color: white;
	box-shadow: 1px 1px 5px grey;
	padding-left: 4px;
	padding-right: 4px;
	font-weight: 900;
	letter-spacing: -1px;
}

.language-en{
	margin-left: 5px;
}

.jezik-nav{
	color: gray;
	font-size: 13px;
}

.language-div .jezik-nav.active-jezik{
	color: black;
}

.nav.navbar-nav .navigacija.active-menu{
	color: black;
}

#zadnja .container{
	padding-right: 210px;
    padding-left: 210px;
}

/*
.mini-logo{
	float: left;
	position: absolute;
}
*/



/* zastupstva  */

.row.zastupstva{
	margin-top: 2%;
}

.row.zastupstva .container{
	padding-left: 55px;
	padding-right: 55px;
	text-align: center;
	margin: 0 auto;
	width: 90%;
	display: table;
	padding-bottom: 5px;
}

.row.zastupstva .container .col-xs-12.col-sm-6{
	margin-bottom: 40px;
}

.crtica4{
	width: 40%;
	border: solid #DBDBD5;
	border-width: 2px;
	margin-top: 10px;
	margin-bottom: 15px;
}

.crtica5{
	width: 20%;
	border: solid #DBDBD5;
	border-width: 1.5px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.row.zastupstva .tekst2{
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 14px;
	line-height: 21px;
}

.zlogo{
	display: block;
margin: 0 auto;
}

.naziv-z{
	text-align: center;
	font-size: 23pt;
}

.logo3{
	height: 150px;
}

.row.zastupstva .container .col-xs-12.col-sm-6 .tekst2{
	margin-bottom: 10px;
}

button{
	padding-top: 3px;
	padding-bottom: 3px;
}

.btn.btn-lg.btn-primary{
	font-size: 16px;
	background-color: #19afc0;
	border-radius: 3%;
	border: none;
	margin-top: 15px;
	width: 80%;
}

.zasss{
	margin-bottom: 0px;
	margin-top: 20px;
}

/* kontakt */

.row.adresa {
	display: inline-block;
	margin: 0 auto;
	width: 80%;
	display: table;
	padding-top: 2%;
}

.podaci {
	text-align: center;
	width: 100%;
}

.kontaktiraj {
	font-size: 20px;
}

.kon-tekst{
	color: #959595;
	font-size: 12px;
	margin-top: -2%;
}

.row.adresa .podaci .crtica6 {
	width: 70%;
	border: solid #ececec 0.2px;
	margin-top: 2%;
}

.prijava {
	text-align: center;
	float: left;
}

.poruka {
	float: right;
}

.btn.posalji {
	background-color: #3cbaba;
	color: white;
	border: 0;
	border-radius: 4px;
	width: 200px;
	float: left;
	margin-top: 45px;
}

.logo-kon{
	width: 400px;
}

.adr {
	padding: 2px;
	margin-left: 0px;
	color: black;
	font-size: 14px;
    line-height: 21px;
}

.adr > a{
	color:black;
}

.inner-addon {
	position: relative;
    padding-bottom: 8px;
}

.inner-addon .glyphicon {
	position: absolute;
	padding: 10px;
	pointer-events: none;
}

.left-addon .glyphicon  {
	left:  0px;
}

.right-addon .glyphicon {
	right: 0px;
}

.left-addon input  {
	padding-left:  30px;
}

.right-addon input {
	padding-right: 30px;
}

.input-placeholder {
	position: relative;
}

.input-placeholder textarea {
	 padding-left: 32px;
	 font-size: 13px;
}

.placeholder {
	position: absolute;
	pointer-events: none;
	top: 0;
	bottom: 0;
	height: 25px;
	font-size: 25px;
	left: 10px;
	color: #ccc;
}

.logo-kon{
	padding-top: 25px;
}

.inner-addon {
	position: relative;
	padding-bottom: 8px;
}

/* style glyph */
.inner-addon .glyphicon {
	position: absolute;
	padding: 10px;
	pointer-events: none;
	color: lightgray;
}

/* align glyph */
	.left-addon .glyphicon  { left:  0px;}
	.right-addon .glyphicon { right: 0px;}

/* add padding  */
	.left-addon input  { padding-left:  30px; }
	.right-addon input { padding-right: 30px; }

.input-placeholder {
	position: relative;
}

.input-placeholder textarea {
	padding: 10px;
	font-size: 12px;
}

.placeholder {
	position: absolute;
	pointer-events: none;
	top: 0;
	bottom: 0;
	height: 25px;
	font-size: 25px;
	left: 10px;
	margin: auto;
	color: #ccc;
}

.placeholder img {
	width: 25px;
	margin-top: -55px;
}

.input-placeholder textarea {
	padding-left: 32px;
}

/* karta */

.row-karta > .mapouter {
 padding-left: 130px;
 padding-right: 130px;
}

.row-karta > .container {
	padding-left: 55px;
	padding-right: 55px;
	position: relative;
}

.gmap_canvas {
	position: relative;
	height: 100%;
}

.karta {
	position: absolute;
	top: 0px;
	height: 530px;
	left: 0px;
}

.row.row-karta {
	margin: -12px 0px 0px 0px;
	width: 100%;
	padding-top: 0px;
	margin-top: 0px;
}

.slide-text {
	position: absolute;
    top: 25%;
    left: 15%;
    z-index: 10;
	text-align: left;
	color: white;
	font-size: 22px;
	font-family: 'Palanquin Medium', sans-serif !important;
	letter-spacing: 1.7px;
}

.slide-naslov {
	font-size: 25px;
	font-weight: 700;
	font-family: 'Palanquin',sans-serif;
}

.font{
	font-family: 'Palanquin Medium',sans-serif;
}

.slide-text2 {
	position: absolute;
    top: 20%;
    left: 6%;
    z-index: 10;
	text-align: left;
	color: white;
	font-size: 19px;
	font-family: 'Palanquin Medium', sans-serif !important;
	letter-spacing: 1.7px;
}

#zadnja h2{
	color: white;
    margin-left: 15px;
	margin-right: 15px;
	font-size: 24px;
}

h1.since{
	color: white;
	font-weight: bold;
	    font-size: 16px;
}

.mvg{
    display: inline-block;
    position: relative;
}

.mvg .mini-logo{
    top: 15px;
    float: left;
	position: relative;
}


/* Izmjene na webu */
/* Footer */
.footer-sadrzaj {
	margin: 30px 0;
}

.footer-sadrzaj-tekst {
	text-align: left;
	font-size: 18px;
	line-height: 24px;
	color: #fff
}

.footer-sadrzaj-tekst.italic {
	font-style: italic;
}

.footer-sadrzaj-tekst-istaknuti {
	text-align: left;
	font-size: 22px;
	color: #222;
	font-weight: 600;
	margin: 16px 0;
}

#footer-logo-img {
	margin-bottom: 20px;
}

.red {
	margin-bottom: 30px;
}

.drugi-mail {
	padding-left: 39px;
}


/* Small devices */

@media (max-width: 767px) {

	.row.header > .container {
		padding-left: 0px;
		padding-right: 0px;
	}

	.navbar-default{
		background-color: white;
	}

	.row.header .navbar.navbar-default.navbar-static-top {
		box-shadow: none;
	}

	.col-lg-4.col-xs-12.col-md-4.col-sm-12{
		padding-bottom: 10%;
	}

	.row-karta > .container {
		padding-left: 40px;
		padding-right: 40px;
	}

	.karta {
		display: none;
	}

	.slide-text2{
		position: relative;
		top: 75px;
		padding-bottom: 100px;
		width: 90%;
		margin-bottom: 0px;
	}

	.row.row-karta {
		padding-top: 0px;
	}

	#navbar > ul > li > a {
		text-align: center;
		float: none;
	}

	#navbar .nav.navbar-nav{
		float: none;
	}

	.row.zastupstva{
		margin-top: 0px;
	}

	.row.zastupstva .container .col-xs-12{
		padding-bottom: 15px;
	}

	body .row-n{
		padding-bottom: 15px;
		margin-top: 0px;
	}

	.row.zastupstva .tekst2{
		text-align: center;
	}

	.row.zastupstva .container{
		padding-left: 0px;
		padding-right: 0px;
	}

	.logo3{
		float: none;
	}

	.btn.btn-lg.btn-primary{
		float: none;
	}

	.adresa{
		margin-bottom: 50px;
	}

	.prava3{
		margin-top: 20px;
	}

	.logo-kon{
		width: 190px;
		display: block;
		margin: 0 auto;
	}

	.btn.posalji{
		float: none;
	}

	.language-div {
		right: 15px;
		top: 50px;
	}

	.language-en{
		margin-left: 15px;
	}

	.prava4{
		position: relative;
		display: block;
		margin: 0 auto;
		text-align: center;
	}

	#zadnja .container{
		padding-left: 0px;
		padding-right: 0px;
	}

}


@media (min-width: 768px) and (max-width: 1024px) {

	.slajder{
		margin-bottom: 50px;
	}

	.treca > .container > .row-n{
		margin-top: 30px;
	}

	#logo1{
		height: 20px;
	}

	.logo3{
		float: none;
		width: 100px;
		height: 100px;
	}

	.row.zastupstva{
		margin-top: 50px;
	}

	.zasss{
		margin-bottom: 50px;
	}

	.btn.btn-lg.btn-primary{
		float: none;
	}

	.row.zastupstva .tekst2{
		text-align: center;
	}

	.adresa{
		margin-bottom: 50px;
	}

	.row.adresa{
		padding-top: 1px;
	}

	.btn.posalji{
		float: none;
	}

	.prava3{
		margin-top: 20px;
		margin-bottom: 3px;
	}

	.slide-text{
		left: 15%;
	}

	.gmap_canvas{
		top: 50px;
		background: #19afc0;
	}

	.karta{
		display: none;
	}

	.slide-text2{
		position: relative;
		top: -20px;
	}

	.prava4{
		margin-top: 3px;
	}

	.language-div {
		right: 10px;
	}

	#zadnja .container{
		padding-left: 0px;
		padding-right: 0px;
	}

}

@media (min-width: 1024px) and (max-width: 1366px){

	.row.adresa{
		margin-top: 2%;
	}

}

@media (min-width: 1024px){
    .pozadina{
	margin-top: 1px;
	background-color: #19afc0;
    background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	height: 90%;
	z-index: -2;
	}
	.pozadina1{
		background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	height: 10%;
	z-index: -1;
}
}

.mapouter{
	height: 530px;
}

@media (min-width: 1024px){
    .prava4 {
	margin-top: 3px;
	}
}
@media (max-width: 1024px){
	.mapouter{
	background: #19afc0;
	}
}

@media (min-width: 1366px){

	img.pocetna{
		width:100%;
		height: auto;

	}

}
#druga{
	margin-top:0px;
}

	div.pocetna{
box-shadow: 1px 1px 5px grey;
	}
		.navbar{
		margin-bottom: 5px !important;
	}

	.carousel-inner{
		    margin-top: 30px;
	}

@media (min-width: 1024px){
.mapouter{
	box-shadow: 1px 1px 5px grey;
	background: #19afc0;
}

body .container{
width: 90%;
padding-left: 55px;
padding-right: 55px;
}
}

@media (min-width: 768px) and (min-width: 1024px){
.row.row-karta {
    height: 530px !important;
	}
}

.mapa{
	height: 100%;
    position: absolute;
    z-index: 2;
    padding: 0;
}
.mapa2{
	height: 100%;
    position: absolute;
    z-index: 2;
    padding: 0;
}

.slide-naslov{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	
}

.tekst-opsi{
	width: 30%;
}

.slide-text img {
	width: 250px !important;
}

@media (min-width:768){
	.containter{
		padding-left: 0!important;
		padding-right: 0 !important;
	}
}

.pocetna > iframe {
	position: relative;
	z-index: 2;
	height: 100%;
	margin-left: -10%;
	width: 100%;
}

.sjena{
	margin-top: 50px;
}

.mapadiv{
	position: absolute;
    top: 0%;
    right: calc(5% + 55px);
    height: 100%;
    width: 50%;
}

.mapapozadina{
	position:relative;
}

.slikamapa{
	position: relative;
	float:left;
}
@media (max-width:1400){
	.slide-text{
		top: 33%;
    left: 11.5%;
	 font-size: 26px;
 }

 .slide-text img {
	width: 110px !important;
 }

 .slide-naslov{
	 font-size: 34px;
 }
}

@media (min-width:1400px){
	.slide-text{
		top: 36%;
    left: 16%;
	 font-size: 26px;
 }
 .slide-naslov{
	 font-size: 34px;
 }
}

/* @media (min-width: 1366px) and (max-width:1599px){
.slide-text {
    left: 13.5%;
	}
}

@media (min-width: 1280px) and (max-width:1299px)
{
.slide-text {
    left: 13.7%;
	}
} */

.maparz{
	margin-top: 100px;
}

#myBtn {
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #19afc0; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 10px 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

.hvala{
	margin: 0 auto;
	text-align: center;
	margin-top: 5%;
}

.welcome{
	position: absolute;
	width: 100%;
	height: 100vh;
	z-index: 10000;
/*	display: none;  */ /* ff3.6+ */ /* safari4+,chrome */ /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */
background: linear-gradient(270deg, rgba(131,211,219,1) 0%, rgba(183,227,223,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7e3df', endColorstr='#83d3db',GradientType=1 ); /* ie6-9 */
}

.welcome > img{
	width: 30%;
	position: absolute;
	margin-left: 35%;
	margin-top: 20%;
	  -webkit-filter: drop-shadow(2px 2x 2px #222);
  filter: drop-shadow(2px 2px 2px #222);
}

.navbar-brand>img {
    margin-top: 4px;
    height: 50px;
}

.navbar-brand {
	padding: 0 !important;	
}

@media (min-width:768px) and (max-width:1024px){
	.navbar-brand>img {
    margin-top: 4px;
    height: 50% !important;
    margin-top: 13%;
}
}
@media (max-width:768px){
	.welcome > img{
	width: 60%;
	position: absolute;
	margin-left: 20%;
	margin-top: 20%;
	-webkit-filter: drop-shadow(2px 2x 2px #222);
	filter: drop-shadow(2px 2px 2px #222);
	}
}
html {
    overflow-y: scroll; 
}

.plusicimapa {
    position: absolute !important;
    /* float: left; */
    left: calc(5% + 55px);
    width: 30% !important;
    bottom: 5%;
}


.prava2{
	text-align: center;
	font-size: 13px;
	margin-top: 5px;
	margin-bottom: 15px;
	bottom: 0;
	right: 0;
	left: 0;
	position: absolute;
}

.prava2 > img{
	margin-left: 2px;
	margin-right: 2px;
}

.mapadiv2{
	padding: 15px;
	height: 100%;
	width: 100%;
}

.mapadiv22{
	margin-top: 20px;
	background: #19afc0;
	height: 90vh;
}

@media (max-width:1024px){
	.mapadiv{
	    width: 45%;
}
}

@media (max-width:320px){
	.navbar-brand {
    float: left;
    height: 50px;
    width: 70%;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}

	.navbar-brand>img {
	margin-top: 9px;
    height: auto;
	width: 100%;
}

	.prava1 {
    text-align: center;
    font-size: 11px;
}
}

/* devanagari */
@font-face {
  font-family: 'Palanquin';
  font-style: normal;
  font-weight: 400;
  src: local('Palanquin Regular'), local('Palanquin-Regular'), url(https://fonts.gstatic.com/s/palanquin/v2/vGfNghwFo4ZfgtnqrUvBChJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Palanquin';
  font-style: normal;
  font-weight: 400;
  src: local('Palanquin Regular'), local('Palanquin-Regular'), url(https://fonts.gstatic.com/s/palanquin/v2/fJwKFYo9XEsYeVx86yVYiBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Palanquin';
  font-style: normal;
  font-weight: 400;
  src: local('Palanquin Regular'), local('Palanquin-Regular'), url(https://fonts.gstatic.com/s/palanquin/v2/wDcF5fDzT3UyPmqw3IJ7_FtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

.izrada-logo {
	vertical-align: baseline;
}