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

.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 {background:#FAF9F7;font-size:12px;color:#777;margin:0;padding:8px 15px}

.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:200;text-transform:uppercase}
h2.entry a:link, h2.entry a:visited, h2.entry a:active {color:#555}
h2.entry a:hover, h2.entry a:focus {color:#000;text-decoration:none}

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

/* SPECIFIC */

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

#header .header-top ul.nav-top li a {padding: 4px 6px;}
#footer {margin-top:0;background:#fff url("https://sangreen.eu/slike/sangreen-footer-bg.jpg") bottom right no-repeat !important;border-top:1px solid #ccc}
#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;}
#footer h1, #footer h2, #footer h3, #footer h4, #footer a {color:#000}
#footer .footer-copyright {background:#B7D536 !important;border:0}
#footer .footer-copyright p {color: #fff !important;}
#footer .footer-copyright a:link, #footer .footer-copyright a:visited, #footer .footer-copyright a:active {color:#fff}
#footer .footer-copyright a:hover {color:#000}
#footer p {color:#000}

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

.container-fluid {max-width: 1400px;}
.container-fluid-full {width:100%}

#header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a {background: transparent;padding: 23px 17px 23px;margin: 0px 0 0;}
.podkategorije {width: 100%;position: absolute;min-height: 50px;background: #b7d536;padding-top: 0px;}
.navbar.navbar-default.gornji {margin-bottom: 0;min-height: auto;border-width: 0;}
.navbar-default.gornji {background-color: #b7d536;}
.container-fluidX {font-size: 16px;}
#bs-example-navbar-collapse-1 {padding: 0 !important;}
.container-fluidX a.dropdown-toggle {padding-left:0;padding-right:25px;line-height:14px;}
.container-fluidX li.dropdown {height: 50px;}
.navbar-default.gornji .navbar-nav > li > a {padding-top: 0;padding-bottom: 0;}
.navbar-default .navbar-nav > li > a {color: #000;}
.navbar-default.gornji .navbar-nav > li .dropdown-menu {background: #B7D536;border:0;}
.dropdown-menu > li > a {color: #fff;padding:5px 15px}
.dropdown-menu > li > a:hover {background: #80AA4F;color:#fff}
.navbar-default.gornji .navbar-nav>li>a {color: #fff !important;padding: 14px 12px;font-weight: 200;text-transform: uppercase;}
.navbar-default.gornji .navbar-nav>li>a.gdje-kupiti {color: #fff !important;padding: 15px 12px;font-weight: 200;text-transform: uppercase;}
.navbar-default.gornji .navbar-nav>li.tekst-izbornikdolje {color: #fff !important;font-weight: 700 !important;padding: 12px 40px 12px 12px;font-size: 15px;text-transform: uppercase;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {background-color:#ccc;color:#000;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color:#000;}
.navbar-default.gornji .navbar-nav > li > a > i {padding:0 0 0 5px;}
.dropdown:hover .dropdown-menu {display: block;margin-top: 0;}
#header .header-nav.header-nav-stripe nav > ul > li > a {color: #997919;font-weight: 300;font-size: 1.4em;}
#header .header-nav.header-nav-stripe nav > ul > li:not(:hover).active > a {color: #997919;font-weight: 600;}
#header .header-nav.header-nav-stripe nav > ul > li:hover.active > a {color: #997919;font-weight: 600;}
#header .header-nav.header-nav-stripe nav > ul > li:hover > a {color: #997919;background: #FAF9F7;}
.okotrazi .trazi {background: #fff;width: 100%;}
.trazibutton {float: right;padding: 10px 12px;width: 24%;border: none 0;border-radius: 0;min-height: 50px;}
.form-control.traziinput {position: relative;z-index: 10;}
.form-control.traziinput {background: none;border: none 0;min-height: 50px;padding: 6px 12px;font-size: 13px;width: 76%;color: #555;border: 0px solid #ccc;border-radius: 0px;}
#header .header-body {background: #FFF;border-top: 0px solid #EDEDED;border-bottom: 0px solid transparent;padding: 0px 0px;width: 100%;z-index: 1001;}
#header .header-top {background-color: #fff;border-bottom: 1px solid #ededed;margin-top: 0px;padding: 2px 0;position: relative;z-index: 4;}
#header .header-logo img {margin: 1px 15px 2px 0;max-width: 380px;top: 0;}
#header .header-nav.header-nav-stripe nav > ul > li.mega-menu-shop > a {color: #bcd84c;font-weight: 600;font-size: 1.2em;text-align: right;}
#header-cart .broj-dodanih {background: #b79735;color: #fff;font-size: 13px !important;font-weight: 500;text-transform: none !important;padding: 3px 12px 4px;}
.narudzbe-header {font-size: 1.1em;color: #b7d536;font-weight: 500;text-transform: uppercase;vertical-align: middle;margin-top: 28px;}
.narudzbe-header span {color: #c5c5c4;}
.jezici-gore {margin-top: 25px;}
#socials {margin:0; padding:0;}
#socials a div {display:inline-block; margin-top:28px; margin-bottom:2px;}
#socials-dolje {margin:0; padding:0;}
#socials-dolje a div {display:inline-block; margin-top:0px; margin-bottom:0px;}
#twitter {width:31px; height:31px; background: url("https://sangreen.eu/slike/twitter-gore.jpg") top left no-repeat;}
#twitter:hover {opacity:0.7}
#facebook {width:31px; height:31px; background: url("https://sangreen.eu/slike/facebook-gore.jpg") top left no-repeat;}
#facebook:hover {opacity:0.7}
#google {width:31px; height:31px; background: url("https://sangreen.eu/slike/google-gore.jpg") top left no-repeat;}
#google:hover {opacity:0.7}


#rss {width:31px; height:31px; background: url("https://sangreen.eu/slike/rss-gore.jpg") top left no-repeat;}
#rss:hover {opacity:0.7}



#header .header-nav-top .nav > li > a:hover, #header .header-nav-top .nav > li > a a:focus {background: #fff;}
.profil-ikona i {padding: 8px 8px 8px;background: #b7d536;color: #fff;margin-top: 2px;}
.profil-ikona {float: left;}
.prijava-gore {margin-top: 26px;}
#header .header-top ul.nav-top li a {padding: 4px 2px;color: #b3b3b3;}
#header .header-top .header-nav-top {margin-right: 0px;}
.logo-dolje {display: none;}
img.besplatna-dostava-gumb {position:relative; top:96px; left: -14%; z-index: 999; float: right; max-width: 205px; height: auto;}
#header .header-nav-main nav > ul > li > a.dropdown-toggle:after {display: none;}
.tp-bgimg {margin-top: 50px;}
#header .header-nav-main.header-nav-main-square {margin-bottom: 0px;}
#header .header-nav-main {margin: 0px 0 0;float: left;width: 100%;}
.mega-menu-shop {float: right !important;}
#header .header-nav.header-nav-stripe {margin-bottom: 0px;}
#header .header-column {display: block;}
#header .header-nav.header-nav-stripe nav > ul > li > a.dropdown-toggle, #header .header-nav.header-nav-stripe nav > ul > li:hover > a.dropdown-toggle {padding-right: 15px;}
#header .header-nav.header-nav-stripe nav > ul > li.mega-menu-shop:hover > a {color: #997919;background: none !important;}
#header .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu {margin-top: 0px;}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {border: 1px solid #fff;color: #000;text-transform: uppercase;font-weight: 600;font-size: 1.1em;padding:0}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {border:0;min-width:550px}
#header .header-nav-top .dropdown-menu a:hover {background:#FAF9F7}
#header .header-nav-main nav > ul > li.dropdown .zdravlje-menu {min-width:250px}
.oproizvodima-menu {min-width:167px}

.page-header {background:#80AA4F url('https://sangreen.eu/slike/page-header-bg.jpg') no-repeat center center;border:0;min-height:220px}
.page-header h2 {border:0}
.page-header h1 {border:0}

.product-thumb-info {border-radius:0;background:transparent; border: 0px;}
.product-thumb-info .product-thumb-info-image::before {border-radius:0;background:transparent}
.product-thumb-info .product-thumb-info-act {background:#b7d536;padding:10px;color:#fff;width:100%;margin:0 auto}
.product-thumb-info-list {list-style-type:none}
.product-cart-icon {padding:10px}
.product-thumb-info .product-thumb-info-content {background:transparent; padding: 10px;}
.product-title {text-align:center;font-weight:600;font-size:1.2em;line-height:24px;height:50px}
.product-title a:link, .product-title a:visited, .product-title a:active {color:#000}
.product-title a:hover {color:#000}
.product-thumb-info img {border-radius:0}
.product-thumb-info .btn {padding:10px 20px;font-weight:400;font-size:14px; border: 0px !important;}
.product-box-cijena {color: #d21023; font-weight: 700; font-size: 1.2em;}

a.gumb-ikona {margin-left: -4px !important;padding: 8px 12px !important;font-size:17px !important;}
a.gumb-tekst {margin-left: 4px !important;}

#footer a:link, #footer a:visited, #footer a:active {color: #000;text-decoration: none;}
#footer h1, #footer h2, #footer h3, #footer h4 {font-size: 18px;font-weight: 600;}
html .heading-primary, html .lnk-primary, html .text-color-primary {color: #B79735 !important;}
.footer-lista {margin: 0;list-style-type: none;padding: 0;}
#footer {margin-top:0;background:#fff;border:0; font-size: 1em; font-weight: 300; color: #000;}
#footer ul.simple-post-list li {padding:5px 0; border:none;}
#footer .contact i {float:left; margin:7px 10px 10px 0;}
#footer ul.simple-post-list .post-meta {font-style:italic; font-size:1em;}
#footer .footer-copyright {background:#0183ce;border:0;margin:0;padding:30px 0 20px;margin:50px 0 0 0}
#footer .footer-copyright p {color:#fff}
#footer .footer-copyright nav ul {font-size:11px}
#footer .footer-copyright nav ul li {border-left:1px solid #80AA4F}
#footer .footer-copyright nav img {margin-top:-8px}
#footer form {opacity:1}
#footer .container .row > div {margin-bottom: 10px;}
.footer-lista {margin:0;list-style-type:none;padding:0}

.payway-m {float: left;margin: 0 10px 10px 0;}
.news-blok {padding: 20px;background: #eee;}
.form-control {height: 50px;font-size: 16px;border: 0px;background: #FAF9F7;}
.slider-container {background:#fff}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background:#80AA4F}

.col-md-custom-8 {width: 25%;float: left;}
.slika-padajuci {float:left;margin:0 5px 0 0}
.naslov-padajuci {line-height: 18px;}
.border-s-sivi {margin:0;line-height:75px}
.border-s-sivi a {width:100%;height:75px;display:block;text-decoration:none}
.kategorije-izbor {padding: 15px}
.kategorije-izbor li {height: 75px;border: 1px solid #fff !important;}
.kategorije-izbor li:hover {border: 1px solid #ddd !important;}
.naslov-proizvodi-poc h3 {background: #faf8f7;color: #b79735;text-transform: uppercase;padding: 26px;font-weight: 300;text-align: center;font-size: 2.4em;line-height: 32px;border-bottom:1px solid #eee}
.naslov-proizvodi-poc h3 img {margin-top: -5px;}
.blog-bg {background:#FAF9F7;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:0 0 100px 0;margin:100px 0 30px 0}
.blog-novosti-naslov {color: #b79735;text-transform: uppercase;font-weight: 300;text-align: center;font-size: 2.4em;line-height: 32px;padding:50px 0}
.usluge-text-box {padding:30px;background:#fff}
.usluge-text-box a {color:#000;text-decoration:none}
.usluge-naslov {height:80px; font-size:18px;line-height:24px;font-weight:800;color:#000;overflow:hidden;}
.usluge-tekst {height:120px;line-height:24px; font-size:14px;font-weight:300;color:#222;overflow:hidden;margin:0}
.google-map-borders {border:0;padding:0}
.dropdown-menu {padding:0}
.page-header .breadcrumb {margin:100px 0 0 0;color:#d8dfb7}
.page-header .breadcrumb a:link, .page-header .breadcrumb a:visited, .page-header .breadcrumb a:active {color:#d8dfb7;text-decoration:none}
.page-header .breadcrumb a:hover {color:#fff}
#etalage .etalage_thumb {border:0}
.bread-bg {background:#FAF9F7;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:100px 0 30px 0}
.zdravlje-menu {background:#B7D536;}
.zdravlje-naslov {color:#fff;display:block;padding:5px 15px;}
.zdravlje-naslov:hover {background:#80AA4F;}
.zdravlje-menu a {text-decoration:none}
.navbar-nav > li > .dropdown-menu {padding:15px}

.owl-carousel .owl-nav {margin:0;top:-90px;width:11%;float:right;right:40px}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {width:45px;height:45px}
.owl-carousel .owl-nav [class*="owl-"] {background:#dadada;color:#fff;text-shadow:none}
.owl-carousel .owl-nav [class*="owl-"]:hover {background:#ccc !important;color:#fff;text-shadow:none}
.owl-carousel .owl-nav .owl-prev::before {left:-1px;top:20%}
.owl-carousel .owl-nav .owl-next::before {left:1px;top:20%}
.novosti-owl .owl-nav .owl-prev {top: 33px;}
.novosti-owl .owl-nav .owl-next {top: 33px;}
.owl-carousel.show-nav-title .owl-nav .owl-prev, .owl-carousel.show-nav-title .owl-nav .owl-prev:hover {left: -174px;width: 45px;}
.owl-carousel.show-nav-title .owl-nav .owl-next, .owl-carousel.show-nav-title .owl-nav .owl-next:hover {width: 45px;left: -90px;}
.owl-carousel.show-nav-title .owl-nav .owl-prev {background:#dadada !important;color:#fff !important}
.owl-carousel.show-nav-title .owl-nav .owl-next {background:#dadada !important;color:#fff !important}
.owl-carousel.show-nav-title .owl-nav .owl-prev:hover {background:#ccc !important;}
.owl-carousel.show-nav-title .owl-nav .owl-next:hover {background:#ccc !important;}
.owl-carousel.show-nav-title .owl-nav {margin-top: -95px;}
.full-width {width:100%;}
.btn-novost {background:#B7D536;color:#fff !important;padding:10px 30px;font-size:16px;font-weight:400}
.btn-novost:hover {background:#B7D536;color:#fff}
html .btn-primary:hover {color:#fff}
.modal-dialog {margin:5% auto}
.popup-newseltter-box {background-color:#B7D536 !important;border:0;color:#fff;font-size:16px;height:400px}
.popup-newseltter-box a {color:#fff}
.modal1-footer button {float:right; margin-right:35px}
.popup-naslov {font-siZe:22px;font-weight:700}
.bijelo-polje {background:#fff}
.btn-primary-border {background:transparent;border:1px solid #fff}
.btn-primary-border:hover {background:#80AA4F;border:1px solid #80AA4F;color:#fff}
.slika-popup-news {top:100px}
.tablica-entry {margin:10px 0}
.tablica-entry td {border:1px solid #ccc}
ul.payment-steps li.active::after {background:#B7D536;border:0}
ul.payment-steps li.active {background:#B7D536;border:0}
ul.payment-steps {border:0}
ul.payment-steps li a {color:#FAEBCC}
.tp-bannertimer {display:none}
.slider-container .main-label {font-size:52px !important;line-height:65px !important}
.slider-container .bottom-label {font-size:24px !important;line-height:40px !important;font-weight:400 !important;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.15)}
.tparrows {display:none !important}
.panel-title {font-size:18px;text-transform:uppercase;font-weight:600;padding:0 15px}
.panel-group .panel-heading a {color:#80AA4F}
.panel-body {padding:0 15px !important}
.tab-mjesta-naslov {font-size:12px !important;font-weight:700;color:#80AA4F !important;text-transform:uppercase;padding:5px !important}
.nav-tabs li a {background:#fff;border-bottom:1px solid #eee;border-top:0;border-left:0;border-right:0}
.nav-tabs li a:hover {background:#B7D536;color:#fff !important;border-bottom:1px solid #eee;border-top:0;border-left:0;border-right:0}
html body .tabs .nav-tabs li.active a, html.dark body .tabs .nav-tabs li.active a {border-bottom:0;border-top:0;background:#B7D536;color:#fff !important}
.nav-tabs-nb {border:0 !important}
.tab-nb {margin-top:15px}
.link-slider {width:100%;height:100%;display:block;position:relative;z-index:50}
.shop ul.products .product .price {height:80px}
.shop ul.products .product .onsale {font-weight:800}



.navbar {
    border: 0px solid transparent;
}


.container-fluidX a.dropdown-toggle {
    line-height: 22px;
}

.checkbox, .radio {
    margin-top: 0px;
}