@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:#e0e0e0;
	font-family: Avenir!important;
}
footer{
	font-family:Avenir, sans-serif;
	line-height:20px;
}
.top-bar{
	background:#000;
	min-height:20px;
}
.menu-bar{
	background:#322e2f;
	box-shadow: 0 5px 1px  #ec7f37;
	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;
	border-bottom:1px solid #aaa;
}
.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}
.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{
	background:#322e2f;
	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:#262228;
}

.box-oglas.pro{
	background:#414141;
}
.box-oglas.placen{
	background:#322e2f;
	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;
}
.box-oglas .image img {
    width: 100%;
	max-height: 130px;

	/**
	-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:#fff; 
}
/*
.box-oglas .naziv a.naslov-bold{
	
font-weight:900;
background:rgba(208,206,205,0.5);	
}
*/
.box-oglas .naziv a:hover{
	color:#fff;
	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: #d9d9d9; 
	/*border-bottom: 3px solid #f15a29;*/
	position:absolute;	
	left:-7px;
	right:-7px;
	bottom:20px; 
	vertical-align:middle;
	padding:3px;
	font:normal 1.2rem 'PeachyKeen', sans-serif;
	color:#555;
	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:#fae3c4;
	/*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:#555;
	width:45px;height:30px;
	text-align:center;
	border:1px solid #555;
	padding:2px;
	
}
.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;
	font-size:0.8em;
	color:#fff;
	background:#414141;
}

#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 h1{
	font:bold 20pt Avenir, sans-serif;
	border-bottom:1px solid #828486;
	padding:5px;
	background-color:#f8f8f8;
	margin-top:20px;
}
.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:#e18424;
	padding:3px;
}
ul.view-oglas> li.nav-item>a.nav-link{
	padding:3px;
	text-transform:uppercase;
	font:normal 1rem Avenir, sans-serif;
	color:#3b5b64;
	border-top:1px solid #677073;
	border-right:1px solid #677073;
	border-radius:0;
}


.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;
	text-shadow:1px 1px 4px #342324;
}
.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;
	border:1px solid #abadaf; 

}



.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	min-height: 60px; /* Set the fixed height of the footer here */
	line-height: 60px; /* Vertically center the text there */
	background-color:#676f75;
}



.kat_oglas{
	margin:6px 0;
	border:1px solid #526576;
	border-radius:8px;
	height:90px;	
}
.kat_oglas:hover{
	border: 1px solid #32a10d;
	background-color:rgba(80,100,120,0.1);
}
.kat_oglas .image{
	width:100%;
	padding:5px;
	position:relative;
}
.kat_oglas .image img{
	height:100%;
	max-height:78px;
}
.kat_oglas div.title{
	width:100%;
	font:bold 12pt 'Avenir', sans-serif;
}
.kat_oglas div.title a{
	color:#f16102;
}
.kat_oglas .vrijeme-cijena{
	position:absolute!important;
	left:0;
	bottom:0;
	width:95%;
}
.kat_oglas .vrijeme-cijena i.datum{
	font:normal 0.8rem 'Avenir', sans-serif;
}.kat_oglas .vrijeme-cijena span.cijena{
	font:bold 1.3em 'Avenir', sans-serif;
	color:#444;
	/*text-shadow: 0 0 5px #2e2e2e; */
}.kat_oglas .vrijeme-cijena span.dogovor{
	font:bold 1em 'Avenir', sans-serif;
	/*color:#d20251; */
	color:#444;
	
	/*text-shadow: 0 0 5px #2e2e2e; */*
}
.kat_oglas .flags{
	position:absolute;
	bottom:25px;
}
.kat_oglas .flags>div{
	float:left;
	margin:0 2px;
padding:3px;	
}
.kat_oglas .hitno{	
	width:auto;
	color:#fff;
	background-color:rgba(255,7,50,0.7);
	font:bold 0.7em 'Avenir', sans-serif;
	
}
.kat_oglas .stanje{	
	background-color:#dba400;	
	font:bold 0.7em 'Avenir', sans-serif;
	padding:2px;
	width:auto;
	z-index:2;
	color: #fff;
	
}
.kat_oglas .shop{	
	background-color:#48566c;	
	font:bold 0.7em 'Avenir', sans-serif;
	padding:2px;
	z-index:2;
	color: #fff;
	position:absolute;
	width:80px;
	right:50px;
	bottom:25px;
	
}
.kat_oglas .premium{	
	background-color:lightgreen;
	position:absolute;
	top:25px;
	right:-10px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	font:bold 0.7em 'Avenir', sans;
	padding:2px;
	width:70px;
	z-index:1;
	border-top-left-radius:6px;
	
}
.kat_oglas .dostava_freee{
	display:none;
	background-color:#32a10d;
	font:bold 0.7em 'Avenir', sans-serif;
	padding:2px;
	width:auto;
	z-index:3;
	color:#fff;
	
}

/**KATEGORIJE oglasi **/
.box-oglas-red{
	height:115px;
	width:100%;
	border: 2px solid #aaa;
	margin:5px 5px 0 0;
	border-radius:0;
	position:relative;
	background:#262228;
	color:#fff;
}

.box-oglas-red .image {
	position:relative;
	height: 110px;
	width: 20%;
	float:left;
	margin:0;
	padding:0;
}
.box-oglas-red .center-box{
	position:relative;
	height:114px;
	width:50%;
	float:left;
	padding-left:10px;
}
.box-oglas-red .right-box{
	height:111px;
	width:18%;
	float:right;
	position:relative;
	margin-right:20px;
	background-color:#838f9b;
	position:relative;
}


.box-oglas-red >.premium{
	background-color:lightgreen;
	color:#414141;
	position:absolute;
	top:42px;
	right:-43px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	font:bold 0.8em 'Avenir', sans;
	padding:2px;
	width:112px;
	height:25px;
	z-index:2;
	display:none;
	text-align:center;
	text-transform:uppercase;
}	
.box-oglas-red >.istaknut{
	background-color:#ff0000;
	color:#fff;
	position:absolute;
	top:42px;
	right:-43px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	font:bold 0.7em 'Avenir', sans;
	padding:2px;
	width:112px;
	height:25px;
	z-index:2;
	display:none;
	text-align:center;
	text-transform:uppercase;
}


.box-oglas-red.pro{
	background-color:#414141;
}
.box-oglas-red.istaknut{
	background-color:#322e2f;
}
.box-oglas-red:hover{
	border: 2px solid #f9bda9;
}

.box-oglas-red .image img {
     height:100%;width:auto;
	 max-width:98%;
	 padding:5px;
	/**/
	-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
	/**/
}

.box-oglas-red .image .dostava{
	background-color:lightgreen;
	position:absolute;
	top:0;
	width:100%;
	font:normal 0.8rem Avenir, sans-serif;
	padding:2px;
	color:#414141;
	text-align:center;
}
.box-oglas-red .right-box .hitno{
	position:absolute;
	top:45px;
	left:-67px;
	width:114px;
	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);
	
}

.box-oglas-red .center-box  div.title{
	font:normal 12pt 'Avenir', sans-serif;
}

.box-oglas-red .center-box  div.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;
}
.box-oglas-red .center-box  div.title a{
	color:#fff;
}
.box-oglas-red .center-box  span.subtitle{
	font:normal 0.8em 'Avenir', sans-serif;
	color:#999;
}
.box-oglas-red .center-box  div.datum{
	position:absolute;
	bottom:27px;
	font:normal 0.9rem 'Avenir', sans-serif;
}
.box-oglas-red .center-box .shop{
	color:#fff;
	background-color:#009578;
	font:normal 1.1rem Avenir, sans-serif;
	text-align:center;
	position:absolute;
	bottom:4px;
	padding:1px 3px;		
}

.box-oglas-red .right-box:after{
	content: "";
	display: table;
	clear: both;
}

.istaknut .right-box{
	background-color:#3d6a91;
	color:#fff;
}
.pro .right-box{
	color:#fff;
}

.box-oglas-red .right-box>.stanje{
	font:normal 10pt 'Avenir', serif;
	color:#fff;
	padding-left:5px;
}
.box-oglas-red .right-box div.cijena-prije{
	font:normal 0.9rem 'Avenir', sans-serif;
	color:#bbb;
	text-decoration:line-through;
	text-align:center;
}
.box-oglas-red .right-box div.cijena{
	font:normal 1.3rem 'PeachyKeen', sans-serif;
	color:#fff;
	text-align:right;
	padding-right:10px;
}
.box-oglas-red .right-box>.cijena i{
	/* cijen napomena */
		font:normal 0.9rem 'Avenir', serif;
		color:#414141;
		line-height:5px;
		height:10px;
	}

.box-oglas-red .right-box>.cijena> span.dogovor{
	font:normal 11pt 'Avenir', serif;
	color:#fff!important;
}
.box-oglas-red .right-box .grad{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background-color: #005879;
	height:24px;
	font:normal 11pt 'Avenir', serif;
	color:#fff!important;
}


.card-h{
	width:100%;
	position:relative;
	height:150px;
	border:1px solid #f4f4f4;
	margin-top:10px;
	color:#fff;
	background:#262228;
}
.card-h.pro{
	background:#414141;
}

.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;
	border:1px solid #f4f4f4;
}
.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;
	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:#fff;
}
.card-h .basic  p{
	color:#ec7f37 ;
	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:#d9d9d9;
	color:#555;
	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:35px;
	border-bottom:2px dotted #9fdde7;
	background:rgba(237,234,229,1);
	margin:2px auto;	
}
.item-box.odd{
	background:#f6f6fa;
	border-bottom:2px dotted #026627;
}
.item-box.atributis{	
	background:rgba(57,57,57,0.08);
	
}

.item-box.head .item-left{
	width:120px;
	
	
}
.item-box.atributi .item-left{
	width:180px;
	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:1px solid #9fdde7;
	/*border-top:1px solid #9fdde7;*/
	min-height:35px;
	font-size: fit-width;
	color:#393939;
	vertical-align:middle;
}
.item-box.odd .item-left{
	border-left:1px solid #026627;
	/*border-top:1px solid #026627;*/
}


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

.oglas-id{
	position:relative;	
}
.oglas-id b{
	color:#026670;	
}
.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;
	margin-top:30px;
	max-width:500px;
	border-radius:none;
	box-shadow:0 0 1px 1px #ccddbb;
	padding:20px;
	padding-top:70px;
	background:rgba(84,84,92,0.7) url(../images/logo-f-m-45.png) no-repeat bottom right; 
	position:relative;
}
.log-in .login-head{
	position:absolute;
	margin-left:6%;
	max-width:400px;
	width:80%;
	top:-30px;
	height:60px;
	line-height:60px;
	background:rgba(125,205,98,1);
	text-align:center;
	text-transform:uppercase;
	color:#fcfcfc;
}
.log-in a {
	color:white;
	text-decoration:none;
}
.log-in a:hover{
	color:#fccfcc;
}
.username,.password{
	background-color:#fff;
	padding:4px;
	
}
.btn{
	border-radius:0;
}
.username:focus-within,.p:focus-within{
    color: 
#495057;
background-color:
#fff;
border-color:
#80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem
rgba(0,123,255,.25);
}
.username i, .password i{
	width:20px;
	text-align:rigth;
}
.username input, .password input{
	border:none;
width: calc(100% - 25px)!important;	
	background-color:#fff;
	padding:4px;
}
.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;
}
div.prodavac{
	border:1px solid #abadaf;
	background-color:#f5f8fa;
}
.oglas_user{
	box-shadow:0 0 3px #677073;
	border-radius:3px;
	min-height:45px;
	line-height:10pt;
	background-color:#f1f1f1;
}
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;
}
.nalog_akcije:hover{
	background-color:#d0d1d1;
	cursor:pointer;
}.nalog_akcije{
	font:normal 11pt Avenir, san-serif;
	box-shadow:0 0 5px #677073;
	padding:3px;
	color:#3b5b64;
	margin-bottom: 7px;
	background-color:#f1f1f1;
	height:40px;
	padding:10px;
}

.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;
}
.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) {
	.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);
	}
	.card-h .cijena > p.placen{
		font:normal 0.55rem 'Avenir', sans-serif;
		padding:10px;
	}
	
}
@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;
	}  
  
	


	.footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		min-height: 30px; /* Set the fixed height of the footer here */
		line-height: 30px; /* Vertically center the text there */
		background-color:#676f75;
		font-size:0.7em;
	}
	
}
@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:#322e2f;
}
#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:100px;
	margin-right:5px;
}
.shop-logo{
	height:100px;
}
.shop-logo img{
	max-height:100%;
}
.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;
}