/* Add here all your CSS customizations */

input {color:#333;}

a {color:#000}
a:hover {color:#000}
a:active {color:#000}
a:focus {color:#000}

focus {outline:none}
 
.nav > li > a:hover, .nav > li > a:focus {background:transparent;}

.clear {clear: both;height:0.1px}
.clear10 {clear: both;height:10px}
.clear20 {clear: both;height:20px}
.clear30 {clear: both;height:30px}
.clear40 {clear: both;height:40px}
.clear45 {clear: both;height:45px}
.clear50 {clear: both;height:50px}
.clear60 {clear: both;height:60px}
.clear70 {clear: both;height:70px}
.clear220 {clear: both;height:220px}

.paddingleft80 {padding-left: 80px;}
.paddingright80 {padding-right: 80px;}

.marginleft0 {margin-left:0}
.marginleft5 {margin-left:5px}
.marginleft10 {margin-left:10px}
.marginleft15 {margin-left:15px}
.marginleft20 {margin-left:20px}
.marginleft70 {margin-left:70px}
.marginleft220 {margin-left:220px}
.marginright0 {margin-right:0}
.marginright5 {margin-right:5px}
.marginright10 {margin-right:10px}
.marginright20 {margin-right:20px}
.marginright30 {margin-right:30px}
.marginright40 {margin-right:40px}
.marginright90 {margin-right:90px}
.margintop0 {margin-top:0}
.margintop5 {margin-top:5px}
.margintop8 {margin-top:8px}
.margintop10 {margin-top:10px}
.margintop17 {margin-top:17px}
.margintop20 {margin-top:20px}
.margintop30 {margin-top:30px}
.marginbottom0 {margin-bottom:0}
.marginbottom5 {margin-bottom:5px}
.marginbottom10 {margin-bottom:10px}
.marginbottom20 {margin-bottom:20px}
.marginbottom30 {margin-bottom:30px}

.margin5po {margin:5%;}

.margin3px {margin:3px;}

.padding10 {padding:10px}

.margin0auto {margin:0 auto;}

.mar-do-10 {margin-bottom:10px;}
.mar-top-bot-20 {margin:20px 0;}

.width100po {width:100%}
.width90po {width:90%}
.width80po {width:80%}
.width50po {width:50%}

.width30px {width:30px;}
.width100px {width:100px;}
.width120px {width:120px;}
.width160px {width:160px;}
.width320px {width:320px;}

.height32 {height:32px;}
.height34 {height:34px;}

.justify {text-align:justify;}

.img-thumbnail {border-radius:0;}
a.thumb-info img {border-radius:0;}
a.thumb-info span.thumb-info-title {bottom:20px;}
.thumb-info-inner {font-size: 14px; font-weight: 300; left: 0; letter-spacing: 0px;}
.feature-box .feature-box-icon {	background-color: #fd0008;}
.feature-box.secundary .feature-box-icon i.fa {	color: #fd0008;}
a.thumb-info span.thumb-info-type {	background-color: #fd0008;}
a.thumb-info span.thumb-info-action-icon {	background-color: #fd0008;}
.thumb-info-social-icons a {	background-color: #fd0008;}
.thumbnail .zoom {	background-color: #fd0008;}
.img-thumbnail .zoom {	background-color: #fd0008;}

.pozadina-o-meni {background: url("http://sos-narukvica.com/slike/pozadina-o-meni.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
  background-size: cover;  padding: 40px;}

.pozadina-novosti {background: url("http://sos-narukvica.com/slike/pozadina-novosti.png") no-repeat scroll center top rgba(0, 0, 0, 0);background-size: cover;padding:70px 0}


.itemdiary {width: 23%;}
.slikadiary {width:100% !important; height:auto !important; min-height:auto !important; margin-bottom:20px; border:1px solid #ddd;  padding: 2px;}
.gutter-sizer {width: 2%;}

.btn-warning {background-color:#eb9134; border-color:#fcb266}
.btn-success {background-color:#6bd65c; border-color:#87e57a}
.btn-upit {background-color:#0077c3; border-color:#20c1f6; color:#fff;}
.btn-upit:hover, .btn-upit:focus, .btn-upit:active {background-color:#0057A3; color:#fff;}


.btn-forma { background-color: hsl(211, 66%, 30%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e9bde", endColorstr="#1a4a7e"); background-image: -khtml-gradient(linear, left top, left bottom, from(#5e9bde), to(#1a4a7e)); background-image: -moz-linear-gradient(top, #5e9bde, #1a4a7e); background-image: -ms-linear-gradient(top, #5e9bde, #1a4a7e); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e9bde), color-stop(100%, #1a4a7e)); background-image: -webkit-linear-gradient(top, #5e9bde, #1a4a7e); background-image: -o-linear-gradient(top, #5e9bde, #1a4a7e); background-image: linear-gradient(#5e9bde, #1a4a7e); border-color: #1a4a7e #1a4a7e hsl(211, 66%, 22%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.52); -webkit-font-smoothing: antialiased; }
.btn-forma:hover, .btn-forma:focus, .btn-forma:active {background-color: hsl(211, 66%, 18%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b7cd3", endColorstr="#0f2c4c"); background-image: -khtml-gradient(linear, left top, left bottom, from(#2b7cd3), to(#0f2c4c)); background-image: -moz-linear-gradient(top, #2b7cd3, #0f2c4c); background-image: -ms-linear-gradient(top, #2b7cd3, #0f2c4c); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b7cd3), color-stop(100%, #0f2c4c)); background-image: -webkit-linear-gradient(top, #2b7cd3, #0f2c4c); background-image: -o-linear-gradient(top, #2b7cd3, #0f2c4c); background-image: linear-gradient(#2b7cd3, #0f2c4c); border-color: #0f2c4c #0f2c4c hsl(211, 66%, 10%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.52); -webkit-font-smoothing: antialiased; }

.btn-plusminus { background-color: hsl(193, 74%, 67%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37cafb", endColorstr="#19bcf2"); background-image: -khtml-gradient(linear, left top, left bottom, from(#37cafb), to(#19bcf2)); background-image: -moz-linear-gradient(top, #a1dff1, #19bcf2); background-image: -ms-linear-gradient(top, #37cafb, #19bcf2); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37cafb), color-stop(100%, #19bcf2)); background-image: -webkit-linear-gradient(top, #37cafb, #19bcf2); background-image: -o-linear-gradient(top, #37cafb, #19bcf2); background-image: linear-gradient(#37cafb, #19bcf2); border-color: #56d5fe #56d5fe hsl(193, 74%, 64%); color: #fff !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.19); -webkit-font-smoothing: antialiased; }
.btn-plusminus:hover { background-color: hsl(190, 100%, 52%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ddeff", endColorstr="#0ad6ff"); background-image: -khtml-gradient(linear, left top, left bottom, from(#3ddeff), to(#0ad6ff)); background-image: -moz-linear-gradient(top, #3ddeff, #0ad6ff); background-image: -ms-linear-gradient(top, #3ddeff, #0ad6ff); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3ddeff), color-stop(100%, #0ad6ff)); background-image: -webkit-linear-gradient(top, #3ddeff, #0ad6ff); background-image: -o-linear-gradient(top, #3ddeff, #0ad6ff); background-image: linear-gradient(#3ddeff, #0ad6ff); border-color: #0ad6ff #0ad6ff hsl(190, 100%, 49.5%); color: #fff !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.16); -webkit-font-smoothing: antialiased; }

.btn-bdetaljno {font-size:12px; background: #ffffff ;color: #000000 !important; padding: 10px 20px;width: 100% !important;text-align: center;  border: 1px solid #000000;}
.btn-bdetaljno:hover, .btn-bdetaljno:focus, .btn-bdetaljno:active {color: #aa0906 !important;}

.btn-bdetaljno-upit {font-size:12px; background: #ffffff ;color: #000000 !important; padding: 10px 20px;text-align: center;  border: 1px solid #000000;}
.btn-bdetaljno-upit:hover, .btn-bdetaljno-upit:focus, .btn-bdetaljno-upit:active {color: #aa0906 !important;}

.btn:focus, .btn:active:focus, .btn.active:focus {outline:none}

.prikazi-gumb {display:inline}
.sakrij-gumb {display:none}

.font-1-3-em {font-size:1.3em !important;}
.font12 {font-size:12px}

.h2-ind {font-size:2em; margin-bottom:20px;font-family:Playfair Display;color:#aa0906;  line-height: 29px;}

.italic {font-style:italic;}

.caps {text-transform:uppercase;}

.nobg {background:none;}

.slika100 {max-width:100%;height:auto;}
.img-rounded {border-radius:4px;}



/*paginacija*/
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {  border-bottom-left-radius: 0;  border-top-left-radius: 0;}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {  border-bottom-right-radius: 0;  border-top-right-radius: 0;}
.btn-primary, .pagination > .active > a {background-color: #aa0906;}
.btn-primary:hover, .pagination > .active > a:hover {  border-color: #c20f0b;  background-color: #c20f0b;}
.pagination-lg>li>a, .pagination-lg>li>span {  padding: 6px 12px;  font-size: 14px;}



.btn-primary:active, .pagination > .active > a:active, .btn-primary:focus, .pagination > .active > a:focus {  border-color: #aa0906;background-color: #aa0906;}
.btn-lg, .btn-group-lg>.btn {  border-radius: 4px}


.whitetext {color:#fff !important;}
.darkbluetext {color:#002454;}
.orangetext {color:#eb9134;}

.padupdo40 {padding:40px 0; background:#fff;}

.cartrxsl {float:right}

.slika-box {float:left; border:4px solid #9AE7F7;border-radius:50%;max-width:100%;height:auto;}

.slika-box-d {float:right}


.box-in {font-size:11px;color:#09dcf5;line-height:20px;width:45%; margin:0 0 0 5%;float:left; font-family:tahoma;}
.box-in h3 {font-size:14px;color:#fff;font-style:italic;text-transform:none; margin:35px 0 10px 0; height:38px; width: 90%; overflow:hidden;font-family:Merriweather;line-height:18px;}

.ullista ul {display: inline-block;}

.box-down {color:#272727 ;font-family:Playfair Display;font-style:italic;line-height:32px; width:100%;float:left;background:url(http://sos-narukvica.com/slike/opacity-bijela.png) repeat; padding:70px 60px;font-size:17px; text-align:center; }
.box-down h2 {font-family:Playfair Display;font-size:40px;text-align:center;color:#000000;background: url(http://sos-narukvica.com/slike/naslov_bg.png) center 0 no-repeat;margin:0 0 30px 0;line-height:28px}
.box-down h2 a:link, .box-down h2 a:visited, .box-down h2 a:active, .box-down h2 a:hover {color:#000000; text-decoration:none}
.ul-box {float:left;margin:0 0 0 10px}
.ul-box i {opacity:0.5}
.box-down ul {padding:0;float:left;list-style-type:none;font-size:13px;}
.box-down a:link, .box-down a:visited, .box-down a:active, .box-down a:hover {color:#fff}

.foot-slider-img {border-radius:50%;border:3px solid #001f47;}

.najprodavaniji-h2 {font-family:open sans; font-weight:300; font-size:22px;font-style:italic;text-align:center;margin:0;background: url(http://sos-narukvica.com/slike/footer_naslov_bg.png) center 0 no-repeat}
.najprodavaniji-slider {background: url("http://sos-narukvica.com/slike/footer_slider_bg.png") bottom center no-repeat}
.owl-theme .owl-controls {margin:0 0}
footer .push-bottom {margin:0}
/* footer ul {margin:0; padding:0;list-style-image:url(http://sos-narukvica.com/slike/footer-list-img.png);} */
footer ul {margin:0; padding:0;list-style-type:none;}
footer ul li {
    color: #b9b9b9;
    font-weight: 100;
    padding: 1px 0 3px;}
footer ul li a:link, footer ul li a:visited, footer ul li a:active, footer ul li a:hover {color:#b9b9b9 !important}

.foot-kontakt-h2 {font-style:normal;font-size:17px;font-family:Playfair Display;margin:0;padding:0; background:transparent;letter-spacing: 1px; line-height: 20px;}

.telefon {color:#cfd1d7;font-size:25px;font-weight:bold}
.footer-copyright nav ul li a:link, .footer-copyright nav ul li a:visited, .footer-copyright nav ul li a:active, .footer-copyright nav ul li a:hover {color:#2b71a7}

footer p {color:#b9b9b9; line-height:24 px;font-weight: 100;}
footer {
	background: #585858;
	font-size: 0.9em;
	margin-top: 0;
	padding: 40px 0 0;
	position: relative;
	clear: both;
    color:#fff;
    border-top: none;
}

div.footer-copyright {
	background: #585858;
	margin-top: 0;
	padding: 15px 0 0 0;
    color:#fff;
    font-size:14px;
    border-top: 1px solid #7d7d7d;font-weight:100;
}

div.footer-copyright nav {
	float: right;
}

div.footer-copyright nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.footer-copyright nav ul li {
	border-left: 1px solid #2b71a7;
	display: inline-block;
	line-height: 12px;
	margin: 0;
	padding: 0 8px;
}

div.footer-copyright nav ul li:first-child {
	border: medium none;
	padding-left: 0;
}

div.footer-copyright p {
        color:#ffffff;
	margin: 0;
	padding: 0;
}

header {
	background: #cc0000;
	border-top: none;
	padding: 0 0 10px 0;
}


header h1.logo  img {
  position: relative;
  top: -50px !important;
}
header h1.logo a {
	z-index: 2;
}

header h1.logo img {
	color: transparent;
	margin-bottom: -62px;
	z-index: 2;
}

header h1.logo-sticky-active img {top:2px !important;}


body.sticky-menu-active header.center h1.logo img {
  margin-top: 97px;
}

body.sticky-menu-active header.center h1.logo {
  text-align: center;
}


div.home-intro {
	background: #01B2E8 url(http://sos-narukvica.com/slike/bg_intro.jpg) center 0 no-repeat;
	margin-bottom: 0;
	overflow: hidden;
	padding: 20px 0 10px 0;
	position: relative;
	text-align: left;
}

div.slider-container {background:transparent;}
div.slider-container div.naslov01 {color:#000;font-size:30px; font-style:italic;font-weight: 400; }
div.slider-container div.naslov02 {color:#cc0000;font-size: 28px !important;text-transform: uppercase;font-style: normal;font-weight: normal;letter-spacing: 0.03em;font-weight: 400;}
div.slider-container div.naslov03 {color:#000;font-size: 28px !important;font-weight: 400;letter-spacing: 0.02em;  font-style:normal;}

ul.smallernovosti {list-style:none;margin-bottom: 0;padding-left: 0; font-size:14px;}
ul.smallernovosti li {border-bottom: 1px dotted #c2c2c2;display: block;line-height: 20px;white-space: nowrap;}
ul.smallernovosti li a {display: block;padding: 8px 17px;text-decoration: none;}
ul.smallernovosti li a:hover {display: block;text-decoration: none;padding: 8px 17px;}

.smaller-crtica {background-image: none;background-color: #ddd;margin: 18px auto;width: 90%;}
hr {border: 0;height: 1px;} 
.krug {width: 5px;height: 5px;background: #ddd;display: block;margin: -21px auto 0;}

.smaller-ikona {  margin: 0 6px 0 0;  color: #aa0906;}

.pos-center-lijevo {float:left}
.wire {padding:30px 15px 30px 0}
.wire2 {padding:30px 0 30px 15px}

.box-down2 h3 {font-size:35px;text-align:center;color:#fff;margin:0 0 30px 0;line-height:28px;text-transform: none;text-transform:uppercase;font-weight: 500;   letter-spacing: -1px;}
.box-down2 h3 a:link, .box-down2 h3 a:visited, .box-down2 h3 a:active, .box-down2 h3 a:hover {color:#fff; text-decoration:none}

.wire h4 {font-size: 1.6em; margin-bottom: 15px; font-family: "Playfair Display",serif; font-style:italic;letter-spacing: 0; line-height:24px}
.wire2 h4 {font-size: 1.6em; margin-bottom: 15px; font-family: "Playfair Display",serif; font-style:italic;letter-spacing: 0; line-height:24px}
.pocetnatekstwire {color: #5a5959;font-size: 14px;font-style: italic; line-height:24px}
.slika01-wire {float:right; margin-left:30px}
.slika02-wire {float:left; margin-right:30px}
.tekst01-wire {text-align:right}
.tekst02-wire {text-align:left}

.slika-rub {border: 1px solid #ddd;  padding: 2px;}

.owl-pocetna {}
.owl-pocetna .owl-wrapper-outer {}
.kontakt-foot-data {margin-left:40px;}
.main-label {/*margin-left:-100px !important;*/}

.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #efeeee;
    border: 1px solid #002454;
    border-radius: 50%;
    display: block;
    height: 10px;
    margin: 4px;
    width: 10px; 
    opacity: 0.3; 
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {opacity:0.7}

.mega-menu-content {border-radius: 0px 0px 6px 6px;}


/*KONTAKT forma*/

.kontakt-poc02 {background-color: #eeeeee;   background-image: none; border: medium none;   border-radius: 4px;box-shadow: none;   color: #000000;    display: block;   float: right;    font-size: 15px;    font-style: italic;    height: 50px;    line-height: 1.42857;     padding: 7px 30px; }
textarea.kontakt-poc02 {float:left; padding: 17px 30px;}
.kontakt-poc02::-moz-placeholder{color:#000;opacity:1}.kontakt-poc02:-ms-input-placeholder{color:#000}.kontakt-poc02::-webkit-input-placeholder{color:#000}


.gumb-centar-lijevo {text-align:center}
.naslov-centar-lijevo {color: #000000;    font-family: Playfair Display;    font-size: 40px;   font-style: italic;    font-weight: 300;    letter-spacing: -1px;    line-height: 28px;    margin: 0 0 30px;    text-align: center;   text-transform: none;}

header.flat-menu nav ul.nav-main li > a {color: #fff;}
header nav ul.nav-main li a { text-transform: none;  font-size: 18px;}

header nav ul.nav-main li.dropdown:hover > a {margin-bottom:-2px}
header.flat-menu ul.nav-main {margin: -9px 0 -10px;}
header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title {color:#fff;}
header.flat-menu nav ul.nav-main li.active {background-color:#aa0906}
header.flat-menu nav ul.nav-main li > a:hover, header.flat-menu nav ul.nav-main li.dropdown:hover a {background-color:#aa0906 !important}
header.flat-menu nav ul.nav-main li.dropdown:hover > a {padding-bottom: 25px;}
header.flat-menu nav ul.nav-main ul.dropdown-menu {  margin: 0}

body.sticky-menu-active header.flat-menu nav ul.nav-main {}
header.flat-menu nav ul.nav-main li a {  padding: 20px 15px 25px;letter-spacing: 0.02em;text-transform: uppercase;}
body.sticky-menu-active header.clean-top ul.nav-main > li > a, body.sticky-menu-active header.clean-top ul.nav-main > li:hover > a {padding-bottom: 25px !important;}
header nav ul.nav-main li a {font-weight:400;}
header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.1);
box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.1);
}

.bigtar {cursor:pointer;}
.bigtar2 {cursor:pointer; padding-top:10px; background:#efefef; transition: ease 1s;}
.bigtar2:hover {background:#dfdfdf;}
.detaljnija-h2 {color: #fff;font-size: 2em !important;margin:0 0 10px 0; font-weight: 400;text-align:left; text-decoration:none !important;}
.detaljnija-h2 a:link, h2.detaljnija-h2 a:visited {color: #fff;}
.detaljnija-h2 a:active, h2.detaljnija-h2 a:hover {color: #78E0EF;}
.nomargin {margin:0 !important;}

section.page-top {
    background: #01ade6 url(http://sos-narukvica.com/slike/header-bg.jpg) 0 0 no-repeat;
    border-bottom: 0;
    border-top: 0;
    margin-bottom: 0;
    min-height: 300px;
    padding: 20px 0;
    position: relative;
    text-align: left;}
.header-sve {font:italic 48px/60px Merriweather; float:left; color:#fff;}
.header-kupaonica {font:italic bold 66px/51px Merriweather; float:left; color:#fff;}


#content {background:#ffffff;}
.whitecontent {background:#fff;padding: 30px 50px;color:#282828; float:left;}

.detaljnija-h1 {color: #000; font-size: 2.4em !important;margin:0 0 20px 0; font-weight: 400;text-align: left;text-decoration: none !important;}
h1.detaljnija-h1 a:link, h1.detaljnija-h1 a:visited {color: #000;}
h1.detaljnija-h1 a:active, h1.detaljnija-h1 a:hover {color: #aaa;}
.novostipopis {height:380px; max-height:380px; overflow:hidden; cursor:pointer;}
.novostipopis h2 {margin:15px 0 10px 0; padding:0; color:#000; font:italic 18px/23px Merriweather; font-weight:400;}
.novostipopis p {margin:0; padding:0; font-size:13px; line-height:22px; color:#222;}
.thumbnail {

  background:#f5f5f5;
  border: 1px solid #eeeeee  !important;
  padding:10px;border-radius:0
}
.thumbnail:hover {  background:#ffffff; background:rgba(255,255,255,0.3) !important;}		

.dobavljacipopis {height:230px; max-height:230px; overflow:hidden; cursor:pointer;}
.dobavljacipopis h2 {margin:15px 0 10px 0; padding:0; font-size:18px; line-height:20px; color:#002454; font:italic 18px/20px Merriweather; font-weight:400; height:2.2em; overflow:hidden;}
.dobavljacipopis p {margin:0; padding:0; font-size:13px; line-height:22px; color:#fff;}

.ostale-header {  background: url('http://sos-narukvica.com/slike/pozadina-ostale.jpg') center center no-repeat;  background-size: cover;  height: 300px;}
.ostale-header .oko {display: table-cell;vertical-align: bottom;text-align: left;}
.ostale-header .container {  height: 100%;  display: table;}
.ostale-header h1 {margin:10px 0 10px 0; font-weight:300; font-size: 40px; line-height: 50px; color:#000; font-style:italic; font-family:Playfair Display;}
.ostale-header h3 {margin:10px 0 10px 0; font-weight:300; font-size: 40px; line-height: 50px; color:#000; font-style:italic; font-family:Playfair Display;}
.ostale-header .breadcrumb-novi {overflow:hidden; height:26px;}

.proizvod-h2 {margin:10px 0 10px 0; font-weight:300; font-size: 30px; line-height: 40px; color:#fff;}

.ostale-header-02 {  background: url('http://sos-narukvica.com/slike/pozadina-ostale-02.jpg') center center no-repeat;  background-size: cover;  height: 300px;}
.ostale-header-02 .oko {display: table-cell;vertical-align: bottom;text-align: left;}
.ostale-header-02 .container {  height: 100%;  display: table;}
.ostale-header-02 h1 {margin:10px 0 10px 0; font-weight:300; font-size: 40px; line-height: 50px; color:#000; font-style:italic; font-family:Playfair Display;}
.ostale-header-02 h3 {margin:10px 0 10px 0; font-weight:300; font-size: 40px; line-height: 50px; color:#000; font-style:italic; font-family:Playfair Display;}
.ostale-header-02 .breadcrumb-novi {overflow:hidden; height:26px;}

.breadcrumb-novi {color:#000; background:none; list-style:none;padding-left: 0;font-size: 11px; font-family:arial; margin:10px 0 0 0;}
ul.breadcrumb-novi li {display:inline; color:#000;}

a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #fff; text-decoration: none;}
a.bijeli:hover {color: #78E0EF; text-decoration: none;}
a.crni:link, a.crnii:visited, a.crni:active {color: #000000; text-decoration: none;}
a.crni:hover {color: #000000; text-decoration: none;}
a.sivi:link, a.sivi:visited, a.sivi:active {color: #6c6c6b; text-decoration: none;}
a.sivi:hover {color: #6c6c6b; text-decoration: none;}
a.crveni:link, a.crveni:visited, a.crveni:active {color: #aa0906; text-decoration: none;}
a.crveni:hover {color: #000000; text-decoration: none;}

a.crvenosivi:link, a.crvenosivi:visited, a.crvenosivi:active {color: #555555; text-decoration: none;}
a.crvenosivi:hover {color: #aa0906; text-decoration: none;}

a.darkblue:link, a.darkblue:visited, a.darkblue:active {color: #002454; text-decoration: none;}
a.darkblue:hover {color: #305484; text-decoration: none;}
a.logacc:link, a.logacc:visited, a.logacc:active {color: #8eb4e5; text-decoration: none; font-family:tahoma; font-size:11px;}
a.logacc:hover {color: #AED4FF; text-decoration: none;}	
a.logacc img {    margin-right: 2px;    margin-top: 5px;}



.head-tel, .head-email {    color: #000;    float: left;    font-size: 16px;        margin-top: 5px;    text-align: left;}
.head-social {    color: #000;    float: right;    font-size: 16px;        margin-top: 5px;    text-align: left;}
.head-tel a, .head-email a, .head-social a {    color: #cc0000;}
header div.header-top i {color:#cc0000}

.foot-social { color: #6c6c6b;    float: right;    font-size: 16px;    margin-left: 50px;    margin-top: 0;    text-align: right;}

div.slider-container {min-height:100px;}
.entry a {color:#cc0000}

.entry-detaljnije {text-align:justify; color:#222;margin-bottom:40px}
.entry-detaljnije p {/*text-indent: 2%;*/}
.entry-detaljnije img {  display: block;max-width: 100%;height: auto !important;}
.entry-detaljnije-slika {margin-right: 20px;margin-bottom: 20px;float: left;}

.entry-tag {color:#222;margin-bottom:40px}
.entry-tag p {/*text-indent: 2%;*/}
.entry-tag img {  display: block;max-width: 100%;height: auto !important;}

.entry-link-shop {border-radius:4px; background:#ffffff; background:rgba(255,255,255,0.3); padding:10px; border: 1px solid rgba(255,255,255,0.4); text-align:left;}

.entry-detaljnije table {border: 1px solid #fff;}
.entry-detaljnije tr:nth-child(odd) {background-color:rgba(255,255,255,0.2);}
.entry-detaljnije tr:hover {background-color:rgba(255,255,255,0.4);}
.entry-detaljnije th {padding:4px 8px;}
.entry-detaljnije td {padding:4px 8px;}


.entry-ind {text-align:justify; color:#fff; padding-bottom:30px;}

.smaller {border-radius:4px; background:#ffffff; background:rgba(255,255,255,0.3); padding:20px 0; border: none;}
.smaller-in {background:#ffffff; padding:0; border-radius:4px;}

.smaller p, .smaller ul.nav_categories li {font-size:12px}
.smaller ul.nav_categories li {line-height:30px}
.smaller ul.nav_categories {list-style: none outside none;margin-bottom: 0;padding-left: 0;}
.smaller h4.smallerh4 {background:#0077b3; color:#FFFFFF; margin:0 0 10px; padding:4px 15px; font-size:1.3em;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.smaller h4.marginbottom2 {margin-bottom:2px}
.smaller h4.smallerh4 a:link, .smaller h4.smallerh4 a:visited, .smaller h4.smallerh4 a:active, .smaller h4.smallerh4 a:hover {color:#FFFFFF; display:block;}

.smaller-inside-cat {padding:0}
.smaller ul.nav_categories li:first-child {border-top: 0 none}
.smaller ul.nav_categories li {border-top: 1px solid #DDDDDD;display: block;}
.smaller ul.nav_categories li a {display: block;padding: 0 5px;}
.smaller ul.nav_categories li a:hover {background: none repeat scroll 0 0 #DDDDDD;display: block;padding: 0 5px;text-decoration: none;}

#izbornik-kosarica .link-izbornik {//height: 46px; line-height: 20px; overflow: hidden; background-color:#fff !important; color:#ddd; border-radius: 4px; color: #777777;padding: 3px 8px;}
#izbornik-kosarica .link-izbornik:hover {background-color:#f4f4f4 !important;}
#izbornik-kosarica .btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0) !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1.42857 !important;
    margin-bottom: 0 !important;
    padding: 6px 12px !important;
    text-align: center !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}
#izbornik-kosarica .btn-success {
    background-color: #5CB85C !important;
    border-color: #4CAE4C !important;
    color: #FFFFFF !important;
}
#izbornik-kosarica .btn-success:hover, #izbornik-kosarica  .btn-success:focus, #izbornik-kosarica  .btn-success:active, #izbornik-kosarica  .btn-success.active {
    background-color: #47A447;
    border-color: #398439;
    color: #FFFFFF;
}

.cartbg {
  background:#ffffff;
  border: 1px solid rgba(255,255,255,0.6) !important;
  border-radius:4px;
  padding-top:15px;
  padding-bottom:15px;
}
.table {color:#555;}
ul.payment-steps {float:left; width:100%; margin-top:0; margin-bottom:30px; padding:0; list-style-type:none; background:#5BA2EE; border-bottom:1px solid #023373; color:#ffffff;font-size:12px;}
ul.payment-steps li {float:left; width:20%; text-align:center; padding:10px 0; background:#023373; display:block; list-style:none outside none; position:relative;}
ul.payment-steps li.active {background:#023E8C; font-weight:bold;}
ul.payment-steps li.active:after {background:#023E8C; border:solid #023E8C; border-width:0 0 1px 1px;  bottom:-5px; content:' '; display:block; width:10px; height:10px; position:absolute; left:48%; z-index:2;
 -webkit-transform: rotate(-45deg);
 -webkit-transform-origin: 50% 50%;
 -moz-transform: rotate(-45deg);
 -moz-transform-origin: 50% 50%;
 -ms-transform: rotate(-45deg); /* IE 9 */
 -ms-transform-origin:50% 50%; /* IE 9 */
 -o-transform: rotate(-45deg);
 -o-transform-origin: 50% 50%;
 transform: rotate(-45deg);
 transform-origin: 50% 50%
}

.input-mini {width: 60px;margin-top:2px; float:left; height:26px;}
.input-promocode {margin-top:2px; float:left; height:26px;}
.pay-steps {}

.control-group {
    margin-bottom: 9px;
    margin-left: 0px;
}

.control-group input {
    width:80%
}

.control-group select {
    width:80%;
    height:32px;
    padding:3px 10px;
    color: #333;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    outline: medium none;
}

.control-group input[type="text"], .control-group input[type="email"] {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #333;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.control-group input[type="text"]:focus, .control-group input[type="email"]:focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.control-group input[type="text"]::-moz-placeholder,  .control-group input[type="email"]::-moz-placeholder {
    color: #999999;
    opacity: 1;
}


legend + .control-group {
}
.control-group.error input, .control-group.error select, .control-group.error textarea {
    border-color: #CC0000;
    color: #CC0000;
}
.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
    border-color: #953B39;
    box-shadow: 0 0 6px #D59392;
}
.control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline, .well.error .help-block, .well.error .help-inline {
    color: #CC0000;
}
.help-block, .help-inline {
    color: #555555;
}
.help-block {
    display: block;
    margin: 0 0 10px;
}
.help-inline {
    display: inline-block;
    margin: 0 0 8px;
    padding-left: 5px;
    vertical-align: middle;
}
.well {
    background-color: #E9F3FA;
    border-radius: 4px;
    clear: both;
    display: block;
    margin-bottom: 30px;
    min-height: 20px;
    padding: 10px;
}
.alert {
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    border-radius: 4px;
    color: #C09853;
    margin-bottom: 18px;
    padding: 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}
.alert-danger, .alert-error {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}
.alert-info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}
legend {margin-top: 20px; margin-bottom:10px; border:0; padding:6px 12px; background:#B8EFEF;border-radius: 4px; font-size:14px}




label {color:#666}
.istokao {width:80%}

div.shop {margin-top:0px;}

.product-thumb-info h4 {font-weight:400; height:42px; overflow:hidden; color:#fff; font-size:1.15em; line-height:1.25em}
div.shop ul.products li.product .price {min-height:80px;}
.product-thumb-info {background:none; border:none;}
.product-thumb-info:hover {background:none; border:none;}	
.product-thumb-info span.product-thumb-info-image:before {border-radius: 4px 4px 0 0;}
.product-thumb-info img {border-radius: 4px 4px 0 0; margin: 0 auto;}

.imagebox {background:#ffffff; background:rgba(255,255,255,0.2) !important;  border: 1px solid rgba(255,255,255,0.4) !important; padding:10px; border-radius:4px;}
.imagebox:hover {background:#ffffff; background:rgba(255,255,255,0.3) !important;}

.product-thumb-info span.product-thumb-info-content {height:170px;}

div.shop ul.products li.product .onsale {height:70px; width:70px; line-height:20px; font-weight:600; background:orange; border-bottom-color:#bb5d02}

.onsale > span {
    left: 0;
    position: absolute;
    right: 0;
    top: 24%;
}

div.shop ul.products li.product .price .amount {font-size:1.1em}


.notification {background: #ffffff;border:1px solid orange;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #444;font-size: 12px;line-height: 12px;white-space: normal;z-index: 1000;letter-spacing:0; position:relative;}
.notification-content {padding: 0;}
.notification-title {display: block;text-align: center;background:orange;margin: 0;padding: 10px;font-size: 13px;line-height: 13px;font-weight: bold; color:#fff;}

/* --------------------------------------------------------	*/
/*	SuperNotice Notifications */
/* --------------------------------------------------------	*/

.superNotice
{
    position: absolute;
    font-family: Arial,Verdana;
    margin: 10px;
    z-index:1000;
    margin-top: 70px;
}
.superNotice a.superNotice-close
{
    display: inline-block;
    float: right;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 14px;
    margin-right: -4px;
    margin-top: 3px;
    background-image: url('http://sos-narukvica.com/slike/close.png');
    background-repeat: no-repeat;
    outline: none;
}
.superNotice a.superNotice-close:hover
{
    opacity: 0.6;
}
.superNotice .superNotice-content a.superNotice-close
{
    margin-top: -6px;
    margin-right: -7px;
}
.superNotice .superNotice-content
{    
    clear: left;
    font-size: 14px;    
    line-height: 18px;
    padding: 12px;
    vertical-align: middle;
}
.superNotice .superNotice-content-table td {
    vertical-align: top;
}
.superNotice.default
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
}
.superNotice.default .superNotice-header a.superNotice-close
{
    margin-top: 6px;
}
.superNotice.default .superNotice-content
{
    color: #000000;  
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;   
}
.empty-cart {float:left; background:url(http://sos-narukvica.com/slike/samcro-cart-22.jpg) 0 0 no-repeat; min-height:400px; width:100%;}
.go-shop {position:relative; top:196px; left:66px;margin-left: 0px;-webkit-transition: margin 1s ease;-moz-transition: margin 1s ease;-o-transition: margin 1s ease;-ms-transition: margin 1s ease;transition: margin 1s ease;}
.go-shop:hover {margin-left: 50px;}

header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {border-top:5px solid #000000 ;border-radius: 0px}
header.flat-menu nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu {border-radius: 0 0}

header nav ul.nav-main ul.dropdown-menu {min-width:245px;  background-color: #aa0906 !important;  border-color: #aa0906;}
header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover {  background: #c20f0b !important;}


header div.header-top {padding:4px 0 0 0; min-height:42px; color:#ffffff}

header.clean-top div.header-top {background:#fff; margin-top:0; border-bottom: none;}
body.sticky-menu-active header {border-bottom:none}

div.shop .summary .price {font-size:1.5em}
div.shop ul.products li.product .price del {color:#fff; font-size: 0.9em;}
.entry-summary .price del {font-size: 0.9em; margin: -2px 0 0;}
div.shop .summary .price ins {text-decoration:none;}
div.tabs ul.nav-tabs li.active a {border-color:#fff;}
div.tabs ul.nav-tabs a {background:#d7f1ff; border-color:#d7f1ff; border-radius:4px 4px 0 0;}
div.tabs ul.nav-tabs a:hover {border-color:#fff; background:#fff;}
div.tabs div.tab-content {border-radius: 0 4px 4px 4px;}
.nav-tabs {border-bottom: 1px solid transparent;}

header nav ul.nav-main ul.dropdown-menu > li > a {font-size:1.2em; font-style:italic}

.panel-heading a {color:#000}
.panel-group .panel {border-radius: 0}
.panel-title {font-size:14px;  font-family: "Open Sans", Arial, sans-serif;font-weight:600}
/*

.panel {box-shadow: none;}

.panel-group .panel + .panel {margin-top: -1px;}
.panel {background-color: transparent;}
.panel-default {border-color: rgba(0, 0, 0, 0);}
.panel-default > .panel-heading {background-color: #daf5fe; border-color: rgba(0, 0, 0, 0);color: #333333;}
.panel-heading {border-top-left-radius: 0;border-top-right-radius: 0;padding: 0;}
.panel-title {font-size: 14px;line-height: 24px;font-weight: 400;margin-bottom: 0;margin-top: 0;padding: 5px 7px;}
.panel-title > a {display: block;}
.panel-body {padding: 0}
.panel-body ul.nav_categories li:first-child {border-top: 1px solid #fff}
.panel-body ul.nav_categories li {border-top: 1px solid #fff;display: block;line-height: 20px;}
.panel-body ul.nav_categories li a {display: block;padding: 5px 5px;text-decoration: none; background:#c1ecfa;}
.panel-body ul.nav_categories li a:hover {background: #fff;display: block;text-decoration: none;padding: 5px 5px;}
.panel-group a {padding:0;}
.panel-group {margin:0;}
*/
.tab-pane img {max-width:100%; height:auto !important;}
.poveznice {margin:5px 0;}
a.tagovi:link, a.tagovi:visited, a.tagovi:active {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #cc0000;
    border-radius: 3px;
    color: #000000;
    font-size: 12px !important;
    margin: 0 4px 4px 0;
    padding: 1px 5px;
    text-decoration: none;
    display:inline-block;
}
a.tagovi:hover {
    background: none repeat scroll 0 0 #cc0000;
    border: 1px solid #fff;
    color: #FFFFFF;
}

.tagp {margin:0 0 5px 0}


.play-izdv { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2); border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.4); padding: 10px; margin:10px;}
.play-izdv:hover {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);}

.playaimg  {width:100%;}
.play-izdv-h3 {height:2.2em; overflow:hidden; margin-bottom:10px; font-size:1em; line-height:1.1em;}
.play-izdv-txt {color:#fff; height:100px;}
.play-izdv-select {padding: 4px; height:30px;}

ul.ul-ref
{
    list-style-type: none;
    counter-reset: section;
    width:100%;
    font-size:13px;
    padding:0;
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}

ul.ul-ref li 
{

    position: relative;
line-height:20px;



}

ul.ul-ref li:before 
{
    counter-increment: section;
    margin: 0 0 0 -34px;
    text-align: right;
    width: 2em;
    display: inline-block;
    position: absolute;
    height: 100%;
}

ul.ul-ref li:hover {}
ul.ul-ref li a {display:block;}


.affix {
  width: 270px; //helped keep the content the same size on fluid layouts
  position: fixed;
  // top: 180px;
}
.affix-bottom {
  width:270px;
  position: absolute;
  top: auto;
}
.affix-top {
  width:270px;
    top: auto; //i didn't need this style but you might
}

div.footer-copyright nav {
    float: none;
}

.zacijenu {font-weight:400; font-size:1.3em !important;}
header.flat-menu div.search {margin-top:0;}
.line-height-30 {line-height:30px;}
header div.search input.search:first-child {border-radius:4px;}

header.flat-menu nav ul.nav-main li > a.topcat:link, header.flat-menu nav ul.nav-main li.dropdown:hover a.topcat {background-color: #F1F1F1 !important;} 
header.flat-menu nav ul.nav-main li > a.topcat:hover {background-color: #F4F4F4 !important;} 

.table-striped > tbody > tr:hover > td, .table-striped > tbody > tr:hover > th {background-color: #f0f0f0 !important;}

.smallertext {font-family:open sans; font-size:14px;   color: #555555;  font-style: italic;}
.h4-smaller {font-family:Merriweather; font-size:19px; font-weight:400; font-style:italic; color:#000;}
.smallergumb {font-family:Merriweather; font-size:17px; font-weight:400; font-style:italic; line-height:23px;}
.subtext-btn {font-size:12px;}
.subtext-bold {font-family:open sans; font-weight:600; font-style:normal; font-size:16px;}
.plavitext {color:#0088cc;}
.smaller-icon {font-size:44px; float:left;}


.cc-cookies {
    background: none repeat scroll 0 0 rgba(170, 9, 6, 0.85);
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 10px 5%;
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  z-index: 99999;
  text-align: center;
}
.cc-cookies a, .cc-cookies a:hover {
    color: #ffffff;
    text-decoration: underline;
}
.cc-cookies a:hover {
    text-decoration: none;
}
.cc-overlay {
    height: 100%;
    padding-top: 25%;
}
.cc-cookies-error {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    color: #333;
    float: left;
    font-size: 18px;
    margin: 1em 0 2em;
    padding: 2em 5%;
    text-align: center;
    width: 90%;
}
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset{display:inline-block;color:#fff;text-decoration:none;background:#7DAF3B;padding:0.5em 0.75em;border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,0.25);text-shadow:0 -1px 0 rgba(0,0,0,0.35);-o-transition:background 0.5s ease-in;-webkit-transition:background 0.25s ease-in;-moz-transition:background 0.25s ease-in}
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline{background:#af3b3b;margin-left:0.5em}
.cc-cookies a.cc-cookie-reset{background:#f15b00}
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset{background:#000;-o-transition:background 0.5s ease-in;-webkit-transition:background 0.25s ease-in;-moz-transition:background 0.25s ease-in}
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {display:block;margin-top:1em}
.cc-cookies.cc-discreet{width:auto;padding:0.5em 1em;left:auto;top:auto}
.cc-cookies.cc-discreet a.cc-cookie-reset{background:none;text-shadow:none;padding:0;text-decoration:underline}
.cc-cookies.cc-discreet a:hover.cc-cookie-reset{text-decoration:none}



/* FILTERI */

.shop_filters_box {
    float:  left;
    width: 100%;
    margin: 0px;
    padding: 0px 0px 25px 0px;
    position: relative;
}

.shop_filter_low_box {
    float: left;
    width: 200px;
    margin: 0px 10px 0px 0px;
    position: relative;
    cursor: pointer;
}

.shop_filter_low_drop_down {
    float: left;
    height: 38px;
    width: 188px;
    border: 1px solid #305393;
    padding: 0px 0px 0px 10px;
    position: relative;
    background: white;
    border-radius:4px 4px 0 0;
    margin-bottom:10px;
}

.shop_filter_low_box .icon-caret-down {
    position: absolute;
    right: 10px;
    top: 12px;
}

ul.filter_list li .icon-check {
    position: absolute;
    right: 8px;
    top: 6px;
}

.shop_filter_low_box:hover .icon {
    
}

.box_gray {
    background: #0077b3;
    color: #fff;
}

.shop_filter_title {
    float: left;
    width: 100px;
    font-size: 15px;
    font-family: "pill-gothic-300mg",sans-serif;
    font-weight: 700;
    line-height: 38px;
    height: 38px;
}

.selected_filter {
    color: red;
}

.filters_box {
    display: none;
    position: absolute;
    left: 0px;
    top: 38px;
    width: 150px;
    z-index: 100;
}

.shop_filter_low_box:hover {
    color: #787878;
}

.shop_filter_low_box:hover .filters_box {
    display: inline;
}

.shop_filter_low_box:hover ul li {
    color: black;
}

.shop_filter_low_box ul {
    float: left;
    width: 188px;
    list-style-type: none;
    margin:  0px 0px 0px 0px;
    background: white;
    padding: 10px 0px 5px 10px;
    border-left: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
}

.shop_filter_low_box ul.filter_color_grid {
    padding: 10px 0px 0px 10px;
}

.shop_filter_low_box ul li {
    position: relative;
    float: left;
    padding: 3px 5%;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer;
}

.shop_filter_low_box ul li a {
    display: block;
    width:85%
}

.shop_filter_low_box ul.filter_list li {
    width: 90%;
    margin: 0px 0px 2px 0px;
}

.shop_filter_low_box ul.filter_grid li {
    width: 48px;
    margin: 0px 0px 2px 0px;
}

.shop_filter_low_box ul.filter_color_grid li {
    width: 14px;
    height: 14px;
    margin: 1px 12px 12px 3px;
    padding: 1px;
}

.shop_filter_low_box ul.filter_color_grid li.pattern span {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 2px;
    left: 0px;
}

.shop_filter_low_box ul.filter_color_grid li span, .shop_filter_low_box ul.filter_color_grid li span img {
    float: left;
    width: 14px;
    height: 14px;
    margin: 0px;
    padding: 0px;
    position: relative;
}

.shop_filter_low_box ul.filter_color_grid li:hover, .shop_filter_low_box ul.filter_color_grid li.selected {
    background: none repeat scroll 0 0 white;
    border: 0 none;
    height: 14px;
    margin: 1px 12px 12px 3px;
    width: 14px;
}

.shop_filter_low_box ul.filter_color_grid li:hover span, .shop_filter_low_box ul.filter_color_grid li.selected span, .shop_filter_low_box ul.filter_color_grid li:hover span img, .shop_filter_low_box ul.filter_color_grid li.selected span img  {
    width: 12px;
    height: 12px;
}

.pattern_color_filter {
    background-image: url(../images/pattern.png);
    background-repeat: no-repeat;
}

.shop_filter_low_box ul.filter_color_grid li span.color_filter {
    border: 1px solid #666;
    height: 14px;
    padding: 1px;
    width: 14px;
}

.shop_filter_low_box ul.filter_color_grid li:hover span.color_filter {
    border: 1px solid #000;
    height: 14px;
    padding: 1px;
    width: 14px;
}

.shop_filter_low_box ul.filter_color_grid li.selected span.color_filter {
    border: none;
    width: 12px;
    height: 12px;
}

.shop_filter_unit ul.filter_grid li.all_selected_filter {
    clear: both;
}

/*
.checkbox {
    width: 8px;
    height: 8px;
    position: absolute;
    border: 1px solid black;
    top: 2px;
    left: 0px;
}
*/


.unselected {
    background-color: white;
}

.selected, .shop_filter_low_box ul li:hover span.unselected {
    background-color: black;
}

.shop_filter_low_box ul li:hover span.selected {
    background-color: white;
}

.shop_filter_low_box ul li:hover {
    background: #0077b3;
}

.shop_filter_low_box ul li:hover a {
    color: #fff;
}

.shop_selected_filters_box {
    float: left;
    width: 120px;
    height: 24px;
    line-height: 24px;
    background: #D3000D;
    background: red;
    padding: 0px 15px 0px 15px;
    color: white;
    font-size: 11px;
}

.shop_filters_box ul.primary_filters li a.filter_sale.selected {
    background-color: rgba(0, 0, 0, 0);
    padding-bottom: 5px;
    border-bottom: 2px solid #000;
}

.filters_selected_count {
    float: left;
}

.reset_filters_link {
    width: 100%;
    float: left;
    cursor: pointer;
    color: white;
}

.reset_filters_link a {
    width: 100%;
    float: left;
    color: white;
}

.reset_filters_link a span {
    float: right;
    width: 14px;
    height: 14px;
    margin: 5px 0px 0px 0px;
    background-image: url(../images/icons_sprite_new.png);
    background-repeat: no-repeat;
    background-position: -20px -620px;
}

.reset_filters_link a:hover span {
    background-position: 0px -620px;
}

a.chosen_filters:link, a.chosen_filters:visited, a.chosen_filters:active {
color: #000;
text-decoration: none;
border: 1px solid #BBDAF1;
border-radius: 3px;
padding: 0 4px;
background: #D0E9FC;
float: left;
margin: 0 4px 4px 0;
font-size: 12px !important;
}

a.chosen_filters:hover {
border: 1px solid #015696;
background: #0066B3;
color: #fff;
}

.rowzafilter {clear:both;}

/*TOMISLAV*/
a.link-crveni:link, a.link-crveni:visited, a.link-crveni:active {color: #cc0000; text-decoration: none;}
a.link-crveni:hover {color: #000; text-decoration: underline;}
.goremalo { 	position:relative; background: none repeat scroll 0 0 #fff;    /*border-radius: 5px;*/    margin: -80px auto 0;    padding: 25px;    position: relative;    z-index: 4;}


.btn-zeleni {background:  #449d44;border-radius: 0 !important; color: #fff !important;line-height: 1;margin: 0 0 15px 0;;padding: 10px 15px;text-align: center;  border-color: #398439;}
.btn-zeleni:hover, .btn-zeleni:focus, .btn-zeleni:active {text-decoration: none;  background-color: #5cb85c;  border-color: #4cae4c;}

/*OWL katalozi modeli*/
#owl-modeli .item {background: #fff;border-right: 10px solid #fff;
/*
-webkit-box-shadow: inset 0px 0px 12px 5px rgba(0,0,0,0.15);
-moz-box-shadow: inset 0px 0px 12px 5px rgba(0,0,0,0.15);
box-shadow: inset 0px 0px 12px 5px rgba(0,0,0,0.15);
*/
-webkit-box-shadow: inset 0px 0px 17px -1px rgba(0,0,0,0.14);
-moz-box-shadow: inset 0px 0px 17px -1px rgba(0,0,0,0.14);
box-shadow: inset 0px 0px 17px -1px rgba(0,0,0,0.14);


}
.model-sadrzaj {text-align:center}
.model-akcija:hover, .model-akcija:focus {color: #fff}
.model-novo:hover, .model-novo:focus {color: #fff}
.model-akcija {background: #df1616; color: #fff;position: absolute;z-index: 10;top: 88%; left: 38%;border: none;border-radius: 0px;text-transform: uppercase;width: 80px;}
.model-novo {background: #5bcb30; color: #fff;position: absolute;z-index: 10;top: 88%; left: 38%;border: none;border-radius: 0px;text-transform: uppercase;width: 80px;}
.model-novo-iznad {background: #5bcb30; color: #fff;position: absolute;z-index: 10;top: 74%; left: 38%;border: none;border-radius: 0px;text-transform: uppercase;width: 80px;}
.model-slika {position: relative;padding: 4px 4px 0px 4px}
.model-naslov {background: #e1e1e1; color: #000;height: 70px;}
.model-naslov h2 { color: #000;font-size:16px;padding: 10px;font-weight: 600; text-transform: uppercase; line-height: 25px;}
.model-naslov h2 a:link, .model-naslov h2 a:visited, .model-naslov h2 a:active{color:#000}
.model-naslov h2 a:hover {color: #df1616;text-decoration: none;} 
.model-tekst { font-size:14px; line-height:26px; padding: 5px 40px;color: #000;height: 120px; overflow: hidden;}
#owl-modeli .owl-controls .owl-buttons .owl-prev {
background: url("http://sos-narukvica.com/slike/strelica-lijevo.png") no-repeat scroll left top rgba(0, 0, 0, 0);
font-size: 0;height: 75px;left: -100px;margin: 0;padding: 0;position: absolute;top: 58%;width: 75px;border-radius:0}
#owl-modeli .owl-controls .owl-buttons .owl-next {
background: url("http://sos-narukvica.com/slike/strelica-desno.png") no-repeat scroll right top rgba(0, 0, 0, 0);
font-size: 0;height: 75px;right: -100px;margin: 0;padding: 0;position: absolute;top: 58%;width: 75px;border-radius:0}

.pozadina-paketi-usluge {background: url("http://sos-narukvica.com/slike/sos-pozadina-naslovna-1.png") no-repeat scroll center top rgba(0, 0, 0, 0);background-size: cover;/*padding:50px 0 100px 0*/height: 605px;padding-top: 60px}


/*OWL paketi*/
.owl-carousel .owl-wrapper-outer {
    border-radius: 0px;
}
#owl-carousel-wire .owl-controls .owl-buttons .owl-prev {
background: url("http://sos-narukvica.com/slike/strelica-lijevo.png") no-repeat scroll left top rgba(0, 0, 0, 0);
font-size: 0;height: 75px;left: -100px;margin: 0;padding: 0;position: absolute;top: 17%;width: 75px;border-radius:0}
#owl-carousel-wire .owl-controls .owl-buttons .owl-next {
background: url("http://sos-narukvica.com/slike/strelica-desno.png") no-repeat scroll right top rgba(0, 0, 0, 0);
font-size: 0;height: 75px;right: -100px;margin: 0;padding: 0;position: absolute;top: 17%;width: 75px;border-radius:0}
#owl-carousel-wire .paketi-box {background: #ede9e6;padding: 20px 30px;text-align: center;margin-right: 30px;}
.paketi-box  h2{color: #000;font-size: 1.6em; text-align: center; margin: 0 10px 0;font-weight: 600;} 
.paket-text {height: 75px;}
.crtica-paketi {margin: 5px 0;}
.btn-bvise {background:  #cc0000;border-radius: 0 !important; color: #fff !important;line-height: 1;margin: 10px 0 0;padding: 10px 15px;text-align: center;}
.btn-bvise:hover, .btn-bvise:focus, .btn-bvise:active {text-decoration: underline;}

/*Kontakt forma*/
.kontakt-poc {
-webkit-box-shadow: inset 0px 0px 5px 5px rgba(222,222,222,0.4);
-moz-box-shadow: inset 0px 0px 5px 5px rgba(222,222,222,0.4);
box-shadow: inset 0px 0px 5px 5px rgba(222,222,222,0.4);
background-color: #f5f5f5;   background-image: none; border: medium none;   border-radius: 0px;color: #000000;    display: block;   float: left;    font-size: 15px;    font-style: italic;    height: 36px;    line-height: 1.42857;     padding: 7px 15px;   width: 75%;}
textarea.kontakt-poc {float:left; padding: 17px 15px;height: 180px;}
.kontakt-poc::-moz-placeholder{color:#000;opacity:1}.kontakt-poc:-ms-input-placeholder{color:#000}.kontakt-poc::-webkit-input-placeholder{color:#000}
.crta-desno {  background: url(http://sos-narukvica.com/slike/crta-kontakt.png) no-repeat scroll 100% 0 rgba(0, 0, 0, 0);  min-height: 395px;  text-align: right;}
.crta-desno h5 {color:#cc0000; font-size: 23px; font-style: italic;text-transform:none;}

/*Footer*/
.footer-content a {text-decoration:none}
.footer-content {font-size: 15px}
.footer-content p {text-align: center; color: #fff !important; padding: 10px 20px;font-weight:500}
.footer-content h6 {color:#a2a2a2;font-size: 1.7em;font-weight: 600;text-align: center;font-style: italic;}
ul.social-icons {  margin: -30px 0 20px;  padding: 0;  width: auto;}
.footer-slikice {margin: 0 auto;}

/*Sadrzaj*/
.sadrzaj {margin:10px 0;}
.uvuci-gore {background: #fff;  border-radius: 3px;margin-top: -89px;min-height: 150px;position: relative;z-index: 4;}
h1.h1-naslov {padding: 0 0 10px 0;border-bottom: 1px solid #ddd;color: #000;font-size: 2.1em;margin: 0 0 16px;text-align: left; color: #cc0000}
h1.h1-naslov-detaljno {padding: 0 0 10px 0;border-bottom: 1px solid #ddd;color: #cc0000;font-size: 2.1em;margin: 0 0 16px;text-align: left; }
.punacrta {background:#ddd;}
.crtagradijent{border: 0;height: 1px;  background-color: #CDCDCD;margin: 22px 0 22px 0;}
.entry-novosti {margin: 0;padding: 0;}
.entry-novosti h2 {color: #000;font-size: 2em;margin: 0 0 16px;text-align: left;}
.entry-novosti h2 a:link, .entry-novosti h2 a:visited, .entry-novosti h2 a:active { color: #000;}
.entry-novosti h2 a:hover {color: #cc0000;text-decoration: none;}

.entry-proizvodi {height:410px; max-height:410px; overflow:hidden; cursor:pointer;}
.entry-proizvodi p {margin:0; padding:0; font-size:13px; line-height:22px; color:#222;}
.entry-proizvodi h2 {color: #000;font-size: 1.3em;margin: 5px 0 0 0;font-weight: 400;line-height: 21px;text-transform: uppercase;}
.entry-proizvodi h2 a:link, .entry-proizvodi h2 a:visited, .entry-proizvodi h2 a:active { color: #000;}
.entry-proizvodi h2 a:hover {color: #cc0000;text-decoration: none;}
.sadrzaj-pro {height: 250px; overflow: hidden}

.entry {margin: 0;padding: 0;}
.entry h2 {color: #000;font-size: 2em;margin: 0 0 16px;text-align: left;}
.entry h2 a:link, .entry h2 a:visited, .entry h2 a:active { color: #000;}
.entry h2 a:hover {color: #cc0000;text-decoration: none;}
.slika-novosti {margin-right: 20px;}
.objavljeno{color: #777; font-style: italic;display: block; margin-bottom: 9px;}
.btn-bnovosti {background:  #cc0000;border-radius: 0 !important; color: #fff !important;line-height: 1;margin: 0;padding: 10px 15px;text-align: center;}
.btn-bnovosti:hover, .btn-bnovosti:focus, .btn-bnovosti:active {text-decoration: underline;}

/*Smaller*/
.sidebar-smaller {padding:0;}
.sidebar-smaller a:link, .sidebar-smaller a:visited, .sidebar-smaller a:active {color: #cc0000;}
.sidebar-smaller a:hover {color: #aa0906;text-decoration: none;}
.sidebar-smaller h3 {color: #cc0000;font-size: 1.8em;margin: 0 0 16px;text-align: left;text-transform: none;font-weight: 400;line-height: 26px;}
.sidebar-smaller h3 a:link, .sidebar-smaller h3 a:visited, .sidebar-smaller h3 a:active { color: #cc0000;}
.sidebar-smaller h3 a:hover {color: #aa0906;text-decoration: none;}
.sidebar-boja  {  background: #f5f5f5;   padding: 20px;  text-align: left; margin-bottom: 10px;}
.sidebar-bijala-boja  {  background: #fff;   padding: 20px;  text-align: left; margin-bottom: 10px;}
.sidebar-crveni-box {background: #df1616;border-radius: 4px !important; padding: 10px; height: 140px;text-align: left; margin-bottom: 10px;}
.sidebar-crveni-box h4 {color: #fff; text-transform: uppercase; font-size: 1.4em;margin: 0 0 14px;font-weight: 600;}
.sidebar-zeleni-box {background: #5bcb30;border-radius: 4px !important; padding: 10px; height: 140px;text-align: left; margin-bottom: 10px;}
.sidebar-zeleni-box h4 {color: #fff; text-transform: uppercase; font-size: 1.4em;margin: 0 0 14px;font-weight: 600;}
.lista-novosti > li > a:hover, .lista-novosti > li > a:focus {background: #ddd;color:#000}
.btn-smallerk {background:  #cc0000;border-radius: 0 !important; color: #fff !important;line-height: 1;margin: 0;padding: 10px 15px;text-align: center;}
.btn-smallerk:hover, .btn-smallerk:focus, .btn-smallerk:active {text-decoration: underline;}
.ikonica-sid {float: left; margin-right: 15px;}
.crni-tekst {color: #000; font-weight: 600;font-size: 17px; line-height: 20px;margin: 0 0 5px 0}
.zeleni-tekst {color: #1b6300; font-weight: 500;font-size: 13px; line-height: 16px;margin: 0 0 7px 0}
.zeleni-tekst a {color: #1b6300 !important; }
.zeleni-tekst  a:hover {color: #2a8e04; }
.bijeli-tekst {color: #fff; font-weight: 400; }
.sidebar-boja form textarea#user_message.form-control {  height: 95px;  padding: 13px 20px;}
.sidebar-boja .form-control { background-color: #fff; border: medium none;border-radius: 5px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3) inset; color: #333333; font-size: 12px; font-style: normal;height: 32px; padding: 6px 20px;}
.form-control-smaller {background-color: #ffffff !important;}
.smodel-akcija {background: #df1616; color: #fff;border: none;border-radius: 0px;text-transform: uppercase;}
.smodel-akcija:hover, .smodel-akcija:focus {color: #fff;}
.smodel-novo:hover,smodel-novo:focus  {color: #fff;}
.smodel-novo {background: #5bcb30; color: #fff;border: none;border-radius: 0px;text-transform: uppercase;}
.smodel-novo-iznad {background: #5bcb30; color: #fff;border: none;border-radius: 0px;text-transform: uppercase;}
.fixpozadine {background: #fff;}
/*OWL katalozi smaller*/
.model-small-sadrzaj {text-align:center}
.model-small-tekst h2 { font-weight: 400;font-size:18px;margin:0 0 10px 0;line-height: 24px;text-transform: uppercase;color: #000;}
.model-small-tekst { background: #e1e1e1; font-size:14px; color:#000; line-height:26px; padding: 10px}
.model-small-pozadina {background:#f5f5f5; }
.model-small-slika {  text-align: center;}

.btn-model-vise {font-size:12px; background: #cc0000;color: #fff !important; padding: 10px 20px;width: 100% !important;text-align: center; border-radius: 0 !important; }
.btn-model-vise:hover, .btn-model-vise:focus, .btn-model-vise:active {background-color: #aa0906 !important;}
/*OWL usluge smaller*/
.usluge-small-sadrzaj {text-align:center}
.usluge-small-tekst h2 { font-weight: 400;font-size:18px;margin:0 0 10px 0;line-height: 24px;text-transform: uppercase;color: #000;}
.usluge-small-tekst {  background: #fff;font-size:14px; color:#000; line-height:26px; padding: 10px}
.usluge-small-pozadina {background:#f5f5f5; }

.btn-novosti {font-size:12px; background: #cc0000;color: #fff !important; padding: 10px 20px;text-align: center; border-radius: 0 !important; }
.btn-novosti:hover, .btn-model-vise:focus, .btn-model-vise:active {background-color: #aa0906 !important;}


.bezRuba{  border-top-left-radius: 0 !important;  border-top-right-radius: 0 !important; background: #cc0000;}
.prvaBoja {background: #fff;}
.drugaBoja {background: #e1e1e1}
/*Forma narudzbe*/
.pozadina-boxn {background:#f0f0f0;overflow:  hidden;}
.dodaj-border{border-right: 20px solid #fff;}
.dodaj-padding {padding: 10px;}
h3.fnaruci-naslov {color: #000;font-size: 1.2em;margin-bottom: 20px;text-transform: uppercase;}
.form-group div.col-md-6 textarea{  height: 95px;  padding: 13px 20px;width: 70%;background-color: #fff; border: medium none;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3) inset;}
.label_narudzba {display: inline; float: left;    width: 30%;text-align: right;    padding-right: 10px;    margin: 5px 0px 5px 0px;}
.narudzba-inp {
  background-color: #fff;
  background-image: none;
  border: medium none;
  border-radius: 4px;
  box-shadow: none;
  color: #000000;
  display: block;
  float: right;
  font-size: 15px;
  font-style: italic;
  height: 40px;
  line-height: 1.42857;
  padding: 7px 30px; 
width: 70%;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3) inset;
}
.narudzba-inp-full {
  background-color: #fff;
  background-image: none;
  border: medium none;
  border-radius: 4px;
  box-shadow: none;
  color: #000000;
  display: block;
  float: right;
  font-size: 15px;
  font-style: italic;
  height: 40px;
  line-height: 1.42857;
  padding: 7px 30px; 
margin-right: 10px;
width: 95%;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3) inset;
}

.tablica-bez > thead > tr > th, .tablica-bez > tbody > tr > th, .tablica-bez > tfoot > tr > th, .tablica-bez > thead > tr > td, .tablica-bez > tbody > tr > td, .tablica-bez > tfoot > tr > td {
  border-top: none;
}


.tablice-opisi {color:#000;}
.tablice-opisi table {width:100% !important; border:none;}
.tablice-opisi table tr {border:none;}
.tablice-opisi table th {padding:5px; background:#ddd; border-bottom:1px solid #ddd; border-left:none; border-right:none; border-top:none;}
.tablice-opisi table th:last-child {border-bottom:none;}
.tablice-opisi table td {padding:5px; border-bottom:1px solid #ddd; border-left:none; border-right:none; border-top:none;}
.tablice-opisi tr:nth-child(even) {background:#f1f1f1;}

.preuzmi-b {
margin-left: 24px;
}




.narucibg {background:#333333; padding:20px 0 30px 0;}
.margin0 {margin:0 !important;}
.potpis {padding:12px 0 14px 0 !important;}
.righttoleft {text-align:right;}
.rot-tekst {font-size:22px; line-height:32px; color:#000; text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff, 0 0 30px #fff;}
.rot-tekst b {color:#cc0000;}


section.timeline {padding:20px 0; margin:30px 0 -35px 0; z-index:10; width:100%;

background: url(http://sos-narukvica.com/slike/reddot.png), url(http://sos-narukvica.com/slike/reddot.png);
background-repeat: no-repeat, no-repeat;
background-position: center top, center bottom;

}

section.timeline .timeline-box {border:none; box-shadow:none;}


section.timeline .timeline-box.left:after {
  background: #FFF;
  border-right: 0;
  border-top: 1px solid #d9d9d9;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: -41px;
  top: 20px;
  width: 68px;
  z-index: 0;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none;
}

section.timeline .timeline-box.left:before {
	background: transparent;
	border-radius: 50%;
	box-shadow: none;
	content: "";
	display: block;
	height: 7px;
	margin-right: -5px;
	position: absolute;
	right: -6.8%;
	top: 22px;
	width: 8px;
}


section.timeline .timeline-box.right:after {
  background: #FFF;
  border-left: 0;
  border-bottom: 1px solid #d9d9d9;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: -39px;
  top: 30px;
  width: 64px;
  z-index: 0;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none;
}




section.timeline .timeline-box.right:before {
	background: transparent;
	border-radius: 50%;
	box-shadow: none;
	content: "";
	display: block;
	height: 7px;
	margin-left: -5px;
	position: absolute;
	left: -7.2%;
	top: 32px;
	width: 8px;
}


section.timeline:after {background:#d9d9d9; width:1px;opacity:1; top:11px; margin-left:0; height: calc(100% - 22px);}


h3.zasto-odabrati {text-transform:none; font-size:27px; font-weight:600; color:#000; margin:40px 0 20px 0;}
h3.zasto-odabrati span {color:#cc0000}

.imgikona:hover {opacity:0.7;}