/* UNIVERSAL */


.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear60 {clear:both; height:60px;}

.mt-xxlg {margin-top: 40px !important;}

.noradi {border-radius:0 !important}

.righttoleft {text-align:right;}
.centertoleft {text-align:center;}

hr.hrfull {background:#ddd;}
.bigtar:hover {cursor:pointer;}

.breadcrumb > li + li::before {content: none}
.breadcrumb {font-size:12px;}
.breadcrumb {color:#777;}

.glavna-tekst {text-align:justify;}
.glavna-tekst img {display:block; max-width:100%; height:auto;}
.glavna-tekst a {color:#D31A20}
.error_message p {font-size:0.8em; color:#d2322d;}
.success_message p {font-size:2em; font-weight:700; color:#67d187;}


ul.ul-ref {list-style-type: none; counter-reset: section; width:100%;font-size:13px; padding:0;-moz-column-count: 2;-moz-column-gap: 20px;-webkit-column-count: 2; -webkit-column-gap: 20px;column-count: 2;column-gap: 20px;}
ul.ul-ref li { padding-left: 10px; position: relative; line-height:35px; border-bottom:1px dotted #ddd;}
ul.ul-ref li:hover {background:#E8E8E8;}
ul.ul-ref li a {display:block;}
ul.ul-ref li a i.fa {color:#67d187;}

h2.entry {font-weight:500;}
.glavna-tekst {text-align:justify;}

/* Cookie skripta */

.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(255,255,255,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.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; }



/* SPECIFIC */

body {color:#484848;}
p {color:#484848;}

#header .header-top ul.nav-top li a {padding: 4px 6px;}

#footer {margin-top:0}

#footer .footer-copyright a {color:#fff !important}

#footer ul.simple-post-list li {padding:5px 0; border:none;}

#footer .contact i {float:right; margin:7px 0 10px 8px;}

#footer ul.simple-post-list .post-meta {font-style:italic; font-size:1em;}

.usluge-naslov {height:81px; border-bottom:1px solid #b7b7b7; font-size:18px; font-weight:300;}
.usluge-tekst {height:75px; line-height:25px; font-size:14px; font-weight:300; margin-top:10px}

ul.footerprojekti {list-style-type:none; padding:0}
ul.footerprojekti li {line-height:36px; color:#fff;}

ul.footerprojekti li span {color:#484848 !important;}


.posaljite-upit {padding:60px 0 40px 0;}

.slider-gumb {padding:15px; font-size:18px; font-weight:600;}


a:hover, a:focus {
	text-decoration: none;
}

/* HEADER */
.header-img-bg {
	background-image: url("http://skladisna-oprema.hr/images/uploads/header_img_bg.png");
	/*background-position: center;*/
	height: 505px;
	background-size: cover;
	background-repeat: no-repeat;
}

body.sticky-menu-active .header-img-bg {height: 0px;}

ul.social-head li {
	margin: -1px 20px 15px 0 !important;
}

nav.mt60 {
	margin-top: 60px;
}

#header.nav-bar .nav-main-collapse {
	background: none;
	margin: 0;
	top: -45px;
	z-index: 1000;
}

body.sticky-menu-active #header .nav-main-collapse.in, #header.fixed .nav-main-collapse.in {
	top: -65px;
}

#header {
	border-top: none;
	padding: 0;
}

#header .logo img {
	margin-left: -40px;
	float: left;
}

.bijelo-box {
	background: #FFF;
	margin: -180px auto 0;
}

body.sticky-menu-active .nav-main-collapse {
	margin: 15px 0 -8px !important;
	background: #9d0000 !important;
}

.logo h1 {
	font-family: 'Bitter', serif;
	font-weight: 600;
	color: #fff;
	padding-top: 45px;
	text-shadow: 3px 1px #5C5C5C;
}

.nav > li > a:hover, .nav > li > a:focus {
	background-color: transparent !important;
}

#header nav ul.nav-main > li.open a, #header nav ul.nav-main > li.active > a, #header nav ul.nav-main > li:hover > a {
	background-color: transparent !important;
	border-bottom: 3px solid #9d0000;
}

ul.nav-pills > li.active > a {
	background-color: transparent !important;
}

#header nav ul.nav-main li a:hover {
	background-color: transparent !important;
}

.nav-pills > li > a {
	border-radius: 0;
}

.left {
	float: left;
}


/* BOXEVI */

.box-naslov {
  background: #9d0000;
  text-transform: uppercase;
  z-index: 10;
  position: absolute;
  margin-top: 160px;
  width: 360px;
  padding: 8px;
  padding-left: 10px;
  color: #2b588e;
  opacity: 0.9;
}

.box-naslov h3 {
	font-size: 15px;
	color: #fff;
	margin-bottom: 0;
}

.box-oko {
	margin-top: 15px;
}

.thumb-info-caption h4 { margin: 14px;
    overflow: hidden;height: 55px;}


.thumb-info .thumb-info-title {
	bottom: 0;
	width: 100%;
	max-width: none;
	font-size: 15px;
    font-weight: 300;
	background: #9d0000;
	height: 60px;
	opacity: 0.9;
}

.thumb-info {
	border-radius: 0;
	border: none;
	margin-top: 15px;background-color:#f5f5f5
}

.thumb-info img {
	border-radius: 0;
}

.thumb-info .thumb-info-wrapper {
	border-radius: 0;
}

.servis-slika {
	float: left;
	margin-right: 10px;
    margin-top: 10px;
}

.servis-oko {
	color: #fff;
}

.servis-opis {
	font-size: 13px;
    text-align: left;
    margin-top: -20px;
	line-height: 20px;
}

.oprema-opis p {
	line-height: 28px;
}

.redbg {
	background: #9d0000;
}

.izdvojeno-dolje {
	background: #ebeef3;
}

.izdvojeno-dolje-opis {
	padding: 20px;
	height: 130px;
}

.izdvojeno-dolje h3 {
	font-size: 17px;
    font-weight: 600;
    margin-bottom: 7px;
}

.izdvojeno-dolje-cijena {
	background: #dfe1e6;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.izdvojeno-dolje-cijena p {
	color: #9d0000;
    font-weight: 600;
    font-size: 22px;
    float: left;
}

.izdvojeno-dolje .btn {
	width: 100%;
	border-radius: 0;
}

.naslovunderline {
	color:#000;
	padding:6px 0;
	font-size:26px;
	line-height:40px;
	display:inline-block;
	/* text-transform:uppercase; */
	border-bottom: 3px solid #b7b7b7;
}

.naslovborder{
	border-bottom:2px solid #b7b7b7;
	margin-bottom:10px;
	position:relative;
}

.owl-carousel .owl-nav {
	top: -22%;
    position: absolute;
    /* margin-top: -20px; */
    left: 34%;
    width: 8%;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
	background-color: #fff;
	color: #b7b7b7;
}

.naslovunderline-akcija {
	color:#000;
	padding:6px 0;
	font-size:26px;
	line-height:40px;
	display:inline-block;
	/* text-transform:uppercase; */
	border-bottom: 3px solid #9d0000;
}

.naslovborder-akcija {
	border-bottom:2px solid #9d0000;
	margin-bottom:10px;
	position:relative;
}

.izdvojeno-dolje-akcija {
	background: #f8e6e6;
}

.izdvojeno-dolje-akcija h3 {
	font-size: 17px;
    font-weight: 600;
    margin-bottom: 7px;
}

.izdvojeno-dolje-akcija .btn {
	width: 100%;
}

.carousel-akcije .owl-nav {
	width: 24%;
	left: 75%;
}



/* NOVOSTI */

.pocetna-novost-text {
	float:left; 
	width:77%;
	margin: 0 0 20px 0;
	overflow: hidden;
}

.img-news {
	border: 1px solid #9d0000;
	float: left;
}

.pocetna-novost-text p {
	color: #b3b2b2;
    font-size: 1em;
}

.pocetna-novost-text a {
	color: #d61e24;
}

.pocetna-novost-text h3 {
	font-size: 1.3em;
	margin-bottom: 3px;
}

.naslov-pocetna {
	color:#fff;
	padding:6px 0;
	font-size:24px;
	line-height:40px;
	display:inline-block;
	/* text-transform:uppercase; */
}


/* NEWSLETTER */
.red-bg {
	background: #9d0000;
}

.input-group {
    margin: 20px auto;
    width: 100%;
}

input.btn.newsletterbutton,
input.btn.newsletterbutton:focus {
    outline: none;
    width: 75%;
    height: 45px;
    border-radius: 0;
	text-align: left;
	font-size: 13px;
}

button.newsletterbutton {
    width: 24%;
    height: 45px;
    border-radius: 0;
	border: none; 
    color: #fff;
    background-color: #d51c22;
	font-size: 18px;
}

.newsletter p {
	color: #fff;
	padding-top: 18px;
}

.btn-info:hover {
	background-color: #E01111;
	border: none;
}



/* FOOTER */
#footer {
	background: #9d0000;
	border-top: none;
	padding: 45px 0 0;
}

.footer-oprema a {
	font-family: 'Bitter', serif;
	font-weight: 600;
	color: #e94046 !important;
	padding-top: 45px;
}

#footer p {
	color: #fff;
	font-size: 14px;
}

.naslov-footer {
	color:#fff;
	padding: 5px 0;
	font-size:25px;
	line-height:40px;
	display:inline-block;
	margin: 0;
	margin-bottom: 5px;
}

.social-footer {
	padding-top: 5px;
	display: table-caption;
	margin-right: -20px;
}

ul.social-icons li {
	margin: -1px 1px 15px 0;box-shadow:none
}

#footer .footer-copyright {
	margin-top: 0;
	padding: 15px 0 0;
	background: #d31a20;
	border-top: none;
}

#footer .container .row > div {
	margin-bottom: 15px;
}

.siva-bg {
	background-color: #f4f4f4;
}

.slika-bg-poc {
	background-image: url(http://skladisna-oprema.hr/images/uploads/bg-podrska.png); background-repeat: no-repeat;
	background-size: cover;
	height: 100px;
}

.crvena-podrska {
	background: #9d0000;
	color: #fff;
}

.crvena-podrska h5 {
	color: #fff;
    text-transform: none;
    font-size: 23px;
    font-weight: 400;
	padding-top: 20px;
	margin-bottom: 22px;
}

.crvena-podrska p {
	font-weight: 600;
	color: #fff;
    text-align: center;
    font-size: 22px;
}

.crvena-podrska .fa-phone {
	font-size: 27px;
	position: relative;
	top: 5px;
}

.gumb-podrska {
	display: block;
    width: 100%;
    border-radius: 0;
    border: none;
	font-size: 17px;
	background-color: #d51c22 !important;
	margin-top: 25px !important;
}


/* HEADER DETALJNA */
.header-img-bg-detaljna {
	background-image: url("http://skladisna-oprema.hr/images/uploads/header_img_bg.png");
	/*background-position: center;*/
	height: 205px;
	background-size: cover;
	background-repeat: no-repeat;
}

body.sticky-menu-active .header-img-bg-detaljna {height: 0px;}


.page-header {
	background-color: #9d0000;
	border-bottom: 5px solid #9d0000;
	border-top: 5px solid #d31a20;
}

section.page-header h1 {
	border-bottom-color: #d31a20;
}

.entry a:link {color: #9d0000;}
.entry a:visited {color: #9d0000;}
.entry a:hover {color: #d31a20;}
.entry a:focus {color: #d31a20;}

html .heading-primary {
	color: #d31a20 !important;
}

.proizvodi-smaller-dolje {
	background: #ebeef3;
}

.proizvodi-smaller-dolje-opis {
	padding: 20px;
	text-align: center;
}

.proizvodi-smaller-dolje h3 {
	font-size: 17px;
    font-weight: 600;
    margin-bottom: 7px;
}

.proizvodi-smaller-dolje .btn {
	width: 100%;
	border-radius: 0;
}

.list.list-icons.list-icons-style-3 li .fa {
	background-color: #d31a20;
}

.pocetna-novost-text a:hover {color: #9d0000;}
.pocetna-novost-text a:focus {color: #9d0000;}

ul.list a:link {color: #d31a20;}
ul.list a:visited {color: #d31a20;}
ul.list a:focus {color: #9d0000;}
ul.list a:hover {color: #9d0000;}

ul.breadcrumb a:link {color: #000;}
ul.breadcrumb a:visited {color: #000;}
ul.breadcrumb a:focus {color: #d31a20;}
ul.breadcrumb a:hover {color: #d31a20;}

.reference-link a:link {color: #9d0000;}
.reference-link a:visited {color: #9d0000;}
.reference-link a:focus {color: #d31a20;}
.reference-link a:hover {color: #d31a20;}

a.crveni:link {color: #9d0000;}
a.crveni:visited {color: #9d0000;}
a.crveni:focus {color: #d31a20;}
a.crveni:hover {color: #d31a20;}

.grayscale {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	filter: gray; /*IE*/
	filter: url(desaturate.svg#greyscale); /*IE*/
}

.izdvojenoakcija {
	height:105px; 
	width:105px; 
	position: absolute; 
	top:0; 
	left:0; 
	z-index:10;
	background:url("http://skladisna-oprema.hr/images/uploads/akcija-poc.png") no-repeat;
}

.gumb-posalji-upit {
	border-radius: 0;
}

.izdvojeno2 {margin: 0 5px;background: #fff;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.izdvojeno2 img {margin: 0 auto;border: 15px solid #ffffff;}
.izdvojeno2 h3 {color: #000; text-transform: uppercase; float: none; margin: 15px 5px 10px 5px; height: 35px; overflow:hidden;font-size: 14px;text-align: center;line-height: 16px;}
.izdvojenodolje2 {background-color: #FFF; border-top: 1px solid #eee; margin-left: auto; margin-right: auto;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.izdvojenogore2 {height:150px; overflow:hidden}
.izdvojeno2 .btn {width:100%; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}

.podrska-box {
	position: absolute;
    /*z-index: 10000;*/
    top: -198px;
    background-color: #9d0000;
    right: 0;
    padding: 15px;
	height: 298px;
}

.izdvojena-ponuda-oko img:hover {
	opacity: 0.8;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
	background-color: #E7766F;
	border: none;
}


.bijelo-box {
  transition: padding 500;
}

.bijelo-box-is-open {
  padding-top:200px;
}

.sjena {/* z-index:-1; */margin:0px;position:relative;margin-top: -24px;}

.sidebar {
	background-color: #f5f5f5;
	padding: 10px;
}

.page-header .breadcrumb {
	color: #FFA6A6;
}

.page-header .breadcrumb a:link {color: #fff;}
.page-header .breadcrumb a:visited {color: #fff;}
.page-header .breadcrumb a:hover {color: #ffa6a6;}

.katalog-detaljnaimg {
	float: left;
}

.h5katalog {
	font-size: 1.2em;
	font-weight: 300;
	text-transform: none;
}

.thumb-info .thumb-info-wrapper:after {
	background: rgba(36, 27, 28, 0.25);
}

/*PROIZVODI*/
.model-box-proizvodi {    padding: 10px;text-align: center;background: none !important;color: #777;border: 1px solid #edf0f3;}
.model-box-proizvodi h2 {font-size: 1.4em;font-weight: 300;line-height: 20px;margin: 20px 0 5px 0;height: 60px;overflow: hidden;}
.model-box-proizvodi:hover {border: 1px solid #9d0000;}
.text-proizvodi {height:90px; overflow:hidden}
.model-box-proizvodi a:link {color: #9d0000;}
.model-box-proizvodi a:hover, a:active, a:focus {color: #D31A20;}
.proizvodi-btn:hover {color: #fff !important;}

.btn-zeleni {background: #57B700 !important; border-color: #57b700 !important;color: #fff;}
.btn-zeleni:hover {background: #469400 !important; color: #fff;}