/*start generalni opis*/
h1{
	font-family: 'Antonio', sans-serif;
}
h2{
	font-family: 'Nunito', sans-serif;
}
h3{
	font-family: 'Montserrat', sans-serif;

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

/*end generalni opis*/
/*start kategorije*/
.zdjela{
	background-image:url(../images/bcg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	padding-bottom:20px;
}
.white{
	background-color:white;
	background-clip:content-box;
}
.sadrzaj{
	padding:20px;
}


.dva{
	padding:20px;
}
h3{
 color:red;
}

iframe{
	width:100%;
}
/*end kategorije*/
/*start clanak*/
ul{
	list-style:none;
}
.crta{
	border-bottom:dashed;
}
/*end clanak*/	

/*start kontakt*/
.siva{
	background-color:#e0fff7;
	padding:116px;
}
.plava{
	background-color:#2d66eb;
}
.crna{
	background-color:#02031f;
}
.miki a{
	padding:80px 0;
	display:block;
}
.miki i{
	font-size:40px;
}
.miki p{
	color:#f9461d;
}
.siva i, .siva h2{
	color:#2d66eb;
}
.plava i, .plava h2, .crna i, .crna h2{
	color:white;
}
.siva:hover i, .siva:hover h2{
	color:red;
}
.plava:hover i, .plava:hover h2{
	color:red;
}
.crna:hover i, .crna:hover h2{
	color:red;
}
.vera input{
	background:linear-gradient(to bottom, #90a395 0, #496350 50%, #192b1e 100%);
	color:white;
	
}
/*end kontakt*/
/*start heder*/
.navbar{
	background-color:#5483c4;
	padding:0;
	color:white;
	height:55px;
}
.navbar-brand img{
	height:41px;
}
.navbar-light .navbar-nav .nav-link{
	color:white;
	padding:15px;
}
.navbar-light .navbar-nav .active>.nav-link{
	color:white;
}
.navbar-light .navbar-nav .nav-link:hover{
	color:red;
}
.navbar .nav-item.active{
	background-image:linear-gradient(to bottom, #40606b 0, #98d0e3 50%, #a9e7fc 100%);
}
.dropdown-menu {
	background-color:#5483c4;
}
.dropdown-menu a{
	color:white;
}
.dropdown-menu a:hover{
	color:red;
	background:transparent;
}
.navbar-light .navbar-nav .show>.nav-link{
	color:red;
}
.btn-outline-success{
	color:white;
	border-color:white;
	
}
.btn-outline-success:hover{
	background-color:red;
}
/*end heder*/
/*start o nama*/
.sakrivanje{
	overflow:hidden;
}
.boja{
	background-color:rgb(50 ,50 ,50 );
	color:white;
	margin-top:50px;
}

.usluge{
	margin-top:30px;
}

.postotak{
	margin-top:30px;
}

.tim{
	margin-top:30px;
}

.start{
	margin-top:60px;
}

.ikona{
	margin-top:100px;
}

.ikona h2 i:before{
	margin-right:15px;
	font-size:55px;
}
.ikona a{
	color:red;
	
}
.ikona a i{
	border:1px solid red;
	border-radius:50%;
	padding:5px 7px;
}
.ikona a:hover i{
	color:white;
	background-color:red;
}
.ikona a:hover{
	color:white;
}
.tab-content{
	border:1px solid #dee2e6;
	border-top:none;
}
.nav-link{
	color:red;
}
.zlatar{
	overflow:hidden;/*smanjuje sliku*/
}
/*end o nama*/
.card-header{
	background-color:#5483c4;
}
.btn-link{
	color:white;
}

.btn.focus, .btn:focus{
	box-shadow:none;
}
.card-header{
	padding:.40rem 1.25rem;
}
.palacinka img{
	width:35%;
	
}
.teta{
	position:relative;
	overflow:hidden;
	padding:100px 0;
}
.truba{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	opacity:0.3;/*sa ovim prosvjetlimo sliku od 0 do 100*/
}
.linija{
	position:relative;
	padding-bottom:15px;
}
.linija::after{
	content:"";
	position:absolute;
	width:70%;
	height:3px;
	background-color:red;
	bottom:0;
	left:0;
}


.crta2{
	position:relative;
	padding-bottom:15px;
}
.crta2::after{
	content:"";
	position:absolute;
	width:70%;
	height:3px;
	background-color:red;
	left:15%;
	right:15%;
	bottom:0;
}
.sokovi h2 i{
	font-size:80px;
	color:red;
}
.sokovi{
	background-color:#d9d9d9;
	background-clip:content-box;
	
}
.sokovi p{
	padding:15px 20px;
}
.hrana a{
	position:relative;
	padding-bottom:15px;
	padding:5px 7px;
}
.hrana{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	

}
.zadaca a{
	color:white;
	background-color:red;
	border-radius:35%;
}
.zadaca h3{
	color:white;
	padding:20px 25px 0 0;
}
.zadaca p{
	color:white;
	padding-top:10px;
}
.zadaca{
	padding:15px 20px;
	background-clip:content-box;
	position:relative;
	
}

.hrana img{
	padding-right:20px;
	
}
.opsirnije{
	padding-top:20px;
}
.mrkva i::before{
	font-size:80px;
	box-shadow:0px 0px 3px 5px grey;
	border-radius:50%;
	padding:15px;
}
.mrkva i:hover::before{
	box-shadow:none;
	color:white;
	background-color:red;
}



.jabuka i{
	font-size:50px;
}
.grozdje{
	position:relative;
	padding-bottom:15px;
}
	
.grozdje::after, .grozdje::before{
	content:"";
	position:absolute;
	width:70%;
	height:3px;
	background-color:red;
	left:15%;
	right:15%;
	bottom:0;
}
.grozdje::before{
	bottom:-10px;
}

.owl-theme .owl-dots .owl-dot span{
	background:red;
	width:15px;
	height:15px;
}
.slide-text{
	position:absolute;
	text-align:right;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.slide-text h2{
	color:white;
	background-color:rgba(50, 50, 50, 0.5);
	padding:7px;
}
.slide-text h3{
	background-color:rgba(225, 225, 225, 0.7);
}
.slide-text p{
	background-color:rgba(50, 50, 50, 0.5);
	padding:5px;
	color:white;
}

#krastavac .owl-next, #krastavac .owl-prev{
	font-size:60px;
	background-color:grey;
	color:white;
	padding:15px!important;
	
}
#krastavac .owl-nav{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;
	display:none;
	width: 100%;
}
#krastavac .owl-next{
	float:right;
}
#krastavac .owl-prev{
	float:left;
}

#krastavac:hover .owl-nav{
	display:block;
	
}


#slajder .owl-prev, #slajder .owl-next{
	font-size:60px;
	color:black;
}
#slajder .owl-nav{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:110%;
	
}
#slajder .owl-prev{
	float:left;
}
#slajder .owl-next{
	float:right;
}

/*start galerija*/

.photo{
	background-color:rgb(50, 50, 50);
	color:white;
	text-align:center;
}
.photo figure{
	border:1px dotted white;
	padding:60px;
	 margin:0;
}


.janje figure:hover figcaption{
	display:block;
}
.janje figure{
	position:relative;
	text-align: center;
}
.janje figcaption{
	position:absolute;
	bottom:0;
	background:#f9461d;
	left:15px;
	right:15px;
	padding:5px;
	display:none;
}

.futer{
	padding:160px;
}

/*end galerija*/

@media(max-width:990px){
	.teta{
		background-color:rgb(225, 225, 225);
		
		
		
	}
}