/* UNIVERSAL */


.clear {clear:both; height:0px;}
.clear5 {clear:both; height:5px;}
.clear10 {clear:both; height:10px;}
.clear15 {clear:both; height:15px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear50 {clear:both; height:50px;}
.clear60 {clear:both; height:60px;}

.marginright5 {margin-right:5px;}
.marginbottom5 {margin-bottom:5px;}
.marginbottom10 {margin-bottom:10px;}
.marginbottom30 {margin-bottom:30px;}
.marginbottom15 {margin-bottom:15px;}

a:link, a:visited, a:active {text-decoration: none !important;}
a:hover {text-decoration: none !important;}

.slikavervita {border:1px solid #ddd; border-radius:3px;}

.img-center {margin: 0 auto !important; float:none !important; text-align:center !important; position:relative !important;}

.noradi {border-radius:0 !important}

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

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

.breadcrumb {
    background-color: transparent;
    border-radius: 0px;
    list-style: outside none none;
    margin-bottom: 20px;
    padding: 0;
}
.breadcrumb > li + li::before {content: none}
.breadcrumb {font-size:12px;}

.glavna-tekst {text-align:left;}
.glavna-tekst p {margin-bottom:1.8em;}
.glavna-tekst ul {margin-bottom:1.8em;}
.glavna-tekst ol {margin-bottom:1.8em;}
.glavna-tekst img {display:block; max-width:100%; height:auto;}

.cart5error .help-block {color:#d2322d;}
.error_message p {font-size:0.8em; color:#d2322d;}
.success_message p {font-size:2em; font-weight:700; color:#67d187;}
.success_message2 p {font-size:2em; font-weight:700; color:#67d187;}
.alert-darksuccess {background-color: #d6e9c6;border-color: #d6e9c6;border-radius: 0;color: #3c763d;}


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:400 !important; margin:0 0 10px 0 !important; paadding:0 !important; font-size:26px !important; line-height:1.2em;}

a.bijeliuheaderu:link, a.bijeliuheaderu:visited, a.bijeliuheaderu:active {color: #fff !important; text-decoration: none !important; font-weight:700 !important;}
a.bijeliuheaderu:hover {color: #fff !important; text-decoration: none !important; background:#00882C !important;}

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

a.crveni:link, a.crveni:visited, a.crveni:active {color: #e30015 !important; text-decoration: none !important;}
a.crveni:hover {color: #e30015 !important; text-decoration: none !important;}

a.crni:link, a.crni:visited, a.crni:active {color: #000 !important; text-decoration: none !important;}
a.crni:hover {color: #000 !important; text-decoration: none !important;}

a.narancasti:link, a.narancasti:visited, a.narancasti:active {color: #f58b01 !important; text-decoration: none !important;}
a.narancasti:hover {color: #f58b01 !important; text-decoration: none !important;}

a.zeleni:link, a.zeleni:visited, a.zeleni:active {color: #00882C !important; text-decoration: none !important;}
a.zeleni:hover {color: #00882C !important; text-decoration: none !important;}

ol, ul {
    margin-bottom: 20px;
    margin-top: 0;
}

/* fix za blurry owl images */

.owl-carousel .owl-item img {transform-style:flat; -webkit-backface-visibility: hidden;}

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


/* Ovo je za videe embedane u wygwam, dodan je js plugin za wygwam koji oko videa automatski stavi div video-container */
.video-container {
	padding-top: 25px;
	padding-bottom: 50.5%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	height: 0;
}

.video-container.vimeo {
	padding-top: 0;
	padding-bottom: 56.4%;
}

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


html .alert-svjetlozeleni {
    background-color: #98C700;
    border-color: #8bb505;
    color: #fff;
}
.alert2 {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 10px 15px;
}

/* SPECIFIC */

/* IZ STAROG CSSA START */
.negativnamargina15bokovi {margin-left:-15px !important; margin-right:-15px !important;}
.negativnamargina25gore {margin-top:-25px !important; }

h3.boxevipocetnanaslov {font-size:16px; font-weight:700; line-height:16px; color:#e30015; text-align:center; letter-spacing:0; text-transform:uppercase; margin:0 !important; padding:5px 0 40px 0 !important; height:88px;}
h3.boxevipocetnanaslov a:link, h3.boxevipocetnanaslov a:visited, h3.boxevipocetnanaslov a:active {color: #e30015 !important; text-decoration: none !important;}
h3.boxevipocetnanaslov a:hover {color: #e30015 !important; text-decoration: none !important;}

h3.boxevipocetnanaslov2 {font-size:14px; font-weight:700; line-height:1.2em; color:#00882C; text-align:center; letter-spacing:0; text-transform:uppercase; margin:0 !important; padding:5px 0 0 0 !important; height:80px; min-height:80px; overflow:hidden;}
h3.boxevipocetnanaslov2 a:link, h3.boxevipocetnanaslov2 a:visited, h3.boxevipocetnanaslov2 a:active {color: #00882C !important; text-decoration: none !important;}
h3.boxevipocetnanaslov2 a:hover {color: #98C700 !important; text-decoration: none !important;}

h2.boxeviproizvodinaslov {font-size:16px; font-weight:700; line-height:1.2em; color:#00882C; text-align:left; letter-spacing:0; text-transform:uppercase; margin:15px 0 0 0 !important; padding:0 10px !important; height:40px; min-height:40px; overflow:hidden;}
h2.boxeviproizvodinaslov a:link, h2.boxeviproizvodinaslov a:visited, h2.boxeviproizvodinaslov a:active {color: #00882C !important; text-decoration: none !important;}
h2.boxeviproizvodinaslov a:hover {color: #98C700 !important; text-decoration: none !important;}

h2.boxeviproizvodinaslov2 {font-size:16px; font-weight:700; line-height:1.2em; color:#00882C; text-align:left; letter-spacing:0; text-transform:uppercase; margin:0 !important; padding:0 10px !important; height:40px; min-height:40px; overflow:hidden;}
h2.boxeviproizvodinaslov2 a:link, h2.boxeviproizvodinaslov2 a:visited, h2.boxeviproizvodinaslov2 a:active {color: #00882C !important; text-decoration: none !important;}
h2.boxeviproizvodinaslov2 a:hover {color: #98C700 !important; text-decoration: none !important;}

p.proizvodiuvodnitext {height:95px; min-height:95px; overflow:hidden;}
.gumbvisemreza {width:100%; padding:10px 0;}
.paddingpagi {margin-left:30px !important;}
/* IZ STAROG CSSA END */
#header .header-body {background:#7fba00; border:0;}
#header .header-logo img {margin:0;}
#header .header-top.header-top-colored {background-color:#ffde2f; padding: 7px 0 2px 0 !important; border:none !important;}
#header .header-top.header-top-colored p { text-align:center !important; float:none !important;}
#header .header-top.header-top-colored p, #header .header-top.header-top-colored a, #header .header-top.header-top-colored span {color:#000; font-weight:600}
#header .header-top.header-top-colored a:hover {color:#777;}
#header .header-top.header-top-colored .fa {margin-left:15px}
#header .header-top.header-top-colored .fa:first-child {margin-left:0}
.header-extra-info .feature-box .feature-box-icon {
    float: right;
    margin-right: 0;
    margin-left: 10px;
    border: none !important;
}
.header-extra-info .feature-box .feature-box-info {
    padding-left: 0;
    padding-right: 50px;
    text-align:right;
    position:relative;
    top:-3px;
}
.header-extra-info .feature-box .feature-box-info p {
	margin-bottom:0px;
    font-weight:600;
    color:#ffde2f;
}
.header-extra-info .feature-box .feature-box-info h4 {
	margin-bottom:20px !important;
    font-weight:600;
    color:#fff;
    line-height:20px;
}

.header-extra-info .img-phone {
	margin-top:-12px;
}

.header-extra-info .img-cog {
	margin-top:-4px;
}

#header a.socialiconscustom {
    height: 60px;
    width: 60px;
    display: block;
    text-align: center;
    line-height: 60px;
    color: #fff;
    border: 2px solid #fff;
    font-size: 20px;
    border-radius: 100%;
}

#header .social-icons-facebook {position:relative; top:-20px;}
#header .social-icons-youtube {position:relative; top:-20px;}
#header .social-icons-instagram {position:relative; top:-20px;}

#header .header-search .btn-primary {
    border: 0 none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

#header .header-search .btn-primary {font-size:13px; font-weight:600; padding:8px 12px; line-height:29px;}
#header .header-search .form-control {width:350px; max-width:100%; height:44px; font-size:1em;}
#header .header-search {float:left; margin:12px 0 4px 50px;}


#footer {background:#017c44; margin-top:0; border:none; color:#fff; font-size:16px;}
#footer p {color:#fff;}
#footer a {color:#fff;}

#footer .footer-copyright {background:transparent; border:none; margin:0; padding:0;}

.footernaslov {color:#fff; font-size:36px; font-weight:800; margin-bottom:30px;}

#footer a.socialiconscustom {
    height: 60px;
    width: 60px;
    display: block;
    text-align: center;
    line-height: 60px;
    color: #fff;
    border: 2px solid #fff;
    font-size: 20px;
    border-radius: 100%;
}
.social-icons-footer {
	list-style: outside none none;
    margin: 24px 0 0;
    padding: 0;
    float: left;
}

.social-icons-footer li {
    display: inline-block;
    margin-right: 25px;
}

#footer .footer-copyright p {color:#fff;}
.footerborder {border-top:1px solid #4ea37c; padding-top:35px;}
.slider .owl-carousel {margin-bottom:0;}
.kategorije {padding-top:20px;}
.pocetnanaslov {font-size:20px; font-weight:800; color:#017c44; margin-bottom:0px;}
.btn-poc {
	border-radius:20px;
	color:#fff;
    font-weight:600;
    padding:10px 20px;
	background: linear-gradient(to right,  rgba(130,187,6,1) 0%,rgba(1,124,68,1) 100%);
}
.btn-poc:hover {color:#fff; background: linear-gradient(to right,  rgba(1,124,68,1) 0%,rgba(1,124,68,1) 100%);}

ul.boxes {list-style-type:none; margin-top: 65px; padding-inline-start: 0;}
.poc-katbg {
	border-radius:20px;
    background: linear-gradient(to right,  rgba(130,187,6,1) 0%,rgba(1,124,68,1) 100%);
    text-align:center;
    position:relative;
    padding-bottom:20px;
    margin-bottom:80px;
}
.poc-katimg {top:-40px; position:relative;}
h3.boxevipocetnanaslov {color:#fff; line-height:55px; font-size:20px; overflow:hidden; font-weight:800; letter-spacing:0.5px; margin-bottom:10px;}
.varijacijeboje {padding:0 15px; text-align:left; height:30px; overflow:hidden;}
.varijacijeboje img {border-radius:0 !important;}
.slikaboja {float:left; margin:0 5px 5px 0; border:1px solid #000;}

.tekstprekoslikeakcija {font-weight:700 !important; color: #e30015 !important; font-size:16px !important; position:absolute; width:100%; left:0%; top:70px; text-align:center; text-shadow: 0 0 10px #fff; transform: rotate(-10deg);}

.product-thumb-info .product-thumb-info-content {background:#fff;}
.product-thumb-info {background:#fff; border:1px solid #ddd !important; border-radius:0 !important;}

.product-title a {color:#000;}
.product-title a:hover {color:#333;}

.product-actions a.posaljiupit, .product-actions a.brzipregled, .product-actions button.posaljiupit, .product-actions button.brzipregled {
	font-size: 17px;
	height: 38px;
	width: 40px;
	line-height: 38px;
	background-color: transparent;
	visibility: hidden;
	opacity: 0;
}
.hide-addtolinks .product-actions a.posaljiupit, .hide-addtolinks .product-actions a.brzipregled, .hide-addtolinks .product-actions button.posaljiupit, .hide-addtolinks .product-actions button.brzipregled {
	display: none;
}
.product-actions a.posaljiupit, .product-actions button.posaljiupit {
	right: -37px;
	color: #ed4949;
	border: 1px solid #ed4949;
}
.product-actions a.posaljiupit:hover, .product-actions button.posaljiupit:hover {
	color: #fff;
	background-color: #ed4949;
}
.product:hover .product-actions a.posaljiupit, .product:hover .product-actions button.posaljiupit {
	visibility: visible;
	opacity: 1;
	right: 0;
}
.product-actions a.brzipregled, .product-actions button.brzipregled {
	left: -37px;
	color: #52b9b5;
	border: 1px solid #52b9b5;
}
.product-actions a.brzipregled:hover, .product-actions button.brzipregled:hover {
	color: #fff;
	background-color: #52b9b5;
}
.product:hover .product-actions a.brzipregled, .product:hover .product-actions button.brzipregled {
	visibility: visible;
	opacity: 1;
	left: 0;
}

.product-actions .add_to_cart {
	color: #333;
	background-color: #fff;
	font-size: 14px;
	padding: 0 10px 0 8px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #ccc;
}
.product-actions .add_to_cart i {
	font-size: 15px;
	margin-right: 2px;
}
.product:hover .product-actions .add_to_cart {
	background-color: #3b3b3b;
	border-color: #3b3b3b;
	color: #fff;
}
.product-actions addtocart.outofstock {
	padding: 0 10px;
	cursor: default;
}
.product:hover .product-actions .add_to_cart.outofstock {
	color: #333 !important;
	background-color: #fff !important;
	border-color: #ccc !important;
}

.product.product-list .product-actions .add_to_cart {
	background-color: #3b3b3b;
	border-color: #3b3b3b;
	color: #fff;
}

.product .product-details-area {
    padding: 10px;
    text-align: center;
}
.product .product-details-area .product-actions {
    margin: 0 -10px;
}

.product .price {font-weight:600; font-size:20px; line-height:24px; overflow:hidden; color:#7fba00}
.product .price del {color:#aaa; margin-left:20px;},

.product-thumb-info img {border-radius:0;}
.product-thumb-info .product-thumb-info-image:before {border-radius:0;}
.product .outofstock {width:auto !important;}


.tabs-pocetna .tab-content {
    border-radius: 0;
    box-shadow: none;
    background-color: #FFF;
    border: none;
    border-top: 0;
    padding: 0;
}
.tabs-pocetna .nav.nav-tabs {margin-bottom:40px; border-bottom:1px solid #ddd;}

.tabs-pocetna .nav-tabs li a {border-radius:30px 30px 0 0; color:#000 !important; text-transform:uppercase; font-size:20px; font-weight:600; padding:25px 70px; border:none; background:#eee; border:1px solid #ddd !important; border-bottom:none !important;}
.tabs-pocetna .nav-tabs li.active a {border:none; background: linear-gradient(to bottom,  rgba(150,197,48,1) 0%,rgba(133,189,12,1) 100%); color:#fff !important; border-bottom:none;}
.tabs-pocetna .nav-tabs li a {margin-right:5px;}
.tabs-pocetna .nav-tabs>li {margin-bottom: 0px;}

 .btn-blog-poc {color:#fff; border-radius:30px; padding: 10px 10px; border:none; text-transform:uppercase; font-weight:600; margin-top:30px;}

.poc-blog-holder {background-color:#fff; border-radius:30px; margin-bottom:40px; position:relative;}
.poc-blog-holder img {border-radius:30px;}
.blog-channel {text-transform:uppercase; color:#52a418; font-weight:600; font-size:14px; text-align:left;}
.blog-naslov {color:#000; font-weight:600; font-size:16px; line-height:20px; height:40px; overflow:hidden; text-align:left;}
.poc-blog-holder .btn-secondary {background:#f2cc01; color:#000; border-radius:20px; border:none !important; font-weight:600; text-transform:uppercase; padding:10px 20px; position:relative; bottom:-50px;}
.poc-blog-holder .btn-secondary:hover {background:#f0d43e; border:none !important; color:#000;}

.poc-blog-text {padding:30px; text-align:center;}
.naslov-blog {color:#fff; margin-bottom:40px;}