.row {margin:0!important;
padding:0!important;}

::selection {
background:	#009999;}

body{position:relative!important;
background-color:rgb(34, 34, 34)!important;
color:white!important;	
font-family: 'Oswald', sans-serif!important;}

.carousel-caption { background-color:transparent;
    top: 50%;
    left: 50%;
    margin-right: -0%;
    transform: translate(-0%, -33%);
  text-align: center;
		text-align:center!important;}
		
.carousel-caption h3{
    line-height: 1.2;
    letter-spacing: 7px;
border-bottom:2px solid white;
padding-bottom:30px;
font-weight:bold;
font-size:46px;

}

.top {position:fixed;
bottom:50px;
right:15px;
font-size:30px;
color:white;
text-align:center;}

.top .fa{color:white;
transition:0.4s;}
.top .fa:hover{color:teal;
transition:0.4s;}


.onama h2{padding-top:0px;}
.onama p{padding-bottom:25px;}

#onamaa h2{padding-top:25px;}
#onamaa p{padding-bottom:25px;}

#onamaaa h2{padding-top:25px;}
#onamaaa p{padding-bottom:25px;}

#kasli{width:100%;
margin-top:50px;
background-image:url(img/h2o3.jpg);
height:350px;
background-position:center;
background-size:100%;
background-repeat:no-repeat;}
#kaslia{width:100%;
margin-top:50px;
background-image:url(img/central02.jpg);
height:350px;
background-position:center;
background-size:100%;
background-repeat:no-repeat;}
#kaslib{width:100%;
margin-top:50px;
background-image:url(img/h2o2.jpg);
height:350px;
background-position:center;
background-size:100%;
background-repeat:no-repeat;}

#kaslic{width:100%;
margin-top:50px;
background-image:url(img/central03.jpg);
height:350px;
background-position:center;
background-size:100%;
background-repeat:no-repeat;}

#kaslid{width:100%;
margin-top:50px;
background-image:url(img/h2o1.jpg);
height:350px;
background-position:center;
background-size:cover;
background-attachment:fixed;
background-repeat:no-repeat;}

#kaslie{width:100%;
margin-top:50px;
background-image:url(img/central01.jpg);
height:350px;
background-position:center;
background-size:100%;
background-repeat:no-repeat;}

#kaslif{width:100%;
margin-top:50px;
background-image:url(img/h2o4.jpeg);
height:350px;
background-position:center;
background-size:100%;
background-repeat:no-repeat;}

.carousel-caption p{
	font-size:24px;
}

.eh{
	padding-bottom:20px;
}

.vis{
	transition:0.3s;
	border:2px solid teal;
	color:white;
font-weight:bold;
	display:inline-block;
	font-size:18px!important;
	letter-spacing:3px;
	padding:10px 20px;
	background-color:transparent;
}

.vis:hover{text-decoration:none;
	transition:0.3s;
	border:2px solid teal;
	color:white;
background-color:teal;}

.activelng{border-bottom:2px solid white;}

nav img {height:40px;
margin:6px 0 6px 0!important;}

.partj img{width:100%;
margin:0 auto;
}

#suka{padding-top:175px;}

#boja{
	background-color:rgba(10,10,10,1);
}

.partj{text-align:center;
padding:50px;
background-color:rgba(10,10,10,1)}
.partj a p{padding:10px;}
.partj a{float:left;
margin-top:5px;}
.partj h2{padding:10px;
font-size:24px;}
.partj p{padding:5px;
font-size:16px;}
main article {border:2px solid transparent;
background-color:rgba(20,20,20,1);
border-radius:5px;
transition:0.4s;
margin-left:4.16%;
margin-top:25px;
margin-bottom:25px;
margin-right:4.16%;
padding:5px 10px!important;
text-align:left!important;}
main article p {margin:0 auto;
padding:5px;
width:80%;
text-align:center;
}
main article h2{padding:20px;}
h1,h2{text-align:center;
padding-bottom:50px;
padding-top:50px;
margin:0px!important;}

main article:hover{
	border:2px solid teal;
background-color:teal;
}

.anchor{
  height: 68px; /*same height as header*/
  margin-top: -68px; /*same height as header kako nebi se raspalo i kako bi se ponistio height*/
  display:hidden;
  z-index:-2!important
}



footer p {float:right;
color:white;
padding-right:20px;}


.dropdown:hover .dropdown-content {
    display: block;
}


.links i{font-size:90px;
}


.links{padding-bottom:25px;}

.links a {text-decoration:none;
color:white;
margin-left:10px;
margin-right:10px;
float:left;}

.links a:hover{color:black;}

.links a:focus{color:rgb(99, 99, 99);}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    white;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    white;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    white;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    white;
}


.modal-backdrop.in {opacity:0.8!important;
transition:0.8s!important;}

.jezici ul{list-style:none;
padding:0;
}

.jezici li{float:right;
clear:both;
padding:10px;
}

.jezici a{
transition:0.3s;
color:white;}

#karta{width:100%;
height:calc(90vh - 69px);
margin-top:69px;}

.jezici a:visited{color:white;}

.jezici i{font-size:22px;
transition:0.4s;}

.fa-envelope:hover{font-size:22px!important;}

.fa-facebook-square{padding-top:20px;}

.fa-facebook-square:hover{padding-top:30px!important;}

.jezici i:hover{color:teal;
font-size:22px;
padding-top:10px;
padding-bottom:10px;
transition:0.4s;}

.enkor{position:absolute;
top:10%;
}

#carusellg{overflow:hidden!important;}

.jezici{position:fixed;
z-index:1;
top:14%;
right:0px;
background-color:rgba(0, 0, 0, 0.2);
border-radius:5px 0 0 5px;}


.formal{width:50%;
float:left;}
.formar{width:50%;
float:left;}

.forma {padding-bottom:50px;}

input[type=text], input[type=email], input[type="number"] {width:100%;
text-indent: 10px;
background-color:rgba(0, 0, 0, 0.3);
margin-bottom:20px;
border-radius:5px;
border:none;
padding:15px 0 15px 0;}

input[type=submit]{background-color:rgba(0, 0, 0, 0.3);
padding:15px 0 15px 0;
margin-top:20px;
clear:both;
float:right;
border-radius:5px;
width:33%!important;
border:none;}


input[type=submit]:hover{outline: none!important;
	transition:0.2s;
	background-color:rgba(0, 0, 0, 0.5);
box-shadow: 0 0 3pt 2pt #009999;}

.carousel-control{display:block!important;}

input[type=text]:focus , input[type=email]:focus {
    outline: none!important;
	transition:0.2s;
	text-indent: 15px;
	 box-shadow: 0 0 3pt 2pt #009999;

}

input[type="number"]:focus {
    outline: none!important;
	transition:0.2s;
	text-indent: 15px;
	 box-shadow: 0 0 3pt 2pt #009999;

}

.modal-content{background-color:teal!important;}

#projekt h1{
margin:0 auto;}

#projekt{
padding-bottom:50px!important;
}


#projekt{background-color:rgba(20, 20, 20, 1);
	padding-bottom:0px!important;
	}

	#projekta{background-color:rgba(30, 85, 90, 0.3);
	padding-bottom:0px!important;
	}
	
#projekt p, #projekt ul, #projekta p {
text-align:center;
font-size:18px;
max-width:800px;
position:relative;
margin:0 auto;}

#projekt li{padding-bottom:14px;}

#logoa img{margin:9px 0!important;
height:50px;}

.onama h1, .onama h2, ul h2{text-align:center;}

#boracm h2{padding-top:0;}

.galerija img{width:25%;
float:left;}

.galerija {padding-bottom:50px!important;}

nav a{
	padding:25px!important;
font-size:16px;
color:rgb(200,200,200)!important;
font-weight:bold;
transition: 0.4s;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color:white!important;
background-color:rgb(0, 65, 178)!important;
}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{border-color:white;}

nav a:hover{
 transform: translate(-0%, -5px);
background-color:rgba(0, 0, 0, 0)!important;
color:white!important;
transition:0.3s;}

	
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background-color:rgba(0, 0, 0, 0)!important;
transition:0.3s;
color:white!important;
font-size:18px;}

.navbar-nav>li>.dropdown-menu{
	top:60px;
	left:-1px;
	padding:0;
	background-color:rgb(0, 137, 123)!important;}
	
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	background-color:rgba(0, 86, 77)!important;
	
	
}	
	
		.forma textarea {width:95%;
border:none;
text-indent: 10px;
border-radius:5px;
background-color:rgba(0, 0, 0, 0.3);
float:right;
min-height:120px;
max-width:95%;}

.forma textarea:focus {
	text-indent: 15px;
    outline: none!important;
	transition:0.2s;
	 box-shadow: 0 0 3pt 2pt #009999;

}

#kon {text-align:center;
padding:0px;}

#kon h4, #kon h3 {font-weight:bold;}

#h3for {margin-bottom:20px;
text-align:center;}
	
#kon li {list-style:none;
padding-bottom:10px;}
	
.dropdown-menu>li>a{border:0!important;}

.navbar-default .navbar-toggle{background-color:transparent;
border:none;}

.navbar-default .navbar-toggle:hover{background-color:transparent!important;
border:none;}

.navbar-default .navbar-toggle:focus{background-color:transparent!important;
border:none;}

.navbar-default .navbar-toggle span{background-color:white!important;}

.affix{background-color:rgba(0, 0, 0, 0.9)!important;
padding-top:0px!important;
background-image:url("img/eee.png")!important;
padding-bottom:0px!important;
transition:1s!important;
}

nav{background:none!important;
position:fixed!important;
background-color:rgba(0, 0, 0, 1)!important;
background-image:url("img/ppp.png")!important;
z-index:2;
background-position:center!important;
background-size:cover!important;
transition:1s!important;
width:100%;
border:0px!important;
padding:50px 0 100vh 0!important;
border-radius:0px!important;
}

.navbarb{
	background-color:rgba(0, 0, 0, 0.9)!important;
padding-top:0px!important;
background-image:url("img/eee.png")!important;
	padding:0!important;
}

footer{background-color:rgb(0, 7, 0);
    float: right;
    width: 100%;}


footer p {margin:10px 0 10px 0;}


.carousel{margin-top:0px!important;
padding:0!important;
height:calc(130vh)!important;}


	
	
	.drugi {background:linear-gradient(
       rgba(0, 0, 0, 0.7), 
      rgba(0, 0, 0, 0.7)
    ),
	url(img/h2o4.jpg);
	background-attachment:fixed;
	background-position:center;
	background-size:cover;
	height:calc(130vh)!important;}

	.treci {background:linear-gradient(
       rgba(0, 0, 0, 0.7), 
      rgba(0, 0, 0, 0.7)
    ),
	url(img/central01.jpg);
	background-attachment:fixed;
	background-position:center;
	background-size:cover;
	height:calc(130vh)!important;}
	
	
	.modal-header button {color:white;}
	
	.modal-body {padding:0!important;}
	
	#katalogmain{background: linear-gradient(
        rgba(0, 0, 0, 0.87), 
      rgba(0, 0, 0, 0.93)
    ),
    /* bottom, image */
    url(img/art.png);
	background-attachment:fixed;}
	
	#katalog {margin:0 auto;
	width:100%;}
	
	object{height:130vh!important;
	padding-bottom:50px;}
	
	#katalog iframe{height:130vh!important;
	padding-bottom:50px;}
	
	#cont{	background-color:transparent;
	padding-top:150px;}
	
	#cont p{float:right;}
	


	.containera {
  position: relative;
  width: 25%;
   position: relative;
  border: 1px solid #333;
  overflow: hidden;
  padding:0!important;
}

.containera img {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0, 0, 0, 0.6);
}

.containera:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#sik{padding-bottom:25px!important;}
.containera img {
  max-width: 100%;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.containera:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
	

@media (min-width: 991px) and (max-width:1199px){/*md*/
#lele{display:none;}
.hen{margin-top:0px;}
#suka{padding-top:225px;}
}



@media (min-width: 767px) and (max-width:991px){ /*sm*/
#lele{display:none;}
.hen{margin-top:0px;}
}


@media (max-width:767px){ /*xs*/
	nav ul {margin-top:0!important;}
	nav button {margin-top:13px!important;
	margin-bottom:13px!important;
	}
	.hen{margin-top:0px;}
	nav img{margin-left:20px!important;
	margin-top:5px!important;
	margin-bottom:5px!important;
	height:50px!important;}
	
	#lele{display:none;}
	#lelel{display:none;}
	nav a{color:white!important;
padding:25px 15px 25px 15px!important;
font-size:15px;
text-align:center;
transition: 0.4s;}
	
.zabaval img{width:100%;
}

#kon{
padding-left:0;}
	

.carousel-control{display:none!important;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{background-color:rgb(0, 137, 123);
border:none;}

.carousel{margin-top:0px!important;
padding:0!important;
height:calc(120vh)!important;}

.drugi {background:linear-gradient(
       rgba(0, 0, 0, 0.7), 
      rgba(0, 0, 0, 0.7)
    ),
	url(img/central01.jpg);
	background-attachment:fixed;
	background-position:center;
	background-size:cover;
	height:calc(120vh)!important;}

	.treci {background:linear-gradient(
       rgba(0, 0, 0, 0.7), 
      rgba(0, 0, 0, 0.7)
    ),
	url(img/h2o4.jpg);
	background-attachment:fixed;
	background-position:center;
	background-size:cover;
	height:calc(120vh)!important;}
	
	
nav{
z-index:2;
background-image:url("img/eee.png")!important;
transition:1s!important;
width:100%;
border:0px!important;
padding:50px 0 0 0!important;
border-radius:0px!important;
}


#vr {width:50%;
clear:both;
margin-top:25px;
float:right;}

#fab {width:50%;
clear:both;
margin-top:25px;
float:left;}

.zabaval p{width:100%;
}

.zabavar img{width:100%;
}

.zabavar p{width:100%;
}
	.zabaval p,.zabavar p {margin-top:25px;}
	
	.dropdown-menu a{padding-left:50px!important;}
	
	#myNavbar {
	max-height:calc(100vh)!important;} /*OVO JE ZA SCROLLABLE NAVBAR (DROPDOWN) */
	
	.formar, .formal{width:100%;}
	

	
	.forma textarea {float:left;
	max-width:100%;
	width:100%;}
	
	input[type=submit] {margin-top:25px;}
	
	#uslugeul ul {padding:0 5%;}

	
	#carusel{height:calc(120vh)!important;}
	
	.carousel-caption h3{font-size:24px;
	}
	.carousel-caption p{font-size:16px;}
	.carousel-control{width:10%!important;}
	
	.carousel-caption{background: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 1),rgba(0, 0, 0, 1),rgba(0, 0, 0, 1))!important;
		padding:1.5vh 5% 1.5vh 5%!important;
		width:100%;
		top:auto;
		bottom:0!important;
		right:0%!important;
		transform: none;
		left:0%!important;
	text-align:left!important;}
		
	
	#projekt p, #projekta p{
	width:75%;
	}
	
	#projekt h2, #projekta h2{margin-top:0px!important;}
	
	#projekt h1{padding-bottom:50px!important;}
	
#myCarousellg{margin-top:0px!important;
height:calc(120vh)!important;
}

#kasli{
background-size:cover!important;}


#kaslia{
background-size:cover!important;}


#kaslib{
background-size:cover!important;}


#kaslic{
background-size:cover!important;}


#kaslid{
background-size:cover!important;}


#kaslie{
background-size:cover!important;}

.carousel-control{display:none;}

	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{border:none;}
	.navbar-default .navbar-nav>li>a{border:none;}
	
	.anchor{
	height: 50px; /*same height as header*/
	margin-top: -50px; /*same height as header kako nebi se raspalo i kako bi se ponistio height*/
	display:hidden!important;
	z-index:-2!important;
}

.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover
{background-color:rgb(0, 86, 77)!important;

}

.jezici{
top:10%;
right:0px;
}	

#karta{width:100%;
height:calc(90vh - 69px);
margin-top:69px;}

nav{
padding:0!important;

}
	
@media (max-height:530px){
	
	}
	
	
}