@font-face{
    font-family:"Avenir";
    src:url("../fonts/AvenirNextLTPro-Regular.otf") format("woff"),
    url("../fonts/AvenirNextLTPro-Regular.otf") format("opentype"),
    url("../fonts/AvenirNextLTPro-Regular.otf") format("truetype");
}

@font-face{
    font-family:"PeachyKeen";
    src:url("../fonts/PeachyKeenJF.otf") format("woff"),
    url("../fonts/PeachyKeenJF.otf") format("opentype"),
    url("../fonts/PeachyKeenJF.otf") format("truetype");
}
html{
	position:relative;
	min-height: 100%;
}
body{
	background:#fefefe;
	font-family: Avenir!important;
}
footer{
	font-family:Avenir, sans-serif;
	box-shadow: 0 3px 10px  #aaa;
}
#wrapper {
  display: block;
}

footer {
 position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
  width: 100%;
  background-color:#fefefe;
	color:#363638;
}
footer a{
	color:#363638;
}

footer .bmeni {
	padding-left:20px;
}
footer .foot-button {
	margin-top:10px;
}

footer .foot-button a{
	background:#fffcf2;
	color: #252422;
	padding:5px;
	font-family:Lato,sans-serif;
}
footer .foot-button a:hover{
	background:#ccc5b9;
}
footer .foot-button a.oglas{
	text-transform:uppercase;
}
.empty{
	width: 100%;
	height: 40px; /* Set the fixed height of the footer here */
	background-color:#fff;
}
.footer-clearfix{
	display:block;
	width: 100%;
	height:285px;
}
footer .footer-copyright{
box-shadow: 0 3px 10px  #aaa;	
	
}
button,input,select,textarea{border-radius:15px!important;}


.top-bar{
	background:#000;
	min-height:20px;
}
.menu-bar{
	background:#fff;
	box-shadow: 0 3px 10px  #aaa;
	z-index:991;
}
#glavni_meni{
	margin-bottom:20px;
}
div.menu-bar .main-menu img{
	
	/**
	-ms-transform: rotate(-8deg); 
	-webkit-transform: rotate(-8deg); 
	transform: rotate(-8deg);
	/**/
	max-height:45px;
}
.h1{
	padding-top:5px;
	font:normal 1.1em 'Avenir',sans-serif!important;
	color:#4b4b4b;
}
h2.premium-shop{
	font:normal 1em 'Avenir',sans-serif!important;
	background:#3476ee;
	margin-bottom:-10px;
	margin-top:10px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	color:#fff;
}
.nav_mobile,.adv_mobile{
	display:none;
}

#nosac .container1{
	border-left:1px solid red;
	border-right:1px solid red;
}

#back-top{position:fixed;bottom:25px;right:25px;width:40px;height:40px;line-height:45px;background:#fff;border:1px solid #e25f3f;text-align:center;vertical-align:middle;cursor:pointer;border-radius:50%;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;z-index:9998}#back-top span{color:#e25f3f;line-height:1}#back-top span:before{font-size:24px;z-index:2}#back-top:hover{background:#e05533;border-color:#fff}#back-top:hover span{color:#fff}
.tab-meni, .tab-meni-mob{
	margin-left:5px;
	margin-top:-10px;
	background:#3476ee;
	height:30px;
	width:100%;
	position:relative;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}

.tab-meni-mob{
	display:none;
}
.tab-meni .tab-item{
	vertical-align:middle;
	color:#fff;
	height:30px;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	border-right:1px solid #edf2f4;
}
.tab-item-first{
	border-top-left-radius:15px;
}
#home-meni .tab-item{
	vertical-align:middle;
	color:#fff;
	height:30px;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	display:block;
	border-right:1px solid #edf2f4;
	font-size:14px;
}
.tab-meni .tab-item a, .tab-meni-mob .tab-item a{
	color:#fff;
}
.tab-meni .tab-item a:hover,.tab-meni-mob .tab-item a:hover{
	font-weight:600;
}
.tab-meni .tab-item.active{
	color:#073b4c;
	font-weight:600;
	background:#fff;
}

.tab-meni .tab-item.active a{
	color:#073b4c;
}



.kats{
	
	color:#FF5A09;
	padding:10px;
}

.kat-kat{
	margin:10px auto;
	padding:10px;
	color:#fff;
	background:#FF5A09;
	border-bottom:1px solid #393939;	
}

.kat-skat{
	margin:7px auto 7px 40px;
	padding:5px;
	color:#fff;
	background:#ec7f37;
	border-bottom:1px solid #393939;	
}
.kats a{
	color:#fff!important;
	text-decoration:none;
}
.kats a:hover{
	color:#393939 !important;
	font-weight:900;
}
.kat-sskat{
	margin:5px auto 5px 65px;
	padding:2px;
	color:#fff;
	background:#be4f0c ;
	border-bottom:1px solid #393939;	
}
.kat1{
	padding-left:10px;
}
.kat2{
	padding-left:40px;
}

.kat3{
	padding-left:65px;
}

.kat4{
	padding-left:65px;
}
.kat1 a{
	color:#FF5A09 !important;
	text-decoration:none;
}
.kat2 a{
	color:#FF5A09 !important;
	text-decoration:none;
}

.kat3 a{
	color:#FF5A09 !important;
	text-decoration:none;
}

.kat4 a{
	color:#FF5A09 !important;
	text-decoration:none;
}


.dva-reda{
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}
.tri-reda{
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
}
.tab-content .tab-pane{
	background:#fff;
	padding-top:10px;
}
.oglas-card{
	border-radius:0;
	background-color:#262228;
	color:#fff;
}
.oglas-card .image {
    position: relative;
	height: 170px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.oglas-card.pro{
	background:#414141;
}
.oglas-card.placen{
	color:#fff;
}
.oglas-card.shop{
	background:#0375b4;
	color:#fff;
}
.oglas-card .image .flag{
	position:absolute;
	bottom:0;
	left:0;
	
	background:#3e6a8f;
	/*background: rgba(62,102,143,0.5);*/
	color:#fff;
	font:bold 0.7em 'Avenir', sans-serif;
	padding:3px;
	display:none;
}
.oglas-card .card-title{
	font-family:'Avenir', sans-serif;
	padding:5px;
	background-color: transparent;
	height:80px;
}
.oglas-card .card-title a{
	color:#fff; 
}
.oglas-card .card-text{
	font-family:'Avenir', sans-serif;
	background-color: transparent;
	height:40px;
}
.oglas-card  .card-body{
	position:relative;
}
.oglas-card  .card-body .cijena{
	position:absolute;
	bottom:0;
	left:-5px;
	right:-5px;
	background:#ff0000;
	height:40px;
	text-align:right;
	font:normal 1.2rem 'PeachyKeen', sans-serif;
}
.oglas-card  .card-footer{
	height:30px;
}



.box-oglas{
	position:relative;
	height:270px;	
	margin:15px auto 15px 5px;	
	border:1px solid #bfccd;
	background-color:#fff;
	color:#363638;
	border-radius:0;
	box-shadow: 0 0 3px 2px #868686;
}

.box-oglas.pro{
	background:#fff;
}
.box-oglas.placen{
	color:#fff;
}
.box-oglas.shop{
	background:#0375b4;
	color:#fff;
}
.platinum .box-oglas{
	position:relative;
	height:270px;	
	margin:15px 0 15px 0;
	box-shadow: none;
	/*border-top: 5px solid #f45a26; 
	background-color:#d6e2d6; */
	background-color:#ffede1; 
	border:1px solid #f09b1a;
}
.box-oglas:hover{
	/*border: 1px solid #f9bda9;*/
	box-shadow: 0 0 3px 1px #868686;
}
.box-oglas .image {
    position: relative;
	height: 170px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border-radius:0;
}
.box-oglas .image img {	object-fit: cover;	height:170px;	max-height:100%;	width:100%;

	/**
	-webkit-transition: -webkit-transform .25s linear 0s;
    transition: -webkit-transform .25s linear 0s;
    transition: transform .25s linear 0s;
    transition: transform .25s linear 0s, -webkit-transform .25s linear 0s;
	/**/
	/*border:2px solid #ccddb3; */
}
.box-oglas:hover .image img {
	/**
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
	/**/
}

.box-oglas:hover .image a:before {
    width: 100%;
    visibility: visible
}

.dostava_free{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:#e51717;
	color:#fff;
	font:normal 0.7em 'Avenir', sans-serif;
	padding:3px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.box-oglas .image .flag{
	position:absolute;
	bottom:0;
	left:0;
	
	background:#3e6a8f;
	/*background: rgba(62,102,143,0.5);*/
	color:#fff;
	font:bold 0.7em 'Avenir', sans-serif;
	padding:3px;
	display:none;
}
.box-oglas .image>div.premium {
    position: absolute;
	left:80px;
	bottom:0;
	color:silver;
	color:#fff;
	font:bold 0.7em 'Avenir', sans-serif;
	padding:3px;
	background:#e51717;
	font-weight:900;
}
.box-oglas .naziv{
	font-family:'Avenir', sans-serif;
	padding:5px;
	width:100%;
	background-color: transparent;
	height:140px;
	overflow:hidden;
}
.box-oglas .naziv a{
	color:#363638; 
}
/*
.box-oglas .naziv a.naslov-bold{
	
font-weight:900;
background:rgba(208,206,205,0.5);	
}
*/
.box-oglas .naziv a:hover{
	color:#363638;
	text-decoration:none;
	font-weight:900;
}
.box-oglas .naziv a:active{
	color:#FF5A09 ;
	text-decoration:underline;
}
.box-oglas .naziv a:active{
	color:#be4f0c ;
	text-decoration:underline;
}

.box-oglas .cijena{
	height:30px;
	background: #fff; 
	/*border-bottom: 3px solid #f15a29;*/
	position:absolute;	
	left:1px;
	right:1px;
	bottom:20px; 
	vertical-align:middle;
	padding:3px;
	font:normal 1.2rem 'PeachyKeen', sans-serif;
	color:#f1ac23!important;
	margin-left:auto!important;
	margin-right:auto!important;
}
.platinum .box-oglas .cijena{
	width:100%;
	height:30px;
	background: #ff0000; 
	position:absolute;	
	left:0;
	bottom:20px; 
	vertical-align:middle;
	padding:3px;
	font:normal 1.225rem 'PeachyKeen', sans-serif;
	color:#f1ac23;
	/*text-shadow: 2px 2px 2px silver;*/
	margin-left:auto!important;
	margin-right:auto!important;
}

.box-oglas .cijena > p.placen{
	position:absolute;
	left:8px;
	bottom:-16px;
	font:normal 0.6rem 'Avenir', sans-serif;
	color:#f1ac23;
	width:45px;height:30px;
	text-align:center;
	border:1px solid #555;
	padding:4px;
	line-height:115%;
	vertical-align:middle;
	
}
.box-oglas .izdvojen,.platinum .box-oglas .izdvojen{	
	/*background: #e11a3a; */	
	/*color:#e11a3a;*/
	/*text-shadow: 2px 2px 2px silver;*/
}


.box-oglas .vrijeme{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:20px;
	line-height:10px;
	padding:4px 10px;
	font-size:0.8em;
	color:#fff;
	background:#363638;
}

#bt-quick-shop-modal>.modal-dialog>.modal-content>.modal-header{
	height:15px;
}
#readmail>.modal-dialog>.modal-content>.modal-header{
	height:25px;
	padding:1px 3px 0 5px;
}
#bt-quick-shop-modal>.modal-dialog>.modal-content>.modal-header>button.close{
	padding:3px;
}
#readmail>.modal-dialog>.modal-content>.modal-header>button.close{
	padding:13px;
}
#add_coins>.modal-dialog>.modal-content>.modal-header{
	height:25px;
	padding:1px 3px 0 5px;
}
#add_coins>.modal-dialog>.modal-content>.modal-header>button.close{
	padding:15px;
}

#obnova>.modal-dialog>.modal-content>.modal-header{
	height:15px;
}
#obnova>.modal-dialog>.modal-content>.modal-header>button.close{
	padding:3px;
}

#go_pro>.modal-dialog>.modal-content>.modal-header{
	height:15px;
}
#go_pro>.modal-dialog>.modal-content>.modal-header>button.close{
	padding:3px;
}


.oglas-header{
	border-bottom:2px solid #fff;
}
.oglas-body{
	background-color:#fff;
}
#nosac-slika{
	background-color:#fff;
}

.sve-slike>img{
	max-height:60px;
	max-width:70px;
	opacity:0.3;
}
.sve-slike>img.odabrana,.sve-slike>img:hover{
	opacity:1;
}
.solo-slika>img{
	max-width:100%;
	max-height:100%;
	border-radius:3px;
}
.solo-slika{
	height:210px;
	border-radius:6px;
	text-align:center;
	margin:4px;
}
.img_hidden{
	display:none;
}

.basic_oglas>div {
	margin:4px 0;
}
	
.basic_oglas>div >div > .card-header,.basic_oglas>div >div > .card-body,.sabloni>div>div>.card-header,.sabloni>div>div>.card-body{
	padding:5px;
	min-height:35px;
}
.basic_oglas>div >div > .card-body.cena{
	font:normal 1.2rem PeachyKeen, sans-serif;
	background-color:#393939;
	color:#FF5A09 ;
}

.basic_oglas>div >div > .card-body.vreme{
	font:normal 0.8rem Avenir, sans-serif;
}

.oglas_naslov{
	background-color:#fff;
	border-radius:15px;
	box-shadow: 0 0 3px 1px #868686;
	
	padding:5px;
	margin-top:20px;
	width:100%;
}
.oglas_naslov h1{
	font:bold 20pt Avenir, sans-serif;
}
.oglas-lokacija{
	font:normal 0.8rem Avenir,sans-serif;
}
.oglas-lokacija span.grad-mjesto{
	font:normal 0.7rem Avenir,sans-serif;
}
ul.view-oglas> li.nav-item>a.nav-link.active{
	color:#fff;
	padding:3px;
}
ul.view-oglas> li.nav-item>a.nav-link{
	padding:3px;
	font:normal 1rem Avenir, sans-serif;
	color:#fff;
}
ul.view-oglas> li.nav-item>a.nav-link.oglas{
	border-top-left-radius:15px;	
	border-top-right-radius:0;	
	border:none;
	padding-left:20px;
	padding-right:20px;
	background:#3476ee;
}
ul.view-oglas> li.nav-item>a.nav-link.pitanja{
	border-radius:0;
	border:none;
	padding-left:20px;
	padding-right:20px;
	background:#f1592a;
}
ul.view-oglas> li.nav-item>a.nav-link.placanje{
	border-top-right-radius:15px;	
	border-top-left-radius:0;	
	border:none;
	padding-left:20px;
	padding-right:20px;
	background:#363638;
}


div.view-oglas{
	width:calc(100% + 25px);
	margin-top:-10px;
	margin-left:-10px;
	
}

div.view-oglas> div.nav-item.oglas{
	display:inline-block;	
	border-top-left-radius:15px;	
	border-top-right-radius:0;
	padding-left:20px;
	padding-right:20px;
	background:#3476ee;
	width:40%;
}
div.view-oglas> div.nav-item.pitanja{
	display:inline-block;	
	border-radius:0;
	border:none;
	padding-left:20px;
	padding-right:20px;
	background:#f1592a;
	width:30%;
}
div.view-oglas> div.nav-item.placanje{
	display:inline-block;	
	border-top-right-radius:15px;	
	border-top-left-radius:0;	
	border:none;
	padding-left:20px;
	padding-right:20px;
	background:#363638;
	width:30%;
}
div.view-oglas> div.nav-item>a.nav-link.active{
	color:#fff;
	padding:3px;
}
div.view-oglas> div.nav-item>a.nav-link{
	padding:3px;
	font:normal 1rem Avenir, sans-serif;
	color:#fff;
	width:100%;
}
div.view-oglas> div.nav-item>a.nav-link.oglas{	
	background:#3476ee;	
	border:none;
	
}
div.view-oglas> div.nav-item>a.nav-link.pitanja{
	border-radius:0;
	border:none;
	padding-left:20px;
	padding-right:20px;
	background:#f1592a;
	
}
div.view-oglas> div.nav-item>a.nav-link.placanje{
	
	border:none;
	padding-left:20px;
	padding-right:20px;
	background:#363638;
}

div.prodavac{
	border:none;
	border-top-left-radius:0;
}
div.oglas-tab.oglas{
	border-left:none;
	border-top-right-radius:0;
}
.oglas_user{
	min-height:45px;
	line-height:10pt;
}
a.oglas_user_link{
	text-decoration:none;
	color:#677073;
}
a.oglas_user_link:hover{
	color:#655073;
	font-weight:700;
}
.oglas_user>span{
	font:normal 8pt Avenir, san-serif;
	margin-left:3px;
}.oglas_user>span.title{
	font:normal 10pt Avenir, san-serif;
	color:#363638;
}
.nalog_akcije:hover{
	background-color:#d0d1d1;
	cursor:pointer;
}.nalog_akcije{
	font:normal 11pt Avenir, san-serif;
	color:#fff;
	margin-bottom: 7px;
	background-color:#363638;
	height:40px;
	padding:10px;
	border-radius:15px;
}
div.share{
	background:#f1592a;
	color:#fff;
	height:40px;
	padding:10px;
	line-height:100%;	
	border-radius:15px;
	cursor:pointer;
}
.user_premium{
	background-color:#4a4a4a;
	color:#fff;
	height:30px;
	line-height:26px;
	text-align:center;
	font-weight:600;
}

.poruka-red{
	height:40px;
	border-bottom:1px solid #bfccd6;
	font-family:Releway,sans-serif;
}.poruka-red.red-top{
	border-top:1px solid #bfccd6;
}.poruka-red:hover{
	border-bottom:3px solid rgba(118,156,173,0.4);
	background-color:rgba(118,156,173,0.3);
}
span.poruka-datum{
	font-size:0.6rem;
	font-family:Avenir;
	line-height:10px;
}
i.poruka-sadrzaj{
	font-size:0.75rem;
	font-family:Avenir;
}

.kat_menu:after{
	content: "";
  display: table;
  clear: both;
}
.kat_menu>ul{
min-height:320px;
width:190px;
background-color:#fff;	
}
.kat_menu>ul>li>a.nav-link{
	height:40px;
}
.kat_menu>ul>li{
	width:190px;
	border-bottom:1px solid #c6c6c6;	
}
.kat_menu>ul>li a.nav-link:hover{
/*	border-left:4px solid #c6c6c6;*/
	border-left:3px solid rgba(255,0,0,0.6);
}
.kat_menu>ul>li a.nav-link.active{
/*	border-left:4px solid #c6c6c6;*/
	border-left:3px solid rgba(255,0,0,0.6);
}
h5.oglasi-h5{
	font:normal 13pt Avenir, sans-serif;
	color:#fff;
}
div.oglas-shop{	
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	padding: 5px 20px;
	background:#3476ee;
	width:100%;
	margin-bottom:-10px;
}
.tab-content>.tab-pane{
	background-color:transparent!important;
}

.menu_oglasi>.tab-pane button{
	margin-right:20px;
}
	
.menu_oglasi>.tab-pane{
	box-shadow:2px 2px 30px 5px #fff;
	min-height:320px!important;
}
.sabloni>div>div>.card-body{
	font:normal 12pt Avenir, sans-serif;
}

.sabloni-fields{
	display:flex;
	width:100%;
	border-radius:5px;
	border:1px solid #eaeaea;
	margin-top:5px;
}
.sabloni-fields>div{
	display:inline;
	min-width:20%;
}
.sabloni-fields>div.left{
	padding:5px;
	white-space:none;
}
.sabloni-fields>div.left:hover{
	white-space:none;
	min-width:auto;
}
.sabloni-fields>div.right{
	display:-ms-flexbox;
	display:flex;-ms-flex-align:center;align-items:center;margin-bottom:0;line-height:1.5;color:#495057;text-align:center;white-space:none;background-color:#e9ecef;
	padding:5px;width:100%;
	font: normal 1rem Avenir, sans-serif;
}
.sabloni-fields.atribut>div{
	display:inline;	
}
.sabloni-fields.atribut>div.left{
	padding:5px;
	white-space:none;
	min-width:80%;
}
.sabloni-fields.atribut>div.left:hover{
	white-space:wrap;
}
.sabloni-fields.atribut>div.right{
	line-height:1.5;color:#495057;
	text-align:center;
	background-color:#e9ecef;
	padding:5px;
	font: normal 1rem Avenir, sans-serif;
}
.pitanje-text{
	margin-top:5px;	
}
.pitanje-text.odg{
	width:calc(100% - 50px);
	margin-left:50px;
	margin-top:5px;	
}
.pitanje-text>.oglas_user{
	min-width:180px;
	box-shadow:1px 1px 3px #ccc;
	height:60px;
	border-top:2px solid #ccc;
	border-left:2px solid #ccc;
	border-bottom:2px solid #ccc;
}
.pitanje-text>.oglas_user-odg{
	min-width:180px;
	box-shadow:1px 1px 3px #ccc;
	height:60px;
	border-top:2px solid #9fc8e7;
	border-left:2px solid #9fc8e7;
	border-bottom:2px solid #9fc8e7;
}
.tip {
  width: 0px;
  height: 0px;
  position: absolute;
  background: transparent;
}
.tip-pitanje{
	border:10px solid #d2cdcd;
}
.tip-odgovor{
	border:10px solid #9fc8e7;
}
.tip-left {
  top: 10px;
  left: -20px;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;  
}
.tip-right {
  top: 10px;
  right: -20px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;  
}
.pitanje-text>.sadrzaj{
	width:100%;
	position:relative;
	border:2px solid #d2cdcd;
	padding:10px;
}
.pitanje-text>.sadrzaj-odg{
	width:100%;
	position:relative;
	border:2px solid #9fc8e7;
	padding:10px;
}
.pitanje-text{
	display:-ms-flexbox;
	display:flex;-ms-flex-align:center;
}
.pitanje-text>.oglas_user,.pitanje-text>.oglas_user-odg{
	padding:5px;
}

.oglas-tab{
	/*background-color:#c9c9a7;*/
	background-color:#fff;
	padding:10px 15px 10px 10px;
	margin:5px auto 5px auto;
	box-shadow:0 0 5px 1px #abadaf; 
	border-radius:15px;

}
.oglas-tab-multislider{
	border-top-left-radius:0;
	border-top-right-radius:0;
}

.effect img, .effect{
	background:transparent!important;
}


/**KATEGORIJE oglasi **/



.card-h{
	width:100%;
	position:relative;
	height:150px;
	border-radius:0;
	box-shadow:0 0 10px 1px #aaa;
	margin-top:10px;
	color:#363638;
	background:#fff;
}
.card-h.pro{
	background:#fff;
}

.card-h.shop{
	background:#0375b4;
	color:#ec7f37 ;
}
.card-h.istaknut{
	background:#322e2f;
}
.card-h .card-left{
	position:relative;
}
.card-h .card-left .hitno{
	position:absolute;
	top:49px;
	right:-49px;
	width:118px;
	color:#fff;
	/*background-color:rgba(255,7,50,0.9);*/
	font:normal 1rem Avenir, sans-serif;
	text-align:center;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.card-h .premium{
	background-color:lightgreen;
	color:#414141;
	position:absolute;
	top:49px;
	right:-30px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	font:bold 0.8em 'Avenir', sans;
	padding:2px;
	width:118px;
	z-index:2;
	display:none;
	text-align:center;
	text-transform:uppercase;
}
.card-h .istaknut{
	background-color:#ff0000;
	color:#fff;
	position:absolute;
	top:49px;
	right:-30px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	font:bold 0.8em 'Avenir', sans;
	padding:2px;
	width:118px;
	z-index:2;
	display:none;
	text-align:center;
	text-transform:uppercase;
}
.card-h .img{
	position:relative;
	width:270px;
	height:150px;
	float:left;
}
.card-h .img .dostava{
	background-color:lightgreen;
	position:absolute;
	top:0;
	width:100%;
	font:normal 0.8rem Avenir, sans-serif;
	padding:2px;
	color:#414141;
	text-align:center;
}
.card-h .basic{position:relative;
height:120px;
}

.card-h .basic .shop{
	color:#fff  ;
	background-color:#393939 ;
	font:normal 1rem Avenir, sans-serif;
	text-align:center;
	position:absolute;
	bottom:2px;
	right:15px;
	padding:1px 3px;
	border:1px solid #fff ;	
}
.card-h .title.title_bold{
	font:bold 12pt 'Avenir', sans-serif;
	font-weight:900;
	background-color:rgba(145,225,92,0.3);
	border:1px solid rgba(145,225,92,0.6);
	border-radius:3px;
	padding:4px;
}
.card-h .title a{
	color:#363638;
}
.card-h .basic  p{
	color:#363638 ;
	line-height:90%;
	font:normal 0.9rem Avenir, sans-serif;
}
.card-h .cijena{
	position:absolute;
	bottom:0;
	right:0;
	left:270px;
	height:30px;
	font-family:PeachyKeen, sans-serif;
	font-weight:400;
	text-align:right;
	background:transparent;
	color:#ffb64d;
	padding-right:10px;
	line-height:30px;
	
}
.card-h .cijena > p.placen{
	position:absolute;
	left:8px;
	bottom:-16px;
	font:normal 0.6rem 'Avenir', sans-serif;
	color:#555;
	width:45px;
	height:30px;
	text-align:center;
	border:1px solid #555;
	padding:2px;
	vertical-align:middle;
}

.card-h .grad{
	position:relative;
	font:normal 0.8rem Avenir,sans-serif;
}

.item-box{
	display:flex;
	position:relative;
	width:100%;
	height:25px;
	margin:2px auto;
	border-bottom:1px solid #bbb;	
}
.item-box.odd{
	background:#fff;
}
.item-box.atributis{	
	background:rgba(57,57,57,0.08);
	
}

.item-box.head .item-left{
	width:auto;	
}
.item-box.atributi .item-left{
	width:auto;
	white-space:normal!important!
}
.item-box.atributi.text-wrap .item-left{
	
}
.item-box.atributis:hover{
	margin:2px auto;
	background:rgba(57,57,57,0.4);
	color:#fff;
}
.item-box .item-left{
	display:inline-block;
	padding:3px;
	width:40%;
	text-align:left;
	border-left:none;
	/*border-top:1px solid #9fdde7;*/
	min-height:25px;
	font-size: fit-width;
	color:#363638;
	vertical-align:middle;
}
.item-box.odd .item-left{
	border-left:none;
	/*border-top:1px solid #026627;*/
}


.item-box .item-right{
	display:inline-block;
	position:absolute;
	right:0;
	padding:3px;
	font-weight:600;
	font-size:1rem;
	height:25px;
	max-width:58%;
	vertical-align:middle;
}
.item-box .item-right.cena{
	font:normal 1.2rem PeachyKeen, sans-serif;
	background-color:transparent;
	color:#f0aa24;
}

.oglas-id{
	position:relative;	
}
.oglas-id b{
	color:#a2a2a2;	
}
.oglas-id abbr{
	display:inline;
	text-align:left;
	float:left;	
}
.oglas-id abbr{
	color:#abafae;
}
.oglas-id abbr a{
	color:#abafae;
}



.kat_filter .card-header{
	padding:10px!important;
	line-height:10px!important;
}
.kat_filter .card-header h3{
	font:normal 12pt 'Avenir', sans-serif!important;
}
.kat_filter  a{
	text-decoration:none;
	color:#666;
}
.kat_filter  a:hover{
	color:#fff;
}
.kat_filter .subcat:hover{
	background-color:rgba(62,62,65,0.5);
	color:#fff;
}
	
.kat_filter .subcat{
	padding:4px;
	box-shadow:1px 1px 0 0 #999;
	font:normal 0.7em 'Avenir', sans-serif!important;
	margin:1px;
	cursor:pointer;
}
.kat_filter .subcat .close{
	font-size:1rem;
}
.oglasi h1{
	font:bold 14pt 'Avenir', sans-serif!important;
	color:#999;
}

.main-menu ul li a{
	text-transform:none;
	font-family: Avenir;
	font-weight:700;	
}
.main-menu ul li a.active{
	background-color:rgba(255,0,0,0.2)!important;	
}
.log-in{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	max-width:800px;
	padding:20px;
	background:#fff url(../images/logo-f-m-45.png) no-repeat bottom right; 
	position:relative;
}
.log-in .login-head{
	margin-left:0;
	max-width:400px;
	width:100%;
	top:-30px;
	height:60px;
	line-height:60px;
	background:#fff;
	text-align:Left;
	color:#363638;
	font-weight:900;
	font-size:2em;
}
.log-in a {
	color:#363638;
	text-decoration:none;
	font-weight:bold;
}
.log-in a:hover{
	color:#3476ee;
}
.username,.password{
	background-color:#fff;
	padding:4px;
	
}
.btn{
	border-radius:0;
}

.username i, .password i{
	width:20px;
	text-align:rigth;
}
.username input, .password input{
	box-shadow:0 0 5px 1px #f0f0f0;
	width: calc(100% - 25px)!important;	
	background-color:transparent;
	padding:5px;
}

.subkategorija,.subcat1,.subcat2{display:none;}

.faicons:hover{
	background-color:rgba(31,133,222,0.4);
}	
.faicons{
	width:50px;
	height:50px;
	border:1px solid #999;
	text-align:center;
	margin:2px;
	float:left;
	font-size:2em;
	background-color:rgba(191,197,201,0.3);
}
.faicons_text{
	font-size:0.5em;
	display:none;
}


.errors {
    color: red;
    font-size: 13px
}

.dostava,.premium,.hitno,.kat_mob{display:none;}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999999999999999;
  top: 0;
  left: 0;
  background-color: rgba(112,112,112,0.9);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 10px;
  text-align:center;
  color:#fff;
}

.sidenav a {
  padding: 2px 2px;
  text-decoration: none;
  font-size: 10px;
  color: #fff;
  display: block;
  transition: 0.3s;

}

.sidenav a:hover{
  color: #cccddb;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.link{cursor:pointer}







/* Portrait and Landscape */
@media screen 
  and (max-width: 990px) {
	  .box-oglas{
		height:220px;
	 } 
	 .box-oglas .image{
		height:120px;
	 }
	.box-oglas .naziv{
		font-size:0.8rem!important;
	}
	.box-oglas .cijena{
		font-size:1rem!important;
	  } 
	  .box-oglas .vrijeme{
		font-size:0.6rem;
	  }
	.podogovoru{
		font-size:0.6rem!important;
	} 
  }
@media screen 
  and (max-width: 768px) {
	.tab-meni-mob{
		display:block;
	}
	.tab-meni{
		display:none;
	}
	.dva-reda{
	  -webkit-column-count: 1;
		 -moz-column-count: 1;
			  column-count: 1;
	}
	.tri-reda{
	  -webkit-column-count: 2;
		 -moz-column-count: 2;
			  column-count: 2;
	}
	.nomobile{
		display:none;
	}
	.nav_mobile,.adv_mobile{
		display:block;
	}
	.nav_desktop,.adv_desktop{
		display:none;
	}
	input.search{width:100%}
	.kat_des{display:none}
	.kat_mob{display:block!important}
	.kat_menu>ul{
			min-height:0;	
		}
	.box-oglas-red .image .dostava{
		font:normal 0.6rem Avenir, sans-serif;
	}
	.box-oglas-red .center-box  div.datum{
		font:normal 0.6rem 'Avenir', sans-serif;
	}
	.box-oglas-red .center-box .shop{
		font:normal 0.9rem Avenir, sans-serif;		
	}
	.box-oglas-red .right-box>.stanje{
		font:normal 10pt 'Avenir', serif;
	}
	.box-oglas-red .right-box div.cijena-prije{
		font:normal 0.8rem 'Avenir', sans-serif;
	}
	.box-oglas-red .right-box div.cijena{
		font:bold 1.1rem 'Avenir', sans-serif;
	}
	.box-oglas-red .right-box>.cijena i{
		/* cijen napomena */
			font:normal 0.8rem 'Avenir', serif;
		}

	.box-oglas-red .right-box>.cijena> span.dogovor{
		font:bold 0.8rem 'Avenir', sans-serif;
	}
	.box-oglas-red .right-box .grad{
		font:normal 9pt 'Avenir', serif!important; 
	}
	.card-h .img{
		width:35%;
	}
	.card-h .cijena{
		left:35%;
	}
	.card-h .img .dostava{
		font:normal 0.6rem Avenir, sans-serif;
	}
	.card-h .basic{position:relative;
		height:auto;
	}
	.card-h .basic{
		height:100px;
		overflow:hidden;
	}
	.card-h .grad div{
		display:inline-block;
		font-size:0.6rem;
		background:rgba(128,250,110,0.1);
	}
	div.view-oglas{
		width:calc(100% + 15px);
		margin-top:-10px;
		margin-left:-10px;
		font-size:0.9rem;
	}
	div.view-oglas> div.nav-item>a.nav-link{
		font:normal 0.8rem Avenir, sans-serif;
		width:100%!important;
	}
}
@media screen 
  and (max-width: 568px) {
	 .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:7px;padding-left:7px}
	
	.tri-reda{
	  -webkit-column-count: 1;
		 -moz-column-count: 1;
			  column-count: 1;
	}
	.box-oglas .naziv{
		font-size:0.8rem!important;
	}
	.podogovoru{
		font-size:0.6rem!important;
	} 
	.box-oglas{
		height:220px;
		margin:8px auto 8px 4px;	
	 }
	 .box-oglas .image{
		height:125px;	 }
	
	 
	  .box-oglas .cijena{
		font-size:1.1rem!important;
	  } 
	  .box-oglas .vrijeme{
		font-size:0.65rem;
	  }
	  
	  .objavi-oglas{
		  display:none;
	  }
	  .box-oglas .image .flag{
		font:normal 0.55em 'Avenir', sans-serif;
		padding:1px;
	}.box-oglas .image>div.premium {
		font:normal 0.55em 'Avenir', sans-serif;
		padding:1px;
	}
	
	
	
	 .box-oglas-red .image{
		width:29%;
	 }
	 .box-oglas-red .center-box{
		width:40%;
	 }
	 
	.box-oglas-red .right-box{
		width:22%;
		margin-right:15px;
	}
	
	.box-oglas-red >.premium, .box-oglas-red >.istaknut {
		top:45px;
		right:-47px;
		height:20px;
	} 
	
	.box-oglas-red .image .dostava{
		font:normal 0.55rem Avenir, sans-serif;
	}	
	.box-oglas-red .center-box  div.datum{
		font:normal 0.6rem 'Avenir', sans-serif;
	}	
	.box-oglas-red .center-box .shop{
		font:normal 0.75rem Avenir, sans-serif;
		
	}
	
	.box-oglas-red .right-box>.stanje{
		font:normal 9pt 'Avenir', serif;
	}
	.box-oglas-red .right-box div.cijena-prije{
		font:normal 0.7rem 'Avenir', sans-serif;
	}
	.box-oglas-red .right-box div.cijena{
		font:bold 1rem 'Avenir', sans-serif;
	}
	.box-oglas-red .right-box>.cijena i{
		/* cijen napomena */
			font:normal 0.7rem 'Avenir', serif;
		}

	.box-oglas-red .right-box>.cijena> span.dogovor{
		font:bold 0.7rem 'Avenir', sans-serif;
	}
	.box-oglas-red .right-box .grad{
		font:normal 8pt 'Avenir', serif!important;
	}
	
	
	
	
	
	
	
	.kat_oglas .vrijeme-cijena i.datum{
		font:normal 0.6rem 'Avenir', sans-serif;
	}.kat_oglas .vrijeme-cijena span.cijena{
		font:bold 1em 'Avenir', sans-serif;
		color:#d20251;
		text-shadow: 0 0 5px #2e2e2e;
	}.kat_oglas .vrijeme-cijena span.dogovor{
		font:bold 0.7em 'Avenir', sans-serif;
		color:#d20251;
		text-shadow: 0 0 5px #2e2e2e;
	}  
	.kat_oglas div.title{
		font:normal 10pt 'Avenir', sans-serif;
	}  
  
	


	
	
}
@media (max-width: 500px) {
    .dropdown-menu{
          height:200px!important;
          overflow-y:auto!important;
       }
	   .kat_menu>ul:after {
		  content: "";
		  display: table;
		  clear: both;
		}
	   
	   .kat_menu>ul{
			min-height:0;
			width:100%;
		}
		.kat_menu>ul>li{
			width:100%;
		}
		.meni-separator{
			display:block!important;
		}
 }
	
	
	
	
	
	
#multislider,#shopovi {
  position: relative;
  background-color:#fff;
}
#multislider .platinum{
  white-space: nowrap;
  overflow: hidden;
  margin: 0 25px; 
}
#shopovi .MS-content{
  white-space: nowrap;
  overflow: hidden;
  margin: 0 10px;
}
#multislider .platinum .item, #shopovi .MS-content .item {
  display: inline-block;
  width: 25%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  padding: 0 10px;
}
#shopovi .MS-content .item {
	box-shadow:0 2px 3px #686B6B;
	height:110px;
	border:1px solid #c2c2c2;
}
.shopovi{
	position:relative;
	height:102px;
	width:209px;
	margin-right:5px;
	padding:2px;
	border:1px solid #D1D2D3;
}
.shop-logo{
	height:100px;
	
}
.shop-logo img{
	max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.shop-naziv a{
	color: #2f8080;
	text-decoration:none;
}
.shop-naziv{
	position:absolute;
	left:2px;
	bottom:0;
	vertical-align: top;
	overflow: hidden;
	text-align:center!important;	
	font:normal 0.95rem Avenir, sans-serif;
	background:#fff;
}


@media (max-width: 991px) {
  #multislider .platinum .item ,#shopovi .MS-content .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #multislider .platinum .item,#shopovi .MS-content .item {
    width: 100%;
  }
}
#multislider .platinum .item .imgTitle ,#shopovi .MS-content .item .imgTitle {
  position: relative;
}
#multislider .platinum .item .imgTitle .blogTitle,#shopovi .MS-content .item .imgTitle .blogTitle {
  margin: 0;
  text-align: left;
  letter-spacing: 2px;
  color: #252525;
  font-style: italic;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  bottom: 0;
  font-weight: bold;
  padding: 0 0 2px 10px;
}

#multislider .MS-controls button{
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 25px;
  top: 43%;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.15s linear;
}
#shopovi .MS-controls button{
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 20px;
  top: 35px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.15s linear;
}
#multislider .MS-controls button:hover,#shopovi .MS-controls button:hover {
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 992px) {
  #multislider .MS-controls button {
    font-size: 20px;
  }
  #shopovi .MS-controls button {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  #multislider .MS-controls button,#shopovi .MS-controls button {
    font-size: 20px;
  }
}
#multislider .MS-controls .MS-left {
  left: 0px;
  background-color:#fff;
}
#shopovi .MS-controls .MS-left {
  left: -10px;
}
@media (max-width: 767px) {
  #multislider .MS-controls .MS-left,#shopovi .MS-controls .MS-left {
    left: -10px;
  }
}
#multislider .MS-controls .MS-right {
  right: 0px;
  background-color:#fff;
}
#shopovi .MS-controls .MS-right {
  right: -10px;
}
@media (max-width: 767px) {
  #multislider .MS-controls .MS-right,#shopovi .MS-controls .MS-right {
    right: -10px;
  }
}



.dropdown-menu {
	min-width: 200px;
}
.dropdown-menu.columns-2 {
	min-width: 400px;
}
.dropdown-menu.columns-3 {
	min-width: 600px;
}
.dropdown-menu li a {
	padding: 5px 15px;
	font-weight: 300;
}
.multi-column-dropdown {
	list-style: none;
  margin: 0px;
  padding: 0px;
}
.multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #333;
	white-space: normal;
}
.multi-column-dropdown li a:hover {
	text-decoration: none;
	color: #262626;
	background-color: #999;
}
 
@media (max-width: 767px) {
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
}
.allcat{
	background-color:#acacac;
}
.allcat:hover{
	background-color:#acacac!important;
	color:#fff;
}