/* https://www.w3schools.com/code/tryit.asp?filename=GB07TJ915VY8 */



/*Start svi opisi*/
body{
	font-family: 'Noto Sans', sans-serif;
	font-size:14px;
}
h1{
	font-family: 'Noto Serif', 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;
}
/*End svi opisi*/

/*Start Kategorije*/
.oko{
	background-image:url(../images/bcg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	padding-bottom:30px;
	
}
a{
	color:#f9461d;
}
.white{
	background:#fff;
	background-clip:content-box;
}
.content{
	padding:15px;
}
/*End Kategorije*/

.dva{
	background-color:white;
	padding-top:5px;
	padding-bottom:5px;
}
.tri{
	background-color:black;
}
/*Start Članak*/
.brd{
	border-bottom:1px dashed #bbb;
	padding:20px 15px;
}
.brd h3{
	margin-top:0;
	font-size:20px;
}
/*End Članak*/

/*Start header*/

.navbar-brand img{
	height:47px;
}
.navbar{
	background-color:#121212;
	padding:0;
}
.navbar .nav-item .nav-link {
	color:#fff;
	padding:15px;
}
.navbar .nav-item.active .nav-link{
	color:#fff;
}
.navbar .nav-item .nav-link:hover,
.navbar .nav-item .nav-link:focus{
	color:#f9461d;
}
.navbar-light .navbar-nav .show>.nav-link{
	color:#f9461d;
}
.navbar .nav-item.active{
	background-image:linear-gradient(to bottom, #121212 0, #333333 100%);
}
.dropdown-menu{
	background-color:#043f58;
}
.dropdown-menu .dropdown-item{
	color:#fff;
}
.dropdown-menu .dropdown-item:hover{
	color:#f9461d;
	background-color:transparent;
}

.navbar .navbar-toggler-icon{
	background:url(../images/home.png);
	background-size:cover;
}
.siva{
	background-color:#212529;
}
.plava{
	background-color:#343a40;
	
}
.crna{
	background-color:#323232;
}
.hotmail a{
	padding:80px 0;
	display:block;
}
.plava i, .plava h2{
	color:#fff;
}
.crna i, .crna h2{
	color:#fff;
}
.siva i, .siva h2{
	color:#fff;
}
.hotmail a:hover{
	color:#f9461d;
}
.hotmail a:hover h2{
	color:#f9461d;
}
.hotmail a:hover i{
	color:#f9461d;
}
.marko{
	display:inline-block;
}
.oko.dva{
	background-image:none;
}
.dugme input{
	color:#fff;
	background-color:#343a40;
}
.font{
	background-color:#323232;
	color:white;
}
.infoars{
	overflow:hidden;
	overflow-x:scroll;/*<---to je za scroll bar*/
}

.cola{
	margin-bottom:10px;
}
.fanta{
	margin-bottom:10px;
}
.naranda{
	margin-bottom:10px;
}
.pepsi{
	margin-bottom:10px;
}
.gotovo input{
	background-color:#343a40;
	color:#fff;
	width:377px;
}
.burger span::before{
	font-size:45px;
	color:#fff;
	margin-left:0;
}
.burger i{
	border:1px solid #f9461d;
	border-radius:50%;
	padding:5px 7px;
	margin-left:8px;
}
.burger a:hover{
	color:#fff;
}
.burger a:hover i{
	background-color:#f9461d;
}
.portal span::before{
	font-size:45px;
	border:1px solid #bbb;
	border-radius:50%;
	padding:15px;
	box-shadow:0px 0px 15px 1px #ff2a2a;
}

.tab-content{
	border:1px solid #ddd;
	border-top:none;
	padding:15px;
}

.nekoinista span::before{
	font-size:100px;
	color:#f9461d;
}


.jaaijaa{
	background-color:lightgrey;
	background-clip:content-box;
}
.rebarca{
	overflow-x:scroll;
}

.prep .card-header{
    background-color:#044a67;
	padding:0;
}

.prep .btn-link{
	color:#fff;
	display:block;
	width:100%;
	/*text-align:left;*/
}
.prep h2{
	margin:0;
}

.palancinke img{
	width:35%;
}

.samsung{
	position:relative;
	overflow:hidden;
	padding:100px 15px;
	margin-top:30px;
	margin-bottom:30px;
}

.truba{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	opacity:0.3;
}

.brdo{
	position:relative;
	
}

.brdo::after{
	content:"";
	position:absolute;
	bottom:-8px;
	left:4px;
	width:70%;
	height:5px;
	background-color:#f9461d;
}

.white .owl-dots{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
.white iframe{
	width:100%;
}

.nekoinista h3{
	position:relative;
	padding-bottom:6px;
}

.nekoinista h3::after{
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:70%;
	height:5px;
	background-color:#f9461d;
}

.kiosk h2{
	position:relative;
}

.kiosk h2::after{
	content:"";
	position:absolute;
	top:50%;
	right:0;
	height:5px;
	width:64%;
	background-color:#044a67;
}

#sat .owl-prev, #sat .owl-next{
	font-size:40px;
}

#sat .owl-nav{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;
}

#sat .owl-prev{
	float:left;
}

#sat .owl-next{
	float:right;
}

#sat{
	padding:30px;
}


#sat .owl-prev:hover, #sat .owl-next:hover{
	background:transparent;
	color:#f9461d;
}

button:focus{
	outline:none;
}

.ez span::before{
	font-size:60px;
}

.ez span::before{
	position:relative;
}

.ez span::before{
	bottom:-20px;
}

.boo{
	border-bottom:3px solid #044a67;
}

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

.ez::before{
	content:"";
	position:absolute;
	left:15px;
	right:15px;
	height:3px;
	background:#044a67;
	bottom:0;
}


.ez:hover .boo{
	border-color:#f9461d;
}

.ez:hover:before{
	background-color:#f9461d;
}

.tekst{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	text-align:right;
}

.tekst h1 span{
	background-color:rgba(50,50,50,0.5);
	padding:10px;
	color:#fff;
}

.tekst h3 span{
	background-color:rgba(225,225,225,0.8);
	padding:10px;
	line-height:2.5;
}

.tekst p span{
	background-color:rgba(50,50,50,0.5);
	padding:10px;
	color:#fff;
	line-height:3;
}

.tekst a{
	border-radius:50px;
	color:#fff;
	background:#f9461d;
	padding:12px;
}

#sova .owl-prev,#sova .owl-next{
	font-size:60px;
	background-color:rgba(50,50,50, 0.8);
	padding:15px 35px !important;
	color:white;
}

#sova .owl-nav{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	display:none;
}

#sova .owl-prev{
	float:left;
}

#sova .owl-next{
	float:right;
}

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


.slika{
	background-image:url(../images/gljiveimeso.jpg);
	padding: 30px 12px;
    margin-bottom: 30px;
}


.borderi{
    border:1px solid #f9461d;
	border-radius:50px;
	padding:5px 7px;
	margin-left:8px;
	background-color:#f9461d;
	color:#fff;
	font-size:15px;
	position:relative;
	top:17px;
	left:10px;
}

.slika h3{
	color:#fff;
	position:relative;
	top:17px;
	left:10px;
}

.slika p{
	color:#fff;
	position:relative;
	top:17px;
	left:10px;
}


.slika i{
	color:#fff;
	position:relative;
	top:17px;
	left:10px;
	margin:2px;
}

.klima{
	background-color:#323232;
	color:#fff;
	text-align:center;
	/*margin-bottom:10px;*/
}


.klima figure{
	border:1px dashed #fff;
	padding:50px;
	margin:0;
}

.vrata figure{
	position:relative;
} 

.vrata figcaption{
	background-color:#f9461d;
	padding:5px;
	position:absolute;
	bottom:0;
	left:15px;
	right:15px;
	text-align:center;
	color:#fff;
	display:none;
}

.vrata figure:hover figcaption{
	display:block;
}

.vrata img{
	width:100%;
}

.fb-share-button{
	position:fixed !important;
    top:10%;
	right:2%;
}

.red{
	color:#f9461d;
	padding-top:35px;
}


.pozicija{
	position:relative;
	right:13%;
}

.posta{
	position:relative;
	left:70px;
}

.jajajaaj{
	margin-left:10px;
}

.ajde{
	margin-left:10px;
}

.jabuka{
	margin-bottom:15px;
}

/*misli{
	background-color:#636363;
}*/



































































@media(max-width:600px){
	#sova .owl-prev, #sova .owl-next{
		padding:15px !important;
		font-size:30px;
	}
	.samsung{
		background-color:#bbb;
	}
	.kiosk h2::after{
		width:35%;
	}
}






/*End header*/