body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	height:100%;
	background-color: #F5F5F5;
	font-display: swap;
}
.main404 {
	text-align: center;
	background-color: #fff;
	padding-top: 50px;
	padding-bottom: 100px;
}
.naslov404 {
	color: #2B457E;
	font-size: 150px;
	margin: 20px 15px;
	font-weight: 700;
}
.content404 {
	color: #000;
	font-size: 65px;
	font-weight: 700;
	margin-bottom: 50px;
}
.message404 {
	font-size: 22px;
	color: #2B457E;
	font-weight: 700;
	margin-top: 25px;
}
.link404 {
	color: #fff;
	background-color: #2B457E;
	margin: 30px;
	padding: 20px 30px;
	font-weight: 700;
	display: inline-block;
	font-size: 22px;
	text-decoration: none;
	border-radius: 45px;
}
.link404:hover {
	color: #fff;
	background-color: #4656A0;
	text-decoration: none;
}
/* // START SMARTSUGGEST */
div.ss-wrap *
{
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	background-color: transparent;
	background-image: none;
	background-position: 0 0;
	text-decoration: none;
	font-size: 1em;
}

input.ss-input
{
	display: block;
}

div#trazilica input.ss-input-thinking
{
	background-image: url(../js/smartsearch/images/indicator.gif);
	background-repeat: no-repeat;
	background-position: 25px center;
}
div#trazilica input {
	background: #fff url(../js/smartsearch/images/search.png) 0px center no-repeat;
	font-size: 20px;
	color: #333;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 60px;
	border-radius: 0px;
	width: 100%;
	outline: 0;
}
ul.ss-box
{
	/* Will be absolutely positioned in the JavaScript */
  margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	max-width: 540px;
	z-index: 999999;
	border: 1px solid #919191;
	font-size: 11px;
	background: #fff;
	-moz-box-shadow: 2px 2px 5px 0 #c5c5c5;
	box-shadow: 2px 2px 5px 0 #c5c5c5;
	list-style: none;

}

	ul.ss-box li
	{
		float: left;
		width: 100%;
		clear: both;
	}

	ul.ss-box li,
	ul.ss-box li *
	{
		cursor: pointer;
	}

	ul.ss-box li.ss-header
	{
		height: 30px;
		overflow: hidden;
		padding: 5px 0;
		color: #fff;
		background: transparent url(../js/smartsearch/images/search-header-bg.gif) repeat-x bottom;
	}

		ul.ss-box li.ss-header p.ss-header-text
		{
			margin: 0 !important;
			padding: 0 0 0 10px !important;
			float: left;
			font-size: 12px;
			font-weight: bold;
		}

		ul.ss-box li.ss-header p.ss-header-limit
		{
			margin: 0 !important;
			padding: 0 10px 0 0 !important;
			float: right;
			font-size: 11px;
			font-weight: normal;
		}

	ul.ss-box li.ss-result
	{
		margin: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid #c5c5c5;
	}

		ul.ss-box li.ss-result a
		{
			display: block;
			padding: 5px 10px;
			text-decoration: none !important;
			background: #fff;
		}

		ul.ss-box li.ss-result a:hover
		{
			background: #cde0ff url(../js/smartsearch/images/search-item-hover.gif) repeat-x top; /* Also is set in JavaScript file for IE6 compatibility */
		}

		ul.ss-box li.ss-result img
		{
			margin-right: 12px;
		}

		ul.ss-box li.ss-result p
		{
	margin: 0 !important;
	padding: 0 !important;
	color: #444;
	font-weight: normal;
	font-size: 13px;
		}

			ul.ss-box li.ss-result p span.ss-result-title
			{
				display: inline !important;
				margin: 0 !important;
				padding: 0 !important;
				font-weight: bold;
				color: #222;
			}

/* // END SMARTSUGGEST */
.categories-sort-list {
	list-style-type: none;
	margin-left: 6px;
}
.categories-sort-list li {
	display: inline-block;
	margin: 5px;
}
.categories-sort-list li a {
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
.categories-sort-list li a:hover {
	text-decoration: underline;
}
.item1 iframe {
    width: 100%!important;
}
.nazovite-nas {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 125px;
	text-align: center;
	z-index: 225;
}
.nazovite-nas a {
	text-decoration: none;
	color: #fff;
}
.nazovite-nas .faphonefooter{
	width: 65px;
	height: 65px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	line-height: 60px;
	text-align: center;
	vertical-align: middle;
	background-color: #25bc41;
	padding: 3px;
	z-index: 11;
}
.rssicon {
	display: block;
	text-align: right;
}
header {
	margin-top:0;
	margin-bottom:0;
	background-color: #fff;
}

hr {
	color: #000;
}

ul {
	padding: 0;
	margin-left: 25px;
	/*list-style: none;*/
}

html, body, #map-canvas  {
  margin: 0;
  padding: 0;
  height: 100%;
}
img.lazy.loading {
    background: transparent url(../images/loading.gif) no-repeat 50% 50%;
}
.carousel {
	position: relative;
	margin-bottom: 30px;
}
.carousel,.item,.active{
	height: auto;
	/* width: 100%; */

	}
.carousel-inner{
	height:100%;
	}

.carousel-control.right{
	background-image: none;
}
.carousel-control.left{
	background-image: none;
}

.carousel.c-fade .item {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.carousel.c-fade .active.left,
.carousel.c-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel.c-fade .next,
.carousel.c-fade .prev {
  left: 0;
  z-index: 1;
}
.carousel.c-fade .carousel-control {
  z-index: 3;
}
.w-100{
	width: 100%!important;
	display: flex;
}
.space5 { margin-top:5px; }
.space7 { margin-top:7px; }
.space10 { margin-top:10px; }
.space15 { margin-top:15px; }
.space17 { margin-top:17px; }
.space20 { margin-top:20px; }
.space30 { margin-top:30px; }
.space300 { margin-top:300px; }
.vspace30 {
	display: inline-block;
	width: 30px;
}
.opacity {
        opacity: 0.7;  /* Opacity for Modern Browsers */
        filter: alpha(opacity=70);  /* Opacity for IE8 and lower */
        zoom: 1;  /* Fix for IE7 */
    }

a, a:hover, a:focus {
	text-shadow: unset;
	text-decoration:underline;
}


a.adresa1:hover {
    text-decoration:none;
}
h1 {
	font-weight: 700;
	/*text-shadow: 1px 1px 1px #FFF;*/
	margin-bottom: 0.2em;
	text-decoration: none;
	margin-top: 8px;
}
.carousel {
	position: relative;
	margin-bottom: 30px;
}
.carousel,.item,.active{
	height: auto;
	/* width: 100%; */

	}
.carousel-inner{
	height:100%;
	}

.carousel-control.right{
	background-image: none;
}
.carousel-control.left{
	background-image: none;
}

.carousel.c-fade .item {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.carousel.c-fade .active.left,
.carousel.c-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel.c-fade .next,
.carousel.c-fade .prev {
  left: 0;
  z-index: 1;
}
.carousel.c-fade .carousel-control {
  z-index: 3;
}
.iconkatalog{
	float: left;
	margin:15px;
	width: 112px;
	text-align: center;
	text-decoration: none;
}
.iconkatalog img{
	padding:10px;
}
.iconkatalog span, .iconkatalog a {
	display: block;
    font-size: 15px;
    color: #333;
    text-decoration: none;
}
#map-canvas {
  min-width:350px;
  min-height:350px;

}
.view_box_light_right {
	/*clear: left;*/
	display: flex;
}
.bannerwall {
    display: block;
    left: 50%;
    position: fixed;
    top: 0;
    z-index: 9999999;
}
.bannerwall-01 {
    position: relative;
    right: 50%;
}

.wrap-fixed {
    margin: 0 auto;
    width: 115.667em;
}
.bannerwall-side-left {
    right: 85%;
}
.bannerwall-side-right {
    left: 85%;
}
.bannerwall-side {
    bottom: 0;
    position: absolute;
    top: 0;
}

.modal {
  text-align: center;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

#updateCompanyModal .modal-dialog {
  width: 40%!important;
  height: auto!important;
  padding: 15px;
}

.container-gmap{
	width: 100%;
	height: 100%;
}

.row-gmap{
	width: 100%;
	height: 100%;
}

ul.dropdown-menu.lista{
	padding-left: 9px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 10px;
}

.awesome:hover{
	text-decoration: underline;
}

input:hover, input:focus {
	background: #e8e8e8;
}

input[type="submit"], input[type="button"], .btn-send-nsltr, .btn-dodaj-tvrtku-f, .btn-dodaj-tvrtku-r {
	background: #0BACD5 !important;
	border: 1px solid #0BACD5 !important;
	color: #fff !important;
	cursor: pointer;
	height: 48px;
	padding: 5px 13px !important;
	margin: 5px 0 0;
	font-size: 16px !important;
	text-transform: uppercase;
	border-radius:5px;
}

input[type="submit"]:hover, input[type="button"]:hover, .btn-send-nsltr:hover, .btn-dodaj-tvrtku-f:hover, .btn-dodaj-tvrtku-r:hover {
	background:#333 !important;
	border: 1px solid #333 !important;
}


.item1 {
	width: 50%;
	padding-right: 10px;
	padding-left: 10px;
	/*margin-right: 15px;
	margin-bottom: 5px;*/
 }
 .item1 table{
 	width: 100% !important;
  }
.inline {
	display: inline;
 }

.loginbox2{
	background-color: #333;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 5px;
    padding: 10px 15px;
    text-decoration: none;
}



/*stil za Akcije showbiz pro panel*/
.button-za-akcije{
	color: white;
/*	background-color: #217BB9;*/
	font-size: 14px;
	padding: 6px 20px !important;
	line-height: 30px;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
	text-align: center;
	text-decoration:none!important;
	text-shadow: none!important;
	font-weight:normal;
	background: #1e5799;
	background: -moz-linear-gradient(top,  #1e5799 0%, #207cca 0%, #08ABD3 0%, #217bb9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#207cca), color-stop(0%,#08ABD3), color-stop(100%,#217bb9));
	background: -webkit-linear-gradient(top,  #1e5799 0%,#207cca 0%,#08ABD3 0%,#217bb9 100%);
	background: -o-linear-gradient(top,  #1e5799 0%,#207cca 0%,#08ABD3 0%,#217bb9 100%);
	background: -ms-linear-gradient(top,  #1e5799 0%,#207cca 0%,#08ABD3 0%,#217bb9 100%);
	background: linear-gradient(to bottom,  #1e5799 0%,#207cca 0%,#08ABD3 0%,#217bb9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#217bb9',GradientType=0 );

}
.button-za-akcije:hover{
	color: white;
	background-color: #ee3224!important;
	text-shadow: none!important;
}
.padding-akcije-small{
	padding:0px 0px;
}

.button-akcije{
	position:absolute;
	bottom:0;

}

.top-ponuda{
 background-color: #c00;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin-left: 0;
    margin-top: 0;
    opacity: 0.8;
    padding: 3px;
    position: absolute;
	top:0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 0;
    width: 100%;
    z-index: 1;
}

.button-za-akcije:hover {
	text-decoration:none;
	background-color: #333333;

}

.mediaholder-img-override{
		width:100%;
		overflow:hidden!important;
}

.mediaholder{
	overflow:hidden!important;
}
.butdodajheader {
	background-color: #0BACD5;
    color: #fff!important;
    padding: 0;
    margin: 0;
    border: 1px solid #fff !important;
    font-size: 16px !important;
    display: block;
    padding: 5px 15px;
    line-height: 25px;
    text-decoration: none;
    position: relative;
    margin-left: 0;
    margin-right: 5px;
    margin-top: 0;
    margin-bottom: 0;
}
.butdodaj {
	background-color: #fff;
	color: #909090;
	padding:8px 12px;
    margin:0;
	border: 2px solid #D9D9D9;
	border-radius: 4px;
	font-size: 18px;
	text-decoration: none;
	text-transform: uppercase;
}
.butdodaj:hover {
	background-color: #ee3224;
	color: #fff;
	text-decoration: none;
	border: 2px solid #ee3224;
}
.butdodaj2 {
	background-color: #ee3224;
	color: #fff;
	padding:8px 12px;
    margin:0;
	border: 2px solid #ee3224;
	border-radius: 4px;
	font-size: 18px;
	text-decoration: none;
	text-transform: uppercase;
}
.butdodaj2:hover {
	background-color: #fff;
	color: #ee3224;
	text-decoration: none;
	border: 2px solid #ee3224;
}
.sb-nav-dark-retro .sb-navigation-right{
	right: -25px!important;
	top:30%!important;
	background-color: white!important;
	margin-top:0px!important;
}

.sb-nav-dark-retro .sb-navigation-left{
	left:-25px!important;
	top:30%!important;
	background-color: white!important;
	margin-top:0px!important;
}

.iconkategorija {
	float: left;
	margin-right: 20px;
	width: 65px;
}

.thumb-div{
	height:auto!important;
}

.thumb-div2{
	height:auto!important;
}

.left-icon-override{
	opacity:0.2;
}

.right-icon-override{
	opacity:0.2;
}

.left-icon-override:hover{
	opacity:1;
}
.right-icon-override:hover{
	opacity:1;
}

.linkheader2{
	color:#fff!important;
}
.linkheader2:hover{
	color:#ccc!important;
	text-decoration: none!important;
}
.linkbijelokomp{
	color:#fff;
}
.linkbijelokomp:hover{
	color:#fff;
}
.linktel {
	font-size: 20px;
	color: #333333!important;
	text-decoration: underline;
	font-weight: 700;
	padding-top: 10px;
	padding-bottom:10px;
	display: inline-block;
}
.linktel:hover {
	color: #ee3224;
	text-decoration: none;
}
.linkkategorije {
	font-size: 15px;
	color: #333333!important;
	text-decoration: none;
	font-weight: normal;
}
.linkkategorije:hover {
	color: #ee3224;
	text-decoration: underline;
	font-weight: normal;
}
.linkkategorije a:hover {
	color: #ee3224;
	text-decoration: underline;
	font-weight: normal;
}

.thumb-img7{
	height:170px;
	overflow:hidden;
}

.thumb-inner{
	height:125px;
	overflow: hidden;
}
.thumb-img7 {
	width:100%;
	height:150px;
	padding:0px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
}
.thumb7{
	width:100%;
	transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
}

.akcije-naslov{
	background-color:#217BB9;
	color: #fff;
	text-align:left;
	font-weight:bold;
	font-size:15px;
	text-decoration:none;
	padding-left:20px;
	padding-top:6px;
	padding-bottom:6px;
}

.akcije-naslov a{
	color: #fff;
}
.sb-retro-skin .showbiz-description{
	font-size:16px!important;
	color:#3D3D3D!important;
	line-height:18px!important;
	font-family:"Source Sans Pro",sans-serif!important;
}

.showbiz-title-override{
	color: #3D3D3D!important;
    font-size: 17px!important;
    margin: 0!important;
    overflow: hidden!important;
    width: 100%!important;
	text-shadow:none;
	font-family:"Source Sans Pro",sans-serif!important;
	font-weight: 400;
}

.sb-retro-skin .showbiz-title-override a{
	color: #3D3D3D!important;
    font-size: 17px!important;
	font-weight: 400;
    margin: 0!important;
    overflow: hidden!important;
    width: 100%!important;
	text-shadow:none;
	font-family:"Source Sans Pro",sans-serif!important;
}
.sb-retro-skin .popust{
	 background-color: #A71E22;
    border-radius: 0px;
	position: absolute;
	bottom: 10px;
	left:0;
	z-index: 10;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    padding: 5px 10px;
    text-decoration: none;
	display:inline-block;
}
.sb-retro-skin .showbiz-title, .sb-retro-skin .showbiz-title a, .sb-retro-skin .showbiz-title a:visited, .sb-retro-skin .showbiz-title a:hover{
	font-weight: 700px!important;
}
/*kraj -stila za Akcije showbiz pro panel*/


/*za grey toggle button*/
.toggle-grey-stil{
	background-color: #333333!important;
}

/*o tvrtki pozadina*/
.panel-color-grey{
	background-color: #F4F4F4!important;
	/*line-height:20px!important;*/
}
/* overwrite style*/
.panel-heading-stil{
	color: black!important;
	background-color: white!important;
	font-size: 20px;
	font-weight: bold;
}

.panel-default-stil{
	border-color: #FFFFFF!important;
}

.thumbnail-stil{
	background:rgba(242,242,242,0.0)!important;
	padding: none!important;
	border: none!important;
	box-shadow: none!important;
	-webkit-box-shadow: none!important;
	max-height: 178px;
    min-height: 178px;
    overflow: hidden;

}
.navbar-glavni-stil a:hover{
	background-color: #f2f2f2!important;
}
.navbar-glavni-stil li:hover{
	background-color: #f2f2f2!important;
}
.navbar-glavni-stil i:hover{
	color: #373636!important;
}
.myimage-link{
	min-height: 100px;
	max-height: 100px;
	margin-top:-30px;
	text-align: center;
	margin-bottom: 5px;
	overflow: hidden;
	margin-left: 10px;
	width: 150px;
}

.caption-stil{
	color:#333!important;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 3px;
	margin-top: 0px;
	text-decoration: none;
	color: #373636;
	text-shadow: 1px 1px 1px #efefef;
	padding-top: 0 !important;
}

.captcha-size{
	width: 80%!important;
	float: right!important;
	size:2;

}

.captcha-input-stil{
	float:left!important;
	padding-right:0px!important;
	padding-left:6px!important;
	margin-left:0px!important;
	width:40px!important;
}

.captcha-input-stil i{
	top: 0px!important;
	width: 0px!important;
}

.has-feedback .form-control-feedback {
	top: 1px;
}


.kontakt-stil{
	color:white!important;
	font-size:13px!important;
	border-color: #ffffff;
	padding-bottom: 0px!important;
}

.kontakt-heading-stil{
	background-color: #333333!important;
	color:white!important;
	font-size:16px!important;
	font-style:bold!important;
	/*border:none!important;*/
	padding-top: 20px!important;
	padding-left: 20px!important;
	border-color:#333333!important;
	/*border-top-left-radius: 15px!important;
	-moz-border-radius-topleft: 15px!important;
	border-top-right-radius: 15px!important;
	-moz-border-radius-topright: 15px!important;*/
	margin-bottom: 0px!important;

}

.newslater-checkbox-stil{
	margin-top: 1px!important;
}

.padding-top-0{
	padding-top: 0px!important;
}

.captcha-stil{
	padding-left: 0!important;
    padding-right: 0!important;
    padding-top: 0!important;
	margin-left: 0px;
}

.panel-grey-bg{
	background-color: #333333!important;
}

.kontakt-background-stil{
	background-color:#333333!important;
	color:white;
}

.padding20{
	padding: 20px;
}
.margintop20px{
	margin-top:20px!important;
}
.recenzije a {
	text-decoration: none !important;
}
/*za akcije u inc_right vertikalne stil*/
.mypanel_heading_right{
	background-color: #ee3425;
    color: #fff;
    display: block;
    font-size: 16px!important;
    font-weight: normal!important;
    padding: 8px 20px 8px 15px;
    text-decoration: none;
	padding-left: 0px!important;
	padding-top: 4px!important;
	padding-bottom: 4px!important;
}

.mypanel_heading_right a{
	font-size: 16px!important;
    font-weight: normal!important;
	text-align:left!important;
}

.mypanel-heading-red{
	background-color: #ee3425!important;
    border-bottom: 2px solid #333!important;
	/*margin-bottom: 10px!important;*/
}

.mypanel_heading_right:hover{
	text-decoration:underline;
}
.thumb-img8{
	float: left;
	max-height: 140px;
	overflow: hidden;
	margin-bottom: 10px;
}
.thumb8{
	padding:5px;
	width:100%;
}
.news-item{
	clear:left!important;
	margin-bottom:5px!important;
	border-bottom: 1px dotted #dddddd;
	height: auto;
	overflow:hidden;
}
.top_ponuda2{
	background-color: #ee3425!important;
	color:#FFFFFF!important;
	font-weight: bold !important;
	padding:2px!important;
	text-align: center!important;

}
/*za novosti stranicu stil novosti */
.thumbnail-novosti-stil{
	min-height: 220px;
	overflow: hidden;
	border-bottom: 2px solid #d7d7d7!important;
	border-left: 0px solid #d7d7d7!important;
	border-right: 0px solid #d7d7d7!important;
	border-top: 0px solid #d7d7d7!important;
	margin: 0 5px 5px;
	color: #0a293d;
    display: block;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
	border-radius: none;
}
.thumbnail{
	overflow: hidden!important;
	border : 0px!important;
	box-shadow: 0 0px 0px!important;
	border-radius: none;
}


.linkorange2 {
	font-size: 15px;
    font-weight: bold;
	color: #ee3224;
	text-decoration: none;
}

.linkorange2:hover {
	color: #333;
	text-decoration: underline;
}

.thumbnail-vanjski-stil{
	float: left;
  	height: 200px;
    margin: 5px 20px 8px 0;
    overflow: hidden;
    position: relative;
	max-width: 350px;
	min-width:210px;
}

.thumbnail h5{
	line-height: 18px;
	margin-top:5px;

}

.thumbnail-manji-caption:hover{
	 text-decoration: underline;
}

.thumbnail-manji-tekst{
	color: #333;
    font-size: 14px;
    font-weight: normal;
}

.thumbnail-vanjski-stil2{
    height: 200px;
   /* margin: 5px 20px 8px 0;*/
    overflow: hidden;
    position: relative;
/*	max-width: 350px; */
/*	min-width:210px; */
	width:100%;
}

.thumb-unutarnji-stil{
	height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.font-pregazi-stil{
	color: #0a293d;
    text-decoration: none;
	font-weight: normal;
	font-size: 24px;
	line-height: 26px;
}

.font-pregazi-stil:hover{
	 text-decoration: underline;
}

.naslov-sadrzaj{
	background-color: #217bb9;
    color: #fff!important;
    font-size: 15px;
    font-weight: bold;
    margin-right: 10px;
    padding: 3px 10px;
    text-align: left;
    text-decoration: none;
}

.naslov-sadrzaj:hover{
	text-decoration:underline;
}

.next_stil{
	margin-left:15px;
	font-size:16px;
	color:white!important;
	background-color:red;
	padding:5px;
}

.thumbnail-vanjski-sadrzaj{
	/*max-height: 300px;*/
	margin-bottom: 20px;

}

.btn-override-stil{
	background-color: #0BACD5 !important;
	color: #FFFFFF!important;
	border-radius: 0 !important;

}

.btn-override-stil:hover{
	background-color: #0a293d !important;
	color: #FFFFFF!important;
}

.btn-override-stil a:hover{
	background-color: #0a293d !important;
	color: #FFFFFF!important;
}

.align-text-podaci{
	/*text-align:right;*/
	/*padding-top: 10px;*/
	padding-bottom: 5px;
}

.login-forma-stil{
	margin-top: 25px;
	margin-bottom: 25px;

}

.makni-border{
	border:none;
	box-shadow:none;
}

.small-news-style{
	min-height: 215px;
	max-height: 215px;
	overflow: hidden;
	padding: 15px;
}

.linkcrveno{
	color:#cc0000!important;
	font-size: 14px!important;
    font-weight: bold!important;
    text-decoration: none;
}


.linkcrveno:hover{
	text-decoration: underline!important;
	color: #000000!important;
}

.linkcrveno a:hover{
	text-decoration: underline!important;
	color: #000000!important;
}

.linkkvarner{
	background-color: #ffc;
    border: 1px solid #c00;
    border-radius: 3px;
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
    padding: 15px ;
    text-align: center;
    text-decoration: none;
}

.linkkvarner:hover{
	background-color: #c00;
	color:#fff;
	font-weight: bold;
	text-decoration: none;
}

/*stil za korisnicke stranice kmenu*/
.korisnicki-left-stil{
    float: left;
    margin: 0 0 30px 0px;
    padding: 0;

}

.korisnicki-left-stil h1{
	color: #0a293d;
    font-size: 24px;
    font-weight: normal;
    line-height: 26px;
    margin-bottom: 10px;
    margin-top: 5px;
	border-bottom: 0;
}

.korisnicki-left-stil .crveno{
	color: #cc0000;
    display: inline;
    font-size: 15px;
    font-weight: bold;
    padding: 1px 5px 2px 0;
    text-decoration: none;
}

.korisnicki-right-stil{
	padding-left:0px;
}

.alert-danger-stil{
	text-align:center;
}

.kompenzacije-stil{
	float:right;
	text-align:center;
	background-color: red;
    font-size: 15px;
    font-weight: bold;
    margin-left: 0;
    padding: 9px 12px 10px;
    text-align: center;
	background-color: #c00;
    color: #ffffff;
}

.kompenzacije-stil:hover{
	background-color:#000000;
}
.alert-upit{
    font-size: 16px;
    font-weight: bold;
    margin-left: -15px;
	margin-top: -20px;
	margin-right: 10px;
    padding: 8px 15px 8px;
    border-radius: 30px;
	background-color: #c00;
    color: #ffffff;
	float: right;
}
.alert-stil-kmenu {
	background-color: #c00!important;
	color:#fff;
	font-size: 18px;
	background-image: none!important;
	border-radius: 0 !important;
	padding: 7px 15px;
	display: inline;
}
.alert-stil-kmenu span {
	font-size: 24px;
	font-weight: 700;
}
.kmenu-main-navbar{
	background-color: #0BACD5;
    padding-right: 0px;
	padding-left:0px;
	margin-bottom: 20px;
}

.kmenu-main-navbar .navbar-default{
	position:relative!important;
	background-color: #0BACD5!important;
	background-image: none;
	margin-bottom: 0;
	min-height: 40px;
	padding-left: 0;
}

.kmenu-main-navbar .nav > li {
	float:none;
}

.kmenu-main-navbar  .navbar-default .navbar-nav li > a {
	border-top: 0px solid #e1e1e1 !important;
	text-decoration: none;
}

.kmenu-main-navbar .navbar-default .navbar-toggle:focus{
 background-color:#0BACD5;

}

.kmenu-main-navbar .navbar-default .navbar-toggle{
	margin-right: 20px;
}

.kmenu-main-navbar ul{
	text-align:center;
}

.input-field-stil{
	padding: 0px;
	border-bottom: 1px solid #ccc;
}

.input-field-stil .col-md-9{
	border-left: 0px solid #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
}

.input-field-stil .col-md-3{
	padding-top: 10px;
	padding-bottom: 10px;
}

.table-bg-stil{
	background-color: #f5f5f5;
    border: 1px solid #ccc;
	padding-left: 0px;
	padding-right: 0px;
}

.logo-kmenu-tekst{
	padding-top: 20px;
	padding-bottom: 20px;
}

.logo-kmenu-stil{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px;
}

/*kmenu_akcija*/
.but-link{
	background-color: #ee3224;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
    margin-top: 0;
    padding: 16px 20px;
    text-align: center;
    text-decoration: none;
	margin-top: 30px;
	margin-bottom: 30px;
}

.but-link:hover{
	background-color:#333;
	color: #fff;
}

.linkcrno1{
	color: #3f4044;
	font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    text-decoration: none;
}

.linkcrno1:hover{
	color: #3f4044;
	 text-decoration: underline;

}


.linkcrno2{
	color: #3f4044;
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    text-decoration: none;
}


.viewb_left {
	float: left;
	width: 320px;
	background-color: #f4f4f4;
	clear: left;
	margin-top: 0px;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	padding: 15px;
	line-height: 22px;
}
.viewb_right {
	padding: 0px;
	height:100%;
	overflow: hidden;
}
.link-upper-darkblue{
	color: #08ABD3!important;
    font-size: 16px!important;
    font-weight: normal !important;
    text-decoration: none!important;
}

.link-upper-darkblue:hover{
	color: #000!important;
}

.link_clanci{
	color: #f00;
    font-size: 11px;
    text-decoration: underline;
}

.link_clanci:hover{
	color: #000;
    font-size: 11px;
    text-decoration: none;
}

.linkpocetna{
	 color: #1e78ff;
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 3px;
    text-decoration: none;
}

.linkpocetna:hover{
	color: #333;
    font-size: 13px;
    text-decoration: none;
}

.linkcrno2:hover{
	color: #ee3224;

}

.mobile-center{
	text-align: center;
}

.vcenter {
    display: block;
    float: left;
	padding: 10px;
}

.table-class{
	border: 1px solid #ccc;
	background-color:#F5F5F5;
	padding: 10px;
}

.butcrveno:hover{
	background-color: #333;
	color: #fff;
}

.butcrveno{
		background-color: #c00;
		border-radius: 3px;
		color: #fff;
		display: inline-block;
		font-size: 14px;
		font-weight: normal;
		margin: 0 5px;
		padding: 2px 7px 4px;
		text-align: center;
		text-decoration: none;
}
.boxzuto{
	background-color: #ffc;
    border: 1px solid #c00;
    color: #c00;
    display: block;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 10px;
    padding: 10px 10px 10px 15px;
    text-decoration: none;
	text-align:center;
}
.left{
	overflow:hidden;
}
.link-bijelo-view{
	color: #ffffff;
    float: left;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    padding: 5px;
    text-decoration: none;
}

.link-bijelo-view:hover{
	text-decoration: underline;
}
.box-sort{
	background-color: #ccc!important;
	padding-top: 5px;
	padding-bottom:5px;

}

.nazivgrada{
	color: #ee3224;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
	background-color: #ccc!important;
	padding-top: 2px;
	padding-bottom: 2px;
}
.boxsort-top-class{
	background-color: #fff !important;
	/* min-height: 50px; */
	padding:10px 0;
	margin-bottom: 15px;
}
.suma-zuto{
	color: #fc0;
    display: inline;
    font-weight: bold;
    margin-left: 5px;
    text-decoration: none;
}

.box-sort-naslov{
	background-color: #ccc!important;
	color: #333;
    float: left;
    font-size: 13px;
    font-weight: bold;
	padding-top: 13px;
	padding-bottom:12px;
}

.left-kategorije-stil{
	background-color: #08ABD3;
    border-bottom: 1px dotted #ccc;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
    padding: 15px;
    text-decoration: none;
	width: 100%;
}

.panel-accordion-stil{
	background-color: #08ABD3!important;
	border: none!important;
	color: white;

}

.panel-accordion-stil .panel-heading{
	background-color: #08ABD3!important;
	border: none!important;
	color: white;
	font-size: 14px!important;
    font-weight: normal!important;
}
.panel-accordion-stil .panel-heading a{
	background-color: #08ABD3!important;
	border: none!important;
	color: white;
	font-size: 15px!important;
    font-weight: normal!important;
	padding-left: 0px!important;
	text-decoration: none;
}
.panel-accordion-stil .panel-heading a:hover{
	color: #000!important;
	text-decoration: none;
}

.panel-accordion-stil .panel-body{
	background-color: #08ABD3!important;
	border: none!important;
	color: white;
	font-size: 15px!important;
    font-weight: normal!important;
	padding-left: 30px;
	padding-top:4px!important;
	padding-bottom:4px!important;
}

.panel-accordion-stil .panel-body a{
	background-color: #08ABD3!important;
	border: none!important;
	color: white;
    font-weight: normal;
	text-decoration: none;
}
.panel-accordion-stil .panel-body a:hover{
	color: #000!important;
	text-decoration: none;
}
.link_left2{
	color: #000!important;
	text-decoration: none;
	font-weight: 700!important;
}
.left {
	top: 0;
	position: sticky;
}
.left-menu-stil {
    background-color: #08ABD3;
    display: block;
    margin-bottom: 10px;
    padding: 0;
    text-align: left;
	float: none;
}
.left-menu-stil li {
	float: none;
}
.left-menu-stil ul li a{
	display: block!important;
	width: 100%;
	padding: 10px 13px!important;
}
.left-menu-stil li a:hover {
    background: none!important;
	background-color: transparent!important;
    color: #000!important;
}
.left-menu-stil a{
	display: block!important;
	border-bottom: 1px solid rgba(255,255,255,0.4);
	font-size: 16px!important;
	text-decoration: none;
}
.leftcat {
	background-color: #0796BA;
}
.leftcat2 {
	padding-left: 25px!important;
}
.poredakright{
	float:right;
}

.box_kategorije {
    background-color: #333!important;
    color: #fff!important;
    display: block!important;
    font-size: 15px!important;
    font-weight: normal!important;
    margin-bottom: 1px!important;
    margin-top: 0!important;
    padding: 10px!important;
    text-decoration: none!important;
}

.kategorije-dodaj-link{
	background-color: #ee3224!important;
    color: #fff!;
    font-size: 15px!important;
    font-weight: bold!important;
    text-decoration: none!important;
	padding-top: 10px;
	padding-bottom:10px;
}

.kategorije-dodaj-link:hover{
	background-color: #eaeaea!important;
	font-weight: bold!important;
	text-decoration: none!important;
	color:#000000!important;
}

.kategorije-dodaj-link a:hover{
		color:#000000!important;
		font-weight: bold!important;
		text-decoration: none!important;
}

.headerbignaslov {
		font-size: 45px;
		color: #fff;
		margin-top: 0px;
		margin-bottom: 35px;
		font-weight:bold;
	text-shadow: 1px 1px 1px #676767;
}
.navbar-brand, .navbar-nav > li > a {
    text-shadow: unset;
}

.izgubljena-lozinka-stil{
	color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 15px 6px 20px!important;
    text-align: left;
    text-decoration: none;
}

.naslov-izgubljena-lozinka{
	text-align: center;
	margin-bottom:25px;
	 color: #000000;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    text-decoration: none;
}

.lozinka-email-tekst{
	padding-top:10px;
	padding-left:15px;
	padding-bottom: 10px;
	font-size:15px;
	/*text-align:right;*/
}


	#wrap {
  min-height: 100%;
	height: auto !important;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}
.main {
	background-color: #FFF;
	margin-bottom: 15px;
	padding-bottom: 1px;
}
.main2 iframe{
	width:100%!important;
}
.main2 .row {
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 10px;
}

h3.headline span {
	color: #8E8E8E;
    background: #fff;
    position: relative;
    z-index: 1;
    padding-right: 20px;
}
h3.headline {
    text-align: left;
    position: relative;
    font-weight: 100;
    margin-bottom: 11px;
	margin-top: 10px;
}
h3.headline::before {
    background: #E2E2E2;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 90%;
}
h3.headline a{
    text-decoration: none;
}
.main h3 {
	font-weight: 300;
}
.main h3 a{
	color: #8E8E8E;
	text-decoration: none;
	font-weight: 300;
}
.main-video {
	background-color: #FFF;
	margin-left: -15px;
	padding-left: 15px;
	padding-right: 15px;
	min-height: 375px;
	margin-bottom: 15px;
}
.main-fb {
	background-color: #FFF;
	padding-left:0;
	margin-right: -15px;
	padding-left: 15px;
	padding-right: 15px;
	min-height: 375px;
	overflow: hidden;
margin-bottom: 15px;
height: 375px;
}
.main-container {
	background-color: #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
	}
.search-container {
	display:block;
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-top: 0px;
	}
.search-container .panel-body {
	background-color: rgba(255, 255, 255, 0.75);
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	}
.search-container .panel {
	background-color: transparent;
	margin-bottom: 10px;
	}
.search-container .form-horizontal .radio, .search-container .form-horizontal .checkbox	{
	margin-top: 12px;
	}
.red {
	color: #f00;
	}
.big {
	font-size: 33px;
	}
a.link_red {
	color: #F00;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
a.link_red:hover {
	text-decoration: underline;
}
.breadcrumb > li + li:before {
	content: "> ";
	color: #000;
}
.borderless td {
    border: none !important;
}
.nav-pills > li {
  display: block;
}

.navbar-custom a {
	color: #333;
	text-decoration: none;
	margin-top: 17px;
	font-size:17px;
	padding-top: 5px;
	padding-right: 9px !important;
	padding-bottom: 5px;
	padding-left: 9px !important;
}
.navbar-custom .nav li a {
    transition: background 0.3s ease-in-out 0s;
}
.navbar-custom a:hover, .navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus, .navbar-custom .nav li.active {
	background-color: #217bb9 !important;
	outline: 0 none;
	color: #FFF;
	background-image: none;
}
.navbar-brand {
	width: 200px;
height: auto;
padding:0;
}
/*.topnavbar {
	margin-bottom: 10px;
	min-height: 30px;
	border-radius: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.topnavbar .nav li a:hover{
	color: #F00;
	text-decoration: underline;
}*/

.search {
	color: #000;
	width: 200px;
	background-attachment: scroll;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 30px;
	margin-top: 8px;
	margin-right: 20px;
	padding-top: 0px;
	background-color: #FFF !important;
	background-image: url(../images/search-icon.png);
	background-repeat: no-repeat;
	background-position: 7px 6px;
	border: 3px solid #E46400;
}
.search:focus {
	box-shadow: none;
	color: #000;
	font-weight: 300;
	transition: all 0.3s ease 0s;
	width: 250px;
}
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
	height: 500px;
	width:"500px";

}


.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
	font-size: 17px;
}
.dropdown-menu .sub-menu {
	left: 100%;
	position: absolute;
	top: 0;
	visibility: hidden;
	margin-top: -1px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	background-color: #007CB2;
	background-image: none;
	color: #FFF;
}
.dropdown-menu li li a, .navbar-custom li li a {
	margin-top: 0;
}
.navbar .sub-menu:before {
	border-bottom: 7px solid transparent;
	border-left: none;
	border-right: 7px solid rgba(0, 0, 0, 0.2);
	border-top: 7px solid transparent;
	left: -7px;
	top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.footer_navigation .nav-pills {
	color: #007CB2;
	margin-bottom: 15px;
	margin-left: 0;
}
.footer_navigation .nav-pills li {
	float: none;
	list-style-type: disc;
display: list-item;
color: #fff;
margin-left: 15px!important;
}
.nav-pills > li > a {
	color: #ddd;
	text-shadow: none;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 0;
	padding-left: 0px;
	text-decoration: none!important;
}
.nav-pills > li > a:hover {
	color: #fff;
	background-color: transparent;
}
.nav > li > a:hover {
	color: #FFF;
	border-radius:0;
}
footer {
	font-size: 15px;
	font-weight: 400;
	padding: 0px;
	position: relative;
	background-color: #fff;
	bottom: 0px;
	height: auto;
	color: #858585;
	padding-bottom:35px;
}
footer a {
	color: #007cb2;
	padding-right: 5px;
}
footer .butdodaj {
	color: #fff!important;
	background-color: #0BACD5;
	font-size: 18px!important;
    margin:0;
    border-radius: 4px;
	display: block;
	text-align: center;
	text-decoration: none;
	margin-top:20px;
	padding:5px 10px;
	border: 2px solid #0BACD5;
}
.boxfooter{
	border: 2px solid #0BACD5;
	border-radius: 4px;
	color: #ddd !important;
	padding: 15px;
}
.boxfooter span{
	color: #0BACD5;
float: left;
margin-bottom: 20px;
margin-right: 10px;
}
.boxfooter h4{
	text-align: center;
	display: block;
	color: #fff;
	font-size: 24px;
	margin-top:0;
	margin-bottom: 15px;
	font-weight: 300;
}
/* footer */
.footerBox {
	background: #19394E;
	color: #ddd;
	padding: 30px 0 25px 0;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 15px;
}
.footerBox h5 {
    text-align: left;
    display: block;
    color: #0BACD5;
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 15px;
    font-weight: 300;
}
.footerBox p{
	padding-top:50px;
	padding-right: 15px;
}

/*stil za ul kod akcija vertikalnog pomicanja iz inc_right.asp */
.demo1{
	height: 470px!important;
	margin-left: 0px;
}
.boxplavo {
   background-color: #08ABD3;
   color: #ffffff;
   margin: 0 0 20px;
   padding: 16px 25px;
   text-align: left;
}



.boxplavo span {
   display: block;
   font-size: 24px;
   font-weight: normal;
   margin-bottom: 5px;
   text-decoration: none;
}

.boxplavo form input, .boxplavo form select {
   width: 100%;
   font-size: 13px;
   padding: 2px;
   border: 1px solid #ccc;
   font-weight: normal;
   margin-top: 10px;
}

.plavo {
    color: #26a3d3;
    display: block;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
}
.logofooter {
	float: left;
	margin-right: 15px;
	max-height: 30px;
	width: auto;
}
#cookiesdisplay {
	background-color: #000;
	position: fixed;
	z-index: 99999;
	min-height: 80px;
	line-height: 20px;
	font-weight: normal;
	color: #FFF;
	transition: all 1s ease 0s;
	width: 100%;
}
#cookiesdisplay p{
	color: #CCC; font-size: 14px; line-height: 20px; margin: 10px 235px 10px 100px; padding: 10px 0; position: relative; text-align: left;
}
#cookieAgreee{
	border: 2px solid #000;
	border-radius: 4px;
	color: #FFF !important;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	padding: 10px 20px;
	position: absolute;
	right: -140px;
	top: 10px;
	background-color: #0BACD5;
}
#cookieAgreee:hover {
	color: #0BACD5 !important;
	background-color: #FFF;
	text-decoration: none;
}
.link {
	color: #0BACD5;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}
a.adresa1 {
	text-decoration:underline;
}
.fbicon {
	background-image: url(../images/transparent.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 38px;
	background-position: -410px 0px;
	margin-top: 1em;
	text-align: center;
	display: block;
}
label.error1 {
	font-weight:normal;
	color:#F00 !important;
	text-align:center;
	font-size: 1.4em;
	display: block;
	margin-top: -10px;
	margin-bottom: 10px;
}
form.cmxform label.error1 { display: none; }
.breadcrumb{
	margin-bottom: 10px;
	border-radius: 0;
	font-size: 15px;
}
.breadcrumb a{
	color: #000;
	text-decoration: none;
}
.breadcrumb a:hover{
	text-decoration: underline;
}
.breadcrumb .active{
	font-weight: 700;
}
.thumb-img6 {
	width:100%;
	height:120px;
	padding:0px;
	overflow: hidden;
	margin-right: 0px;
	margin-bottom: 0px;
	display: inline-block;
	clear:both;
}
.thumb6 {
	width:100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.thumb-img5 {
	width:100%;
	height:140px;
	padding:0px;
	overflow: hidden;
	margin-right: 0px;
	margin-bottom: 0px;
	clear:both;
}
.thumb5 {
	width:100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.thumb-img4 {
	width:100%;
	height:330px;
	padding:0px;
	overflow: hidden;
	margin-right: 0px;
	margin-bottom: 15px;
	clear:both;
}
.thumb4 {
	width:100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.thumb-img3 {
	width:100%;
	height:210px;
	padding:0px;
	overflow: hidden;
	margin-right: 0px;
	margin-bottom: 10px;
	clear:both;
}
.thumb3 {
	width:100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.thumb-img2 {
	width:100%;
	height:126px;
	padding:0px;
	overflow: hidden;
	margin-right: 0px;
	margin-bottom: 0px;
	display: inline-block;
	clear:both;
}

.thumb2 {
	width:100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.thumb-img1 {
	width:auto;
	padding:0px;
	overflow: hidden;
	position: relative;
}
.thumb1 {
	width:auto;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
	position: relative;
	z-index: 1;
}

.thumb-img0 {
	width:100%;
	/*height:150px;*/
	padding:0px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline-block;
}

.thumb-img11{
	width:100%;
	padding:0px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline-block;
	height:auto;
}

.thumb0 {
	width:100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.thumb-imgtop3 {
	width:425px;
	padding:0px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline-block;
	height: 210px;
}
.thumbtop3 {
	width:auto;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
	height: 280px;
}
.thumb-imgtop2 {
	width:425px;
	padding:0px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline-block;
	height: 420px;
}
.thumbtop2 {
	width:auto;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
	height: 210px;
}
.thumb-imgtop1 {
	width:425px;
	padding:0px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline-block;
	height: 420px;
}
.thumbtop1 {
	width:auto;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
	height: 316px;
}
.thumb-imgtop0 {
	width:100%;
	max-width: 260px;
	padding:0px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline-block;
	max-height: 195px;
}
.thumbtop0 {
	width:auto;
	max-width: 260px;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.thumb-img-gal {
	width:100%;
	height:100px;
	padding:0px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline-block;
}
.thumbgal {
	width:100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.thumb-left {
	width:90px;
	height:68px;
	padding:0px;
	overflow: hidden;
	margin-right: 15px;
	margin-bottom: 0px;
	float: left;
	margin-top: 10px;
}
.thumbleft {
	width:90px;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.thumb-view {
	width:160px;
	height:105px;
	padding:0px;
	overflow: hidden;
	float: left;
	margin: 0px;
}
.thumbview {
	width: 160px;
	padding: 0px;
	margin: 0px;
}
.border-radius-bottom-15{
	border-bottom-right-radius: 15px;
 	-moz-border-radius-bottomright: 15px;
	border-bottom-left-radius: 15px;
 	-moz-border-radius-bottomleft : 15px;
}

.kontakt-bottom-stil{
	padding-right :25px!important;
}
.panel-default > .panel-heading {
	background-image: none;
	background-color: #217BB9;
	color: #FFF;
	border-radius: 0;
	padding: 5px 15px;
	display: flex;
	}
.panel-grey-shadow{
	background-color: #F4F4F4;
	box-shadow: 3px 3px 10px #8a8a8a;
	color: #333;
	font-size:	15px;
	font-weight:	normal;
	line-height: 24px;
/*	margin-bottom: 10px;
	margin-top: 50px;
	margin-left: 25px;
	margin-right: 25px;*/
	position:	relative;
	border: none;
}

.panel-heading a {
	font-size: 15px;
	line-height: 25px;
	font-weight: bold;
	color: #fff;
}

.panel-title > a, .panel-title {
	color: #FFF;
}
.panel-body{
	background-color: #fff;
	padding-top: 15px;
	font-size: 15px;
	line-height: 20px;
}
.panel-body .tekst {
	font-size: 18px;
}
.panel-body  a {
	color: #333;
	font-weight: bold;
}
.panel-body  a:hover {
	text-decoration: none;
}
.panel-body img{
	height: auto!important;
	max-width: 100%!important;
	position: relative;
}

.panelview .panel-heading {
    background-image: none;
    background-color: #217bb9;
    color: #FFF;
    border-radius: 0;
    padding: 7px 15px;
}
.panelview .view {
    font-weight: 400!important;
	text-decoration: none!important;
}
.product {
	text-align: left;
	margin-bottom: 20px;
	transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	margin-bottom: 30px;
	position: relative;
}
.product:hover {
	background: none repeat scroll 0 0 #fff;
	border-image: none;
	/*border: 1px solid #DBDBDB;*/
	/*box-shadow: 0px 0px 10px #ccc;*/
}
.product a {
	text-decoration: none;
}
.product h3 a, .product h3{
	color: #3D3D3D;
	text-decoration: none;
	font-weight: 400;
	font-size: 22px;
}
.product h4 {
	line-height: 1.0;
}
.product h4 a{
	color: #3D3D3D;
	text-decoration: none;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	margin-top: 2px;
}
.product h3:hover, .product h4:hover{
	text-decoration: underline;
}
.product:hover a img {
    transform: scale(1.1) rotate(-0.5deg);
}
.product .buttonbottom {
	bottom:0;
	position: absolute;
}
.asortiman {
	display: block;
	height: 360px;
	text-align: left;
	border: 0px solid #FFF;
	margin-bottom: 20px;
	transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	margin-bottom: 50px;
	position: relative;
}
.asortiman:hover {
	background: none repeat scroll 0 0 #fff;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: none;
	/*border: 1px solid #DBDBDB;*/
	/*box-shadow: 0px 0px 10px #ccc;*/
}
.asortiman a {
	text-decoration: none;
}
.asortiman h3 a, .asortiman h3{
	color: #ee3224;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
	line-height: 23px;
	margin-bottom: 3px;
	margin-top: 5px;
}
.asortiman h4{
	color: #007cb2;
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
	line-height: 17px;
	margin-top: 2px;
}
.asortiman .over{
	position: absolute;
	z-index: 1;
	margin-top: 100px;
	margin-left: 10px;
	font-size: 20px;
	color: #FB7C00;
	text-shadow: 1px 1px 3px rgba(255,255,255,1);
}
.asortiman h3:hover, .asortiman h4:hover{
	color: #F60;
	text-decoration: underline;
	font-weight: bold;
}
.asortiman:hover a img {
    transform: scale(1.1) rotate(-0.5deg);
}
.asortiman .buttonbottom {
	bottom:0;
	position: absolute;
}

.star {
	z-index: 1;
	font-size: 17px;
	color: #FB7C00;
	text-shadow: 1px 1px 3px rgba(255,255,255,1);
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.list-group {
	max-width: 400px;
	}
.list-group-item {
	display: inline-block !important;
	width: 100% !important;
}
.boxw {
	background-color: #fff;
	padding-left: 30px;
	padding-right: 30px;
	padding-top:0;
	min-height: 610px;
}
.home{
	position: relative;
	margin-bottom: 10px;
}
.home .content{
	width: 100%;
	position: absolute;
	text-decoration: none;
	bottom: 0;
	z-index: 1;
	color: rgba(255, 255, 255, 1);
	padding:15px;
	font-size: 18px;
	background-image: linear-gradient(0deg, #000, transparent);
}
.home h2 a{
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	text-decoration: none;
}
.home h2 a:hover, .producthome h2 a:hover{
	text-decoration: underline;
}
.producthome {
	margin-bottom: 20px;
}
.producthome h2 {
	display: contents;
	margin-top: 0;
	font-size: 20px;
}
.producthome h2 a{
	color: #3D3D3D;

	font-weight: 400;
	text-decoration: none;
	margin-top: 0;
}

.producthomeadd .col-lg-1, .producthomeadd .col-lg-10, .producthomeadd .col-lg-11, .producthomeadd .col-lg-12, .producthomeadd .col-lg-2, .producthomeadd .col-lg-3, .producthomeadd .col-lg-4, .producthomeadd .col-lg-5, .producthomeadd .col-lg-6, .producthomeadd .col-lg-7, .producthomeadd .col-lg-8, .producthomeadd .col-lg-9, .producthomeadd .col-md-1, .producthomeadd .col-md-10, .producthomeadd .col-md-11, .producthomeadd .col-md-12, .producthomeadd .col-md-2, .producthomeadd .col-md-3, .producthomeadd .col-md-4, .producthomeadd .col-md-5, .producthomeadd .col-md-6, .producthomeadd .col-md-7, .producthomeadd .col-md-8, .producthomeadd .col-md-9, .producthomeadd .col-sm-1, .producthomeadd .col-sm-10, .producthomeadd .col-sm-11, .producthomeadd .col-sm-12, .producthomeadd .col-sm-2, .producthomeadd .col-sm-3, .producthomeadd .col-sm-4, .producthomeadd .col-sm-5, .producthomeadd .col-sm-6, .producthomeadd .col-sm-7, .producthomeadd .col-sm-8, .producthomeadd .col-sm-9, .producthomeadd .col-xs-1, .producthomeadd .col-xs-10, .producthomeadd .col-xs-11, .producthomeadd .col-xs-12, .producthomeadd .col-xs-2, .producthomeadd .col-xs-3, .producthomeadd .col-xs-4, .producthomeadd .col-xs-5, .producthomeadd .col-xs-6, .producthomeadd .col-xs-7, .producthomeadd .col-xs-8, .producthomeadd .col-xs-9 {
    padding-left: 0px;
    padding-right: 0px;
}
.producthomeadd {
	margin-bottom: 20px;
}
.productright .col-lg-1, .productright .col-lg-10, .productright .col-lg-11, .productright .col-lg-12, .productright .col-lg-2, .productright .col-lg-3, .productright .col-lg-4, .productright .col-lg-5, .productright .col-lg-6, .productright .col-lg-7, .productright .col-lg-8, .productright .col-lg-9, .productright .col-md-1, .productright .col-md-10, .productright .col-md-11, .productright .col-md-12, .productright .col-md-2, .productright .col-md-3, .productright .col-md-4, .productright .col-md-5, .productright .col-md-6, .productright .col-md-7, .productright .col-md-8, .productright .col-md-9, .productright .col-sm-1, .productright .col-sm-10, .productright .col-sm-11, .productright .col-sm-12, .productright .col-sm-2, .productright .col-sm-3, .productright .col-sm-4, .productright .col-sm-5, .productright .col-sm-6, .productright .col-sm-7, .productright .col-sm-8, .productright .col-sm-9, .productright .col-xs-1, .productright .col-xs-10, .productright .col-xs-11, .productright .col-xs-12, .productright .col-xs-2, .productright .col-xs-3, .productright .col-xs-4, .productright .col-xs-5, .productright .col-xs-6, .productright .col-xs-7, .productright .col-xs-8, .productright .col-xs-9 {
	padding-left: 5px;
    padding-right: 5px;
}
.productright  {
  margin-left: -5px;
  margin-right: -5px;
}
.productright h5 a{
	font-size: 16px;
	line-height: 1.0;
	color: #3D3D3D;
	font-weight: 700;
	text-decoration: none;
	margin-top: 0;
}
.gallery {
	display: block;
	height: 200px;
	text-align: center;
	transition: all 0.5s ease 0s;
	margin-bottom: 20px;
}
.gallery:hover {
	box-shadow: 0px 0px 10px #999;
}
.gallery:hover a img {
    transform: scale(1.1) rotate(0deg);
}
.gallery .label{
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	background-color: #E06D5E;
	border-radius: 0px;
	margin-top: 0px;
	position: absolute;
	display: inline-block;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}
.label-orange-floatleft{
	background-color: #ee3224;
	border-bottom: 3px solid #333;
	font-size: 14px;
	font-weight:normal;
	/*left: -20px;*/
	position: relative;
	padding: 10px 22px;
	/*top: -30px;*/
	z-index:10;
	letter-spacing: 0.05em;
	background-image: none;
}

/* thumbs */
.thumb-imgbig {
	/*	border-top:1px solid #CCC; border-left:1px solid #CCC; border-bottom:1px solid #AAA; border-right:1px solid #AAA;*/
	position:relative;
	/*width:710px;*/
	height:360px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.thumbbig {
	width:100%;
}

.thumb-innerbig{
	height:100%;
}
.description{
	z-index:100;
}

.galerijanazivslike {
	font-size: 12px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	text-align: center;
	display: block;
	margin-top: 2px;
	margin-bottom: 3px;
	float: left;
}

.description {
    margin: 0 8px 0 8px;
    min-height: 120px;
}
.description1 {
	margin: 0 8px 0 8px;
	min-height: 85px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
}
.description1 h4{
	color: #007cb2;
	font-weight: bold;
}
.description1 h4:hover{
	color: #F60;
	text-decoration: underline;
	font-weight: bold;
}

.menu-wrapper-left {
		width: 250px;
	}
	.carousel .carousel-control {
		 /* visibility: hidden; */
		-webkit-transition: all .300s;
		-moz-transition: all .300s;
		-o-transition: all .300s;
		transition: all .300s;
	}
	.carousel:hover .carousel-control {
		/* visibility: visible; */
		-webkit-transition: all .300s;
		-moz-transition: all .300s;
		-o-transition: all .300s;
		transition: all .300s;
	}
	.carousel-indicators {
		clear: both;
		margin-top: 30px;
		position: relative;

	}
	.carousel a {
		font-weight: 300;
		color: #FFF;
		font-size: 36px;
	}
	.carousel-item img {
		max-width: 100% !important;
		width: 100% !important;
	}
	.carousel>.carousel-inner>.item>.circleElement {
		background-color: #333;
		border-radius: 50%;
		position: absolute;
		top: 11%;
		left: 39%;
		width: 400px;
		height: 400px;
		opacity: .5;
	}
	.carousel-indicators {
		top: 35px;
		background: #404549;
		padding: 15px;
		border-radius: 10px;

	}
	.carousel-indicators li { cursor: pointer }
	.carousel-control {
		width: 60px;
		height: 0;
		top: 45%;
		font-size: 100px;
		background: none;
		border: none;
		font-weight: 300;
	}
	.carousel-indicators li {
		background-color: #999;
		background-color: rgba(255,255,255,0.3);
	}
	.carousel-caption {
		padding: 20px;
		text-align: center;
		top: 42%;
		left: 0;
		right: 0;
	    text-shadow: none;
	    font-size: 20px;
	    width: 100%;
	    position: absolute;
	}
	.carousel-caption h1 a{
		font-size: 42px;
		font-weight: 700;
		color: #EAA55A;
	    margin-bottom: 0;
	}
	.carousel-caption h2 {
		letter-spacing: 7px;
		font-size: 32px;
		font-weight: 700;
		color: #FFF;
		margin-top: 135px;
	}
	.carousel-caption p {
		margin-top: 0px;
		font-size: 20px;
		margin-bottom: 0px;
		font-weight: 300;
		line-height: 32px;
		color: #FFF;
	    text-shadow: none;
	    max-width: 1000px;
	    display: inline-block;
	}
	.carousel-fade .carousel-inner .item {
		opacity: 0;
		-webkit-transition-property: opacity;
		-moz-transition-property: opacity;
		-o-transition-property: opacity;
		transition-property: opacity;
	}
	.carousel-fade .carousel-inner .active { opacity: 1 }
	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right {
		left: 0;
		opacity: 0;
		z-index: 1;
	}
	.carousel-fade .carousel-inner .next.left,
	.carousel-fade .carousel-inner .prev.right { opacity: 1;

	}
.socialIcon a {
    background: none repeat scroll 0 0 #cccccc;
    color: #ffffff;
    display: inline-block;
    font-size: 17px;
    margin-right: 10px;
    padding: 6px 3px;
    text-align: center;
    transition: all 0.15s ease-in-out 0s;
    width: 35px;
}
.socialIcon a:hover {
	color: #fff;
	background-color: #333;
}
.tabs-group{
	display: block;
}
.nav-tabs > li > a {
	background-color: #333;
	color: #FFF;
}
.tab-content > .active {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
}
.priceold {
	font-size: 20px;
	color: #999;
	text-decoration: line-through;
	margin-right: 30px;
	display: inline;
}
.price {
	font-size: 30px;
	display: inline;
	color: #FF1944;
}
.btn-custom
{
	background-color: #E46400;
	background-image: none;
	color: #FFF;
	text-decoration: none;
	padding-top:5px;
	padding-bottom: 5px;
	margin-top: 0px;
}
.btn-custom:hover
{
	background-color: #333;
	background-image: url(../images/transparent.png);
	background-position: 0px -160px;
	color: #FFF;
}
.btn-black {
	background-color: #333;
	background-image: url(../images/transparent.png);
	background-position: 0px -160px;
	color: #FFF;
	display: inline-block;
	padding-top:5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-right: 10px;
	text-decoration: none;
}
.btn-black:hover
{
	background-color: #E46400;
	background-image: none;
	color: #FFF;
}
.pagination > li > a,
.pagination > li > span {
	color: #FFF;
	background-color: #008ecc;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	color: #fff;
	background-color: #333;
	border-color: #666;
}
label.error1 {
	font-weight:normal;
	color:#F00 !important;
	text-align:center;
	font-size: 1.4em;
	display: block;
	margin-top: -10px;
	margin-bottom: 10px;
}
label.error1 { display: none; }

	.back-to-top {
		position: fixed;
		bottom: 5px;
		left: 15px;
		text-decoration: none;
		color: #FFF;
		background-color: rgba(0, 0, 0, 0.5);
		font-size: 14px;
		display: inline;
		padding-top: 8px;
		padding-right: 12px;
		padding-bottom: 8px;
		padding-left: 12px;
		z-index: 11;
	}

	.back-to-top:hover {
		background-color: rgba(135, 135, 135, 0.50);
		color: #000;
		text-decoration: none;
	}


/*--------------------------------------------------------------------------
   E-istra CSS
---------------------------------------------------------------------------*/

/* main wrapp */
#main {
	margin-top: 25px;
	position: relative;
}
/* Left  img */
#vleft {
    height: 1000px;
    left: 3%;

    overflow: hidden;
    position: absolute;
    width: 300px;
}

/* Gradovi nacigacija */
.gradovi_nav {
	background: #ffffff;

}

.gradovi_nav .navbar-toggle {
	margin: 0 5px 0 0;
}



.gradovi a {
    display: block;
    font-size: 13px;
    font-weight: normal;
    padding: 9px 12px !important;
    text-align: center;
    text-decoration: none;
}

.gradovi a:hover {
	background-color: transparent !important;
	color: #fff;
	text-decoration: underline !important;
}
.gradovi a:visited {
	color: #fff !important;
}

#conlogin ul {
	border-left: 1px solid #fff;
	margin: 4px 0;
	padding-left: 5px;
	margin-top: 4px !important;
}

#conlogin ul li a {
	font-size: 12px;
	padding: 0;
	font-family: Arial,Helvetica,sans-serif;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	padding: 6px 10px 5px 10px;
}

#conlogin ul li a.butsivo {
	background:  #217bb9;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	margin-top: 0px;
}

#conlogin ul li a.butsivo:hover {
	background: #369fd8;
	color: #fff;
}

#conlogin ul li a.signin{
	background:  #333;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	margin-top: 3px;
}
#conlogin ul li a.signin:hover {
	background:  #31a0d9;
}

/* trazilica */
#searchheader{
    background-image: url("../images/header_pozadina.jpg");
	background-position: top center;
	    background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
	    height: 337px;
	    margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-top: 70px;
	padding-left: 150px;
	padding-right: 150px;
	text-align: center;
	position: relative;
	display: flex;
}

#searchheader #upalitab {
	float: none !important;
}


.etabs {
	padding: 0;
	margin: 0 5px;
}

.tabic {
	display: inline-block;
	zoom:1;
	background-color: #CCC;
	text-decoration: none;
	float: none;
	margin-right: 3px;
	width: 100%;
}

.tabic .google_tab .google {
	margin: 0 auto;
}

.tabic li {
	display: inline-block;
	margin-right: 5px;
}

.tabic a {
	font-size: 15px;
	display: block;
	font-weight: normal;
	color: #0A293D;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
}
    .tabic a:hover {
	text-decoration: none;
	background-color: #0A293D;
	color: #FFF;
}
    .tabic.active {
	position: relative;
	background-color:  #217BB9;
	padding: 0px;
}
    .tabic a.active {
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}

    .tabic-container .panel-container {
	padding: 1px;
}
    .panel-container {
	overflow: hidden;
	clear: both;
	max-height: 70px;
}

#trazilica {
	display: block;
	margin-bottom: 15px;

}

#trazilica100 {
	display: block;
	margin-top: 5px;
	margin-bottom: 12px;
	width: 100%;
}
#trazilica800 {
	display: block;
	margin-top: 0px;
	margin-bottom: 12px;
	width: 795px;
}
#trazilicatvrtka {
	float: left;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
}

/*  smartsearch*/
ul.ss-box li.ss-header {
	height: auto;
	left:0!important;
	top:0!important;
}

.ul-navbar-korisnik > li > a{
	color:#fff!important;
}

.ul-navbar-korisnik > li:hover{
	background-color:#E5E5E3!important;
	color:#000!important;
}

.ul-navbar-korisnik > li > a:hover{
	/*background-color:#E5E5E3!important;*/
	color:#000!important;
}

.navbar {
	border: 0;
	border-radius: 0;
}
.navbar ul li {
	margin: 0;
}
.navbar ul li a {
	color: #fff;
	font-size: 15px;
}
.navbar ul li i {
	color: #fff;
}

.navbar ul li a {
	padding: 10px 11px;
	display: inline-block;
}

.navbar ul li a:hover {
	/*background: #E3E3E3;*/
	color: #373636;
}

.linkoviab.affix {
	width: 100%;
	top: 0;
	z-index: 999;
}


.boxakcije p{
	color: #676767;
}
.boxakcije {
	color: #000;
	text-decoration: none !important;
}
.popust{
	 background-color: #c00;
    border-radius: 0px;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
    padding: 4px 7px;
    text-decoration: none;
	display:inline-block;
}
.boxakcije h4{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #000;
}
.boxakcije:hover {
	background-color: #EFEFEF;
	color: #000;
}

.iconfb {
    background-position: -245px -10px;
    background-repeat: no-repeat;
    float: left;
    height: 45px;
    margin-right: 10px;
    width: 45px;
}


.icontwitter {
    background-position: -300px -10px;
    background-repeat: no-repeat;
    float: left;
    height: 45px;
    margin-right: 10px;
    width: 45px;
}


 .rightbanner iframe {
	width: 100% !important;
	/*height: auto;
	min-height: 400px;*/
}

 .right4 iframe, .right_banner_4 iframe{
	min-height: 220px;
}
 .right  .banner_small iframe {
	min-height: 190px;
}
.right_banner_max {
	max-width: 263px;
}
.boxadd {
	 background-image: url("../images/pozadina-dodajtvrtku.jpg");
 	background-position: top center;
 	    background-repeat: no-repeat;
    color: #ffffff;
    margin: 0;
    padding: 15px 35px;
    text-align: left;
	margin-right: 15px;
	padding-bottom: 50px;
}
.boxadd h1 {
    display: block;
    font-size: 53px;
    font-weight: 700;
	margin-top: 12px;
    margin-bottom: 24px;
    text-decoration: none;
	padding-right: 0px;
}
.boxadd h2 {
    font-weight: 300;
    margin-bottom: 35px;
	letter-spacing: 2px;
	line-height: 33px;
	font-size: 28px;
}
.boxadd form input, .boxadd form select {
	width: 100%;
	color: #999;
	font-size: 16px;
	padding-left: 18px;
	padding-top:0px;
	border: 1px solid #f7f7f7;
	font-weight: normal;
	margin-top: 0px;
	border-radius: 5px;
	height: 42px;
}
.boxadd form input {
    padding-top: 5px;
}
.boxaddleft {
	background-image: url("../images/pozadina-dodajtvrtku.jpg");
   background-position: top center;
	   background-repeat: no-repeat;
	   background-size: cover;
   color: #ffffff;
   margin: 10px 0;
   padding: 10px 20px;
   text-align: left;
   font-size: 18px;
   text-shadow: 0px 1px 1px #333;
}
.boxaddleft h1 {
   display: block;
   font-size: 32px;
   font-weight: 700;
   margin-top: 7px;
   margin-bottom: 20px;
   text-decoration: none;
   padding-right: 0px;
}
.boxaddleft form input, .boxaddleft form select {

    width: 100%;
    color: #999;
    font-size: 16px;
    padding-left: 18px;
    padding-top: 0px;
    border: 1px solid #f7f7f7;
    font-weight: normal;
    margin-top: 0px;
    border-radius: 5px;
    height: 42px;

}
.boxaddleft form input {
    padding-top: 5px;
}
.vertical-ticker {
    background-color: #fff;
    display: block;
    max-height: 560px;
    margin: 0;
    overflow: hidden;
    padding: 10px;

}

.vertical-ticker li {
    border-bottom: 1px dotted #dddddd;
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 5px;
    text-align: left;
    text-decoration: none;
}

.vertical-ticker li a:hover {
    color: #333;
    text-decoration: underline;
}
.vertical-ticker li a {
    color: #0a293d;
    font-weight: bold;
    text-decoration: none;
}


 /* Right box*/

#fbbox {
    background-color: #fff;
    display: block;
    margin-bottom: 10px;
    margin-left: auto;
	margin-right: auto;
	max-height: 265px;
	float: none;
	padding:0px!important;
}

.banner_small {
	float: none;
}

.right_banner_max {
	max-width: 263px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	overflow: hidden;
}

.right .panel-body {
	padding: 0;
}

.boxsms {
	background-color: #FFC;
	padding: 10px;
	float: right;

}

.smsnaslov
{
	text-align: center;
	background-color: #C00;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	display: block;
	margin-top: -10px;
	margin-right: -10px;
	margin-bottom: 10px;
	margin-left: -10px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.naslovnovosti {
	font-size: 18px;
	font-weight: normal;
	color: #ee3224;
	text-decoration: none;
	display: block;
	line-height: 23px;
}
.naslovnovosti:hover {
	color: #333;
	text-decoration: underline;
}

.placeno-stil{
	/* background-color: #d9edf7; */
    border-bottom: 1px solid #78c3d6;
    color: #000;
    font-size: 14px!important;
    font-weight: normal;
    line-height: 22px;
    padding: 3px;
    text-align: left;
    text-decoration: none;
	display: flex;
	background: linear-gradient(to right,  #fff 0%,#fff 50%,#DDF0F2 100%);
}
.placeno-stil:hover{
	background-color: #DDF0F2;
	color: #000;
	cursor:pointer;
	background: linear-gradient(to right,  #DDF0F2 0%,#DDF0F2 100%);
}
.priorbox{
	/* background-color: #ffff84; */
    border-bottom: 1px solid #78c3d6;
    color: #000;
    font-size: 14px!important;
    font-weight: normal;
    line-height: 22px;
    padding: 3px;
    text-align: left;
    text-decoration: none;
	display: flex;
	background: linear-gradient(to right,  #fff 0%,#fff 50%,#F6F6D3 100%);
}
.priorbox:hover{
	background-color: #F6F6D3;
	color: #000;
	cursor:pointer;
	background: linear-gradient(to right,  #F6F6D3 0%,#F6F6D3 100%);
}
.priorboxsilver{
	/* background-color: #C0C0C0; */
    border-bottom: 1px solid #78c3d6;
    color: #000;
    font-size: 14px!important;
    font-weight: normal;
    line-height: 22px;
    padding: 3px;
    text-align: left;
	display: flex;
    text-decoration: none;
	background: linear-gradient(to right,  #fff 0%,#fff 50%,#eee 100%);
}
.priorboxsilver:hover{
	background-color: #eee;
	color: #000;
	cursor:pointer;
	background: linear-gradient(to right,  #eee 0%,#eee 100%);
}
.logo-kategorije-stil{
	padding:7px!important;

}

.glyphicon-mali-stil{
	color: #08ABD3;
	padding-top: 5px;
	padding-right: 12px;
}
.tvrtka-osnovni-podaci{
	font-size: 20px;
    margin-bottom: 3px;
	font-weight: normal!important;
	line-height: 22px!important;
	padding:10px!important;
}
.tvrtka-osnovni-podaci h3{
	font-size: 20px;
    margin-bottom: 5px;
	margin-top: 0px;
}
.adresa-stil{
	font-size: 14px!important;
	font-weight: normal;

}
.linkplaceni {
	color: #08ABD3;
    display: inline;
    font-size: 15px;
    font-weight: bold;
    padding: 1px 5px 2px 0;
    text-decoration: none;
}
.linkplaceni:hover{
	color: #cc0000;
}
.popis-stil{
	font-size: 14px;
    padding: 10px;
	font-weight: normal!important;
	padding:10px!important;
}

.tvrtka-background-stil {
	background-color: #f0f0f0;
	clear:left;
}


.tvrtka-background2-stil {
	background-color: #fff;
	clear:left;
}

.klasa-manja{
	color: #333;
    display: block;
    font-weight: normal;
    line-height: 18px;
    text-decoration: none;
	padding:0px!important;
}

.klasa-manja-view{
	color: #000000;
    font-weight: normal;
    text-decoration: none;
	padding: 15px;
}

.linkcrno-stil{
	color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.linkcrno-stil:hover{
	color:#cc0000!important;
	text-decoration:underline;
}

.linkcrno-stil a:hover{
	color:#cc0000!important;
	text-decoration:none;
}

.linkplavo-stil{
	color:#2262a2;
    font-weight: normal;
	text-decoration:none;
}

.linkplavo-stil:hover{
	color:#ff6600;
	text-decoration: underline;
}
.boxbijelo {
	text-align: center;
    display: block;
    padding: 25px 45px;
    background-color: white;
    -webkit-box-shadow: 0px -4px 27px -18px rgba(0, 0, 0, 0.69);
    box-shadow: 0px -4px 27px -18px rgba(0, 0, 0, 0.69);
    font-size: 16px;
	margin-bottom: 15px;
}
.boxbijelo h1{
	font-size: 30px;
	margin-bottom: 20px;
}
.boxbijelo2-stil{
	background-color: #fff;
    font-weight: normal;
    padding: 15px 20px 15px 20px;
    text-decoration: none;
	display: inline-block;
}

.panel-body .box_naslov_sadrzaj {
    background-color: #217bb9;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin-right: 10px;
    padding: 3px 10px;
    text-align: left;
	text-decoration: none;
}

.panel-body .box_naslov_sadrzaj:hover{
	text-decoration: underline;
}

.panel-body .box_naslov_sadrzaj a:hover{
	text-decoration: underline;
}
#grid.centered {
	overflow: hidden!important;
}
/* Sadrzaj */
.ostali_sadrzaj {
	text-align: center;
}

.ostali_sadrzaj .panel-body {
	background: #F4F4F4;
}

.ostali_sadrzaj .panel-heading {
	padding: 6px 15px 6px 20px;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	clear: left;
    margin-top: 0px;

}

.ostali_sadrzaj h4 {
	margin-bottom: 20px;
	font-size: 14px;
	color: #0a293d;
	line-height: 18px;
}

.thumbsadrzajmin {
	margin: 0 auto;
	width:100%;
}

.panel-body h1 {
	font-size: 32px;
	color: #0a293d;
	margin-bottom: 10px;
	margin-top: 0px!important;
	font-weight: 500;
    line-height: 1.1;
	display: inherit!important;

}
.sadrzaj .panel-body{
	color:#000000;
	font-size: 16px;
	font-weight:normal;
	line-height: 22px;
}

.panel-body .datum {
    color: #4d4d4d;
    display: inline;
    font-size: 15px;
	margin-left: 10px;
}

.sadrzaj .sadrzaj_content {
	padding-top: 20px;
}
.mobilbanner{
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	}
.mobilbanner iframe {
	width: 100% !important;
}
/* .billboard iframe {
	width: 100% !important;
}*/
.billboard  {
	text-align: center;
}
 .sredina .banner iframe {
	width: 100% !important;
	height: auto !important;
	max-height: 90px !important;
}

.sadrzaj .sadrzaj_podjeli {
	margin-top: 20px;
	margin-bottom: 20px;
	 text-align: center;
}

.sadrzaj .sadrzaj_podjeli  li {
	padding: 10px 0;
	list-style: outside none none;
}

.sadrzaj .sadrzaj_podjeli .linkcrno2 {
    color: #3f4044;

    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    text-decoration: none;
}

.sadrzaj .sadrzaj_podjeli .linkcrno2:hover{
	color:#FF0C1D;
}

.sadrzaj .thumb1sadrzaj {
	margin-bottom: 20px;
}

.socialplugin {
	text-align: center;
}

.naslovvezanevijesti {
    border-bottom: 1px solid #ccc;
    clear: right;
    color: #4d4d4d;
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
    padding: 6px 7px 5px;
    text-decoration: none;
}

.boxvezanevijesti {
    margin: 0 0 3px 10px;
    padding: 5px 5px 5px 8px;
    position: relative;
    visibility: inherit;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
}
.boxvezanevijesti a {
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	text-decoration: none;
}

.boxvezanevijesti a:hover{
	color:#FF0C1D;
}

.boxkomentar {
    background-color: #0a293d;
    color: #fff;
    display: block;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 10px;
    text-decoration: none;
}

.comment_box {
	z-index: 71;
	overflow: hidden!important;
	padding-left: 0px;
	padding-right: 0px;
}
/* Akcije */
.akcija_item {
	margin-bottom: 30px;
	font-size: 14px;
}


.top_ponuda1 {
    background-color: #c00;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin-left: 0;
    margin-top: 0;
    opacity: 0.8;
    padding: 3px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 0;
    left: 0;
	right: 0;
    z-index: 1;
	top: 0;
}
.sr-only{
	border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    color: #fff;
    float: left;
    font-size: 16px;
    height: auto;
    margin: -5px 0 0 30px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: auto;
}

/* facebook widget */
.fbConnectWidgetFooter  {
	display: block !important;
}

/* Index kategorije */
.index_kategorija {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}

.index_kategorija li {
	padding: 0 10px 5px 10px;
}

.index_kategorija_panel .boxsivo {
    background-color: #efefef;
    display: block;
	padding: 10px;
	border: 1px solid #ccc;
}


.index_kategorija_panel .boxsivo .linksivo {
    background-color: #efefef;
    color: #525252;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    margin: 0;
    padding: 3px 8px;
    text-decoration: none;
}


.index_kategorija_panel .boxsivo .linksivo:hover {
    background-color: #217bb9;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}



/* Grad */

.grad .boxpixel1 {
    background-color: #ccc;
    display: table;
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
	height:auto;
}

.grad .boxpixel {
    background-color: #d6d6d1;
    border: 2px solid #b2b2b2;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding: 0;
    text-align: left;
	height:auto;
	  width: 100%;
}

.grad .inlineblock {
    float: left;
    /*height: 50px;*/
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.grad ul li.inlineblock a {
    display: inline-block;
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.grad .inlineblock img {
    border-style: none;
    border-width: 0;
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.grad .popover {

	background-color: #000000;
    border: 1px solid #fff;
    color: #fff;
    z-index: 10000;
	font-size: 14px;
    line-height: 18px;
	border-radius: 0;


}


.grad .popover .popover-title{
	background-color: #000000;
	color: #A3F000;
	border-bottom: 0px;
	font-size: 16px;

}

.background-gradovi-stil{
	padding-top:0px;
	padding-bottom:0px;
    background-color: #d6d6d1;
    border: 2px solid #b2b2b2;
    display: block;
    margin-left: auto;
    margin-right: auto;
	overflow:	visible!important;
}
.grad .popover.top > .arrow::after{
	border-top-color: #000;
}

.tooltip{
	z-index: 999999 !important;
	overflow: visible !important;
	text-align: left;
	position: fixed;
}
/* Katalog */
#agencija
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/agencija.jpg") no-repeat 0 0;

}

#agencija:hover
{
 background-position: 0 -147px;
}

#agencija span
{
  display: none;
}

#auto
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/auto.jpg") no-repeat 0 0;

}

#auto:hover
{
 background-position: 0 -147px;
}

#auto span
{
  display: none;
}

#informatika
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/informatika.jpg") no-repeat 0 0;

}

#informatika:hover
{
 background-position: 0 -147px;
}

#informatika span
{
  display: none;
}

#transport
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/transport.jpg") no-repeat 0 0;

}

#transport:hover
{
 background-position: 0 -147px;
}

#transport span
{
  display: none;
}
#elektro
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/elektro.jpg") no-repeat 0 0;

}

#elektro:hover
{
 background-position: 0 -147px;
}

#elektro span
{
  display: none;
}

#tisak
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/tisak.jpg") no-repeat 0 0;

}

#tisak:hover
{
 background-position: 0 -147px;
}

#tisak span
{
  display: none;
}

#kultura
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/kultura.jpg") no-repeat 0 0;

}

#kultura:hover
{
 background-position: 0 -147px;
}

#kultura span
{
  display: none;
}

#obrazovanje
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/obrazovanje.jpg") no-repeat 0 0;

}

#obrazovanje:hover
{
 background-position: 0 -147px;
}

#obrazovanje span
{
  display: none;
}

#poljo
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/poljo.jpg") no-repeat 0 0;

}

#poljo:hover
{
 background-position: 0 -147px;
}

#poljo span
{
  display: none;
}

#prehrana
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/prehrana.jpg") no-repeat 0 0;

}

#prehrana:hover
{
 background-position: 0 -147px;
}

#prehrana span
{
  display: none;
}

#sigurnost
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/sigurnost.jpg") no-repeat 0 0;

}

#sigurnost:hover
{
 background-position: 0 -147px;
}

#sigurnost span
{
  display: none;
}

#sport
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/sport.jpg") no-repeat 0 0;

}

#sport:hover
{
 background-position: 0 -147px;
}

#sport span
{
  display: none;
}

#trgovina
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/trgovina.jpg") no-repeat 0 0;

}

#trgovina:hover
{
 background-position: 0 -147px;
}

#trgovina span
{
  display: none;
}

#financije
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/financije.jpg") no-repeat 0 0;

}

#financije:hover
{
 background-position: 0 -147px;
}

#financije span
{
  display: none;
}

#ostalo
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/ostalo.jpg") no-repeat 0 0;

}

#ostalo:hover
{
 background-position: 0 -147px;
}

#ostalo span
{
  display: none;
}

#gradevinarstvo
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/gradevinarstvo.jpg") no-repeat 0 0;

}

#gradevinarstvo:hover
{
 background-position: 0 -147px;
}

#gradevinarstvo span
{
  display: none;
}

#industrija
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/industrija.jpg") no-repeat 0 0;

}

#industrija:hover
{
 background-position: 0 -147px;
}

#industrija span
{
  display: none;
}

#alati
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/alati.jpg") no-repeat 0 0;

}

#alati:hover
{
 background-position: 0 -147px;
}

#alati span
{
  display: none;
}

#opremanje
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/opremanje.jpg") no-repeat 0 0;

}

#opremanje:hover
{
 background-position: 0 -147px;
}

#opremanje span
{
  display: none;
}

#moda
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/moda.jpg") no-repeat 0 0;

}

#moda:hover
{
 background-position: 0 -147px;
}

#moda span
{
  display: none;
}

#ljepota
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/ljepota.jpg") no-repeat 0 0;

}

#ljepota:hover
{
 background-position: 0 -147px;
}

#ljepota span
{
  display: none;
}

#turizam
{
  display: block;
  width: 90px;
  height: 146px;
  background: url("icon/turizam.jpg") no-repeat 0 0;

}

#turizam:hover
{
  background-position: 0 -147px;
}

#turizam span
{
  display: none;
}



.katalog {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    /* height: 45px; */
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
}


.link_katalog {
    background-color: #0BACD5;
    border-right: 1px solid #ccc;
    color: #fff;
    float: left;
    font-size: 15px;
    font-weight: normal;
    padding: 14px;
    text-decoration: none;
	margin-bottom: 1px;
}
.link_katalog:hover, .link_katalog a:hover {
    background-color: #333;
    border-right: 1px solid #ccc;
	text-decoration: none;
    color: #fff;
}
.katalogistrafiks {
    background-color: #333;
    border-right: 1px solid #ccc;
	text-decoration: none;
    color: #fff;
}
.katalogBox .sf-menu {
	float: none;
}

.login_panel td {
	border: 0 none !important;
}
/* View firme */
.navigacijaview  {
	background: #333333;
	width: auto;
	margin: 0 -25px 0 -25px;
}
.navigacijaview.affix {
    margin: 0;
    position: fixed;
    top: 47px;
    z-index: 999;
	width: 100%;
	margin-left: -15px;
}
#bs-example-navbar-collapse-4 {
	padding-left: 0 !important;
	position: relative;
}
.navigacijaview ul li:first-child {
	margin-left: 15px;
}
.navigacijaview ul li {
	margin: 0;
}
.navigacijaview ul li .linkview {
    color: #fff;
    display: block;
   /* float: left;*/
    font-size: 15px;
    font-weight: normal;

    padding: 10px 10px 10px 10px;
    text-decoration: none;
}
.navigacijaview ul li .but_tekst, .navigacijaview ul li .linkview:hover  {
	background: #8A8A8A;
	color: #fff;

}
.but_posaljiupit {
    background-color: #ee3224;
    color: #fff !important;
    float: right;
    font-size: 18px;
    font-weight: normal;
    padding: 17px 20px;
    text-decoration: none;
	position: absolute;
	top: -6px;
	right: 20px;
	margin-right: 20px;
    margin-top: -5px;
}

.but_posaljiupit:hover {
    background-color: #333;
    color: #fff;
    text-decoration: none;
}
.box1 {
    padding-bottom:10px;
	padding-top:30px

}
.box1 img {
    width: 100%;
	height: auto;
}

.box4 {
    background-color: #333;
    display: inline-block;
    margin: 10px 0 20px;
    padding: 20px;
    text-align: left;

}
.naslovbijelo {
    color: #ffffff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin-left: -15px !important;
    margin-right: -15px !important;
    padding-bottom: 7px;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    text-decoration: none;
}


.socialpluginview {
    display: inline-block;
    margin: 0;
}



.socialpluginview .social-likes {
	margin: 0 !important;
}

.socialpluginview .social-likes .social-likes__widget {
	margin: 0.5em 0;
}

.line {
    border-top: thin dashed #999;
    display: block;
    height: 1px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.tvrtka_kategorije {
	display: inline-block;
	-webkit-column-count: 0; /* Chrome, Safari, Opera */
	-moz-column-count: 0; /* Firefox */
	column-count: 0;
}

.tvrtka_kategorije li{
	display: block;
	color: #fff;
	margin: 5px 0;
}

.tvrtka_kategorije li a {
	color: #fff;
	padding: 5px 0;
	font-size: 15px;
	font-weight: normal;
	float: left;
	clear: left;
}


.bijelo {
    color: #ffffff;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
}


.view_box_dark_left {
    background-color: #333;
    border-radius: 15px;
    clear: left;
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 0;
    padding: 20px;
}

.view_box_dark_left input {
	color: #333;
}

.view_box_dark_left tr td {
	border: 0 none !important;
}


.iconmail {
    background-image: url("../images/transparent.png");
    background-position: -130px -30px;
    background-repeat: no-repeat;
    float: left;
    height: 24px;
    margin-right: 20px;
    width: 36px;
}
.naslovforma {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 20px;
    text-decoration: none;
}
#boxsort .btn-default {
    margin: 0;
}
.btn-default {
    background: #08ABD3 !important;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 5px 5px 0 0;
	font-size: 17px;
    padding: 9px 25px;
    text-decoration: none;
    text-shadow: 0 0 0!important;
    border-radius: 4px!important;
    border:0px!important;
}
.btn-default:hover {
	color:#fff;
	background: #333 !important;
}
.box_facebook {
	background-color: #3D5B95;
	padding: 10px 15px 9px 15px;
	margin: 5px 5px 0 0;
	color: #fff;
	display: inline-block;
}
.box_facebook span {
	padding-left: 10px;
}
.view_box, .view_box_left, .view_box_right, .view_info_left {
    background-color: #f4f4f4;
    box-shadow: 3px 3px 10px #999;

    color: #333;
    font-size: 15px;
    font-weight: normal;
    line-height: 24px;
    margin-top: 50px;
    margin-bottom: 10px;
	position: relative;
}


.naslovview {
    color: #333333;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
    text-decoration: none;
}

.naslovview h2 {
	font-size: 40px;
	margin-top: 0;
}

.box_naslov_orange{
	background-color: #ee3224;
    border-bottom: 3px solid #333;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: normal;
    padding: 10px 22px;
    text-decoration: none;
    z-index: 10;
	margin-top: 10px;
}

.box_naslov_orange1 {
    background-color: #ee3224;
    border-bottom: 3px solid #333;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: normal;
    padding: 10px 22px;
    position: absolute;
    text-decoration: none;
    z-index: 10;
	top: -30px;
	left: -20px;
}

.box_naslov_plavo_mali {
	background-color: #217BB9;
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 20px;
	text-align: left;
}
.box_naslov_plavo_mali a{

	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;

	text-align: left;
}
.box_naslov_plavo_mali a:hover {
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}
.linkdarkblue {
    font-size: 16px;
    font-weight: normal !important;
    text-decoration: none;
}


.linkdarkblue:hover {
	text-decoration: none;
}
.grid-loadMore{
   display: none !important;
}


.tel-font {
	font-size: 18px;
    font-weight: bold;
    /* display: inline-block; */
	padding-top:10px;
	padding-bottom: 10px;
}
.min-size-style{
    z-index:200;
	min-height:450px;
	display: inline;
}

/** social sidebar CSS **/
#social-sidebar {
    left: -28px;
    position: fixed;
    top: 20%;
    list-style-type: none;
    z-index: 99;
}

#social-sidebar li:first-child a {
    border-top-right-radius: 5px;
}

#social-sidebar li:last-child a {
    border-bottom-right-radius: 5px;
}

#social-sidebar li a{
    background: rgba(0, 0, 0, .7);
    color: #fff;
    text-decoration: none;
    display: block;
    height: 50px;
    width: 50px;
    font-size: 24px;
    line-height: 50px;
    position: relative;
    text-align: center;
    cursor: pointer;
}

#social-sidebar a:hover span {
    left: 120%;
    opacity: 1;
}

#social-sidebar a span {
    font: 12px "Open Sans", sans-serif;
    text-transform: uppercase;
    border-radius: 3px;
    line-height: 24px;
    left: -100%;
    margin-top: -16px;
    opacity: 0;
    padding: 4px 8px;
    position: absolute;
    transition: opacity .3s, left .4s;
    top: 50%;
    z-index: -1;
}

#social-sidebar a span:before {
    content: "";
    display: block;
    height: 8px;
    width: 8px;
    left: -4px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
}

#social-sidebar a[class*="twitter"]:hover,
#social-sidebar a[class*="twitter"] span,
#social-sidebar a[class*="twitter"] span:before {
    background: #00aced;
}

#social-sidebar a[class*="facebook"]:hover,
#social-sidebar a[class*="facebook"] span,
#social-sidebar a[class*="facebook"] span:before {
    background: #3B5998;
}

/* #social-sidebar a[class*="google-plus"]:hover,
#social-sidebar a[class*="google-plus"] span,
#social-sidebar a[class*="google-plus"] span:before {
    background: #E34429;
} */

/*Change icons size here*/
.social-icons .fafo {
	font-size: 1.2em;
}
/*Change icons circle size and color here*/
.social-icons .fafo {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-icons.icon-circle .fafo{
	border-radius: 50%;
}

.social-icons .fa-facebook-f,.social-icons .fa-facebook-square{background-color:#3C599F;}
.social-icons .fa-instagram{background-color:#A1755C;}
.social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#0085AE;}
.social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#32CCFE;}
.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#C52F30;}

.searchdostava {
    background-color: #e7edef;
    padding: 70px;
    margin: 0;
	text-align: center;
	font-size: 15px;
	padding-top: 50px;
	position: relative;
}
.searchdostava .trazilica {
	border-radius: 35.5px;
	background-color: #ffffff;
box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1);
text-align: left;
padding: 10px 25px;
position: relative;
display: inline-table;
width: 100%;
}
div.trazilica input {
    background: transparent;
    font-size: 20px;
    color: #333;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 5px;
    border-radius: 0px;
	border: none;
    width: 90%;
	float: left;
	outline: 0;
}
.buttontrazi {
background: rgba(0,0,0,0);
border: none;
cursor: pointer;
margin: 0;
padding: 0;
padding-top: 5px;
float: right;
}
.trazilica ul.ss-box {
    margin-top: 25px!important;
}
.searchdostavasecond {
background-color: #e7edef;
padding: 70px;
    padding-top: 0;
margin: 0;
text-align: center;
font-size: 15px;
}
.searchdostavasecond .faicon {
    border: 2px solid #8299a0;
    padding: 17px 15px;
    margin-right: 10px;
    border-radius: 50%;
    font-size: 34px;
	color: #8299a0;
	margin: 30px;
	margin-top: 0;
}
.searchdostava .content, .searchdostavasecond .content{
    padding: 0 180px;
}
.bannerdostava {
	padding: 30px 0;
	background-color: #e7edef;
	color: #8299a0;
	text-align: center;
	font-size: 13px;
	margin-bottom: 25px;
	margin-top: 4px;
}
.bannerdostava-view {
	padding: 30px 0;
	background-color: #fff;
	color: #8299a0;
	text-align: center;
	font-size: 13px;
	margin-bottom: 25px;
	margin-top: 4px;
}
.dostavanaslov a{
	display: block;
	color: #8299a0;
	font-size: 45px;
	margin-bottom: 25px;
	font-weight: 700;
	text-decoration: none;
}
.dostavanaslov a:hover{
	color: #000;
	text-decoration: none;
}
.boxdostava {
	margin-top: 50px;
	margin-bottom: 70px;
}
.dostava-container {
	background-color: #e7edef;
	padding: 0;
margin: 0;
}
.dostava-main {
	padding: 0;
margin: 0;
min-height: 470px;
height: 470px;
display: flex;
}
.dostava-main-main {
padding: 50px 0;
margin: 0;
width: 100%;
display: inline-block;
text-align: center;
}
.dostava-main-view {
	padding: 0;
margin: 80px 0;
min-height: 470px;
height: 470px;
display: flex;
background-color: #e7edef;
position: relative;
overflow: hidden;
}
.dostava-main-view .box {
	padding: 35px 35px;
background-color: #fff;
margin-top: 50px;
width: 52%;
z-index: 2;
position: absolute;
bottom: 0;
top: 40px;
font-size: 15px;
line-height: 18px;
}
.box .boja{
	width: 15px;
	height: 15px;
	position: relative;
	bottom: 0;
	right:0;
}
.box h1 {
    margin-top: 20px;
}
.box h1 a{
    margin-top: 20px;
	text-decoration: none;
	color: #000;
}
.box h1 a:hover{
	text-decoration: underline;
	color: #000;
}
.box h4 {
    margin-top: 10px;
	margin-bottom: 30px;
	color:#fff;
	font-weight: 700;
}
.box .botuni {
    position: absolute;
	bottom: 30px;
left: 35px;
}
.thumb-img13 {
	width: auto;
	position: absolute;
	padding:0px;
	overflow: hidden;
	margin-left: 50%;
	height: 100%;
}
.thumb13 {
	width: 100%;
	min-height: 470px;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
	position: relative;
	z-index: 0;
}
.dostava {
	color: #656565;
	position: relative;
	text-align: center;
	margin-bottom: 35px;
}
.dostava a{
	text-decoration: none;
	color: #656565;
}
.dostava h4{
	color: #000;
	font-size: 20px;
	font-weight: 700;
	margin-top: 5px;
}
.dostava .descriptiond{
	width: auto;
	box-shadow: 0 12px 34px 0 rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
	margin-top: -20px;
	z-index: 1;
	padding: 20px 25px 30px 25px;
	position: relative;
	margin-right: 10px;
margin-left: 10px;
}
.dostava .boja{
	width: 15px;
	height: 15px;
	position: absolute;
	bottom: 0;
	right:0;
}
.thumb-imgd {
	width:100%;
	height:200px;
	padding:0px;
	overflow: hidden;
}
.thumbd {
	width:100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.dostavahome {
	display: block;
	/*height: 480px;*/
	width: 50%;
	text-align: right;
	border-radius: 0px;
	position: relative;
	padding: 0;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	overflow: hidden;
}
.dostavahome .content {
	width: 100%;
	text-align: left;
	max-width: 505px;
	margin-top: 70px;
	margin-bottom: 50px;
	color: #fff;
	float: right;
margin-right: 20px;
letter-spacing: 1.02px;
}
.dostavahome h1 {
	font-size: 50px;
	font-weight: 700;
	text-decoration: none !important;
	margin-top: 20px;
	margin-bottom: 25px;
	display:block;
	color: #fff;
}
.dostavahome h1 a{
	font-size: 50px;
	font-weight: 700;
	text-decoration: none !important;
	margin-top: 20px;
	margin-bottom: 25px;
	display:block;
	color: #fff;
}
.dostavahome h1 a:hover{
	text-decoration: underline !important;
}
.dostavahome h3 a:hover, .dostavahome h3:hover{
	text-decoration: none !important;
	color: #ffa400 !important;
}
.dostavahome .faicon {
	border: 2px solid #fff;
	padding: 10px 8px;
	margin-right: 10px;
	border-radius: 50%;
	font-size: 24px;
}
.thumb-img12 {
	width:50%;

	padding:0px;
	overflow: hidden;
	margin-right: 0px;
	margin-bottom: 0px;
	display: inline-block;
}
.thumb12 {
	width:auto;
	height:470px;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
	position: relative;
	z-index: 0;
	filter: brightness(60%);
}
.dostavainfo {
	margin-top: 50px;
	margin-bottom: 100px;
	text-align: center;
}
.dostavainfo h2{
	color: #8299a0;
	font-size: 36px;
	font-weight: 400;
	margin-top: 30px;
	margin-bottom: 30px;
}
.dostavapodaci {
    position: relative;
    display: inline-table;
    width: 100%;
}
.dostavapodaci .mjesto{
	width: 22%;
	float: left;
	margin: 15px;
	padding: 30px;
	text-align: center;
	color: #fff;
	box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1);
	height: 150px;
	/* overflow: hidden; */
	position: relative;
}
.dostavapodaci .mjesto a{
	text-decoration: none;
	color: #fff;
}
.dostavapodaci .mjesto a:hover{
	text-decoration: underline;
	color: #fff;
}
.dostavapodaci .mjesto:after{
	content: '';
   position: absolute;
   top: 37%;
   left: 100%;
   width: 0;
   height: 0;
   border-top: 15px solid transparent;
   border-bottom: 15px solid transparent;
   clear: both;
}
.dostavapodaci .mjesto h5{
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	margin-top: 15px;
}
.dostavapodaci .info{
	background-color: #fff;
	width: 22%;
	float: left;
	margin: 15px;
	padding: 15px 20px;
	text-align: left;
	color: #6d6d6d;
	box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1);
	height: 150px;
	overflow: hidden;
	position: relative;
}

.dostavapodaci .info h5 {
	margin-top: 0;
	padding-top: 0;
	color: #000;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
}
.dostavapodaci .info:hover h5 {
	color: #FFF!important;
}
.dostavapodaci .info:hover{
color: #FFF!important;
text-decoration: none;
}
.dostavapodaci .info span{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px 20px;
	line-height: 18px;
	font-size: 15px;
}
.btn-dostava {
	border: 1px solid #687d85;
	background-image: none;
	color: #687d85;
	text-decoration: none;
	padding:10px 35px;
	margin-bottom: 55px;
	margin-top: 20px;
	border-radius: 30px;
	font-size: 17px;
}
.btn-dostava:hover {
	color: #FFF;
}
.btn-grad {
	border: 1px solid #fff;
	background-image: none;
	background-color:transparent;
	color: #fff;
	text-decoration: none;
	padding:10px 25px;
	border-radius: 30px;
	font-size: 15px;
	font-weight: 400;
	/* float: left; */
	margin-left: 10px;
	margin-right: 10px;
}
.btn-grad:hover {
	color: #000;
	background-color: #fff!important;
}
.btn-grad-select {
	background-color:#fff!important;
	color: #000!important;
	font-weight: 700;
}
.btn-grad1 {
	border: 1px solid #fff!important;
	background-color: #fff!important;
	color: #000!important;
}
.btn-link {
	background-color: #e7edef;
	background-image: none;
	color: #000;
	text-decoration: none;
	padding:8px 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 10px;
	border-radius: 30px;
	font-size: 15px;
}
.btn-link:hover {
	color: #FFF;
	background-color: #000;
	text-decoration: none;
}
.btn-add-dostava {
	background-color: #8299a0;
	background-image: none;
	color: #fff;
	text-decoration: none;
	padding:12px 30px;
	border-radius: 30px;
	font-size: 15px;
	position: absolute;
	right: 25px;
top: 25px;
}
.btn-add-dostava:hover {
	color: #FFF;
	background-color: #f27a00;
	text-decoration: none;
}

@media (max-width: 767px) {
.naslov404 {
	font-size: 90px;
}
.content404 {
	font-size: 35px;
}
.message404 {
	font-size: 18px;
}
.link404 {
	color: #fff;
	background-color: #2B457E;
	margin: 30px;
	padding: 20px 30px;
	font-weight: 700;
	display: inline-block;
	font-size: 22px;
	text-decoration: none;
	border-radius: 45px;
}
.nazovite-nas {
	display: block;
}
header {
    margin-top: 0px;
    margin-bottom: 0px;
}
.loginbox2 {
  margin-top: 52px;
}
.main2 .row {
	margin-left: -15px;
	margin-right: -15px;
}
footer {
	height: auto;
}
.recenzije td {
    width: 50%;
    display: inline-block;
    padding: 10px;
}
.searchdostava {
    padding: 35px;
	padding-top: 85px;
	padding-bottom: 50px;
}
.dostavanaslov a {
    font-size: 35px;
}
.searchdostava .content, .searchdostavasecond .content {
    padding: 0;
}
.searchdostavasecond {
    padding: 35px;
}
.searchdostavasecond .faicon {
    padding: 15px 13px;
    font-size: 28px;
}
.dostava-main {
    min-height: auto;
    height: auto;
    display: inline-block;
}
.thumb-img12 {
	width: 100%;
padding: 0 15px;
text-align: center;
margin-top: -50px;
}
.thumb12 {
    width: 100%;
    height: auto;
}
.dostavahome {
    display: block;
    height: auto;
    width: 100%;
	overflow: visible;
}
#blockContainer {
	  display: -webkit-box;
	  display: -moz-box;
	  display: box;

	  -webkit-box-orient: vertical;
	  -moz-box-orient: vertical;
	  box-orient: vertical;
}
#blockA {
	  -webkit-box-ordinal-group: 3;
	  -moz-box-ordinal-group: 3;
	  box-ordinal-group: 3;
}
#blockB {
	  -webkit-box-ordinal-group: 2;
	  -moz-box-ordinal-group: 2;
	  box-ordinal-group: 2;
}
.dostavahome .content {
    width: 100%;
    text-align: center;
    max-width: 100%;
    margin: 0;
    float: none;
    letter-spacing: 1px;
    padding: 30px;
}
.dostavahome h1 {
    position: absolute;
    top: -60px;
    z-index: 1;
    margin-top: -100px;
	left: 0;
right: 0;
}
.dostavahome h1 a {
    font-size: 40px;
}
.dostavahome .faicon {
    margin-bottom: 20px;
	text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
	display: table;
}
.dostavahome .content span {
    display: block;
    margin-bottom: 50px;
}
.dostavainfo {
    margin-top: 15px;
    margin-bottom: 80px;
}
.dostavapodaci .mjesto {
    width: 100%;
    float: none;
    margin: 0;
	margin-bottom: 25px;
    padding: 30px;
}
.dostavapodaci .mjesto::after {
    left: 46%;
    top: 100%;
    border-left: 15px solid transparent!important;
    border-right: 15px solid transparent!important;
}
.dostavapodaci .info {
    width: 100%;
    float: none;
    margin: 15px 0;
    padding: 15px 20px;
    height: auto;
}
.dostavapodaci a {
    text-decoration: none;
}
.dostavapodaci .info h5 {
    font-size: 20px;
    text-decoration: none;
    margin-bottom: 20px;
}
.dostavapodaci .info span {
    position: relative;
    padding: 0;
	font-size: 16px;
}
.dostava-main-grad .thumb-img12 {
    padding: 0;
	margin-top: 0;
}
.dostava-main-grad .dostavahome h1 {
    font-size: 36px;
	margin-bottom: 35px;
}
.dostava-main-grad span {
    position: absolute;
    top: -190px;
	left: 0;
right: 0;
}
.dostava-main-grad .dostavahome h1 {
    position: relative;
    top: 0;
    margin-top: 0;
}
.btn-grad {
    padding: 10px 22px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
}
.dostava-main-main {
    padding: 35px 0;
}
.thumb13 {
    width: 100%;
    min-height: auto;
    z-index: 11;
}
.dostava-main-view {
    margin: 50px 0;
    min-height: auto;
    height: auto;
    display: block;
    position: relative;
    overflow: visible;
}
.dostava-main-view .container {
    padding-right: 0;
}
.dostava-main-view .box {
    padding: 50px 35px;
    margin-top: 50px;
    width: 100%;
    z-index: 2;
    position: relative;
    bottom: 0;
    top: 40px;
    font-size: 16px;
    line-height: 20px;
}
.box h1 {
    margin-top: 25px;
}
.box .botuni {
    position: relative;
    bottom: 0;
    left: 0;
    margin-top: 40px;
    margin-bottom: 20px;
}
.btn-link {
    padding: 12px 25px;
    margin-bottom: 15px;
    margin-top: 10px;
    margin-right: 0;
    font-size: 17px;
    width: 100%;
}
.btn-add-dostava {
    padding: 7px 14px;
    font-size: 16px;
    right: 5px;
    top: 60px;
    font-weight: 700;
}
#bs-example-navbar-collapse-4 {
    padding-left: 15px !important;
}
.boxsort-top-class {
    padding: 10px 0;
	font-size: 15px;
}
.btn-default {
    font-size: 15px;
    padding: 8px 15px;
}
.butdodaj {
    font-size: 16px;
    width: 100%;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 5px 10px;
white-space: break-spaces;
}
.but_posaljiupit {
    position: relative;
    width: 100%;
    float: none;
    display: block;
    margin-top: 5px;
    top: 0;
    margin-right: 0;
    right: 0;
}
.naslovbijelo {
    margin-left: 0!important;
    margin-right: 0!important;
}
.navigacijaview {
    margin: 0;
	background-color: #217bb9 !important;
	text-align: center;
}
.navbar-toggle {
    background-color: #0BACD5 !important;
	color: #fff!important;
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
	padding: 12px 10px;
	width: 100%;
}
.navbar-toggle .iconkategorija {
    width: 40px;
	margin-right: 10px;
	float: none;
}
.navbar-toggle h2{
    font-size: 20px;
	display: inline;
	margin: 0 10px;
}
.navigacijaview ul li .linkview {
float: left;
width: 100%;
text-align: left;
}
	.carousel {
	    min-height: auto!important;
	    margin-bottom: 5px !important;
	    margin-top: 0!important;
	}
	.carousel-inner {
	    height: 100%;
	}
	.carousel-caption h1 {
	    font-size: 24px;
	}
	.carousel-caption h1 a {
	    font-size: 24px;
	}
	.carousel-caption h2 {
	    letter-spacing: 3px;
	    font-size: 22px;
	    margin-top: 5px;
	}
	.carousel-caption {
		/* position: relative!important; */
	    font-size: 16px!important;
		top: auto!important;
		right: 0%!important;
	left: 0%!important;
	bottom: 0%!important;
	/* background-color: rgba(0, 0, 0, 0.4)!important; */
	padding-top: 10px!important;
	padding-bottom: 3px!important;
	width: auto;
	}
	.carousel-caption p {
	    font-size: 15px;
	line-height: 22px;
	}
	.footerBox p {
	    padding-top: 0;
	    padding-right: 0px;
		padding-bottom: 15px;
	}
	.boxfooter {
	    margin-bottom: 25px;
	}
	.logofooter {
	    float: none;
	    margin-bottom: 15px;
	}
	.social-icons {
	    padding-top: 25px;
		padding-bottom: 25px;
	}
	  .visible-xs {
	    display: block !important;
	}
	.naslovview h2 {
		margin-top: 15px;
	}
	.padding20 {
	    padding: 0;
		margin-bottom: 20px;
	}
	#searchheader {
	    padding-left: 15px;
	    padding-right: 15px;
	    text-align: center;
		height: 230px;
	}
	div#trazilica input {
	    font-size: 18px!important;
	}
	h3.headline {
	    font-size: 20px;
	}
	h3.headline::before {
    width: 70%;
}
	.headerbignaslov {
	    font-size: 35px;
		line-height: 1.15;
	    margin-bottom: 15px;
	    margin-top: 5px;
		text-align: center;
	}
	.main-video {
	    margin-left: 0;
		margin-right: 0;
	    padding-left: 15px;
	    padding-right: 15px;
		padding-bottom: 15px;
	    min-height: auto;
		height: auto;
	    margin-bottom: 15px;
		display: inline-block;
		width: 100%;
	}
	.main-fb {
	    margin-right: 0px;
	    padding-left: 15px;
	    padding-right: 15px;
	    overflow: hidden;
	    margin-bottom: 15px;
		min-height: auto;
		height: auto;
		display: inline-block;
	}
	.boxadd {
	    padding: 10px 25px;
	    text-align: left;
	    margin-right: 0;
	    max-height: auto;
		height: auto;
	}
	.boxadd h1 {
	    display: block;
	    font-size: 30px;
	    margin-top: 10px;
	    margin-bottom: 20px;
	    padding-right: 0px;
	}
	.boxadd h2 {
	    line-height: 30px;
	    font-size: 24px;
	}
	.productright h5 {
	    margin-bottom: 2.5rem;
	}

	.boxw {
	    margin-top: 15px;
	}
	  .navbar-brand {
		height: auto;
	}
	.navbar-right{
		float: right;
	}
	.navbar-top{
		display: inline-block;
		}
	  .navbar-default {
			position: absolute;
		}
		.navbar-custom .nav li a {
		transition: background 0.3s ease-in-out 0s;
		padding: 10px;
		float: left;
	}
	.nav-pills > li {
		/* display: block !important; */
		float:none;
	}
	#slidingbar-area {
		display: none;
	}
	#topbar {
		display: none;
	}
	.navbar-default {
		top: 0 !important;
		height: auto !important;
		float: none !important;
	}

	.navbar-collapse .nav {
		float: none !important;
	}

	.navbar-default .navbar-nav li > a, .navbar-default .navbar-nav li > a:hover, .navbar-default .navbar-nav li > a:focus {
		border-top-color: #E1E1E1 !important;
		border-top-width: 1px !important;
		border-top-style: solid !important;
		line-height: 20px !important;
		height: auto !important;
		margin: 0;
	}
	.navbar-default .navbar-nav li > a:hover, .navbar-default .navbar-nav li > a:focus {
		background-color: #007AFF !important;
		color: #FFFFFF !important;
	}


	.gradovi_nav .navbar-toggle {
		border: medium none;
		border-radius: 0;
		margin-top: 10px !important;
		margin-bottom: 10px !important;
		margin-right: 0;
		background-color: #31a0d9;
		padding-top: 13px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
	}

	.navbar-toggle .icon-bar {
		background-color: #FFFFFF !important;
	}
	.navbar-default .navbar-nav .menu-search > a:hover, .navbar-default .navbar-nav .menu-search > a:focus {
		background: none !important;
		color: #007AFF !important;
	}
	.search-box {
		top: 3px;
		right: 3px;
		bottom: auto;
		margin: 0 !important;
		border: none !important;
		box-shadow: none;
		background: none;
	}
	.search-box .arrow {
		display: none;
	}
	.search-box .popover-content {
   		padding: 0 !important;
	}

	.grid-container {
		display: block;
	}
	/* Tabs Left*/
	.tabs-left .nav-tabs li.active a, .tabs-left .nav-tabs li.active a:hover, .tabs-left .nav-tabs li.active a:focus {
		border-right-color: #dddddd;
	}
	.tabs-left .nav-tabs {
		float: none;
	}
	.tabs-left .tab-content {
		border-top: none;
	}
	.thumb-img8 {
    height: auto;
	max-height: 100%!important;
}
.thumb-img7 {
    height: auto;
}
	.thumb-img6 {
	    height: auto;
		margin-bottom: 10px;
	}
	.thumb-img5 {
	    height: auto;
		margin-bottom: 10px;
	}
	.thumb-img4 {
	    height: auto;
	}
	.thumb-img3 {
		    height: auto;
		}
		.thumb-img2 {
		margin-top: 30px;
		margin-bottom: 10px;
		height: auto;
	}
	.thumb-imgbig {
	    height:auto !important;
	}
	  .thumb-img0 {
		height:auto !important;
	}
	.home h2 a {
	    color: #fff;
	    font-size: 20px;
	    font-weight: bold;
	    text-decoration: none;
	}
	.home h2 {
	    line-height: 22px!important
	}
	.sadrzaj .sadrzaj_podjeli .linkcrno2 {
    float: none;
}
	.product {
		height: auto !important;
		margin-bottom: 35px;
	}
	.product .buttonbottom {
		position: relative;
	}
	.product h4 a {
	    font-weight: 700;
	    font-size: 20px;
	    line-height: 22px;
	    margin-top: 0px;
		margin-bottom: 15px;
	}
	.productright h4 a {
	    font-size: 20px;
	    font-weight: 700;
	    margin-bottom: 25px;
	}
	.asortiman {
    height: auto;
}
	.menu-wrapper-left {
		width: 100%;
	}
	#cookiesdisplay p{
		color: #CCC;
		font-size: 14px;
		line-height: 20px;
		position: relative;
		text-align: left;
		display: block;
		margin-top: 10px;
		margin-right: 20px;
		margin-bottom: 10px;
		margin-left: 20px;
		padding-top: 10px;
		padding-right: 0;
		padding-bottom: 10px;
		padding-left: 0;
	}
	#cookieAgreee{
		padding: 10px 20px;
		right: 0px;
		top: 0px;
		clear:both;
		display: inline-block;
		position: relative;
	}
	.panel-body {
	    font-size: 16px;
	}
	.panel-body img {
    position: relative;
}
	.min-size-style{
		height:450px !important;
		max-height:450px !important;
	}
	.tel-font {
		font-size: 22px;
	}

}
@media (min-width: 768px) and (max-width: 991px) {
	header {
	    margin-top: 0;
	}
footer {
		height: auto;
	}
	footer a {
    display: inline-block;
}
.loginbox2 {
  margin-top: 52px;
}
.naslov404 {
	font-size: 100px;
}
.content404 {
	font-size: 40px;
}
#searchheader {
    padding-left: 50px;
    padding-right: 50px;
}
#bs-example-navbar-collapse-2{
    top:0px!important;
    position:relative;
    padding: 0;
}
.searchdostava {
    padding-top: 80px;
}
.searchdostava .content, .searchdostavasecond .content {
    padding: 0 75px;
}
.dostavahome .content {
    max-width: 325px;
    margin-top: 40px;
    letter-spacing: 1px;
}
.dostavahome h1 a {
    font-size: 42px;
}
.dostavainfo {
    margin-top: 30px;
    margin-bottom: 70px;
    text-align: center;
    margin-left: 0;
	margin-right: 0;
}
.dostavapodaci .info {
    margin: 10px;
	height: 200px;
	padding: 12px 15px;
}
.dostavapodaci .info span {
    padding: 12px 15px;
}
.dostavapodaci .mjesto {
    margin: 10px;
	height: 200px;
}
.thumb13 {
    width: auto;
    /* min-height: 100%; */
    left: -90px;
	height: 100%;
}
.thumb-img13 {
    width: 100%;
}
.dostava-main-view {
	margin: 65px 0;
    min-height: 510px;
    height: 510px;
}
.dostava-main-view .box {
    padding: 35px 40px;
    margin-top: 30px;
    width: 55%;
    bottom: 0;
    top: 35px;
}
.box .botuni {
    position: relative;
    bottom: 0;
    left: 0;
}
.btn-add-dostava {
    padding: 10px 25px;
    right: 10px;
    top: 65px;
}
.naslovview {
    margin-left: 0;
}
.footerBox p {
padding-top: 0;
}
.boxfooter {
margin-bottom: 20px;

}
.demo1 {
height:auto !important;
}
.visible-sm {
	display: block !important;
}
.navbar-brand {
	height: auto;
}
.navbar-brand, .navbar-nav > li > a {
   font-size: 15px;
   padding-bottom: 3px;
    padding-top: 3px;
	padding-left: 9px !important;
    padding-right: 9px !important;
}

.headerbignaslov {
    font-size: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.thumb-img8 {
	    height: auto;
		max-height: 100%!important;
		width: 100%;
	}
.thumb-img2 {
	margin-top: 0px;
	height: auto;
}

  .thumb-img0 {
	height:130px;
}
.thumb-img1 {
    height: 355px;
}
.thumb-img3 {
    height: 145px;
}
.thumb-img4 {
    height: 280px;
}
.thumb-img5 {
    height: 100px;
}
.thumb-img6 {
    height: 100px;
}
.thumb-img7 {
    height: 195px;
}
 .thumb-img11 {
	height:90px;
}
.home h2 a {
    font-size: 23px;
}
.boxsadrzajleft {
	margin-bottom: 30px;
}
.panel-body img {
position: relative;
}
.product {
	height: auto !important;
}
.product h3 a, .product h3 {
    font-size: 20px;
}
.producthome h2 a {
    font-size: 16px;

}
.producthome h2 {
    margin-bottom: 20px;
	display: flex;
}
.product .buttonbottom {
	position: relative;
}
.productright h5 a {
    font-size: 15px;
}
.productright h5 {
    line-height: 18px;
}
.boxadd {
    padding: 10px 15px;
}
.boxadd h1 {
    font-size: 35px;
    margin-top: 2px;
    margin-bottom: 15px;
}
.boxadd h2 {
    font-size: 24px;
}
.boxfooter h4 {
    text-align: left;
    font-size: 18px;
}
.list-inline-item {
    margin-bottom: .5rem;
}
.menu-wrapper-left {
			width: 100%;
		}
#cookiesdisplay p{
	color: #CCC;
	font-size: 14px;
	line-height: 20px;
	position: relative;
	text-align: left;
	display: block;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#cookieAgreee{
	background: #C80A1E;
	border: 2px solid #000;
	border-radius: 4px;
	color: #FFF !important;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	padding: 10px 20px;
	right: 0px;
	top: 0px;
	clear:both;
	display: inline-block;
	position: relative;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
	header {
	margin-top: 0px;
}
.naslov404 {
	font-size: 100px;
}
.content404 {
	font-size: 40px;
}
#searchheader {
    padding-left: 80px;
    padding-right: 80px;
}
#bs-example-navbar-collapse-2{
    top:0px!important;
    position:relative;
    padding: 0;
}
.dostavahome .content {
    max-width: 415px;
}
.dostavapodaci .info {
    margin: 12px;
    height: 160px;
}
.dostavapodaci .mjesto {
    margin: 12px;
    height: 160px;
}
.thumb13 {
    width: auto;
    min-height: 100%;
    height: 100%;
}
.but_posaljiupit{
	position: absolute;
}
  .visible-md {
    display: block !important;
    visibility: visible !important;
  }
  .footerBox p {
	padding-top: 1px;
}
      .navbar-brand {
	height: auto;
}
.navbar-brand, .navbar-nav > li > a {
   font-size: 15px;
   padding-bottom: 3px;
    padding-top: 3px;
	padding-left: 9px !important;
    padding-right: 9px !important;
}
.iconkatalog span, .iconkatalog a {
    word-wrap: break-word;
}
.boxadd {
    padding: 10px 25px;
}
.boxadd h1 {
    font-size: 42px;
    margin-top: 10px;
    margin-bottom: 22px;
}
.list-inline-item {
    margin-bottom: .5rem;
}
.product {
	height: auto;
	min-height: 240px;
}
.thumb-img5 {
    height: 110px;
    margin-bottom: 8px;
}
.thumb-img6 {
    height: 155px;
    margin-bottom: 8px;
}
.btn-custom {
    font-size: 13px;

}
.btn-black {
    margin-right: 5px;
}
.thumb-img2 {
	margin-top: 0px;
	height: auto;
	margin-bottom: 15px;
}
.thumb-img0 {
	height:150px;
}
 .thumb-img11 {
	height:90px;
}
}

	    /*==========  Mobile First Method  ==========*/
 	@media only screen and (min-width : 0px ) and (max-width: 320px) {

    	.dropdown:hover .dropdown-menu{
	    	display:none;
	    }

		.but_posaljiupit{
			background-color: #ee3224;
		    color: #fff !important;
		    float: left;
		    font-size: 13px;
		    font-weight: normal;
		    margin-right: 2px;
		    margin-top: 5px;
		    padding: 15px 12px;
		    position: relative;
		    right: -5px;
		    margin-bottom: 5px;
		    text-decoration: none;
		    top: 0;
		}


    }

    /* Custom, iPhone Retina */
    @media only screen and (min-width : 320px) {

		/*responsive panel*/
		.item1 {
			width: 100%;

		}
		.item1 table{
		   width: 100% !important;
		 }
		.align-text-podaci{
			text-align:left;
			padding-top: 0px;
			padding-bottom: 5px;
		}
		.padding-akcije-small{
			padding: 0px 30px;
		}

		.lozinka-email-tekst{
			text-align:left;
		}

		/* Right */
		.banner_small {
			float: none;
		}

		#fbbox {
			float: none;
		}

		/* Sadrzaj */
		#boxvezanevijesti {
			max-width: unset;
			float: none;
			display: block;
		}

		.sharing {
			display: block;
			float: none;
			margin: 0 auto;
			margin-top: 15px;
		}

		.lozinka-spam-poruka{
			text-align:left;
		}

		.korisnicki-right-stil{
			padding-left:0px;
			text-align: left;
		}

		.alert-danger-stil{
			float:left;
		}

		.kmenu-main-navbar {
			padding-left: 0px;
			padding-right: 0px;
		}


		.vcenter {
			display: inline-block;
			vertical-align: middle;
			float: none;
			padding: 10px;
		}


		.mobile-center{
			text-align: center;
		}


    }

    /* Extra Small Devices, Phones */
    @media only screen and (min-width : 480px) {

    	.gradovi{
    		position:absolute;
    		z-index:1000;

    	}

		.dropdown:hover .dropdown-menu{
	    	display:none;
	    }


		/*responsive panel*/
		.item1 {
			width: 100%;
		}
		.item1 table{
   	 	width: 100% !important;
   	  }
		.align-text-podaci{
			text-align:left;
			padding-top: 0px;
			padding-bottom: 5px;

		}

		.lozinka-email-tekst{
			text-align:left;
		}

		/* Search */
		.tabic {
			float: left;
			width: auto;
		}

		.etabs {
			margin: 0 0 0 10px
		}

		.gradovi_nav .navbar-toggle {
			margin: 0 15px 0 0;
		}

		/* Sadrzaj */
		#boxvezanevijesti {
			max-width: 235px;
			float: left;
			display: block;
		}

		.sharing {
			display: block;
			float: right;
		}

		/* akcije */
		.thumb-imgsadrzajmin {
			height: 250px;
			margin: 0 0 5px;
			overflow: hidden;
			position: relative;

		}
		/* Index kategorije */
		.index_kategorija {
			-webkit-column-count: 2; /* Chrome, Safari, Opera */
			-moz-column-count:2; /* Firefox */
			column-count: 2;
		}

		/* View firma */
		.navigacijaview.affix {
			width: 100%;
		}

		.lozinka-spam-poruka{
			text-align:left;
		}

		.korisnicki-right-stil{
			padding-left:0px;
			text-align: left;
		}

		.alert-danger-stil{
			float:left;
		}

		.kmenu-main-navbar {
			padding-left: 0px;
			padding-right: 0px;
		}

		.mobile-center{
			text-align: center;
		}


    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {


		/*responsive panel*/
		.item1 {
			width: 100%;
		}
		.item1 table{
	    	width: 100% !important;
	     }
		 .boxbijelo2-stil{
 			padding: 15px 20px 15px 20px;
 		}
		.align-text-podaci{
			text-align:left;
			padding-bottom: 5px;
			padding-top: 0px;
		}

		.lozinka-email-tekst{
			text-align:left;
		}

		.padding-akcije-small{
			padding:0px 0px;
		}



		#gradovi_nav .gradovi {
			margin: 0;
		}

		.gradovi a {
			padding: 9px 3px !important;
		}

		/* Search */
		.etabs {
			margin: 0 0 0 10px
		}

		.tabic {
			float: left;
			width: auto;
		}

		.gradovi_nav .navbar-toggle {
			margin: 0 15px 0 0;
		}


		/* Sadrzaj */
		#boxvezanevijesti {
			max-width: 510px;
			float: left;
			display: block;
		}

		.sharing {
			display: block;
			float: right;
		}

		.socialplugin {
			text-align: right;
		}

		.sadrzaj .sadrzaj_podjeli {
			text-align: right;
		}

		/* akcije */
		.thumb-imgsadrzajmin {
			height: 120px;
			margin: 0 0 5px;
			overflow: hidden;
			position: relative;

		}
		/* Index kategorije */
		.index_kategorija {
			-webkit-column-count: 3; /* Chrome, Safari, Opera */
			-moz-column-count: 3; /* Firefox */
			column-count: 3;
		}

		/* View firma */
		.navigacijaview.affix {
			max-width: 750px;
			width: 100%;
		}

		.tvrtka_kategorije {
			display: inline-block;
			-webkit-column-count: 3; /* Chrome, Safari, Opera */
			-moz-column-count: 3; /* Firefox */
			column-count: 3;
		}
		.tvrtka_kategorije li{
			display: inline-block;
		}

		.lozinka-spam-poruka{
			text-align:left;
		}

		.korisnicki-right-stil{
			padding-left:0px;
			text-align: right;

		}

		.alert-danger-stil{
			float:right;
		}

		.kmenu-main-navbar {
			padding-left: 0px;
			padding-right: 0px;
		}


		.kmenu-main-navbar .nav > li {
			float:left;
		}

		.input-field-stil .col-md-9{
			border-left: 0px solid #ccc;
		}


		.mobile-center{
			text-align: center;
		}


    }

/* Medium Devices, Desktops */
	@media (min-width: 768px) and (max-width: 991px) {
		.iconkatalog{
			margin:10px 20px;
			width: 140px;
			min-height: 210px;
		}
		.wrap-fixed {
			width: 74.667em !important;
		}


        .dropdown-menu li:hover .sub-menu {
            visibility: visible;
        }

         .dropdown:hover .dropdown-menu{
            display:block;
        }

		.navigacijaview ul li .linkview{
			font-size:13px!important;
		}
		.goog-te-gadget-simple{
			font-size: 10px!important;
		    padding-bottom: 0px!important;
		    padding-top: 4px!important;
		}
		.but_posaljiupit{
			background-color: #ee3224;
		    color: #fff !important;
		    float: right;
		    font-size: 13px;
		    font-weight: normal;
		    margin-right: 15px;
		    margin-top: -4px;
		    padding: 15px 12px;
		    position: absolute;
		    right: 11px;
		    text-decoration: none;
		    top: 0;
		}
		.gradovi a{
			font-size:12px;
		}

    	#mainNav.navbar-collapse {
        	border-top: 1px solid transparent;
        	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    	}
    	.navbar-toggle .icon-bar {
			background-color: #FFFFFF !important;
		}

	    .dropdown:hover .dropdown-menu{
	    	display:none!important;
	    }


		.navbar .linkoviab .container {
 			max-height:54px!important;
		}


		.thumb-div{
			min-height:300px;
			max-height: 300px;
		}

 		.thumb-div2{
			min-height:240px;
			max-height:240px;
		}


	}

    /* Medium Devices, Desktops */
    @media (min-width: 992px) and (max-width: 1199px) {
		.social-likes_vertical .social-likes__widget {
		    min-width: 100%!important;
		}
		.iconkatalog{
			margin:10px;
			width: 97px;
		}
		.wrap-fixed {
			width: 95.667em;
		}
		.thumb-div{
			min-height:300px;
			max-height: 300px;
		}

		 .thumb-div2{
			min-height:240px;
			max-height:240px;
		}

		/*responsive panel*/
		.item1 {
			width: 50%;
		}
		.item1 table{
	    	width: 100% !important;
	     }
		.align-text-podaci{
			text-align:right;
			padding-top: 10px;
		}

		.lozinka-email-tekst{
			text-align:right;
		}



		#gradovi_nav .gradovi {
	margin-top: 15px !important;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2px;
		}

		.gradovi a {
			padding: 9px 10px !important;
		}



		/* Search */
		.etabs {
			margin: 0 0 0 10px
		}

		.tabic {
			float: left;
			width: auto;
		}

		.gradovi_nav .navbar-toggle {
			margin: 0 15px 0 0;
		}



		#trazilica {
			min-width: 555px;
		}

		/* akcije */
		.thumb-imgsadrzajmin {
			height: 120px;
			margin: 0 0 5px;
			overflow: hidden;
			position: relative;

		}

		/* Index kategorije */
		.index_kategorija {
			-webkit-column-count: 3; /* Chrome, Safari, Opera */
			-moz-column-count: 3; /* Firefox */
			column-count: 3;
		}

		/* View firma */
		.navigacijaview.affix {
			max-width: 970px;
			width:100%;

		}

		.tvrtka_kategorije {
			display: inline-block;
			-webkit-column-count: 3; /* Chrome, Safari, Opera */
			-moz-column-count: 3; /* Firefox */
			column-count: 3;
		}
		.tvrtka_kategorije li{
			display: inline-block;
		}

		.lozinka-spam-poruka{
			text-align:right;
		}

		.korisnicki-right-stil{
			padding-left:0px;
			text-align: right;
		}

		.alert-danger-stil{
			float:right;
		}

		.kmenu-main-navbar {
			padding-left: 15px;
			padding-right: 0px;
		}

		.kmenu-main-navbar .nav > li {
			float:left;
		}

		.input-field-stil .col-md-9{
			border-left: 1px solid #ccc;
		}


		.vcenter {
			display: inline-block;
			vertical-align: middle;
			float: none;
			padding: 10px;
		}

		.mobile-center{
			text-align: left;
		}

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    	.but_posaljiupit {
		    background-color: #ee3224;
		    color: #fff !important;
		    float: right;
		    font-size: 18px;
		    font-weight: normal;
		    margin-right: 20px;
		    margin-top: -5px;
		    padding: 17px 20px;
		    position: absolute;
		    right: 20px;
		    text-decoration: none;
		    top: -6px;
		}
		 .dropdown:hover .dropdown-menu{
	    	display:block;
	    }
	    #bs-example-navbar-collapse-2{
			top:0px!important;
			position:relative;
			padding: 0;
		}
		#mainNav.navbar-toggle{
			display:none!important;

		}

		.thumb-div{
			min-height:300px;
			max-height: 300px;
		}

		.thumb-div2 {
			min-height:240px;
			max-height:240px;

		}
		.thumb-img0{
			height:150px;
		}
		 .thumb-img11 {
			height:90px;
		}
		/*responsive panel*/
		.item1 {
			width: 50%;
			height: auto;
		}
		.item1 table{
	    	width: 100% !important;
	     }
		.align-text-podaci{
			text-align:right;
			padding-top: 10px;
		}

		.lozinka-email-tekst{
			text-align:right;
		}


		#gradovi_nav .gradovi {
			margin: 0 0 0 2px;
		}

		.gradovi a {
			padding: 9px 12px !important;
		}

		/* Search */
		.etabs {
			margin: 0 0 0 10px
		}

		.tabic {
			float: left;
			width: auto;
		}



		#trazilica {
			min-width: 555px;
		}

		.gradovi_nav .navbar-toggle {
			margin: 0 15px 0 0;
		}


		/* akcije slider */
		#akcije1 .main-container {

			height: auto !important;
		}

		/* akcije */
		.thumb-sadrzaj-min {
			height: 150px;
			margin: 0 0 5px;
			overflow: hidden;
			position: relative;

		}


		/* Index kategorije */
		.index_kategorija {
			-webkit-column-count: 3; /* Chrome, Safari, Opera */
			-moz-column-count: 3; /* Firefox */
			column-count: 3;
		}

		/* View firma */
		.navigacijaview.affix {
			max-width: 1170px;
			width: 100%;
		}

		.tvrtka_kategorije {
			display: inline-block;
			-webkit-column-count: 3; /* Chrome, Safari, Opera */
			-moz-column-count: 3; /* Firefox */
			column-count: 3;
		}

		.tvrtka_kategorije li{
			display: block;
		}

		.lozinka-spam-poruka{
			text-align:right;
		}


		.korisnicki-right-stil{
			padding-left:0px;
			text-align: right;

		}

		.alert-danger-stil{
			float:right;
		}

		.kmenu-main-navbar {
			padding-left: 0px;
			padding-right: 0px;
		}

		.kmenu-main-navbar .nav > li {
			float:left;
		}

		.input-field-stil .col-md-9{
			border-left: 1px solid #ccc;
		}

		.vcenter {
			display: inline-block;
			vertical-align: middle;
			float: none;
			padding: 10px;
		}

		.mobile-center{
			text-align: left;
		}




    }

    /*Change icons circle size and color here*/
    .social-icons .fafo {
    	width: 35px;
    	height: 35px;
		/* padding: 8px; */
    	line-height: 35px;
    	text-align: center;
    	color: #FFF;
    	color: rgba(255, 255, 255, 0.8);
    	-webkit-transition: all 0.3s ease-in-out;
    	-moz-transition: all 0.3s ease-in-out;
    	-ms-transition: all 0.3s ease-in-out;
    	-o-transition: all 0.3s ease-in-out;
    	transition: all 0.3s ease-in-out;
    }

    .social-icons.icon-circle .fafo{
    	border-radius: 50%;
    }

    .social-icons .fa-facebook-f,.social-icons .fa-facebook-square{background-color:#fff;
	color: #19394E;}
	.social-icons .fa-facebook-f:hover,.social-icons .fa-facebook-square:hover{background-color:#3C599F;
	color: #fff;}
    .social-icons .fa-instagram{background-color:#fff;
	color: #19394E;
	}
	.social-icons .fa-instagram:hover{background-color:#A1755C;
	color: #fff;}
    .social-icons .fa-linkedin:hover,.social-icons .fa-linkedin-square:hover{background-color:#0085AE;
	color: #fff;}
	.social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#fff;
	color: #19394E;}
    .social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#fff;
	color: #19394E;}
	.social-icons .fa-twitter:hover,.social-icons .fa-twitter-square:hover{background-color:#32CCFE;
	color: #fff;}
    .social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#fff;
	color: #19394E;}
	.social-icons .fa-youtube:hover,.social-icons .fa-youtube-play:hover,.social-icons .fa-youtube-square:hover{background-color:#C52F30;
	color: #fff;}
    .social-icons .fa-rss{background-color:#ff6600;}

    .main-content img {
        /* width: 100% !important; */
        height: auto;
    }
.boxitem {
	width: 100% !important;
	height: auto;
}

	/*Z*/
	#mikle-feed {
		max-height: 435px;
		overflow: hidden;
	}

	.thumb-img21 {
		width:100%;
		height:210px;
		padding:0px;
		overflow: hidden;
		margin-right: 0px;
		margin-bottom: 0px;
		display: inline-block;
		clear:both;
	}

     .grid {
         margin: 0 auto;
         overflow: hidden;
         height: 100px;
         position: relative;
         transition: height 0.5s;
     }

     .loader {
         width: 250px;
         height: 50px;
         line-height: 50px;
         text-align: center;
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         font-family: helvetica, arial, sans-serif;
         text-transform: uppercase;
         font-weight: 900;
         color: #0BACD5;
         letter-spacing: 0.2em;
     }

     .loader::before,
     .loader::after {
         content: "";
         display: block;
         width: 15px;
         height: 15px;
         background: #0BACD5;
         position: absolute;
         animation: load .7s infinite alternate ease-in-out;
     }

     .loader::before {
         top: 0;
     }

     .loader::after {
         bottom: 0;
     }

     @keyframes load {
         0% {
             left: 0;
             height: 30px;
             width: 15px
         }

         50% {
             height: 8px;
             width: 40px
         }

         100% {
             left: 235px;
             height: 30px;
             width: 15px
         }
     }

     .loader-cont {
         background-color: #fff;
         width: 100%;
         height: 100%;
         position: absolute;
         top: 0;
         left: 0;
         z-index: -1;
         opacity: 0;
         display: flex;
         justify-content: center;
         align-items: center;
         transition: opacity 0.5s;
     }

     .show-loader {
         opacity: 1;
         z-index: 999;
     }

    

     


