@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700");

h1, h2, h3, h4, h5, h6, p, {font-family: 'Open Sans', sans-serif;}

.navHeaderCollapse {background: #00498F;}
.navHeaderCollapse1 {background: #00498F}
.navHeaderCollapse2 {background: #B12D35}



:root {
  --backgroundColor: rgba(246, 241, 209);
  --colorShadeA: rgb(106, 163, 137);
  --colorShadeB: rgb(121, 186, 156);
  --colorShadeC: rgb(150, 232, 195);
  --colorShadeD: rgb(187, 232, 211);
  --colorShadeE: rgb(205, 255, 232);
}

* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}

button {
  width:100%;
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1.5rem;
    color:var(--colorShadeA);
  font-weight: 700;
  text-transform: uppercase;
  font-family: inherit;
}

button.big-button {
   padding: 1em 2em;
   border: 2px solid var(--colorShadeA);
  border-radius: 1em;
  background: var(--colorShadeE);
transform-style: preserve-3d;
   transition: all 175ms cubic-bezier(0, 0, 1, 1);
}
button.big-button::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--colorShadeC);
  border-radius: inherit;
    box-shadow: 0 0 0 2px var(--colorShadeB), 0 0.75em 0 0 var(--colorShadeA);
 transform: translate3d(0, 0.75em, -1em);
     transition: all 175ms cubic-bezier(0, 0, 1, 1);
}


button.big-button:hover {
  background: var(--colorShadeD);
  transform: translate(0, 0.375em);
}

button.big-button:hover::before {
  transform: translate3d(0, 0.75em, -1em);
}

button.big-button:active {
            transform: translate(0em, 0.75em);
}

button.big-button:active::before {
  transform: translate3d(0, 0, -1em);
  
      box-shadow: 0 0 0 2px var(--colorShadeB), 0 0.25em 0 0 var(--colorShadeB);

}



.obavestenje {
     
      color:white;
      font-size:25px;
      font-weight: bold;
      -webkit-animation:colorchange 0.5s infinite alternate;
      
      
    }

    @-webkit-keyframes colorchange {
      0% {
        
        color: white;
      }
      
      100% {
        
        color: #eccf45;
      }
    }









a {text-decoration: none;}
a:hover {text-decoration:none;}

.dugme {background: white;
position: absolute;
bottom: 1px;
right: 0;
height: 35px;
border-bottom-width: 0px;
border-left-width: 0px;
padding-right: 0px;
border-right-width: 0px;
padding-left: 0px;
border-top-width: 0px;
padding-top: 0px;
width: 40px;}

.dugmeadr { background:#00498F;
  width: 100%;}

.view-article { background: rgb(0, 73, 143);
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
		color: white;
}

#view-article a:hover {text-decoration:none;color:#FFF;}


#view-article {margin-top: 43px;}
.category-style {margin-top:45px;}

.post-style img {
		float: left;
		padding-right: 30px;
		width:263px;
		height:156px;
}

.post-style {
		overflow: hidden;
		margin-bottom: 28px;
}

.post-style h4 {margin-top: 0px;max-height: 19px;
    overflow: hidden;}


.page-article { margin-top: 50px;}



.button1 {float: left;
}


.slider {background: url("//zemun.rs/wp-content/uploads/2020/05/img-header.jpg") no-repeat center; background-size: cover; padding-top: 75px;
padding-bottom: 60px;}
.pretraga { 
		float: right;
		width: 100%}


.telefon1 { 
	background: #B12D35;
	position: absolute;
	bottom: 36px;
        height: 50px;
        width: 100%;
	display:none;

}

.telefon2 ul { 
		list-style: none;
		margin-bottom: 0px;
		padding-left: 20px;	

}
.telefon2 ul li img {
			float: left;
			margin-top: 7px;
}
.telefon2 ul  li h5 {
			margin-bottom: 0px;
			margin-left: 32px;	
			margin-top: 7px;
}

.telefon2 ul  li p {
			font-size: 20px;
			margin-left: 32px;


}

  .lng-bar {
	width: 210px;
  	padding-top: 10px;
  	margin-right: 7px;
}
  .lng-bar a{
	color:#fff;
	padding-right: 5px;
 	padding-left: 5px;
}


.pretraga1 {width: 100%;}
.navbar-toggle {float:left}
.navbar-toggle1 {float: left;}

.navbar-toggle2 {
float: left;
padding-left: 10px;
margin-left: 15px;
}
.dokumenta {background: #00498F;margin-top: 20px;}
.nd { 
    	padding-left: 21px;
    	padding-right: 21px;
	padding-top: 15px;
	padding-bottom: 17px
	 }
.nd img {
		float: left;
		padding-right: 5px
}

.nd h5 {
		color: white; 
		margin-top: 0px;
}

.nd p{ 
		color: white;
}
.button {	

    color: #333333;
    background: white;
    font-size: 12px;
    margin-top: 15px;
    width: 100%;
    padding: 5px;
    display: block;
    text-align: center;
}


.pitajte { 
	background: #00498F;
	margin-top: 10px;
   
}
.prezent { 
	background: #00498F;
	margin-top: 10px;
   
}
.pn img {
	float: left;
	padding-right: 20px;	
	margin-top: 1px;
}
.pn h5 {
	color: white
}
.pn {
	height: 65px; 
	padding: 14px;

}
.pp h5 {
	margin-top: 3px
}

.navigacija {
		border:0px;
		background:#00498F; 
		height: 40px; 
		z-index: 1000;
}

.
.navigacija1 ul {list-style: none;padding-left: 0px;}
.navigacija1 ul li a{
		padding-bottom: 10px; 
		padding-top: 10px;
		color:white;
		float:left;
		padding-left: 15px;
		padding-right: 15px;
		
}

.navigacija2 {
		background: #B12D35;
		border-bottom: 4px solid #F4C127;
		z-index: 100;
}


.navigacija3 ul {list-style: none;padding-left: 0px;}
.navigacija3 ul li a{
		padding-bottom: 7px; 
		padding-top: 7px;
		color:white;
		
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 3px;
		width: 100%;
}




.arhiva-aktuelnosti {
			background:#00498F;
}

.arhiva-aktuelnosti a {
			padding: 5px;
			text-align: center; 
			color: white;display: 
			inline-block;
}

.arhiva-informacija	{
				background:#B12D35;
}

.arhiva-informacija a {
			padding: 5px; 
			text-align: center; 
			color: white;display: 
			inline-block;}

.navbar-inverse {
		color: white;
}

.prezentujemo {
		margin-top: 20px
}

.prezentujemo img {
		width:100%;
}

.main-content {
		margin-top: 50px
}




.poslednja {
		padding-bottom:  28px
}
.servisne-informacije1 {
	padding-top: 20px;
	border: 1px solid rgb(239, 239, 239);
	margin-top: 20px;
	border-top: 2px solid rgb(177, 45, 53);
	border-bottom-width: 0px;
}
.informacije { 
		height: 120px;
		clear: both;
		
}


.informacije li p {

			color: #B12D35; 
			font-size: 12px;
			padding-left: 115px;

}

.informacije ul {

			list-style: none; 

			clear: both;

			padding-top: 0px; 

			padding-left: 10px; 

			padding-right: 10px;

			overflow: hidden;

			margin-bottom: 0px

}



.informacije ul li img{
			width :100px;
			height:100px;
			float: left;

}



.informacije ul li h5 {

			font-size: 12px; 

			color: #333333; 

			padding-left: 15px;
			height: 53px;
			overflow: hidden;

}



.aktuelnosti {
	padding-top: 20px;
	border: 1px solid rgb(239, 239, 239);
	margin-top: 20px;
	border-top: 2px solid rgb(0, 73, 143);
}

.aktuelnosti-list { 
		height: 120px;
		clear: both;
		
}

.logo {float:right;}

.logo2 {float:right;margin-right:96px;}


.aktuelnosti-list li p {

			color: #B12D35; 
			font-size: 12px;
			padding-left: 115px;

}

.aktuelnosti-list ul {

			list-style: none; 

			clear: both;

			padding-top: 0px; 

			padding-left: 10px; 

			padding-right: 10px;

			overflow: hidden;

			margin-bottom: 0px

}



.aktuelnosti-list ul li img{
			width :100px;
			height:100px;
			float: left;

}

.vece {height: 320px;clear:both;}

.aktuelnosti-list ul li h5 {

			font-size: 12px; 

			color: #333333; 

			padding-left: 15px;
			height: 53px;
			overflow: hidden;

}
.prezentujemo ul {
			list-style: none; 
			padding-left: 0px;
}

.prezentujemo ul li {
			margin-bottom: 10px;
}

.futer {
			margin-top: 45px;
}
.futer p {padding-bottom: 10px;}


@media screen and (max-width: 768px) { 
										.lng-bar {width: 240px;}
										.logo {width: 30%}
										.logo2 {width: 12%;margin-right: 5px;}
 										.slider {
 												background-position: 60%;
 												padding: 50px;
 										}
 										.telefon1 {bottom: 0px; width: 200px;}
										.pretraga1 {width: 200px;}

 										.pretraga {width: 200px;}

 										

										.blue-right {
										 position: absolute;
										 top: 0;
										 right: 15px;
										 margin-top: 0px;
										 margin-bottom: 0px;
										 margin-left: 0;
										 		}
										 .nav > li {float:none;}
										 .telefon1 {top: -50px;}
										 .navbar-form {margin-top: -39px;
										  border-bottom-width: 0px;}
										 .dugme {top: 2px;right: 0;height:34px;}

                                                                                  .pretraga1 {width: 200px;}

 										.pretraga {width: 200px;}
										
                    
										 
 }




@media screen and (max-width: 480px) {
										.telefon1 {bottom: 0px; width: 200px;}

 										.logo2 {width: 25%}
 										.logo {
												width: 60%;
											}
										.slider {padding-left: 0px;}
										.dugme {bottom: -36px; right: 0;}	
										.lng-bar {width: 200px; margin-right: 0px;}
										.navbar-brand {  padding: 10px 5px;}
										
}






.bread_crumb {
    margin:0;
    padding-bottom: 32px;
    clear: both;
    height: 20px;
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    height: 20px;
    padding-left: 0px;
    margin-bottom: 35px;
  
}
.bread_crumb li {
    font-size:12px;
    color:rgb(180,180,180);
    float:left;
    /*margin-right:1em;*/
    list-style: none outside none;
    font-style: italic;
}
.bread_crumb li:after {
    content : '>';
    padding-left:10px;
    margin-right:10px;
}
.bread_crumb li:last-child:after {
    content : '';
}
.bread_crumb li a {
    color:rgb(120,120,120);
}
.bread_crumb li.current {
}

.red-right {width:23%;float:right;}

.alignnone {width:100%;height:auto;}

.subpages p {
	font-size :18px;
	padding-bottom: 10px;
	padding-top: 10px;

}



.subpages ul {
	background: rgb(177, 45, 53);
	list-style: none;
	padding: 10px;
	margin-bottom: 30px;

}
.subpages ul li {
		height:20px;
		overflow:hidden;

}
.menu-item-4095 a{background:#F4C127;color:#000;}

.subpages ul li a::before { content:"\00bb"; }

.subpages ul li a {
		padding :5px 10px;		
		color:white;
}

.subpages ul li:hover {
	background :white;
	color: red;
	
}
.subpages ul li:hover a {color :rgb(177, 45, 53);}












.title-content {margin-bottom :40px;}





.alignleft {float:left;clear: both;}


blue-right a{color: white;
font-size: 14px;
padding-bottom: 10px;
padding-top: 10px;
margin-left: 0px;
}



#menu-nav-bar-red ul{background:#B12D35;}

#menu-nav-bar-red .dropdown-menu > li > a:hover,
#menu-nav-bar-red .dropdown-menu > li > a:focus {
  color: #B12D35;
  text-decoration: none;
}

#menu-nav-bar-red li a:hover {backround:#FFF; color:#B12D35;}

#menu-nav-bar-red .nav > li > a:hover,
#menu-nav-bar-red .nav > li > a:focus {
  text-decoration: none;
  background-color: #FFF;
  color: #000;
}

 #menu-nav-bar-red .open a:hover {color:#FFF; background: #B12D35;}

 #menu-nav-bar-red .open .dropdown-menu li a:hover {background:#FFF;}


#menu-nav-bar-red > li > a:focus {background:#FFF; color: #B12D35; }

.serbian-data {color:#B12D35; margin-bottom:10px;font-weight: bold;}
.post-single h3{margin-top: 50px;margin-bottom: 20px;}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}



.navbar-toggle {margin-bottom: 2px;margin-top: 3px;}


.grins a h5{margin-top: 10px; !important}


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



.entry-content {padding-bottom: 20px;}

.jtitle {padding-bottom: 30px;}


.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
	width: 100% !important;
	height: 100% !important;
}
.wp-video, video.wp-video-shortcode {
	max-width: 100% !important;
}
video.wp-video-shortcode {
	position: relative;
}
.mejs-mediaelement {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mejs-controls {
	display: none;
}
.mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}

#menu-item-4095 ul {background: #F4C127;}

.wsp-pages-title {display:none;}

.pretraga1:focus {
    outline: 0 !important;
}

img.z-social {
    padding-top: 3px;
}
#post-5182 .subpages{display:none;}

.addthis_toolbox.addthis_default_style {
    height: 50px;
    margin-top: 50px;
    border-top: 1px solid #555555;
    padding-top: 20px;
}

span.at-icon-wrapper {
    line-height: 32px !important;
    width: 32px !important;
    height: 32px !important;
}

svg.at-icon {
    width: 32px !important;
    height: 32px !important;
}
.volim-zemun h4 {
    margin-top: 50px;
}
.ocene-anketa h4 {
    margin-top: 50px;
    margin-bottom: 30px;
}
.volim-zemun .wpcf7-list-item {
    display: block;
}
.ocene-ankete-box .col-md-6 {
    margin-bottom: 10px;
}