/*ovo je moj kod kurs*/

/*start generalni opisi*/

body{
	font-family: 'Noto Sans', sans-serif;
	font-size:14px;
}
h1{
	font-family: 'Noto Serif', sans-serif;
	font-size:35px;
	margin-top:20px;
	margin-bottom:10px;
}
h2{
	font-family: 'Inconsolata', monospace;
	font-size:30px;
	color:#f9461d;
	margin-top:20px;
	margin-bottom:10px
}
h3{
	font-family: 'Dancing Script', cursive;
	font-size:29px;
	color:#f9461d;
	margin-top:20px;
	margin-bottom:10px;
}
p{
	line-height:1.5;
}

a:hover{
	text-decoration:none;
}
a{
	color:#f9461d;
}
button:focus{
	outline:none;
}
/*end generalni opisi*/

/*start kategorije*/
.pozadina{
	background-image:url(../images/bcg.png);
	background-repeat:no-repeat;
	background-size:cover;
	padding-bottom:20px;
	background-position:center;
}
.white{
	background-color:white;
	background-clip:content-box;
	margin-bottom:20px;
}
.white a{
	color:#f9461d;
}
.white a:hover{
	color:blue;
}
.white img{
	
	width:100%;
}

.white iframe, .pozadina1 iframe{
	width:100%;
}

.content{
	padding:20px;
}


.pozadina1{
	background:white;
	padding:20px 0;
}
.pozadina2{
	background:gray;
	padding:20px 0;
}
.white .owl-dots{
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.iframe{
	width:100%;
}	
#slider_1 img{
	height:220px;
}
/*end kategorije*/

/*start članak*/
.crta h3{
	font-size:20px;
	margin-top:0;
}
.crta{
	border-bottom:1px dashed #ddd;
	padding:15px 0;
}
.vipera a{
	color:red;
}
.vipera{
	margin-bottom:25px;
}
.vipera a{
	text-decoration:none;
}
.vipera a:hover{
	color:blue;
}
.mis{
	margin-bottom:20px;
}
.full{
	position:relative;
	overflow:hidden;
	padding-top:38px;
	padding:40px;
	color:white;
}
.full p{
	margin-top:20px;
}
.mrr{
	margin-bottom:20px;
}
.proslave{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}
.proslave img{
	width:90%;
}
.full a{
	color:white;
	border-radius:25px;
	background:#f9461d;
	padding:10px; 
	width:50px%;
	height:150px; 
	margin-bottom:20px;
}
.full:hover a{
	color:#f9461d;
	background:white;
}

/*end članak*/

/*start heder*/
.navbar{
	background:#043f58;
	padding:0;
}
.navbar-brand img{
	height:45px;
}
.navbar-nav .nav-item .nav-link{
	color:white;
	padding:15px;
}

.navbar-nav .nav-item.active .nav-link{
	color:white;
}
.navbar-nav .nav-item .nav-link:hover{
	color:#f9461d;
}
.dropdown-menu{
	background:#043f58;
}
.navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item{
	color:white;
}
.navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover{
	color:#f9461d;
	background:transparent;
}
.form-inline .btn{
	color:white;
	border:1px solid white;
}
.form-inline .btn:hover{
	background:red;
}
.navbar-light .navbar-nav .show>.nav-link {
    color: #f9461d;
}
.dropdown:focus{
	color:#f9461d;
}
.navbar-toggler .navbar-toggler-icon{
	background:url(../images/home.png);
	background-size:cover;
}
.navbar-nav .nav-item.active{
	background:linear-gradient(to bottom, #044a67 0, #4292b2 100%);
}
/*end heder*

/*start footer*/
.pozadina1{
	background:#044a67;
}
.pozadina1 p{
	color:white;
}
.vipera1 a{
	color:white;
	text-decoration:none;
}
.vipera1 a:hover{
	color:#f9461d;
}
.vipera1 p{
	margin-bottom:1px;
}
.vipera1 .lacerta{
	margin-bottom:15px;
}
.cornelia a{
	text-decoration:none;
	color:#f9461d;
}
.cornelia a:hover{
	color:white;
}
.cornelia p{
	color:white;
}
.natrix{
	background:#045867;
}
.cornelia{
	padding-top:20px;
}
.rana a{
	margin-right:2px;
}
.rana{
	padding:20px;
}
.photooo figcaption{
	display:none;
}
.photooo figure{
	padding:10px;
}
/*.dominic{
	font-size:30px;
	color:white;
}
.dominic:hover{
	color:#f9461d;
}*/
.rana i::before{
	color:white;
	font-size:30px;
}
.rana i:hover::before{
	color:#f9461d;
}
/*end footer*/

/*start kontakt*/
.siva{
	background:#eee;
}
.plava{
	background:#044a67;
}
.crna{
	background:#323232;
}
.kontakt a{
	padding:90px;
	display:block;
}
.kontakt i{
	font-size:40px;
}
.kontakt i, .kontakt h2{
	color:#fff;
}
.kontakt p{
	color:#f9461d
}
.siva h2, .siva i{
	color:#045867;
}
.kontakt a:hover i,
.kontakt a:hover h2{
	color:#f9461d;
}


.lin input{
	background:linear-gradient(to bottom, #044a67 0, #4292b2 100%);
	color:white;
}
.lin input:hover{
	background-image:linear-gradient(to bottom, #f9461d 3%0, #fff 100%);
}
.frame iframe{
	width: 100%;
}
.boldovan label{
	font-weight:600;
}
/*end kontakt*/

/*start o nama*/
.pozadina3{
	background:rgb(50, 50, 50);
}
.slika{
	overflow:hidden;
}
.pozadina3 p, .pozadina3 h1{
	color:white;
}
.pozadina3 span::before{
	font-size:60px;
	margin-left:0;
	color:white;
}
.pozadina3 a i{
	border:1px solid #f9461d;
	border-radius:50%;
	padding:5px 7px;
	margin-left:15px;
}

.pozadina3 a:hover{
	color:white;
}
.pozadina3 a:hover i{
	color:white;
	background:#f9461d;
}
.home{
	margin:30px 10px;
}

.zlatar{
	overflow:hidden;
}
.card-header {
    background: #044a67;
    padding: 0;
}
.card-header h2{
	margin-top:0;
}
.btn-link{
	color:#fff;
}
.tab-content{
	border:1px solid #ddd;
	padding:15px;
	border-top:none;
}
.btn:focus{
	box-shadow:none;
}
.btn-link:hover{
	color:#fff;
}
.home a:hover{
	color:#f9461d;
}
.slicka{
	overflow:hidden;
}
.tel{
	background:#044a67;
	padding:0;
}
.tell .btn{
	color:white;
	display:block;
	width:100%;
	text-align:left;
}
.tel h2{
	margin:0;
}
#lizard img{
	width:95%;
}
/*end o nama*/

/*start naslovna*/
.sivaa p{
	text-align:center;
}
.sivaa{
	background:rgb(229, 225, 231);
	background-clip:content-box;
	margin-bottom:20px;
}
.sivaa p{
	padding:15px;
}
.sivaa span::before{
	font-size:90px;
	color:red;
	padding-left:55px;
	padding:5px 7px;
	margin-left:15px;
}
.restoran span::before{
	font-size:60px;
	color:#043f58;
	box-shadow:0 0 10px 5px #ddd;
	border-radius:50%;
	padding:15px
}
.restoran span:hover::before{
	color:white;
	background:#f9461d;
	box-shadow:none;
}
.vodeci span::before{
	font-size:35px;
	margin-left:0;
	color:#f9461d;
	margin-right:5px;
}
.res{
	margin:30px 0;
}
.rip span:before{
	font-size:60px;
	color:#043f58;
}
.res iframe{
	width:100%;
}
.poss1 img{
	width:60%;
}
.poss{
	position:relative;
	overflow:hidden;
	padding:100px 20px;
}
.zika{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;/*da se pojavi tekst, da bude vidljiv div, ovdje se slika stavlja jedan nivo ispod*/
	opacity:0.2;/*vidljivost slike od 0-1*/
}
.linija{
	position:relative;
	padding-bottom:15px;
}
.linija::after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	height:3px;
	width:70%;
	background:#f9461d;
	
}

.linija1{
	position:relative;
	padding-bottom:15px;
}
.linija1::before, .linija1::after{
	content:"";
	position: absolute;
	left:15px;
	right:15px;
	height: 2px;
	background: #044a67;
}
.linija1::before{
	bottom:0;
}
.linija1::after{
	bottom: -15%;
}
.lin:hover p::before, .lin:hover p::after{
	background:#f9461d;
}


.ravna{
	position:relative;
	padding-bottom:15px;
}
.ravna::after{
	content:"";
	position:absolute;
	bottom:0;
	left:32%;
	height:3px;
	width:40%;
	background:#f9461d;
}
/*start veliki slajder*/
.teks{
	position:absolute;
	z-index:0;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);/*pozicioniranje da je centalno*/
	text-align:right;
	margin-top:20px;
}
#lice h1 span, #lice p span, #lice h2 span{
	background:rgba(50,50,50,0.6);/*ovo treće je providnost*/
	color:#fff;
	padding:10px;
}
#lice p span{
	line-height:4;
}
#lice p{
	color:white;
}
#lice h3 span{
	background:rgb(225,225,225,0.5);
	padding:10px;
}
#lice h1, #lice p, #lice h3{
	margin-bottom:40px;
}
#lice a{
	color:white;
	background:#f9461d;
	border-radius:30px;
	padding:10px;
	
}
#lice a:hover{
	color:#f9461d;
	background:white;
	border-radius:30px;
	padding:10px;
}
#lice .owl-prev, #lice .owl-next{
	background:gray;
	font-size:60px;
	color:white;
	padding:10px 35px!important;
}
#lice .owl-nav{
	position:absolute;/*slajderi su inače relativo pozicionirani i ne moramo dodavati na njih poziciju relativno*/
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;/*razvučemo da možemo floatati na lijevu i desnu stranu*/
	display:none;/*da sklonimo strelice*/
}
#lice .owl-prev{
	float:left;
}
#lice .owl-next{
	float:right;
}
#lice:hover .owl-nav{
	display:block;/*ovm poništavamo onaj disply none*/
}

/*end veliki slajder*/
.sivaa{
	position:relative;
}
.crtica::after{
	content:"";
	position:absolute;
	top:35%;
	left:32%;
	height:3px;
	width:40%;
	background:#f9461d;
}
#vrste{
	animation: bounce; /* referring directly to the animation's @keyframe declaration */
	animation-duration: 4s; /* don't forget to set a duration! */
}
#najbolji{
	animation: shake; /* referring directly to the animation's @keyframe declaration */
	animation-duration: 4s; /* don't forget to set a duration! */
}
/*
.toli{
	background-image:url(../images/mufonovo-savršenstvo.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-clip:content-box;
}
.toli1{
	background-image:url(../images/gljiveimeso.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-clip:content-box;
}
.toli2{
	background-image:url(../images/najukusnijajagnjetina.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-clip:content-box;
}
.toli a ,h3, p, i{
	padding:10px;
}zadavanje slike preko background-image*/



.sipka{
	position:relative;
}
.sipka1::after{
	content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 70%;
    height: 3px;
    background: #043f58;
}
.sipka1{
	position:relative;
}
.toli{
	position:relative;
	overflow:hidden;
	padding-top:38px;
	color:white;
	padding:30px;
	
}
.uze img{
	width:35%;
}
.toli h3{
	color:white;
}
.toli a{
	color:white;
	border-radius:25px;
	background:#f9461d;
	margin-bottom:20px;
	padding: 7px 10px;
}
.toli:hover a{
	color:#f9461d;
	background:white;
}
.mantis{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}
.mantis img{
	width:90%;
}




#lice1 .owl-nav{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:105%;
}
#lice1 .owl-prev{
	float:left;
}
#lice1 .owl-next{
	float:right;
}
#lice1 .owl-prev, #lice1 .owl-next{
	font-size:70px;
	background:none;
	color:black;
}
/*end naslovna*/
/*start galerija*/
.photo{
	background:rgb(50,50,50);
	color:white;
	text-align:center;
}
.photo figure{
	border:1px dotted #fff;
	padding:60px;
	margin:0;
}
/*end galerija*/
/*start galerija na na naslovnoj*/
.photo1 figure{
	text-align:center;	
}
.photo1 figure{
	position:relative;
}
.photo1 figcaption{
	position:absolute;
	bottom:0;
	background:#f9461d;
	left:15px;
	right:15px;
	padding:5px;
}
.photo1 figcaption{
	display:none;
}
.photo1 figure:hover figcaption{
	display:block;
}

/*end galerija na naslovnoj*/

/*start pisanje css-a za različite uređaje-media, ovi opisi uvijek se pišu poslednji*/
@media(max-width:1024px){
	.crtica::after{
		top:29%;
		left:31%;
	}
	.poss{
		background:#bbb;
	}
	.sipka1::after{
		display:none;
	}
}

@media(max-width:768px){
	#lice.owl-prev, #lice.owl-next{
		font-size:30px;
		padding:10px 20px !important;	
	}
	.crtica::after{
		top:55%;
		left:43%;
		width:15%;
	}
}
@media(max-width:425px){
	.crtica::after{
		left:34%;
		width:35%;
		top:45%;
	}
}
@media(max-width:375px){
	.crtica::after{
		left:37%;
		width:30%;
		top:43%;
	}
}


/*end pisanje css-a za različite uređaje-media*/