/* Add here all your CSS customizations */

.navbar-collapse.collapse {background:#fff;}
.header-top h1 {color:#fff;}
.header-top h2 {font:200 21px 'Open Sans';color:#fff; letter-spacing: 0.8px;}

input.sifra {
width:430px;
height:60px;
background:#D30017;
/*
-webkit-box-shadow: inset 5px 5px 22px -7px rgba(0,0,0,0.67);
-moz-box-shadow: inset 5px 5px 22px -7px rgba(0,0,0,0.67);
box-shadow: inset 5px 5px 22px -7px rgba(0,0,0,0.67);
*/
border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
border: 2px solid #000000;
color:#fff;
font:bold 18px/60px 'Open Sans';
text-align:center;
}

input.sifra-down {
width:95%;
height:60px;
background:#D30017;
/*
-webkit-box-shadow: inset 5px 5px 22px -7px rgba(0,0,0,0.67);
-moz-box-shadow: inset 5px 5px 22px -7px rgba(0,0,0,0.67);
box-shadow: inset 5px 5px 22px -7px rgba(0,0,0,0.67);
*/
border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
border: 2px solid #000000;
color:#fff;
font:bold 18px/60px 'Open Sans';
text-align:center;
}

.info-telefon {float:left;color:#aeaeae;font-weight:800;margin:0 10px 0 0;width:140px;text-align:right;background:url(http://hr-sunce.hr/slike/rukamob.png) 0 50% no-repeat;}

.line99 {line-height:99px;}

.floatlimage {
float:left;
margin:0 15px 0 0;
}
.floatlimage {
float:left;
margin:0 15px 5px 0;
}

.floatlimage30 {
float:left;
margin:0 30px 5px 0;
}


/*
.edit_button {
    background: #eee;
    border: 1px solid #a5a5a5;
    top: 20px;
    box-shadow: 3px 3px 10px 5px rgba(0, 0, 0, 0.1);
    color: #333;
    font-size: 13px;
    font-weight: 400;
    padding: 10px;
    position: fixed;
    left: 20px;
    text-align: center;
    z-index: 99999;
}
*/

.edit_button {float:left;margin:0 10px 0 0;}

.cc-cookies {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    border: 1px solid #dcdcdc;
    bottom: 50px;
    box-shadow: 3px 3px 10px 5px rgba(0, 0, 0, 0.1);
    color: #333;
    font-size: 13px;
    font-weight: 400;
    padding: 20px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 230px;
    z-index: 99999;
}
.cc-cookies a, .cc-cookies a:hover {
    color: #3175a4;
    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 a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset, .cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {
    background: none repeat scroll 0 0 #7daf3b;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
    color: #fff;
    display: inline-block;
    padding: 0.5em 0.75em;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
    transition: background 0.25s ease-in 0s;
}
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline {
    background: none repeat scroll 0 0 #af3b3b;
    margin-left: 0.5em;
}
.cc-cookies a.cc-cookie-reset {
    background: none repeat scroll 0 0 #f15b00;
}
.cc-cookies a.cc-cookie-accept:hover, .cc-cookies a.cc-cookie-decline:hover, .cc-cookies a.cc-cookie-reset:hover, .cc-cookies-error a.cc-cookie-accept:hover, .cc-cookies-error a.cc-cookie-decline:hover {
    background: none repeat scroll 0 0 #000;
    transition: background 0.25s ease-in 0s;
}
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {
    display: block;
    margin-top: 1em;
}
.cc-cookies.cc-discreet {
    left: auto;
    padding: 0.5em 1em;
    top: auto;
    width: auto;
}
.cc-cookies.cc-discreet a.cc-cookie-reset {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0;
    text-decoration: underline;
    text-shadow: none;
}
.cc-cookies.cc-discreet a.cc-cookie-reset:hover {
    text-decoration: none;
}
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
    display: block;
    margin: 1em 0;
}


input {color:#333;}

.margin0 {margin:0 !important;}
.margin0auto {margin:0 auto;}

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

.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}
.margintop40 {margin-top:40px}
.marginbottom0 {margin-bottom:0}
.marginbottom5 {margin-bottom:5px !important;}
.marginbottom10 {margin-bottom:10px}
.marginbottom15 {margin-bottom:15px}
.marginbottom20 {margin-bottom:20px}
.marginbottom30 {margin-bottom:30px}

.margin5po {margin:5%;}

.margintop-15 {margin-top:-15px;}

.margin3px {margin:3px;}

.padding10 {padding:10px}
.paddingleftright15 {padding:0 15px}
.paddingleft15 {padding-left:15px}
.paddingleft18 {padding-left:18px}
.paddingleft23 {padding-left:23px}
.paddingleft50 {padding-left:50px}
.paddingtop10 {padding-top:10px}
.paddingtop20 {padding-top:20px}

.relative {position:relative}

.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 !important;}
.width320px {width:320px;}

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

.justify {text-align:justify;}

.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; }

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

.h2-ind {font-size: 2em !important;margin:0 0 10px 0; font-weight: 600;text-align:left; text-decoration:none !important; line-height:1.5em; height:1.5em; overflow:hidden;}

.italic {font-style:italic;}

.caps {text-transform:uppercase;}

.nobg {background:none;}
.nopadding {padding:0 !important;}

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

.kosaricamali {}
.kosaricaveliki {}

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

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

.cartrxsl {float:right}


footer ul {margin:0; padding:0;list-style-type:none;}
footer ul li {color:#fff}
footer ul li a:link, footer ul li a:visited, footer ul li a:active, footer ul li a:hover {color:#fff !important}

.foot-naslov {font-size:24px; line-height:32px; font-family:'Open Sans'; color:#b5b5b5; margin-bottom:25px;}

.foot-white {color:#fff; font-size:15px; line-height:18px; font-weight:bold; margin-bottom:10px;}


div.footer-bread {
	background: #F68506;
	margin-top: 0;
	padding: 15px 0 15px;
        color:#fff;
        font-size:11px;
        border-top: none;
}

.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:#777 !important}
footer {
	background: #fff;
	font-size: 0.9em;
	margin-top: 0;
	padding: 0;
	position: relative;
	clear: both;
        border-top: none;
}

.footer-copyright .foot1 {line-height:100px;}
.footer-copyright .foot1 a {font:200 14px 'Open Sans';}
.footer-copyright .foot1 a:link, .footer-copyright .foot1 a:visited, .footer-copyright .foot1 a:hover, .footer-copyright .foot1 a:active {color:#000;}



div.footer-copyright {
	background: #fff;
	margin-top: 0;
	padding: 0;
        color:#AEAEAE;
        font-size:11px;
        border-top: none;
}

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

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

div.footer-copyright nav ul li {
	border-left: 1px solid #777;
	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 {
	margin: 0;
	padding: 0;
}

div.footer-copyright p.infotel {
background:url(http://hr-sunce.hr/slike/rukamob.png) 0 50% no-repeat;
padding:0 0 0 45px;
font:200 30px/100px 'Open Sans';
text-align:right;
}
div.footer-copyright p.infotel strong {
font-weight:900;
}

header {
	background: rgba(0,0,0,0.55);
	border-top: none;
	/*padding: 0 0 8px 0;*/
padding:0;
	position:relative;
	z-index:2;
}

header h1.logo {padding:0;}
header div.logo {padding:0;margin:0 0 0 -16px;}

header h1.logo a {z-index: 2;}
header div.logo a {z-index: 2;}

header h1.logo img {
	color: transparent;
	margin-top:-100px;
	z-index: 2;
}
header div.logo img {
	color: transparent;
	/*margin-top:-100px;*/
	margin-top:0;
	z-index: 2;
}
header div.logo2 img {
	color: transparent;
	margin-top:-100px;
	z-index: 2;
}

header h1.logo-sticky-active img {
	color: transparent;
	margin-top:-214px;
	z-index: 2;
}
header div.logo-sticky-active img {
	color: transparent;
	/*margin-top:-214px;*/
	margin-top:-1px;
	z-index: 2;
}




div.home-intro {
	background: transparent;
	margin-bottom: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: left;
	margin-top:0px;
}

div.slider-container {background:transparent; /*top:-100px;*/ margin:-100px 0 0 0; position:relative;}

.owl-poc {background:url(http://hr-sunce.hr/slike/owl-iza.gif) 0 0 repeat-x; padding:0 0 0 0;}
.owl-poc2 {padding:50px 0;}
.itembox {padding:0; margin:0 0 0 0; text-align:center;}
.poc .itembox:hover {background: url(http://hr-sunce.hr/slike/itembox-sjena.png) 0 0 repeat-x;}

}
.bord-l {float:left;width:1px;height:200px;background:url(http://hr-sunce.hr/slike/bord-l.png) 0 0 no-repeat;}
.bord-d {float:left;width:1px;height:200px;background:url(http://hr-sunce.hr/slike/bord-d.png) 0 0 no-repeat;}

.itembox h3 {font:200 24px/50px 'Open Sans'; height:50px; overflow:hidden; color:#fff; text-transform:lowercase;margin:0;}
.itembox h4 {font-size:15px; line-height:24px; height:50px; overflow:hidden; margin-bottom:10px; color:#3b3b3b; text-transform:none; font-weight:600;}
.itembox hr {background:#ccc; margin:10px 0;}




.kontakt-foot-data {margin-left:40px;}
.main-label {margin-left:-100px !important;}



.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;}

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 > a:hover, header.flat-menu nav ul.nav-main li.dropdown:hover a {background-color:#EFA328 !important;color:#fff;}
body.sticky-menu-active header.flat-menu nav ul.nav-main {}
header.flat-menu nav ul.nav-main li a {padding-top:40px; padding-bottom:40px; color:#000}
header.flat-menu nav ul.nav-main li:first-child a {color:#D30017;font-size:1.3em;}
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 {}
header nav ul.nav-main li a {font-weight:600; font-size:16px; text-transform:uppercase;}
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);
}

.bigtar2 {cursor:pointer; padding-top:15px; margin-left:0;background:#eee;}
.detaljnija-h2 {font-size: 2em !important;color:#e40000;margin:0 0 25px 0; font-weight: 600;text-align:left; text-decoration:none !important; line-height:1.5em; height:1.5em; overflow:hidden;}
.bigtar2 h6 {margin-top:10px;}

.nomargin {margin:0 !important;}

section.page-top {
    background: #01ade6 url(http://hr-sunce.hr/slike/header-bg.jpg) center center no-repeat;
    border-bottom: 0;
    border-top: 0;
    margin-bottom: 0;
    min-height: 130px;
    padding: 130px 0 0 0;
    position: relative;
    text-align: left;
    background-size:cover;
    margin-top:-130px;
}

.header-gives{font:italic bold 38px/60px open sans; color:#0198e2;}
.header-power{font:italic bold 46px/51px open sans; color:#0198e2; margin: 10px 0 0 40px;}


#content {}
.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; font-size:18px; line-height:20px; color:#002454; font:italic 18px/20px Merriweather; font-weight:400;}
.novostipopis p {margin:0; padding:0; font-size:13px; line-height:22px; color:#fff;}
	

.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 open sans; 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:#1e1e1e; margin-bottom:20px;}

.ostale-header h1 {margin:10px 0 25px 0; font-weight:300; font-size: 30px; line-height: 34px; color:#777777;}

.ostale-header h3 {margin:10px 0 25px 0; font-weight:300; font-size: 30px; line-height: 34px; color:#777777;}

.ostale-header h4 {margin:10px 0 10px 0; font-weight:300; font-size: 24px; line-height: 34px; color:#777777; text-transform:uppercase;}

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

.ostale-header .breadcrumb-novi {overflow:hidden; height:26px;}

.breadcrumb-novi {color:#fff; background:none; list-style:none;padding-left: 0;font:200 15px 'Open Sans'; margin:0;}
ul.breadcrumb-novi li {display:inline; color:#fff;}

a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #fff; text-decoration: none;}
a.bijeli:hover {color: #EFA328; text-decoration: none;}


a.bread:link, a.bread:visited, a.bread:active {color: #fff; text-decoration: none;}
a.bread:hover {color: #EFA328; text-decoration: unerline;}


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;}	

div.slider-container {min-height:100px;}
.sadrzaj {margin:50px 0 20px 0;}
.sadrzaj2 {margin:20px 0 20px 0;}
.entry-detaljnije {text-align:justify; color:#000;}

.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;}


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

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


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

header div.header-top {padding:0 0 0 0; height:100px; color:#8eb4e5}
header div.header-top2 {padding:0 0 0 0; height:100px; color:#8eb4e5;background:url(http://hr-sunce.hr/slike/header-top.jpg) 50% 0 no-repeat;}
header.clean-top div.header-top, header.clean-top div.header-top2 {margin-top:0; border-bottom: none;}
body.sticky-menu-active header {border-bottom:0px solid #0198e2; background:#000; padding:0;}

body.sticky-menu-active .line99 {
    line-height: 30px;
    margin: 80px 0 0;
}



.tab-pane img {max-width:100%; height:auto !important;}
.poveznice {margin:5px 0 35px 0;}
a.tagovi:link, a.tagovi:visited, a.tagovi:active {
    background: none repeat scroll 0 0 #FBA607;
    border: 1px solid #F68506;
    border-radius: 3px;
    color: #fff;
    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 #F68506;
    border: 1px solid #F68506;
    color: #FFFFFF;
}
.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;}




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:#222222;}
.h4-smaller {font-family:Merriweather; font-size:22px; font-weight:600; font-style:italic; color:#0088cc;}
.smallergumb {font-family:Merriweather; font-size:18px; 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:17px;}
.plavitext {color:#0088cc;}
.smaller-icon {font-size:50px; float:left;}



footer .form-control {background:#424242; color:#fff; border:1px solid #424242; font-size:12px;}
footer .form-control:focus {border:1px solid #ccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 255, 255, 0.6) !important;}

.form-control::-moz-placeholder{color:#b0b0b0;opacity:1}
.form-control:-ms-input-placeholder{color:#b0b0b0}
.form-control::-webkit-input-placeholder{color:#b0b0b0}

.form-contro::-moz-placeholder{color:#fff;opacity:1}
.form-contro:-ms-input-placeholder{color:#fff}
.form-contro::-webkit-input-placeholder{color:#fff}

.btn {border-radius:0 !important;}

.poc-vis {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border: 1px solid #424242;
    color: #fff;
    display: inline-block;
    font-size: 12px !important;
    padding: 11px 30px;
    text-decoration: none;
    text-transform: uppercase;
}
.poc-vis:hover, .poc-vis:focus, .poc-vis:active {
    background: none repeat scroll 0 0 #000;
    color: #fff;
    opacity: 1 !important;
}

.poc-vis i {font-size:18px}

.poc-vis2 {
    border: 1px solid #fff;
margin:28px 0 0 0;
    color: #fff;
    display: inline-block;
    font-size: 14px !important;
    padding: 15px 40px;
    text-decoration: none;
    text-transform: uppercase;
}
.poc-vis2:hover, .poc-vis2:focus, .poc-vis2:active {
    background: none repeat scroll 0 0 #F68506;
    border: 1px solid #FBA607;
    color: #fff;
    opacity: 1 !important;
}

.poc-vis2 i {font-size:18px}

.foot-text {font-size:12px; font-weight:300; line-height:18px;}
.foot-icons {margin-top:67px;}
.foot-icons:hover {opacity:0.8;}


.footrightl {text-align:right;}
.colfootforma {/*margin:0 5px;*/}

.error_message {color:#AF0202;font-size:0.8em;}
.error_message p {margin:0;}
.success_message {color:#0198e2;}

div.google-map {margin:0;width:100%;height:400px;}

.iznadfooter {background:#2c2c2c; padding:40px 0;}
ul.social-icons li {
    background-color: #fff;
    margin: 35px 0 0 5px;
    box-shadow:none;
}

.quote-about-poc {background: url(http://hr-sunce.hr/slike/jagode-dolje.jpg) center center no-repeat; background-size: cover;}
.quote-poc {padding: 30px 0 20px 0; font-weight:300; font-size:32px; line-height:48px; color:#9E9A98;}
.quote-poc strong {font-weight:600;}
.quote-poc .siri {margin:0 60px;position:relative;top:17px;}
.quote-text {font-size:36px; position:relative; padding: 0 40px;}
.quote-text i {font-size:40px; color: rgba(255, 255, 255, 0.3)}
.quote-sign {font-size:18px;}

.about-poc {padding: 30px 0 50px 0; background: url(http://hr-sunce.hr/slike/crta-sjena.png) 50% 0 no-repeat;} 
.about-text {font-size:14px; line-height:30px; font-weight:200; color:#CBCBCB; margin:0;}
.about1 {font-weight:600; line-height:24px; font-size:18px; color:#CBCBCB;}
.about2 {font-weight:400; line-height:24px; font-size:24px; color:#0198e2;}

.tp-caption.izb {
position:absolute;
height:100%;
width:780px;
padding-top:275px;
}

.tp-caption.sear {width:390px;}

.tp-caption.nadzor {/*width:68%;*/font:bold 20px/54px 'Open Sans';color:#fff;}
.tp-caption.nadzor img {margin:-7px 3px 0 39px;}
.tp-caption.gornja-sjena {background:url(http://hr-sunce.hr/slike/gornja-sjena.png) 0 0 repeat-x;height:329px;width:100%;}
.tp-caption.d-sjena {background:url(http://hr-sunce.hr/slike/dsjena.png) 0 0 repeat-x;height:5px;width:100%;}
.tp-caption.donja-sjena {background:url(http://hr-sunce.hr/slike/donja-sjena.png) 0 0 no-repeat;height:383px;width:885px;font:200 30px 'Open Sans';color:#fff;text-align:center;padding:307px 0 0 0;}


.capt-crno {background:#000; height:50px; width:100%; text-align:center; color:#c5c5c5; font-size:16px; font-weight:400; line-height:50px; margin-bottom:30px;}
.capt-naslov { font-weight:900; font-size:28px; line-height:80px; text-shadow: 0px 2px 0px rgba(0, 0, 0, 1); padding: 0 40px; color:#0198e2}
.inside-capt {padding:78px 0 0 88px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
/*height:100%;*/
height:220px;
}


.inside-capt {padding:78px 0 0 88px;
background: rgba(0,0,0,0.6);
height:220px;
}


.naziv-capt {font-size:24px; line-height:30px; font-weight:600; color:#fff;}
.text-capt {font-size:14px; line-height:24px; font-weight:400; color:#c5c5c5; width:220px; min-height:150px;}
.tp-caption.izb img {position:absolute; left:250px; top:330px;}

a.head-contact {color:#c5c5c5}
i.header-phone {font-size:30px; padding: 15px 20px; margin-top:-20px; color:#E3621F;}

.header-nbr {
    float:left;
    color: #000;
    font-size: 16px;
    font-weight: 200;
margin:0 30px 0 0;
}

.rotator-katalog {font-size:27px; font-weight:400; margin:40px 0; color:#fff; text-shadow: 1px 1px 1px #000; width:100%; text-align:right;}
.input-search {border:none; border-radius:0; background: rgba(0,0,0,0.75); font-size:12px; color:#fff; height:60px;}
.search-btn {background:url(http://hr-sunce.hr/slike/sifra-gumb.png) 0 0 no-repeat; margin-right:90px !important; height:60px;width:140px;border:0px solid #000;}
.search-btn:hover {background:url(http://hr-sunce.hr/slike/sifra-gumb.png) 0 0 no-repeat; border:0px solid #000;}
.search-btn i {color:#e3e3e3;}

.search-btn-down {background:url(http://hr-sunce.hr/slike/sifra-gumb.png) 0 0 no-repeat; margin-left:28px !important; height:60px;width:140px;border:0px solid #000;}
.search-btn-down:hover {background:url(http://hr-sunce.hr/slike/sifra-gumb.png) 0 0 no-repeat; border:0px solid #000;}
.search-btn-down i {color:#e3e3e3;}

.btn-shop-rotator {border:1px solid #0d6cbc; border-radius:6px !important; color:#fff !important;}
.btn-shop-rotator i {font-size:22px;}

.ostale-desno {float:right; padding-bottom:20px; width:320px;}

section.page-top h2 {font-size:27px; font-weight:400; margin:25px 0; color:#fff; border:none; padding:0; text-shadow: 1px 1px 1px #000;}
.product-thumb-info {border-radius:0;}
.product-thumb-info img {margin:0 auto; border-radius:0;}

.toggle.active label a {color:#fff;}
section.toggle > label {font-size:12px; border-radius: 3px;}
section.toggle > label i {font-size:14px;}
ul.nav-list.primary > li a {font-size:12px;}
section.toggle {margin: 0 0 10px 0}

.product-thumb-info h4 {height:2.3em; overflow:hidden; text-align:center; font-weight:400; color:#fff;}

ul.nav-list.primary {margin-bottom:10px;}
ul.nav-list.primary > li:last-child a {border-bottom:none;}
.sidebar2 {margin-left:10px; color:#888;}
.sidebar2 p {font-size:13px;}


div.shop ul.products li.product .onsale2 {
	position: absolute;
	background-image: none;
	border-radius: 0;
	left: auto;
	right: 0;
	top: 15px;
	text-shadow: none;
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	text-align: center;
	z-index: 10;
	box-shadow: none;
	font-size: 0.9em;
	color: #FFF;
	border-bottom: 2px solid transparent;
}
div.shop ul.products li.product .onsale {

	border-radius: 0;
	right: 0;
}

div.shop ul.products li.product .onsale, div.shop ul.products li.product .onsale2 {
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    width: 70px;
}



div.shop ul.products li.product .onsale2 {
	background-color: #ffa442;
	border-bottom-color: #ff4e06;
}

section.toggle2 {
	margin: 10px 0 0;
	position: relative;
	clear: both;
}
section.toggle2 > label {
	-moz-border-radius: 8px;
	-moz-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	-webkit-border-radius: 8px;
	-webkit-transition: all .15s ease-out;
	background: #F4F4F4;
	border-left: 3px solid #CCC;
	border-radius: 3px;
	color: #CCC;
	display: block;
	font-size:12px;
	min-height: 20px;
	padding: 12px 20px 12px 10px;
	position: relative;
	cursor: pointer;
	font-weight: 400;
	transition: all .15s ease-out;
}

section.toggle2 > label a, section.toggle2 > label a:hover  {text-transformation:none;}

section.toggle2 label {
	color: #0197e2;
	border-left-color: #0197e2;
}

section.toggle2.active > label {
	background-color: #0197e2;
	border-color: #0197e2;
	color: #FFF ;
}

section.toggle2.active > label a {color:#fff;}

section.toggle2 > label i {
	font-size: 0.7em;
	margin-right: 8px;
	position: relative;
	top: -1px;
}
section.toggle2 > label i {font-size:14px;}


.nav > li > a:focus {background:transparent;}

.btn-warning {
    background-color: #ff8417;
    border-color: #ff8417;
    color: #fff;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    background-color: #ed9c28;
    border-color: #ed9c28;
    color: #fff;
}

.btn-vise-p {
    background-color: #ff4f07;
    border-color: #ff4f07;
    color: #fff;
}
.btn-vise-p:hover, .btn-vise-p:focus, .btn-vise-p:active, .btn-vise-p.active, .open .dropdown-toggle.btn-vise-p {
    background-color: #ff8417;
    border-color: #ff8417;
    color: #fff;
}

.poc-izd {padding: 40px 0;}
.poc-trokut {position:absolute; bottom:-70px; left:48.5%;}




.effect8
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect8:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}


.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}


.col-md-12.feat {padding:0;}
.feat .owl-prev {background:url("http://hr-sunce.hr/slike/strelica-l.png") 0 0 no-repeat;width:28px;height:53px;float:left;left:-60px;top:60px;position:absolute;}
.feat .owl-prev i, .feat .owl-next i {display:none;}
.feat .owl-next {background:url("http://hr-sunce.hr/slike/strelica-d.png") 0 0 no-repeat;width:28px;height:53px;float:left;right:-60px;top:60px;position:absolute;}

.owl-carousel {width:100%;margin:0 0 35px 0;}

img.grayscale{
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}

img.grayscale:hover{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.nav-stacked > li > a {
color: #fff !important;
background-color: #FBA607 !important;
}

.nav-stacked > li.active > a, .nav-stacked > li > a:hover, .nav-stacked > li > a:focus {
color: #fff !important;
background-color: #F68506 !important;
}

.nav-stacked > li > a {
border-radius: 0px !important;
padding:5px 20px !important;
}

.nav-stacked > li:last-child > a {
border-radius: 0px !important;
padding:5px 20px 15px 20px !important;
}

.nav-stacked > li+li {
margin-top: 0px !important;
margin-left: 0 !important;
}

.nav-stacked i {color:#fff;}

.alert-worning-table {
    background-color: #fff;
    border-color: #F68506;
    color: #F68506;
padding:0;
}

.alert-worning-table table td.padding5 {
padding:5px 0 0 25px;
}

.alert-worning-table table td {
padding:25px;
}

.alert-worning {
    background-color: #FBA607;
    border-color: #F68506;
    color: #fff;
padding:0;
}

.alert-worning h4 {padding:10px 15px 0 15px;}

.full-naslov {display:block;color:#fff;background:#FBA607;width:100%;padding:10px;font:bold 20px 'Open Sans';}
.product-contact-form-div {/*padding:15px 15px 35px 15px;margin:0 0 40px 0;background:#eee;*/}

.editer {position:absolute;top:0;left:0;}

.boost {position:absolute;z-index:111;}

.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

header nav ul.nav-main li:first-child.active a,
header nav ul.nav-main li:first-child a:hover {background:none !important;}


.down-search {background:url(http://hr-sunce.hr/slike/jagode-dolje-200.jpg) 0 0 no-repeat;min-height:150px;padding:45px 0 0 0;}

ul.small-menu-boxes li {float:left;width:50%;}
ul.small-menu-boxes li.odd {border-right:1px solid #FBA607;}
ul.small-menu-boxes li a {padding:0;}
ul.small-menu-boxes li a:hover {background:none;}
ul.small-menu-boxes li a img {display:block;margin:0 auto;}
.small-menu-boxes-naziv {display:block;background:#F68506;font:normal 12px/20px 'Open Sans';color:#fff;padding:3px;text-align:center;}
ul.small-menu-boxes li:hover {background: url(http://hr-sunce.hr/slike/itembox-sjena.png) 0 0 repeat-x;}


.sividio {background:#e40000;color:#fff;padding:10px 15px;font:normal 18px/27px 'Open Sans';min-height:105px;}
.sividio div.round {line-height:22px;float:left;font-size:16px;margin:0 6px 0 0;text-align:center;width:24px;height:24px;font-weight:bold;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background:#fff;color:#f00;}
.crveniborder {border:4px solid #eee;}
.imgbordersivi {border:4px solid #eee;}

.borders-left-right {border-left:1px solid #E2E5E8;border-right:1px solid #E2E5E8;font:200 13px 'Open Sans';min-height:100px;}
.v-center {display:table;table-layout: fixed;height:100px;}
.v-cell {display:table-cell;vertical-align:middle;}
.imagecenter {margin:0 auto;}
.imagecenter2 {margin:0 auto;display:block;}

.bigslova {font:normal 16px 'Open Sans';color:#000;}