@import url(https://fonts.googleapis.com/css?family=Crete+Round:400,400i|Open+Sans:300,400,600,700,800&subset=latin-ext);
/* @import url(https://fonts.googleapis.com/css?family=Crete+Round:400,400i&subset=latin-ext); */
@import url(https://fonts.googleapis.com/css2?family=Cabin:wght@500;600;700&display=swap);
*,*:before,*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {font-family: sans-serif; /* 1 */-ms-text-size-adjust: 100%; /* 2 */-webkit-text-size-adjust: 100%; /* 2 */}
/*** Remove default margin. */
body {margin: 0;font-family: 'Open Sans', sans-serif;font-size: 15px;font-weight: 400;background: #fff;}
input:focus,select:focus,textarea:focus,button:focus {outline: none;}
/* HTML5 display definitions ====== */
/*** Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
/*** 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio,canvas,progress,video {display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */}
/*** Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */
audio:not([controls]) {display: none;height: 0;}
/*** Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden],template {display: none;}
/* Links ============ */
/** Remove the gray background color from active links in IE 10.*/
a {background-color: transparent;outline: none;}
/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover, a:focus {outline: none;}
/* Text-level semantics ===================== */
/*** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] {border-bottom: 1px dotted;}
/*** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b,strong {font-weight: bold;}
/*** Address styling not present in Safari and Chrome. */
dfn {font-style: italic;}
/*** Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */
h1 {font-size: 2em;margin: 0.67em 0;}
/*** Address styling not present in IE 8/9. */
mark {background: #ff0;color: #000;}
/*** Address inconsistent and variable font size in all browsers. */
small {font-size: 80%;}
/*** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
/* Embedded content ===================================== */
/*** Remove border when inside `a` element in IE 8/9/10. */
img {border: 0;max-width: 100%;}
/*** Correct overflow not hidden in IE 9/10/11.*/
svg:not(:root) {overflow: hidden;}
/* Grouping content ================================== */
/*** Address margin not present in IE 8/9 and Safari. */
figure {margin: 1em 40px;}
/*** Address differences between Firefox and other browsers.*/
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
/*** Contain overflow in all browsers.*/
pre {overflow: auto;}
/*** Address odd `em`-unit font size rendering in all browsers.*/
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
/* Forms ======================================== */
/*** Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,input,optgroup,select,textarea {color: inherit; /* 1 */
  font: inherit; /* 2 */margin: 0; /* 3 */}
/*** Address `overflow` set to `hidden` in IE 8/9/10/11.*/
button {overflow: visible;}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,select {text-transform: none;}
/*** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others. */
button,html input[type="button"], /* 1 */input[type="reset"],
input[type="submit"] {
  appearance: button;
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */}
/*** input color placeholder */
::-webkit-input-placeholder { color: #929292; opacity: 1 !important; }
:-moz-placeholder { color: #929292; opacity: 1;}
::-moz-placeholder {color: #929292; opacity: 1;}
:-ms-input-placeholder {color: #929292;}
/*** Re-set default cursor for disabled elements. */
button[disabled],html input[disabled] {cursor: default;}
/*** Remove inner padding and border in Firefox 4+.*/
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
/*** Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */
input {line-height: normal;}
/*** It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width.
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */}
/*** Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
/*** 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] {appearance: textfield; -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;}
/*** Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
/*** Define consistent border, margin, and padding. */
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
/*** 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend {border: 0; /* 1 */padding: 0; /* 2 */}
/*** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea {overflow: auto;}
/*** Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup {font-weight: bold;}
/* Tables ================================ */
/*** Remove most spacing between table cells. */
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {position: relative;width: 100%;max-width: 1350px;margin: 0 auto;padding: 10px;box-sizing: border-box;}
/* For devices larger than 400px */
@media (min-width: 1350px) {
  .container {width: 100%;padding:0;}
}
/* Base Style –––––––––––––––––––––––––––––––––––––––– */
/* NOTE html is set to 62.5% so that all the REM measurements throughout Skeleton are based on 10px sizing. So basically 1.5rem = 15px :) */
html {font-size: 62.5%; }
img {
    object-fit:contain;
}
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {margin-top: 0;margin-bottom: 5px;font-weight: 700;color:#1a1a18;font-family: 'Cabin', sans-serif;/*font-family: 'Crete Round', serif;*/}
h1 { font-size: 28px; line-height: 1.4;letter-spacing: .02rem; margin-bottom:10px;}
h2 { font-size: 25px; line-height: 1.4;letter-spacing: .02rem; }
h3 { font-size: 24px; line-height: 28px;letter-spacing: .02rem; }
h4 { font-size: 20px; line-height: 24px;letter-spacing: .02rem; }
h5 { font-size: 16px; line-height: 20px;letter-spacing: .02rem; }
h6 { font-size: 14px; line-height: 18px;letter-spacing: .02rem; }
p {margin-top: 0;font-family: 'Open Sans', sans-serif;color:#313131;font-size: 17px;line-height: 25px;font-weight: 400; }
/* Male naredbe za formatiranje
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.center {text-align: center; padding-bottom: 6px}
.center-desktop {text-align: center; padding-bottom: 6px}
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {color: #eb5d1d;text-decoration: none;transition:all 0.3s ease; }
a:hover {color: #1a1a18;text-decoration: none;  }
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,button,input[type="submit"],input[type="reset"],
input[type="button"] {display: inline-block;height: 50px;width: 100%;padding: 0 30px;color: #fff;text-align: center;font-size: 21px;line-height: 24px;font-weight: 600;letter-spacing:2;text-decoration: none;white-space: nowrap;background-color: #1CA02B;border: 1px solid #1CA02B;cursor: pointer;transition:all 0.3s ease;box-sizing: border-box;margin:8px 0 0 0; }
.button:hover,button:hover,input[type="submit"]:hover,
input[type="reset"]:hover,input[type="button"]:hover,
.button:focus,button:focus,input[type="submit"]:focus,
input[type="reset"]:focus,input[type="button"]:focus {
  color: #fff;border-color: #eb5d1d;background: #eb5d1d;outline: none; }
.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;background-color: #1C567B;border-color: #1C567B; }
.button.button-primary:hover,button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;background-color: #1EAEDB;border-color: #1EAEDB; }

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],input[type="number"],input[type="search"],
input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea,select {height: 35px;width: 100%;text-align: left;padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */background-color: #fff;border: 1px solid #eee;box-shadow: none;box-sizing: border-box; border-radius: 6px; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],input[type="number"],input[type="search"],
input[type="text"],input[type="tel"],
input[type="url"],input[type="password"],
textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none; }
textarea {min-height: 85px;padding: 10px;border: 1px solid #eee; }
input[type="email"]:focus,input[type="number"]:focus,
input[type="search"]:focus,input[type="text"]:focus,
input[type="tel"]:focus,input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus {border: 1px solid #eb5d1d;outline: none; }
label,legend {margin-bottom: 7px;font-weight: 400;color:#4d4d4d;font-family: 'Open Sans', sans-serif; }
fieldset {padding: 0;border-width: 0; }
input[type="checkbox"],input[type="radio"] {display: inline;margin-right: 1px;height: 18px;width: 18px;vertical-align: sub;accent-color: #eb5d1d;margin-bottom: 10px; margin-top: 2px; cursor: pointer;
}
.radio-label-as-list {display: flex;  align-items: flex-start;  cursor: pointer;  position: relative;  padding-left: 25px;  line-height: 1.4;  margin-top: -30px;}


label > .label-body {display: inline-block;margin-left: .5rem;font-weight: normal; }
/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {list-style-type: square;list-style-position: outside; }
ul li::marker {color:#eb5d1d; font-size: larger;}
ol {list-style: decimal outside;list-style-position: outside; }
ol li::marker {color:#eb5d1d; font-size: larger; font-weight: 900;}
ol, ul {padding-left: 35px;margin-top: 0; }
ul ul,ul ol,ol ol,ol ul {font-size: 100%; }
li {margin-bottom: 6px;color:#313131;font-size:16px;line-height:24px; }
/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th, td {padding: 12px 15px;text-align: left;border-bottom: 1px solid #E1E1E1; }
th:first-child,td:first-child {padding-left: 0; }
th:last-child,td:last-child {padding-right: 0; }
/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,.button {margin-bottom: 10px; }
input,textarea,select,fieldset {margin-bottom: 15px;color:#585858;font-weight: 400;letter-spacing: 1px;}
pre,blockquote,dl,figure,table,p,ul,ol {margin-bottom: 15px; }
form {margin-bottom: 0; }
/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {margin-top: 30px;margin-bottom: 35px;border-width: 0;border-top: 1px solid #E1E1E1; }
/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
.container:after,.row:after,.u-cf {content: "";display: table;clear: both; }
/* Main Style Start
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.error { background: url(../images/ex.svg) no-repeat scroll right 15px center;border: 1px solid #eb5d1d;color: #eb5d1d;font-size: 18px;font-weight: 400;padding: 6px 10px;margin-bottom: 10px;width: 100%; float: left;}
.txt_error { border:1px solid #eb5d1d !important; }
.success {background: url(../images/tick.svg) no-repeat left top 6px;color: #59bd1c;font-size: 18px;line-height:20px;font-weight: 400;padding: 6px 10px 6px 30px;margin-bottom: 10px;height:35px;float: left;width:100%;}
.success p { color:#59bd1c; }
.toggle {display: block;background: #f1f1f1 url(../images/menu-1.svg)no-repeat top 15px right 10px;width: 100%;max-width: 100%;float: none;margin:0 auto;text-transform:uppercase;font-size:19px;font-weight: 600;font-family: 'Cabin', sans-serif;letter-spacing: 0.02rem; color:#eb5d1d; padding: 15px 0;}
.toggle:hover { color:#eb5d1d; }
/* .toggle-active { background: #f1f1f1 url(../images/menu.svg)no-repeat top 7px right; } */
.clearfix {display: block;clear: both;width: 100%;}
.content, .main-content { display: block;float: left;width: 100%;position: relative;}
.page { padding:20px 0 60px 0;min-height:300px; }
.header { border-top: 1px solid #eb5d1d;padding:7px 0; }
.logo {display: block;float: left;width: 65%;text-align: center;margin-bottom: 1px;}
.logo-text {font-size:13px; color:#333; min-width:100%; text-align: left; font-style: italic; font-weight: 500;}
.logo-new {max-width: 270px; margin: 0 auto; text-align:center;display: flex; margin-left: -5px;} 
.logo-text-new {
  display: block;
  font-size: 10px;
  color: #333;
  /* min-width: 100%; */
  text-align: left;
  font-style: italic;
  font-weight: 500;
  line-height: 11px;
  text-align: center;
  margin-top: -4px;
  margin-bottom: 6px;}
.user { float:left;display: block;list-style-type: none;margin:0;padding:0; }
.prijava, .kosarica, .top-menu {list-style-type: none;float: right;margin: 0;padding: 0;}
.prijava, .kosarica { display: block;float: right;}
.top-menu { display:none;clear:right;border-top:2px solid #fff;margin-top: 10px;width: 100%;text-align: right;border-bottom:2px solid #f1f1f1;padding-bottom: 10px; }
.top-menu li { display: block;float: left;margin-bottom: 0;width: 100%; }
.top-menu li a { color:#232323;display: block;width: 100%; font-weight: 600;font-family: 'Cabin', sans-serif;/*font-family: 'Crete Round', serif;*/font-size:18px;padding:3px 0 3px 0;text-align:left; }
.top-menu li a:hover, .top-menu li a.active { color:#eb5d1d; }

.top-menu-new { display:none;clear:right; margin-top: 10px;width: 100%;text-align: right;padding-bottom: 10px; padding-left: 0px;}
.top-menu-new li { display: block;margin-bottom: 0px;width: 100%; }
.top-menu-new li a { color:#232323;display: block;width: 100%; font-weight: 600;font-family: 'Cabin', sans-serif;/*font-family: 'Crete Round', serif;*/font-size:17px;padding:3px 0 3px 0;text-align:left; }
/* .top-menu-new li a:hover, .top-menu-new li a.active { color:#eb5d1d; } */
.prijava li, .kosarica li { display: inline;margin-right:0px;margin-bottom: 0; }
.prijava li a, .kosarica li a {color: #3c3c3c;font-size: 15px;line-height:16px;font-weight: 600;}
.kosarica {float: right; border: 1px solid #C95018; padding: 5px 12px 7px 13px; border-radius: 4px;}
.kosarica img {vertical-align: middle;margin-right:5px;width:9%;width: 18px;height:18px;}
.h1-kat {background: #300;color: white; text-align: center; font-size: 47px; height: 175px; vertical-align: middle; display: table-cell; width: 2500px;  font-family: "Open Sans", sans-serif;line-height: inherit; padding-bottom: 15px;}
.h3-faq-kat{text-align:center;}
.grey { background:#F1F1F1;padding:5px 0;margin-top: 0px; }
.grey h1 { margin:0 0 5px;width: 100%;text-align: center; }
.grey img { float: none;margin:0 auto;display:block; }
.black { background:#121212;padding:35px 0;margin-top: 5px; }
.black h3 { margin:10px 5px;width: 100%;text-align: center; color: white;font-size: xx-large; }
.creme {background: #d3ccc3; padding: 20px 0;}
.creme h3 { margin:10px 5px;width: 100%;text-align: center; font-size: xx-large; line-height: 1.4; }
.creme h4 {color:#4f4f4f;}
.navigation { background:#F1F1F1; }
.padding-15 {padding: 15px;}
/* 
Za besplatna poštarina text u header-u. do tad je vrijedio kod za .header koji je davao narančastu crtu
*/
.free-shipping-banner {  background: #eb5d1d none repeat scroll 0 0; margin-bottom: 0px; padding: 0px; text-align: center; width: 100%; }
.free-shipping-banner p { margin: 0; color:white; padding: 1px; font-weight: 600; letter-spacing: 0.02em;font-size:13px;}

.top-dark-banner {  background: #292929 none repeat scroll 0 0; margin-bottom: 0px; padding: 0px; text-align: center; width: 100%; }
.top-dark-banner p { margin: 0; color:white; padding: 1px; font-weight: 600; letter-spacing: 0.02em;font-size:13px;}



/*
Ovdje je mijenjana font size za main menu i sub menu - medutim, ovaj dio je za menu kad se složi u PROIZVOD/KATEGORIJE kod responzivnosti
*/
.main-menu { display: none;float:left;margin:0;padding:0; }
.main-menu li { display:inline;float: left;margin:0;padding:6px 0;position: relative;width:100%; }
.main-menu li a { color:#232323;font-size:19px;line-height: 30px;text-transform:uppercase;font-weight: 400;margin-right: 25px; }
.main-menu li a.mslc { font-weight: 600; }
.main-menu li a:hover { color:#000; }
.sub-menu { position: relative;display: none;z-index:1;background:#f1f1f1;padding:0;margin:0;}
.sub-menu li { display: block;width: 100%;padding:0;margin:0; }
.sub-menu li a { display: block;width: 100%;padding:7px 15px;font-size:17px;line-height:29px;margin:0;color:#1a1a18;background:#f1f1f1; }
.sub-menu li a:hover { color:#eb5d1d;background:#e3e3e3; }
.toggle-top { display: block;position: relative;float: right; font-weight: 600; font-family: 'Cabin', sans-serif;/*font-family: 'Crete Round', serif;*/ color:#1a1a18;font-size:16px;border-top: 2px solid #f1f1f1;width: 100%;text-align: left;padding-top: 5px;margin-top: 12px;text-transform: uppercase; }
.toggle-top-new { display: block;position: relative;float: right; font-weight: 600; font-family: 'Cabin', sans-serif;/*font-family: 'Crete Round', serif;*/ color:#1a1a18;font-size:16px;text-align: center;margin-top: 12px;text-transform: uppercase; }
.toggle-top-new p{font-size: 13px;}
.kosarica-new { display: block;position: relative;float: right; font-weight: 600; font-family: 'Cabin', sans-serif;/*font-family: 'Crete Round', serif;*/ color:#1a1a18;font-size:25px;text-align: center; text-transform: uppercase; }
.kosarica-new div a span {
    color: white;
  background-color: #5cb67e;
  border-radius: 50.8%;
  font-size: 12px;
  height: 22.5px;
  position: absolute;
  top: -14px;
  right: -9px;
  width: 22.5px;
  line-height: 22px;
}
.slider { display: block; }
.toggle-top img {float: right;margin-left: 5px;margin-top: 7px; margin-right: 10px;}
.slider .bx-wrapper {margin: 0 auto;padding: 0;position: relative;}
.slider .bx-wrapper .bx-viewport {background:none;-moz-box-shadow: none;-webkit-box-shadow: none;-o-box-shadow: none;box-shadow: none;left: 0;transform: translateZ(0px);}
.slider-link {bottom:14%;left:1%;position: absolute;}
.slider-link h2 { display:block;color:#fff;font-size:25px;-moz-text-shadow:2px 2px 2px rgba(0,0,0,0.5);-webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.5);-o-text-shadow:2px 2px 2px rgba(0,0,0,0.5);text-shadow:2px 2px 2px rgba(0,0,0,0.5);margin-bottom: 14px; } 
.slider-link p {display:none;color: #fff;font-size: 19px;line-height: 20px;margin-bottom: 40px;-moz-text-shadow:2px 2px 2px rgba(0,0,0,0.5);-webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.5);-o-text-shadow:2px 2px 2px rgba(0,0,0,0.5);text-shadow:2px 2px 2px rgba(0,0,0,0.5);width: 60%}
.slider-link span { color:#f1f1f1;background:#eb5d1d;text-transform: uppercase;padding:5px 9px;font-size:13px;transition:all 0.1s ease; border-radius:4px; }
.slider-link span:hover { color:#f1f1f1;background:#1a1a18; }
.slider .bx-wrapper .bx-pager.bx-default-pager a {background: #c9c9c9;border-radius: 2px 2px 2px 2px; margin: 0px 3px 0px 0px; height: 33px; width: 25px;color: white; font-size: 12px; vertical-align: middle; display: inline; padding: 5px 2px 5px 3px; font-weight: 400;}

.slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .slider .bx-wrapper .bx-pager.bx-default-pager a.active {background: #eb5d1d;}
.slider .bx-wrapper .bx-pager,.slider .bx-wrapper .bx-controls-auto {margin-bottom: 0px;right: 0px;}
.bx-controls.bx-has-pager {height: 30px;}

.box-showall { display: none; flex-direction: column; padding: 5px; float: left; width: 30%; margin: 0.5% 0.5% 1% 0.5%; position: relative; text-align: center; transition: all 0.3s ease; min-width: 150px; width: 150px; max-width: 150px;}
.showall {background-color: #bbdca8; border-radius: 15px; height: 98%; display: flex; justify-content: center;align-items: center; padding: 4px; clip-path: polygon(0% 0%, 50% 0%, 100% 50%, 50% 100%, 0% 100%, 0% 50%);
  transition: all 0.3s ease; position: absolute;}
.showall:hover {background-color: #73bc49;}
.showall-inner p{ color: #333; font-weight: 700; font-size: 16px; text-transform: uppercase;}

.box { border-radius: 5px;display:flex !important;flex-direction:column; border:1px solid #e5e5e5; padding: 5px 5px 5px 5px;float: left;width:49%;margin:0.5% 0.5% 1% 0.5%;position: relative;text-align: left;min-height:600px !important;transition: all 0.3s ease;}

.box h2, .box-2-txt h2 { transition:all 0.3s ease; min-height:30px !important;}
.box h2:hover, .box-2-txt h2:hover { color:#eb5d1d; }
.box:hover {box-shadow: 0px 1px 12px 1px rgba(139, 139, 139, 0.25); transition: all 0.3s ease;}
.type-product{position:absolute;background:#3d3d3d94;color:#fff;padding:2px 5px;font-size:11px;display:block;float:left;width:auto; margin-top: 20px;}

.box h2 {font-size: 19px;line-height: 21px;margin:5px 0; min-height:30px !important;}
.box p {color: #656565;font-size: 15px;line-height: 17px;margin:0px 1px 2px 1px; min-height:30px !important;}
.kategbox {display:flex !important;flex-direction:column;float: left;margin: 0.5% 0.5% 1.5% 0.5%; position: relative; text-align: left; min-height: 20px !important; width: 49%;transition: all 0.2s ease;}
.kategbox:hover {background-image: rgba(255, 255, 255, 0.445); transform: translate3d(0, -6px, 0); transition: all 0.4s ease;}

.box-series {width: 19%;
  padding: 5px;
  border: 1px solid lightgray;
  border-radius: 5px;
  margin: 3px;
position: relative;}
.box-series .prolabels .product-tag1 {font-size: 11px;}
.box-series .prolabels .product-tag2 {font-size: 11px;}
.box-series .prolabels .product-tag5 {font-size: 11px;}
.product-series{display: flex; position:relative;}

.series-img img {height: 125px; width: 117px; }
.series-title{padding: 8px; position: relative;}
.series-title h2{font-size: 15px;padding-top: 4px;}
.product-series .series-title .sve-vel .product-vel{font-size: 10px;}
.product-series .type-product{font-size: 10px; top: 0; margin-top:0; display: none;}
.shop-box-series { border-top:1px solid #e5e5e5;padding:0px;margin-top: auto;display: flex; flex-wrap: wraps;position: relative;}
.shop-box-series .price-w{ display: flex; justify-content: center; flex-direction: column;padding-top: 2px; padding-bottom: 0px;}
.shop-box-series .price-w .cijena2{ font-size: 11px;}
.shop-box-series .price-w .cijena-eur{ font-size: 14px;}
.shop-box-series .btn-container{ width: 30%; position: absolute; right: 3%; top: 16%; font-size: 15px;}





.kategbox h2, .kategbox-2-txt h2 { transition:all 0.1s ease; min-height:30px !important;}
.kategbox h2:hover, .kategbox-2-txt h2:hover { color:#eb5d1d; }
.type-product{position:absolute;background:#3d3d3d94;color:#fff;padding:2px 5px;font-size:11px;display:block;float:left;width:auto; margin-top: 20px;}
.kategbox h2 {font-size: 19px;line-height: 21px;margin:5px 0; min-height:30px !important;}
.kategbox p {margin: 0px 1px 4px 0px; min-height: 20px !important; position: absolute; bottom: -7px; color: white; background-color: #646464; border-radius: 0px 0px 3px 3px; padding: 3px 2px 0px 3px; width: 100%; font-size: x-small; line-height: inherit;}
.kategbox:hover p {background-color: #eee; color: #454545; transition: all 0.4s ease;}
.services-box {padding: 20px; border-radius: 15px; background-color: whitesmoke; min-width: 300px; width: 30%; margin-top: 10px; color: #4f4f4f;}
.services-box i {	font-size: xxx-large;	color: #4f4f4f; margin-bottom: 10px;}
.shop-box { border-top:1px solid #e5e5e5;padding-top:3px;margin-top: auto;}
.shop-box-right { border-right:1px solid #e5e5e5;padding-top:3px;margin-top: auto;}
.shop-box-bottom { border-bottom:1px solid #e5e5e5;padding-top:3px;margin-top: auto;}
.shop-box-bottom-orange { border-bottom:3px solid #eb5d1d;padding-top:3px;margin-top: auto;}

.cijena { color:#1a1a18;font-weight: 600; font-size:15px; float: left;padding:0 0 4px 0; }
.cijena2 { color:#1a1a18;font-weight: 500;font-size:13px; float: left;padding:0 0 4px 0; }
.btn-container {float: left;position: relative;width: 100%;}
.main-slider img{object-fit: cover !important;}

@media (max-width: 980px) {
  .main-slider img{
    height: auto!important;
  }
}
@media (max-width: 600px) {
  .main-slider img{
    height: auto !important;
  }
  .services-box{min-width: 100%;}
}
.btn-container2 {
	float: left;
	position: relative;
	width: 117px;
  margin-bottom: 30px;
	/* display: flex;
	align-items: flex-start;
 
	margin-top: 20px; */
}
.upis-imena form{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 980px) {
  .upis-imena form{
    flex-direction: row;
  }
  .btn-container2{
    margin: 0;
  }

} 
.btn-container3 {float: left;position: relative;width: 58px;}
.btn-containerproizvod {float: left;padding:0 0 0 45px;position: relative;}
.dodaj {background: #eb5d1d url(../images/add-----.svg)no-repeat top 7px left 6px;color: #fff;padding: 4px 5px 4px 4px;float: left;text-transform: uppercase;transition:all 0.1s ease;text-align: right;font-size:15px;border-radius: 4px}
.dodajproizvod {background: #eb5d1d url(../images/add-----.svg)no-repeat top 24px left 12px;color: #fff;padding: 20px 15px 20px 20px;float: right;text-transform: uppercase;transition:all 0.1s ease;text-align: center;font-size:17px;font-weight: bold;border-radius: 40px}
.narucifotokeramika {background: #eb5d1d url(../images/add-----.svg)no-repeat top 24px left 12px;color: #fff;padding: 20px 15px 20px 20px;float: left;text-transform: uppercase;transition:all 0.1s ease;text-align: center;font-size:17px;font-weight: bold;border-radius: 200px; margin-top: 115px; margin-bottom: 15px;}
.narucifotokeramika:hover { background:#ff6d24 url(../images/add----.svg)no-repeat  top 27px left 12px;color:#fff; }
.dodajhomepage {background: #eb5d1d;color: #fff;padding: 8px 0px 8px 0px;float: right;text-transform: uppercase;transition:all 0.1s ease;text-align: center;font-size:15px;font-weight: bold;border-radius: 6px;width:100%;}
.dodano {color:#f1f1f1;background:#009900;position:absolute;top:0;right:0;padding: 4px 0;float: right;text-transform: uppercase;text-align: center;width: 100%;height:100%;font-size:12px;border-radius: 4px;}
.dodano-iu {color:#f1f1f1;background:#009900;position:absolute;top:0;right:0;padding: 4px 0;float: right;text-transform: uppercase;text-align: center;width: 100%;height:100%;font-size:12px;border-radius: 4px;}
.dodanoproizvod {color:#f1f1f1;background:#009900;position:absolute;top:0;right:0;padding: 25px 0;float: right;text-transform: uppercase;text-align: center;width: 100%;height:100%;font-size:17px;font-weight: bold;border-radius: 40px;z-index: 999;}
.dodanohomepage {color:#f1f1f1;background:#009900;position:absolute;top:0;right:0;padding: 10px 0;float: right;text-transform: uppercase;text-align: center;width: 100%;height:100%;font-size:15px;font-weight: bold;border-radius: 4px;}
.dodaj:hover { background:#ff6d24 url(../images/add-----.svg)no-repeat  top 9px left 6px;color:#fff;}
.dodajproizvod:hover { background:#ff6d24 url(../images/add----.svg)no-repeat  top 27px left 12px;color:#fff; }
.dodajhomepage:hover { background:#ff6d24;color:#fff; }
.hr-line { display: block;width:100%;height:1px;background:#ddd;float:left; margin-top: 10px;}
.about { background:#F1F1F1;padding:80px 0; }
.w50 { float: left;width:50%;display: block; }
.w50.short-about, .w50.short-news { float: left;width:100%;display: block; }
.w50.short-about { margin-bottom: 40px; }
.short-about p { width:100%;margin-top:15px;margin-bottom: 45px; }
.short-about img {width: 33%;max-width: 257px;}
.box-2 { float:left;width:100%;margin: 20px 0; }
.box-2 h2 { font-size:20px;line-height:26px; }
.box-2 img {float: left;margin-right: 6px; margin-bottom: 0; width: 180px; height: auto;}
.sub-menu-title {padding-top: 12px;}
.detaljnije { color:#f1f1f1;background:#eb5d1d;padding:4px 12px;text-transform: uppercase; }
.detaljnije:hover { background:#1a1a18;color:#fff; }
.read-more { color:#eb5d1d;font-weight: 600;text-transform: uppercase; transition:all 0.1s ease;}
.read-more:hover { color:#1a1a18; }
.box-2-txt {display: block;float: left;width: 100%;}
.page .box-2-txt { width: 100%; }
.page .box-2 { border-bottom:1px solid #ddd;padding-bottom: 20px; }
.copy-right { background:#eb5d1d;padding:0; }
.v_link {display: block;line-height: 29px;color: #fff;padding:2px 0px;font-size: 14px;font-weight: 400;float: none;margin:0 auto; text-align: center;}
.none {text-indent: -9999px;overflow: hidden;float: left;}
.v {display: block;margin-top: 9px;padding: 0px;}
.v img { margin-top: 10px; }
.copyright {color: #fff;float: left;margin-top: 9px;font-size:13px;width:100%;text-align: center;}
.footer { background:#3D3D3D; }
.links, .info { display: block;float: left;}
.links { width:100%;background:#3d3d3d;padding:20px; }
.info { width:100%;background:#4d4d4d;padding:50px; }
.links-box {width: 100%;float: right;}
.info-box { width: 100%;float: left; }
.karta-foot { width: 100%;float: left;margin-top: 20px; }
.karta-foot #map { height:300px; }
.links-left, .links-right { float: left;list-style-type: none; margin:0;}
.links-left { padding:0;width:55%; }
.links-right { padding-top: 8px; padding-left: 5px; width:45%; }
.links-left li { border-bottom:1px solid #5a5a5a;margin-bottom: 0;width:90%; }
.links-left li a, .links-right li a { color:#fff;font-size:15px;line-height: 20px;margin-bottom: 0; }
.links-left li a:hover, .links-right li a:hover { color:#c1c1c1; }
.links-left li a { display:block;padding:7px 10px; }
.links-right li a { text-transform: uppercase; }
.info-box h2 { color:#fff;margin-bottom: 15px; }
.info-box p { color:#fff;margin-bottom:0; }
.info-box a { color:#EB5D1D; margin:15px 0;display: block;}
.kontakt-forma, .karta { display: block;float: left;width:100%;padding:10px;margin: 40px 0;font-size:18px; }
#map { height: 480px;width: 100%;border:1px solid #4d4d4d; }
#map iframe {display: block;float: left;}
.pagination {  float: left;  width: 100%;}
.pagination ul { display: block;list-style-type: none;padding:0;margin-top:30px;float: left; }
.pagination ul li { float: left;margin:0 0 0 1px; }
.pagination ul li a { background:#eb5d1d;color:#fff;padding:3px 10px; }
.pagination ul li a:hover, .pagination ul li a.active-page { background:#3D3D3D;color:#fff; }
.gallery {padding-top: 10px;margin-top: 10px;width:100%;display:block;float:left;}
.gallery a { display: block;float: left;width:33%;border:1px solid #f1f1f1;margin-right:1px;margin-bottom: 1px; }
.gallery a:hover { border:1px solid #eb5d1d; }
.gallery a:nth-of-type(7n+7) { margin-right:0px; }
.gallery-mobile {padding-top: 10px;margin-top: 10px;width:100%;display:block;float:left;}
.gallery-mobile a { display: block;float: left;width:33%;border:1px solid #f1f1f1;margin-right:1px;margin-bottom: 1px; }
.gallery-mobile a:hover { border:1px solid #eb5d1d; }
.gallery-mobile a:nth-of-type(7n+7) { margin-right:0px; }

/* Za doatno radno vrijeme u footeru - godisnji odmor */
.footer-dodatno-vrijeme p {color: #eb5d1d; font-weight: 600; font-size: 15px;}

.document { background: url(../images/doc-icon.svg)no-repeat left top 2px;padding-left: 22px; }
.breadcrumbs { list-style-type: none;padding:0;margin:-24px 0 0px 0;display: block;float: left;width: 100%; }
.breadcrumbs li a { color:#313131;font-weight: 500; }
.breadcrumbs li { display: inline;float: left;font-size:13px;color:#707070; margin-right:3px;margin-bottom: 0;font-weight: 500;}
.video-holder {float: left;margin-right: 10px;margin-top: 50px;position: relative;width: 32.7%;}
.video {display: inline-block;height: 0;padding-bottom: 61%;position: relative;width: 100%;z-index: 1;}
.video iframe {bottom: 0;height: 100%;left: 0;position: absolute;right: 0;top: 0;width: 100%;z-index: 2;border:4px solid #f1f1f1;}
.katalog {float: left;margin-bottom: 20px;width: 100%;position:relative;}
.katalog span { position:absolute;top:7px;left:0;background:#eb5d1d;padding:3px 10px; }
.katalog span img { margin-right:0; }
.katalog img { float: left;margin-right:25px; }
.katalog h2 { font-size:20px;transition:all 0.3s ease; }
.katalog h2:hover { color:#eb5d1d; }
.forma {width: 100%;}
.forma input[type="email"], .forma input[type="number"], .forma input[type="search"], .forma input[type="text"], .forma input[type="tel"], .forma input[type="url"], .forma input[type="password"], .forma textarea, .forma select {background-color: #fff;border: 1px solid #ccc;box-shadow: none;box-sizing: border-box;height: 40px;padding: 10px;text-align: left;width: 100%;}
.forma input[type="email"]:focus, .forma input[type="number"]:focus, .forma input[type="search"]:focus, .forma input[type="text"]:focus, .forma input[type="tel"]:focus, .forma input[type="url"]:focus, .forma input[type="password"]:focus, .forma textarea:focus, .forma select:focus {border: 1px solid #eb5d1d; outline: medium none;}
.forma label, .forma legend { color:#4d4d4d; }
.forma .w50 { width:100%; }
.forma .w50.no-right { margin-right:0; }
.narudzba, .description { background:#EB5D1D;color:#fff;float: right; padding:7px 13px;margin:5px 5px 5px 5px; font-weight: 600; border-radius:40px;}
.narudzba {font-size: 22px;line-height:24px;width: 100%;text-align: center;}
.narudzba.specifik {float: left;margin-left: 0;margin-right: 5px;margin-top: 20px;width: 100px;}
.narudzba:hover, .description:hover { background:#ff6d24;color:#fff;}
.unos .description { margin-right:15px; }
.w100 { display: block;float: left;width: 100%;border-radius: 6px; }
.w99 { display: block; margin: auto; width: auto;  padding:3px 10px 10px 10px;}
.section { border:1px solid #ccc;margin-bottom: 15px;padding-bottom: 15px; }
.section h2 { background:#f1f1f1;color:#4d4d4d;font-size:20px;padding:10px 15px;margin-bottom: 25px; border-radius: 6px 6px 0 0;}
.w100.section.cijena {border: 1px solid #eb5d1d;}
.section.cijena h2 { background:#f5dbd0;color:#4d4d4d;font-size:20px;padding:10px 15px;margin-bottom: 25px; }
.fotokeramika { float: left;width: 100%;margin:20px 0; }
.w25 { width: 48%;float: left;text-align: center;font-size:12px;line-height:0;margin-bottom: 20px; }
.img-size.horizontal img { max-width: 240px; }
.img-size img {max-width: 177px;width: 100%;margin-bottom: 20px;}
.w10 {float: left;width:31%;margin-left: 15px;}
.zvjezdica { display: block;width: 100%;float: left;font-size:13px;margin-bottom: 15px;margin-top: -10px;font-weight: 600;text-align: right; }
.page .box { margin: 0.5% 0.5% 1% 0.5%;}
.cijene-box { display: block; margin-bottom: 20px; float: left;}
.cijene-box span.cijena, .cijene-box span.akcija, .cijene-box span.cijena-precrtano { float: left;clear: left;display: block;margin-bottom: 4px; }
.cijene-box span.akcija { background:#EB5D1D;color:#fff; padding:1px 2px;}
.cijene-box span.cijena-precrtano span.precrtano{position: relative;}
.cijene-box span.cijena-precrtano span.precrtano::after {background-color:#EB5D1D;content: "";height: 1px;left: 0;position: absolute;right: 0;top: 47%;}
.proizvod-img { float: left;width:100%;margin-right:10px;border:0px solid #f1f1f1; display:block; position: relative;}
.proizvod {float: left;width:100%; }
.border-1 {border-bottom:1px solid #ddd}
.specification { float: left;width:100%; }
.select-hold {display: block;float: left;margin:0 0 25px 0;position: relative;width: 100%;}
select {width: 100%;max-width: 100%;min-width: 100%;appearance: none;-webkit-appearance: none;-moz-appearance: window;padding: 3px;border-radius:5px;border: none;outline: none;margin: 0;text-indent: 5.01px;font-size: 17px;line-height: 28px;font-weight: 500;color: #1a1a18;background: #f7f7f7;border:1px solid #9d9d9d;height:50px;letter-spacing:0;}
select:focus { border:1px solid #c0c0c0; }
/* This hides focus around selected option in FF */
select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #000;}
/* This hides native dropdown button arrow in IE */
select::-ms-expand {display: none;}
.custom-select {position: relative;display: block;overflow: hidden;width: 100%;max-width: 100%; min-width: 220px;}
.custom-select:after {content: "";position: absolute;top: 1px;right: 1px;bottom: 0;z-index: 1;pointer-events: none;width: 27px;height:93%;background: #f1f1f1 url(../images/arrow-select.svg) no-repeat center;}
.upis-imena { margin:25px 0; }
.visina, .cijena-slovo {display: block;float: left;width: 50%;padding:6px 0;font-weight:550;}
.podaci-kupac{padding: 20px; background-color: #f0f0f0; border-radius: 14px;}
.podaci-kupac-unos{display: flex; flex-wrap: wrap; width: 100%;}


.cijena-slovo{ width: auto;}
.cijena-slovo-wrap{
  width: 90px;
  align-items: flex-start !important;
}
.slovo .proizvod-img .gallery a, .slovo .proizvod-img .gallery-mobile a{
  width: 100%;
}
.image-fix img{
  display: block;
  height: auto !important;
}
.cart-holder img {
	display: block;
	height: auto !important;
	max-height: 160px;
	object-fit: contain;
}
.upis-imena .clearfix {border-bottom: 1px solid #f1f1f1;margin-bottom: 20px;}
.cijena-slovo {color:#eb5d1d;}
.upis-imena input[type="text"] {float: left;width: 100%;margin-right:0}
@media (min-width: 980px){

.upis-imena input[type="text"] {margin-right:15px;}
}
.dimension, .rub, .pozadine {float: left;width: 100%;}
.dimension h5, .rub h5, .pozadine h5 { padding-left:15px;margin-bottom: 10px; }
.rub span { padding-left: 15px;display: block; }
.solo-radio { display: block;padding-left: 10px; }
.upload { padding-left: 20px;float: left;display:block;width:100%;overflow: hidden; }
.upload input {float: left; width: 100%;max-width: 300px;}
.popup-container {max-width: 980px;margin: 47px auto;padding: 40px 45px;background: #fff;position: relative;}
.popup-container-img {max-width: 380px;margin: 12px auto;padding: 10px 12px;background: #fff;position: relative;}
.inside { padding:20px; }
.cart-holder {margin-top: 26px;width: 100%;}
.cart-row.title-row, .cjena2, .cart-table tr {color: #585858;}
.cart-row.title-row {display: none;}
.naziv-artikla2 {display: inline-block;font-weight: 500;text-align: left;width: 32%;}
.naziv-artikla2 a {font-weight: 500;}
.kolicina2 {display: inline-block;text-align: left;width: 15%;vertical-align: top;color:#585858;}
.kolicina2 input {display: inline-block;margin: 0 auto;text-align: center;text-indent: 0;width:auto;max-width: 80px;}
.cjena2 {display: inline-block;text-align: left;width: 22%;vertical-align: top;}
.brisi2 {display: inline-block;text-align: right;width: 7%;}
.brisi2 img {margin-right: 0px;}
.item-row .brisi2 {float: right;vertical-align: middle;width: auto;position: relative;}
.cart-table {float: left;font-size: 15px;line-height: 18px;margin-top: 20px; margin-bottom: 15px; width: 100%;}
.cart-table tr {display: table;float: left;width: 100%;}
.cart-table tr td {border-bottom: 1px solid #EDEDED;box-sizing: border-box;display: table-cell;padding: 10px;}
.btn-box {float: left;margin-bottom: 5px;margin-top: 10px;width: 100%;}
.btn-box a {background:#444;box-sizing: border-box;color: #fff;float: right;margin-left: 20px;margin-top: 10px;padding: 5px 30px;text-align: right;text-transform: uppercase;width: auto;transition: all 0.2s ease;}
.btn-box a:hover {color:#fff !important;background: #42A701;}
.txt-right {text-align: right;}
.txt-left {text-align: left;}
.item-row {box-sizing: border-box;margin-top: 3px;float: left;width: 100%;padding: 8px;background:#fff;border:1px solid #EDEDED;}
.item-row .naziv-artikla2 {box-sizing: border-box;display: inline-block;text-align: left;}
.cart-row a.img-link {display: block;max-width: 100px;position: relative;float: left;margin-right:10px;}
.min, .plu {font-size:22px;line-height: 24px;display: inline-block;width: 30px;text-align: center;}
.min { margin-left: 19px; }
.ukupno {font-weight: 500; font-size: 115%;}
.ukupno-slova {font-weight: 600; font-size: 130%;}
.right-cart {width: 55%;float: left;position: relative;}
.item-row .naziv-artikla2, .item-row .cjena2 {width: 100%;margin-bottom: 5px;}
.item-row .kolicina2 {margin: 14px 0;width: 100%;}
.r1-racun, .adresa2, .registrirani-korisnik {background: #e2e7ec;margin-bottom: 20px;padding: 30px;border-radius: 14px;}
.specifikacije h4 { margin-top: 20px; float:left; width:100%;}
.s-odabirom, .bez-odabira {float: left;width: 100%;}
.hidden-form {display:none; width: 100%; float: left;}
.hidden-form input.name{margin-top: 20px;}
.odjeca-cont.section h2 {margin-bottom: 0px;}
.odjeca-cont.section {padding-bottom: 0;}
.odjeca-cont.section.exp {padding-bottom: 15px;}
.exp.section h2 {margin-bottom: 25px;}
.odjeca-frame{  display: none;}
.odjeca{display: block;}
.unos-text { display: block;float: left;width:100%; }
.horizontal-style { display: block;float: left;width: 100%;margin-bottom: 5%; }
.prz-horizontal-style { display: block;float: left;width: 100%;margin-bottom: 5%; margin-top: 10px; }
.table-img { display: block;float: left;max-width: 200px;border:4px solid #f1f1f1;}
.table-content { display: block;float: left; width:100%;}
.table-content h2 { color:#eb5d1d;font-size:20px;display: block;width: 100%;float: left; }
.table-header {background: #4D4D4D;border-bottom: 1px solid #EB5D1D;width: 100%;float: left;display: none;}
.prz-table-content { display: block;float: left; width:100%;}
.prz-table-content h2 { color:#eb5d1d;font-size:20px;display: block;width: 100%;float: left; }
.prz-table-header {background: #4D4D4D;border-bottom: 1px solid #EB5D1D;width: 100%;float: left;display: none;}
.table-row {display: block;float: left;width: 100%;}
.table-row:nth-child(even) { background:#f1f1f1; }
.table-row:nth-child(odd) { background:#fff; }
.prz-table-row {display: block;float: left;width: 100%;}
.prz-table-row:nth-child(even) { background:#f1f1f1; }
.prz-table-row:nth-child(odd) { background:#fff; }
.table-header .td-sifra, .table-header .td-naziv, .table-header .td-opis, .table-header .td-cijena, .table-header .td-kosarica { color:#fff; }
.prz-table-header .prz-td-sifra, .prz-table-header .prz-td-naziv, .prz-table-header .prz-td-opis, .prz-table-header .prz-td-cijena, .prz-table-header .prz-td-kosarica { color:#fff; display: flex; align-items: center; height: 53px; }
.sifra-mob, .naziv-mob, .opis-mob, .cijena-mob, .kosarica-mob { display: block;font-weight: 600; }
.td-sifra, .td-naziv, .td-opis, .td-cijena, .td-kosarica { float: left;display: block;padding:8px 7px;font-size:12px; }
.td-sifra { width:100%; }
.td-naziv { width:100%; }
.td-opis { width:100%; }
.td-cijena { width:100%; }
.td-kosarica { width:100%; }
.td-kosarica .btn-container { float: right; }
.prz-td-sifra, .prz-td-naziv, .prz-td-opis, .prz-td-cijena, .prz-td-kosarica { float: left;display: block;padding:9px 4px 9px 3px;font-size:12px; }
.prz-td-sifra { width:100%; }
.prz-td-naziv { width:100%; }
.prz-td-opis { width:100%; }
.prz-td-cijena { width:100%; }
.prz-td-kosarica { width:100%; }
.prz-td-kosarica .btn-container { float: right; }
.upis-kol label { float: left;padding-top: 6px;margin-right:6px; }
.upis-kol input[type="text"] {display: block;float: left;height: 30px;width: 50px;margin-bottom: 0;}
.prz-upis-kol label { float: left;padding-top: 6px;margin-right:6px; }
.prz-upis-kol input[type="text"] {display: block;float: left;height: 30px;width: 50px;margin-bottom: 0;padding: 7px;}
.gallery-table {display: block;float: left;position: relative;width: 55%;max-width:230px;border: 4px solid #f1f1f1;margin-top: 33px;margin-right: 10px;}
.mfp-bottom-bar {display: none;}
.gal-indicator {background: #000;color: #ffffff;left: 0.5em;padding: 0.2em 0.4em;position: absolute;top: 0.5em;border: 1px solid #000;}
.gal-indicator:hover {background: #252525;color: #ffffff;}
.gal-thumbs-hide{display: none;}
#galerija-table img{width: 100%;}
.gallery-table a {display: block;}
.mapa-stranica {display: block;float: left;list-style-type: none;margin:0;padding:0;width: 100%;}
.mapa-stranica li {display:block;float: left;width:100%;color:#1a1a18;font-weight: 600; text-transform:uppercase;margin-bottom: 8px;}
.mapa-stranica li a { display: block;float: left;width: 100%; color:#1a1a18;font-weight: 600; text-transform:uppercase;}
.mapa-stranica li a:hover, .mapa-stranica li ul.mapa-sub li a:hover { color:#EB5D1D; }
.mapa-stranica li ul.mapa-sub {display: block;float: left;list-style-type: circle;width: 100%;margin-top: 5px;padding-left: 20px;}
.mapa-stranica li ul.mapa-sub li, .mapa-stranica li ul.mapa-sub li a { font-weight: 400; text-transform: none;}
.mapa-stranica li ul.mapa-sub li a { color:#666; }
.povezani { background:#fff;border-top:4px solid #f1f1f1; margin-bottom: 15px;}
.povezani h3 {margin-top: 22px;}
.akcija-label { position: absolute;right:auto;left:0;top:40px;color:#fff;background:#3D3D3D;padding:6px 10px;font-size:14px;text-transform: uppercase;font-weight: 600; }
.tvrtka-info {background: #f7f7f7;margin-bottom: 10px;padding: 25px 25px 20px 25px;border-bottom: 1px solid #eb5d1d;}
.cookie-container {bottom: 0;box-shadow: 0 0 7px rgba(0, 0, 0, 0.28);display: block;padding: 20px 0;position: fixed;width: 100%;z-index: 9999;background:rgba(22,22,22,0.8);line-height: 20px;font-weight: 300;}
.cookie-container .container {max-width: 1400px;}
.cookie-container p {display: block;float: left;width: 80%;color:#ccc;position: relative;}
.cookie-container p a {text-decoration: underline;}
.cookie-container p a:hover {text-decoration: none;color:#eb5d1d;}
.cookie-container span a {background: #eb5d1d;color: #fff;display: block;float: right;font-size: 14px;font-weight: 400;line-height: 20px;padding: 6px;transition: all 0.2s ease;}
.cookie-container span a:hover {background: #1a1a18;color: #fff;}
.spec-label {float: left; padding-top:4px;}
.redstar::after {content: '*'; color: #E83165; margin-left: 0; font-weight: 600;}
.spec-input { overflow: hidden; display: block; padding: 0 4px 0 10px}
.spec-input input { width: 100% }
.anchor-tag {display:inline; cursor:pointer; color:#eb5d1d;} 
.anchor-tag:hover {text-decoration:underline} 
.okvir-opis {border-width:8px 8px 8px 8px; border-style:solid; border-color:#f1f1f1; padding:10px;}
.space-7 {margin-top:7px;}
.space-10 {margin-top:10px;}
.space-20 {margin-top:20px;}
.space-30 {margin-top:30px;}
.space-40 {margin-top:40px;}
.space-50 {margin-top:50px;}
.span-a {font-size: 16px; font-weight: 400;}
.artikl-help-text{color: #333333; font-size: 15px; text-transform: uppercase; font-weight: 700;border-bottom: 1px solid #ddd; min-width: 190px; width: fit-content;}


/*pokusaj promjene boje svg slike*/
 .svg-filter-white{
        filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
    }
.svg-filter-grey{
        filter: invert(72%) sepia(24%) saturate(0%) hue-rotate(227deg) brightness(91%) contrast(92%);
    }




/* zeleni button za konverziju */
.convert-button {
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	background-color:#77d42a;
	border-radius:5px;
	border:1px solid #268a16;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:8px 7px;
  transition: all 150ms;
	margin: 7px 7px 7px 0px; 
	text-decoration:none;
}
.convert-button:hover {
	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	background-color:#5cb811;
}
.convert-button:active {
	position:relative;
	top:1px;
}

/* narancasti button za konverziju */
.orange-button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 12px;
    margin: 7px 7px 7px 0px;    
    border: 1px solid #bc4b17;
    border-radius: 5px;
    background: #ff7a26;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff7a26), to(#bc4b17));
    background: -moz-linear-gradient(top, #ff7a26, #bc4b17);
    background: linear-gradient(to bottom, #ff7a26, #bc4b17);
    font: normal normal bold 16px arial;
    color: #ffffff;
    text-decoration: none;
}
.orange-button:hover,
.orange-button:focus {
    border: 1px solid #eb5e1d;
    background: #ff922e;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff922e), to(#e25a1c));
    background: -moz-linear-gradient(top, #ff922e, #e25a1c);
    background: linear-gradient(to bottom, #ff922e, #e25a1c);
    color: #ffffff;
    text-decoration: none;
}
.orange-button:active {
    background: #bc4b17;
    background: -webkit-gradient(linear, left top, left bottom, from(#bc4b17), to(#bc4b17));
    background: -moz-linear-gradient(top, #bc4b17, #bc4b17);
    background: linear-gradient(to bottom, #bc4b17, #bc4b17);
}


/* crveni button za konverziju */
.red-button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 12px;
    margin: 7px 7px 7px 0px;
    border: 1px solid #ab0000;
    border-radius: 5px;
    background: #ff0000;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#ab0000));
    background: -moz-linear-gradient(top, #ff0000, #ab0000);
    background: linear-gradient(to bottom, #ff0000, #ab0000);
    font: normal normal bold 15px arial;
    color: #ffffff;
    text-decoration: none;
}
.red-button:hover,
.red-button:focus {
    border: 1px solid #c90000;
    background: #ff0000;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#cd0000));
    background: -moz-linear-gradient(top, #ff0000, #cd0000);
    background: linear-gradient(to bottom, #ff0000, #cd0000);
    color: #ffffff;
    text-decoration: none;
}
.red-button:active {
    background: #ab0000;
    background: -webkit-gradient(linear, left top, left bottom, from(#ab0000), to(#ab0000));
    background: -moz-linear-gradient(top, #ab0000, #ab0000);
    background: linear-gradient(to bottom, #ab0000, #ab0000);
}



/* sivi button za konverziju */
.grey-button {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:5px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:6px 8px;
	margin: 7px 7px 7px 0px;
	text-decoration:none;
}
.grey-button:hover {
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color:#e9e9e9;
}
.grey-button:active {
	position:relative;
	top:1px;
}

/* crni zaokruzeni button s bijelom sjenom */
.black-button {
background-color: #000000;
border: 1px solid #7f7f7f;
border-radius: 1000px;
box-shadow:9px 9px #ffffff;
padding:20px 45px;
color:#ffffff;
display: inline-block;
font: normal bold 26px/1 "Open Sans", sans-serif;
text-align: center;
}





/* tamno sivi button s vijelim hover-om */
.dark-grey-button {
background-color: initial;
background-image: linear-gradient(#515559, #2c2c2c);
border-radius: 8px;
box-shadow: 0 10px 20px rgba(255, 255, 255, 0.1),0 3px 6px rgba(255, 255, 255, 0.05);
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 22px;
justify-content: center;
line-height: 1.2;
margin: 8px 0;
padding: 18px 28px;
text-align: center;
text-decoration: none;
transition: all 150ms;
vertical-align: baseline;
font-weight: 600;
border: 1px solid white;
}

.dark-grey-button:hover {
  box-shadow: rgba(0, 1, 0, .2) 0 2px 8px;
  background-image: linear-gradient(#ffffff, #fafafa);
  color: black;
}




/* OVO JE KOD ZA BLOG POSTOVE NA HOMEPAGE */

/* Home cards */
.home-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  margin-bottom: 40px;
}

.home-cards img {
  width: 100%;
  margin-bottom: 20px;
}

.home-cards h3 {
  margin-bottom: 5px;
}

.home-cards a {
  display: inline-block;
  padding-top: 10px;
  color: #0067b8;
  text-transform: uppercase;
  font-weight: bold;
}

.home-cards a:hover i {
  margin-left: 10px;
}


/* OVO JE KOD ZA kategorije NA HOMEPAGE */
/* kateghome */
.kateghome {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 10px;
  margin-bottom: 10px;
}

.kateghome img {
  width: 45%;
  margin-bottom: 5px;
 margin-right: 2px;
    float: left;
}

.kateghome p {
  margin-bottom: 5px;
 margin-left: 5px;
 text-decoration:underline;
    display: block;
    margin: 2px 0 0 0;
     padding-top:0px
}

.kateghome a {
  display: inline-block;
  padding-top: 3px;
  color: #0067b8;
  text-transform: uppercase;

}

.kateghome a:hover i {
  margin-left: 5px;

}

.grecaptcha-badge { 
  visibility: hidden !important;
}


/* KOD ZA wh4t54pp FLOATING BUTTON */
.wa{
	position:fixed;
	width:60px;
	height:60px;
	bottom:52px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-wa{
	margin-top:16px;
}




/*Show More i Show Less (prikaži više manje) Button */
.more-box11 {
  display: block;
  position: relative;
  margin: -22px 0 0 0;; 
  width: auto;  
  padding:3px 10px 10px 10px;
  background-color: #f1f1f1;
border-radius: 10px 10px 3px 3px;
}
.more-btn11 {
  cursor:pointer;
  display: inline-block;
  font-weight: bold;
  padding: 5px 8px;
  position: relative;
  right: 1px;
  bottom: 1px;
  margin-top: 5px;
  padding-top: 15px;
  
}
.more-btn11:hover {
  color: #eb5d1d;
}
.more-box11 .box11 {
  height: 120px;
  overflow: hidden;
  box-shadow: inset 0 -7px 5px -8px #4e4e4e;
border-radius: 3px;
padding-left: 10px;
padding-right: 10px;
}
.more-box11 .box11 p{font-size: 15px; line-height: 22px;}
.more-box11 .box11.active {
  height: 100%;
}


/*Tag1 oznaka na boxu od artikla u kategoriji */
.product-tag1 {
  display: inline-block;
  color: white;
  float: right;
  font-size: 12px;
  font-weight: 500;
  background-color: #333;
  padding: 0px 5px;
  border-radius: 3px;
  align-self: flex-start;
  text-align: right;
  margin-bottom: 2px;
}

.product-tag1-naslov {
  display: inline-block;
  color: white;
  font-size: 13px;
  font-weight: 500;
  background-color: #333;
  padding: 0px 3px;
  border-radius: 3px;
  font-family:'calibri', sans-serif;
}

.product-tag3 {
  display: inline-block;
  color: white;
  font-size: 14px;
  float: left;
  font-weight: 600;
  background-color: #333;
  padding: 0px 8px;
  border-radius: 3px;
  margin-top: 14px;
  /*line-height: 22px;*/
  padding: 5px;
  text-align: center;
}

.product-tag2 {
  color: black;
  float: right;
  font-size: 13px;
  font-weight: 600;
  background-color: #fdcd00;
  padding: 0px 5px;
  border-radius: 6px;
  letter-spacing: -0.9px;
  margin-left: auto;
  text-align: right;
  margin-bottom: 2px;
}

.product-tag5 {
  color: white;
  float: right;
  font-size: 14px;
  font-weight: 600;
  background-color: #e71515;
  padding: 0px 5px;
  border-radius: 6px;
  margin-left: auto;
  text-align: right;
  margin-bottom: 2px;
}

.product-tag6 {
  color: #155724;
  float: right;
  font-size: 14px;
  font-weight: 600;
  background-color: #7ce696;
  padding: 0px 5px;
  border-radius: 6px;
  margin-left: auto;
  text-align: right;
  margin-bottom: 2px;
}

.product-tag4-ugradnja {
  display: block;
  color: #2e2e2e;
  font-size: 12px;
  font-weight: 500;
  background-color: #ffe5cd;
  padding: 3px 3px;
  border-radius: 3px;
  font-family: 'calibri', sans-serif;
  margin: 1px 0 7px 0;
  width: 100%;
  text-align: center;
  /*line-height: 19px;*/
  margin: 5px auto 5px auto;
}

.product-tag4-tereno {
  background-color: #1a1a18;
  color:white;
} 
.product-tag4-parete {
  background-color: rgb(51, 177, 219);
  color:white;
} 

.product-vel {
  display: inline-block;
  color: black;
  font-size: 13px;
  font-weight: 600;
  padding: 0px 5px;
}

.sve-vel{
    min-height:56px;
    padding:3px 0 0 0;
}


/* Krem button za na specifikaciji proizvoda */
.opisbutton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 12px;
    margin: 7px 7px 7px 0px;
    border: 1px solid #b3a79f;
    border-radius: 5px;
    background: #ffefe3;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffefe3), to(#b3a79f));
    background: -moz-linear-gradient(top, #ffefe3, #b3a79f);
    background: linear-gradient(to bottom, #ffefe3, #b3a79f);
    font: normal normal bold 15px arial;
    color: #111111;
    text-decoration: none;
}
.opisbutton:hover,
.opisbutton:focus {
    border: 1px solid #ffefe3;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d7c8bf));
    background: -moz-linear-gradient(top, #ffffff, #d7c8bf);
    background: linear-gradient(to bottom, #ffffff, #d7c8bf);
    color: #111111;
    text-decoration: none;
}
.opisbutton:active {
    background: #b3a79f;
    background: -webkit-gradient(linear, left top, left bottom, from(#b3a79f), to(#b3a79f));
    background: -moz-linear-gradient(top, #b3a79f, #b3a79f);
    background: linear-gradient(to bottom, #b3a79f, #b3a79f);
}



.impalapoz {
 background-image: url("/images/backgrounds/indian-impala.jpg");
   background-color: #cccccc; /* Used if the image is unavailable */
  height: 500px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.wave-bottom-lightgrey {background-image: url("/images/wave-bottom-lightgrey.svg");  background-repeat: no-repeat; display: block;  background-size: cover; }

* {box-sizing:border-box;}

/* .col-1 {width: 8.33%; float: left}
.col-2 {width: 16.66%; float: left}
.col-3 {width: 25%; float: left;}
.col-4 {width: 33.33%; float: left;}
.col-5 {width: 41.66%; float: left;}
.col-6 {width: 50%; float: left;}
.col-7 {width: 58.33%; float: left;}
.col-8 {width: 66.66%; float: left}
.col-9 {width: 75%; float: left}
.col-10 {width: 83.33%; float: left}
.col-11 {width: 91.66%; float: left}
.col-12 {width: 100%; float: left} */

.red::after {
  content: "";
  clear: both;
  display: table;
}

.zblj{width:25%;}

.nazad-na-vrh {border-bottom:0; bottom:10px; float:left; padding:6px 0; right:30px; text-decoration:none; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;}

.to-top-btn{position: fixed; bottom:15px; float:left; text-decoration: none; background: #444; z-index:999; border-radius:5px; width: 32px; height: 32px;margin: auto; left: 0; right: 0; font-style: normal; text-align: center; color: white;}
.to-top-btn i{width: 32px; margin: auto; left: 0; right: 0; position: fixed; font-size: 1.2em;line-height: 32px; bottom: 15px;}
.to-top-btn:hover{box-shadow: 1px 1px 6px 1px #8e8e8e87; background:#282828; color: white;}


 .grey p { font-size: 20px; line-height: 14px; width: auto;text-align: center;}
 .mark {  background: linear-gradient(180deg, #0000 60%, #ff6c25d6 60%);text-align: center;font-size: 35px;line-height: 0.2em;padding-bottom: 0.5em;}
 .mark-2 {  background: linear-gradient(180deg, #0000 76%, #ff6c25d6 60%);text-align: center;font-size: 17px;line-height: 0.2em;padding-bottom: 0.5em;}
 
 
 #test2-kn {
     color:grey;
     font-size:12px;
 }
 #test3-eur {
     color:black;
 }
 .neselektirano {
  color:grey;
  font-size:12px;
}


 @media (min-width: 768px) {
  .flex-parent{
    display: flex;
    flex-direction: row;
   }
   .flex-parent .proizvod{
    width: 60%;
   }
   .proizvod{margin-top: 49px;}
 }

.flex-wrap{
  display: flex;
  flex-wrap: wrap;
}

.justify-space-around {justify-content: space-around;}

.flex-nowrap {  display: flex;
  flex-wrap: nowrap;
}

.flex-swipe-right {
    display: flex;
  flex-wrap: nowrap;
    overflow-x: auto;
}

.flex{
  display: flex;
}

.prolabels {
  display: flex;
  flex-direction: column;
  position: absolute;
  right:2px;
  top:2px;
  z-index: 15;
}

.benefits {
      padding: 5px 0;
    display:flex;
    flex-wrap:wrap;
    /*margin: 15px 0 15px 0;*/
   border-top: 1px solid #232323;
  border-bottom: 1px solid #232323;
}

.benefits-w25 { width:23%; margin:7px;
}

.benefits-w25 p { font-size:12px !important; margin: 0; line-height: normal; text-align: left !important; color:#232323;
}

.benefits-w25 h4 { font-size:16px; margin:0;text-align: left !important;color:#232323;
}

.benefits-w25 div i {padding: 10px; font-size:28px;color:#232323;}

/* HERO SEKCIJA */
.hero {
    height: 30vh; /* visina ekrana */
    background: url("/images/static/marmeton-eksterijer-trgovina.jpg") center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: white;
    text-align: center;
  }
  
  .hero::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5); /* tamni overlay */
  }
  
  .hero-content {
    position: relative; /* da tekst ne padne ispod overlaya */
    z-index: 1;
    max-width: 800px;
    padding: 0 20px;
  }
  
  .hero h1 {
    font-size: 3.3rem;
    margin-bottom: 10px;
    color:white;
  }
  
  .hero p {
    font-size: 1.6rem;
    margin-bottom: 20px;
    color:white;
  }
  
  .hero-btn {
    display: inline-block;
    background: #c49a6c;
    color: white;
    padding: 12px 25px;
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.3s ease;
  }
  
  .hero-btn:hover {
    background: #a87e4c;
  }
  



/* Media Start
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (min-width: 100px) and (max-width: 359px) {
  .logo-text {font-size:11px;}
    .box h2 {font-size: 17px;line-height: 18px;margin:0px 0px 4px 0px;}
    .box p {font-size: 13px;line-height: 15px;}
    .box {min-height:500px !important;}
    .box-swipe {min-width: 200px;}
    .flex-wrap-swipe { display: flex; flex-wrap: nowrap; overflow-x: auto;margin-left: 15px;}
    .kategbox h2 {font-size: 17px;line-height: 18px;margin:0px 0px 4px 0px;}
    .kategbox p {font-size: 13px;line-height: 15px;}
    .kategbox {min-height:20px !important;}
    .product-tag1 { display: inline-block; color: white; float: right; font-size: 12px; font-weight: 500; background-color: #333; padding: 0px 5px; border-radius: 3px; font-family:'calibri', sans-serif;}
    .product-tag1-naslov { display: inline-block; color: white; font-size: 12px;
  font-weight: 500; background-color: #333; padding: 0px 3px; border-radius: 3px; font-family:'calibri', sans-serif;}
    .product-vel { display: inline-block; color: black; font-size: 13px; font-weight:600; padding: 0px 3px;}
    .h1-kat {font-size: 40px; }
    .benefits-w25 { width:99%; margin:6px 0 5px 0;; }
    .gallery {display: none;}
    .prz-table-header { display: block; }
    .prz-td-sifra { width:24%; }
    .prz-td-naziv { width:34%; }
    .prz-td-cijena { width:18%; }
    .prz-td-opis {width: 0%;}
    .prz-td-kosarica {width: 24%;}
    .sifra-mob, .naziv-mob, .opis-mob, .cijena-mob, .kosarica-mob {display: none;}
    .box-2 img {width: 135px; height: auto;}
    .narucifotokeramika {width: 100%; margin-top: 15px;}
    .btn-containerproizvod {width: 100%;}
    .dodajproizvod {width: 100%;}
    .top-menu-new li a { border-bottom: 1px solid lightgray; }
    .top-menu-new { margin-left: -30px; }
    .logo-new {max-width: 180px; } 
    .benefits-w25 div i {padding: 7px; font-size:22px; width:40px;}
}


@media (min-width: 420px) {
      .proizvod-img { max-width: 300px; position: relative; }
    
}

@media only screen and (min-width: 360px) and (max-width: 500px) {
    .grey { margin-top: 0;padding:4px 0; }
    .grey h1 { font-size: 20px; line-height: 20px;letter-spacing: 0; width: auto;text-align: center;margin:0; }
    .grey p { font-size: 17px; line-height: 14px; width: auto;text-align: center;}
    .logo {max-width: 220px;float: none; margin: 0 auto; text-align:center;} 
    .logo-text {font-size:12px; margin-bottom: 6px;}

    .kosarica {float:right;margin-bottom: 0px;margin-left: 20px}
    .box h2 {font-size: 18px;line-height: 21px;margin:0px 0px 4px 0px;}
    .box p {font-size: 14px;line-height: 17px;}
    .box {min-height:500px !important; }
    .box-swipe {min-width: 235px;}
     .flex-wrap-swipe { display: flex; flex-wrap: nowrap; overflow-x: auto;margin-left: 25px;}
      .slider-link span {border-radius:4px;font-weight: 600;font-size: 14px;}
    .upis-imena { margin:25px 0;min-width:100%;}
    .home-cards {grid-template-columns: repeat(2, 1fr); }
    .kateghome {grid-template-columns: repeat(2, 1fr);  }
    .kateghome a {margin: 0 0 19px 0;}
    .kateghome img {margin: 0px 1px 0 0; width:37%; }
    .kateghome p {text-decoration: underline; display: block; margin: -2px 0 10px 0; padding: 0px 0 0 60px; font-size: 13px; line-height: 17px;}
    .type-product{position:absolute;top:5px;left:0;background:#3d3d3d94;color:#fff;padding:1px 6px;font-size:10px;width:auto;}
    .benefits-w25 { width:50%; margin:0px; }
    .benefits-w25 h4{ font-size: 11px;letter-spacing:0rem;}
    .benefits-w25 p{ font-size: 10px;letter-spacing:0rem;}
    .benefits-w25 div i {padding: 7px; font-size:21px; width:36px;  align-items: center; display: flex; justify-content: center;}
   
    #vaza {width:25%;}
    #svijecnjak {width:25%;}
    .prz-table-header { display: block; }
  .prz-td-sifra { width:24%; }
  .prz-td-naziv { width:26%; }
  .prz-td-cijena { width:16%; }
  .prz-td-opis {width: 0%;}
  .prz-td-kosarica {width: 34%;}
  .sifra-mob, .naziv-mob, .opis-mob, .cijena-mob, .kosarica-mob {display: none;}
  .gallery {display: none;}
  .box-2 img {width: 170px; height: auto;}
  .narucifotokeramika {width: 100%; margin-top: 15px;}
  .btn-containerproizvod {width: 100%;}
    .dodajproizvod {width: 100%;}
    .top-menu-new li a { border-bottom: 1px solid lightgray;}
    .top-menu-new { margin-left: -30px; }
    .logo-new {max-width: 220px; } 
}

@media (min-width: 500px) {
  .wa  { display: none; }
  .my-wa  { display: none; }
  .kosarica { margin-bottom: 0; }
  .logo {max-width: 247px;}
  .page .box-2-txt { width: 66%; }
  .specification { width:50%; }
  .slider-link h2 { display: block; }
  .slider-link p { display:block; }
  .slider-link span {padding:10px 15px;font-size:15px;font-weight:700;}
  .box p {min-height:30px;}
  .box h2 {min-height:30px;}
  .home-cards {grid-template-columns: repeat(2, 1fr);  }
  .upis-imena { margin:25px 0;min-width:100%;}
  .box {min-height:540px !important;}

  .prz-table-header { display: block; }
  .prz-td-sifra { width:28%; }
  .prz-td-naziv { width:27%; }
  .prz-td-cijena { width:18%; }
  .prz-td-opis {width: 0%;}
  .prz-td-kosarica {width: 27%;}
  .sifra-mob, .naziv-mob, .opis-mob, .cijena-mob, .kosarica-mob {display: none;}
  .benefits-w25 { width:47%; margin:5px; }
  .benefits-w25 div i {width:50px;}
  .more-box11 .box11 p{font-size: 17px; line-height: 24px;}
}

@media only screen and (min-width: 501px) and (max-width: 767px) {
  .gallery {display: none;}
   .box-swipe {min-width: 38%;}
    .flex-wrap-swipe { display: flex; flex-wrap: nowrap; overflow-x: auto;margin-left: 25px;}
    .box-swipe .price-w {flex-direction:column;}
    .narucifotokeramika {margin-top: 15px;}
    .top-menu-new li a { border-bottom: 1px solid lightgray }
    .benefits-w25 h4{ font-size: 14px;}
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
   .box-swipe {min-width: 27%;}
    .flex-wrap-swipe { display: flex; flex-wrap: nowrap; overflow-x: auto;margin-left: 25px;}
     .box-swipe .price-w {flex-direction:column;}
}

@media (min-width: 506px) {
  .kateghome {grid-template-columns: repeat(2, 1fr);  }
  .kategbox img{ display: flex; flex-wrap: wrap; width: 245px;}
.kategbox { width: 32%; }
}
.box img{  height: 190px !important;}

@media (min-width: 600px) {
  
  .prijava, .kosarica {clear:right;}
  .kosarica {float:right;margin-bottom: 1px;margin-left: 20px}
  .prijava li, .kosarica li {display: inline;margin-left:10px;margin-bottom: 0;float:left;}
  .kosarica img {width:33%;width: 18px;height:15px;}
  .box-2-txt {width: 70%;}
  .gallery a {width:17%;}
  .gallery-mobile a {width:17%;}
  .upload input {max-width:100%;}
  .upis-imena input[type="text"] {width: 53%;}
  .box img{
    height: 270px !important;
  }

}
@media (min-width: 672px) {
  .box {display: block;float: left;width: 32.3%;margin:0.5% 0.5% 1% 0.5%;position: relative;text-align: left; min-height:600px !important;}
  .box:nth-of-type(4n+4) { margin-right:0; }
 
  .page .box { margin: 0.5% 0.5% 1% 0.5%;min-height:600px;}
  .page .box:nth-of-type(4n+4) { margin-right:0; min-height:600px;}
  .copyright { width:auto;text-align:left; }
  .v_link { float: right; }
  .v img { margin-top:0; }
  @media screen and (-webkit-min-device-pixel-ratio:0) { 
    .v img { margin-top: -15px; }
  }
  .w25 {width: 25%;font-size:14px;line-height:20px;margin-bottom: 0px;}
  .w10 {width: 13%;}
}
@media (min-width: 700px) {
  .user { float: right; }
  .toggle-top { display: none; }
 
  .top-menu { display:block;width: 100%;max-width: 512px;padding-top: 8px;padding-bottom: 0;border-bottom:2px solid #fff; }
  .logo { text-align: left; }
  .top-menu { display: block !important;border-top:2px solid #f1f1f1;text-align:left; }
  .top-menu li { display: inline;width:auto; }
  .top-menu li a { margin-left: 15px;padding:0; }
  .header { padding:13px 0; }
  .slider { display: block; }
  .slider-link h2 { font-size:30px;margin-bottom: 30px; } 
  .slider-link {bottom:20%;left:3%;position: absolute;}

  .grey { margin-top: 0;padding:10px 0; }
  .grey h1 { width: auto;text-align: center;margin:0; }
  .grey img { margin-top: -37px;float:right; }
  .box h2 {font-size: 20px;line-height: 22px;margin:0px 0px 7px 0px; min-height:30px;}
  .copy-right { padding:20px 0; }
  .page .box-2-txt { width: 75%; }
  .forma .w50 { width:49%;margin-right: 2%; }
  .upis-imena input[type="text"] {width: 60%;}
  .upis-imena .clearfix {border-bottom: 1px solid #fff;margin-bottom: 0;}
  .specification { width:30%; }
  .custom-select:after {height:94%;}
  .home-cards {grid-template-columns: repeat(4, 1fr);  }
    .box {min-height:auto!important;}
  .kategbox {  width: 24%;}
}
@media (min-width: 768px) {
  .gallery-mobile {display: none;}
  .toggle-top-new { display: none; }
  .top-menu-new { display:block;width: 100%;padding-top: 8px;padding-bottom: 0; }
  .top-menu-new { display: block !important;text-align:left; margin-bottom: 30px; }
  .top-menu-new li { display: inline;width:auto; float: right;}
  .top-menu-new li a { margin-left: 15px;padding:0; }
  .top-menu-new { display: inline-flex !important; justify-content: flex-end;margin-top: -28px; padding-bottom: 0px; padding-top: 0px;}
  /* .top-menu-new li a:hover, .top-menu-new li a.active { color:#eb5d1d; } */
  .top-menu-new li a:hover { color:#eb5d1d; }
}
@media (min-width: 800px) {
  .logo {max-width: 257px;margin-bottom: 0;}
  .prijava, .kosarica {clear:none;}
  .prijava li, .kosarica li {margin-right:1px;margin-left:0;}
  .kosarica img {width: 38%;width: 18px;height:18px;}
  .kontakt-forma, .karta {width:50%;padding:30px;}
  .proizvod-img { max-width: 300px; position: relative;}
  .table-header { display: block; }
  .td-sifra { width:10%; }
  .td-naziv { width:30%; }
  .td-cijena { width:10%; }
  .td-opis {width: 24%;}
  .td-kosarica {width: 25%;}
  .kateghome {grid-template-columns: repeat(3, 1fr);  }
  .box {min-height:auto!important;}
  .benefits-w25 { width:23%; margin:7px; }
}
@media (min-width: 900px) {
  .type-product{position:absolute;top:6px;left:0;background:#3d3d3d94;color:#fff;padding:1px 5px;font-size:12px;width:auto;}
  .box {min-height:auto !important;width: 24%;}
  .podaci-kupac-unos{width: 50%;}
 
}

@media (max-width: 900px) {
  .box-showall {display: flex;}
}

@media (min-width: 980px) {
.visina {width: 10%;}
.cijena-slovo-wrap {width: 50%;}
.kategbox { width: 19%; }
}

@media (min-width: 1000px) {
  .slider-link h2 {font-size:33px;}
  .w50.short-about, .w50.short-news { float: left;width:50%;display: block; }
  .short-about p {width: 80%;}
  .short-about img {width: 23%;}
  .box-2-txt {width: 63%;}
  .gallery a {width:12.5%;}
  .page .box-2-txt { width: 85%; }
  .td-opis {width: 30%;}
  .td-kosarica { width: 20%; }
  .gallery-table { width: 16%; }
  .kateghome {grid-template-columns: repeat(4, 1fr);  }
  .box {min-height:auto !important;}
  .grey h1 { font-size: 36px; line-height: 30px;letter-spacing: 0; width: auto;text-align: center;margin:0; }
  .grey p { font-size: 26px; line-height: 14px; width: auto;text-align: center;padding-top:9px;}
  .kategbox { width: 15.6%; }

}


@media (min-width: 1081px) {
.toggle {display: none;}
.main-menu { display: block !important; }
.main-menu li { display:inline;float: left;margin:0;padding:22px 0;position: relative; width:auto;}
  .main-menu li a { color:#232323;font-size:19px;line-height: 20px;text-transform:uppercase;font-weight: 400;margin-right: 25px; }
  .main-menu li a.mslc { font-weight: 600; }
  .main-menu li a:hover { color:#000; }
  .main-menu li:hover .sub-menu {/*display:block;*/ display: flex; flex-wrap: wrap; min-width: 396px;}
  .sub-menu {position: absolute;top:55px;left:-10px;max-width: 300px;min-width:300px; display: none;z-index:30;background:#f1f1f1;padding:0;margin:0;transition:all 0.3s ease;}
  .sub-menu li {display: block;/*width: 130%*/;width: 50%;padding:0;margin:0}
  .sub-menu li a {display: block;width: 100%;padding:2px 9px;font-size:17px;line-height:23px;margin:0;color:#1a1a18;background:#f1f1f1;}
  .sub-menu li a p {font-size: 16px; line-height: 20px;}
  .sub-menu li a:hover {color:#eb5d1d;background:#e3e3e3;}
}


@media (min-width: 1200px) {
  .short-news {padding-left:60px;}
  .links { width:40%;background:#3d3d3d;padding:120px 0; }
  .info { width:60%;background:#4d4d4d;padding:120px 60px; }
  .links-box {width: 55%;float: right;}
  .info-box {width: 100%;float: left;}
  .karta-foot {width: 100%;float: left;}
  .links-box {max-width: 417px;width: 100%;}
  .proizvod-img { width:100%;max-width: 300px;margin-right:10px;position: relative;}
  .proizvod { width:100%;padding-left:10px; }
  .table-content {width:80%;}

}

@media (min-width: 1250px) {
   .kateghome {grid-template-columns: repeat(5, 1fr);  }
}

@media (min-width:1280px) {
  .cart-row.title-row {background:#EDEDED;text-transform: uppercase;display: block;padding:10px;}
  .item-row .naziv-artikla2, .item-row .kolicina2, .item-row .cjena2 {width: 20%;margin-bottom: 0px;}
  .item-row .kolicina2 {margin: 0 0 5px 0;}
  .item-row .naziv-artikla2 {padding-left: 15px;}
  .right-cart {width: 90%;}
  .cart-mobile-title{
    display: none;
  }
}
@media (min-width: 1350px) {
  .slider-link h2 {margin-bottom: 12px; font-size:70px; width: 615px; line-height: 90px;}
 
 
  
 
}
@media (min-width: 1400px) {
  .cart-holder {margin-top: 50px;}
  .cart-row.title-row{padding: 6px; display: block;}
  .right-cart {width: 100%;float: none;}
  .kolicina2, .cjena2 {text-align: center;}
  .item-row .brisi2 {float: right;vertical-align: middle;width: auto;position: relative;}
  .brisi2 img {margin-right: 17px;}
}
@media (min-width: 1600px) {
  .info-box {width: 30%;float: left;}
  .karta-foot {width: 69%;float: left;margin-top: 0;}
}
label.check-wrapper {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: none;
}
.check-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 7px;
  left: 0;
  height: 15px;
  width: 15px;
  border: 1px solid #e7e7e7;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.check-wrapper strong {
  color: #080808;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.check-wrapper input:checked ~ .checkmark:after {
  display: block;
}
.check-wrapper .checkmark::after {
  left: 4px;
  top: 2px;
  width: 5px;
  height: 1rem;
  border: solid #484848;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.price-wrap{
  display: flex;
  align-items: center;
  flex-direction: column;
}
.price-wrap-proizvod{
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 20px;
  font-weight: 600;
  color:#313131;
  line-height: 23px;
}
.cijena-eur{
  display: inline-block;
  font-size: 16px;
}
.price-w{
  display: flex;
  align-items: center;
  padding: 10px 0;
  flex-direction: column;
}

@media (min-width: 480px) {
  .price-w, .price-wrap{
    flex-direction: row;
  }
}
.cijene-single {
	display: flex;
	/* width: 100%; */
	flex-direction: column;
	margin-right: 30px;
  min-width: 165px;
}
.cijene-single .cijena{
  margin: 0 !important;
  padding: 0;
}
.btn-add-cart{
  padding: 0;
}
.cijene-single .cijena.cijena-line {
	display: inline-block;
	margin: 0 10px !important;
	line-height: 0;
	font-size: 13px;
}
.proizvod .custom-select{
  margin-top: 20px;
}

.cijena-eur::after {
	content: '';
	display: none;
	vertical-align: middle;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #000;
	margin: 0 10px;
}

.cijena-slovo-wrap .cijena-eur::after{
  background-color: #eb5d1d;
}
.proizvod-img .gallery, .proizvod-img .gallery-mobile{
  margin: 0;
  padding: 0;
  float: none;
}
.slovo .gallery a {
  overflow: hidden;
}
.slovo .gallery-mobile a {
  overflow: hidden;
}
.proizvod .gallery a img, .proizvod .gallery-mobile a img, .slovo .gallery a img, .slovo .gallery-mobile a img{
  height: 100px  !important;
}

.proizvod-img .gallery a, .proizvod-img .gallery-mobile a{
  float: none;
  width: auto;
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
}
.nova-velicina{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

label.velicina-wrap {
  position: relative;
  padding: 10px;
  border-radius: 4px;
  /* border:1px solid #fd8651; */
  border:1px solid #afafaf;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30%;
  margin-right: 2%;
  /* background-color: #ffeedf; */
  background-color: #f1f1f1;
}
.velicina-title{
  position: relative;
  z-index: 2;
  font-weight: 600;
}
.velicina-wrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.velicina-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 1px solid #e7e7e7;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border-radius: 4px;
}

.velicina-checkmark:after {
  content: "";
  position: absolute;
  display: none;
  border-radius: 4px;
}
.velicina-wrap input:checked ~ .velicina-checkmark:after {
  display: block;
}
.velicina-wrap input:checked ~ .velicina-title{
  color: #fff;
}
.velicina-wrap .velicina-checkmark::after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* border: 1px solid #eb5d1d; */
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  /* background-color: #eb5d1d; */
  background-color: #4ab455;
}

/*-------NEW COOKIE------*/
.cookie-wrapper {
  position: fixed;
  bottom: 0;
  right: 0;
  background: #fff;
  border-top: 1px solid #000;
  width: 100%;
  max-width: 900px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px;
  z-index: 99;
  overflow-y: auto;
  font-family: "Montserrat", sans-serif;
}
.cookie-wrapper h2,
.cookie-wrapper h3,
.cookie-wrapper h4 {
  font-family: "Montserrat", sans-serif;
}
.cookie-wrapper p {
  font-weight: 400;
  font-size: 14px;
}
.cookie-wrapper a {
  display: block;

  font-size: 14px;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 29px;
  top: 10px;
  left: 10px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider-input {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #979797;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.slider-input:before {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider-input {
  background-color: #eb5d1d;
}

input:focus + .slider-input {
  -webkit-box-shadow: 0 0 1px #9b9b9b;
  box-shadow: 0 0 1px #9b9b9b;
}

input:checked + .slider-input:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider-input.round {
  border-radius: 34px;
}

.slider-input.round:before {
  border-radius: 50%;
}
.onemoguci {
  display: inline-block;
  position: relative;
  top: 11px;
  color: #3d3d3d;
}
.omoguci {
  margin-left: 20px;
  display: inline-block;
  position: relative;
  color: #eb5d1d;
  top: 11px;
}
.upravljanje-cookies h3 {
  font-size: 21px;
  font-weight: 500;
}
.upravljanje-cookies h4 {
  font-size: 18px;
  font-weight: 500;

  margin: 5px 0;
}
.upravljanje-cookies {
  background: #ebebeb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 7.9%;
  display: none;
  margin-top: 2.4%;
}
.header-cookies {
  width: 100%;
  position: relative;
}
.header-cookies h2 {
  float: left;
}
.header-cookies a {
  float: right;
  position: absolute;
  right: 5px;
  top: 5px;
}
.cookies-1,
.cookies-2 {
  width: 100%;
  margin-bottom: 25px;
}

.cookie-btn {
  display: inline-block;
  padding: 10px 30px;
  background-color: #eb5d1d;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border: 2px solid #eb5d1d;
  border-radius: 10px;
  width:250px;
}
.mb15 {
  margin-bottom: 15px;
}
a.vise-cookies {
  display: inline-block;
  padding: 10px 0;
  color: #898989;
  font-weight: bold;
  text-decoration: underline;
  margin: 5px;
}
a.vise-cookies:hover {
  text-decoration: none;
}
.cookie-toggle {
  display: inline-block;
  padding: 10px 30px;
  border: 2px solid #fff;
  margin: 5px 0;
  text-align: center;
  background-color: #eb5d1d;
  color: #fff;
  border-radius: 10px;
  width:250px;
}
/*-------END NEW COOKIE------*/