/*
Quick.Cart default stylesheet
More about design modifications - http://opensolution.org/Quick.Cart/docs/?id=en-design
*/
/* GLOBAL STYLES */
@font-face {
    font-family: 'Spinnaker';
    src: url('fonts/Spinnaker.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.hamburger-menu {
  --c: #6d4d1a;
  height: 35px;
  aspect-ratio: 1;
  background: linear-gradient(var(--c) 0% 26%, transparent 26% 100%) 0% 0%/100% 26% repeat-y;
  margin: 8px auto 0px 0;
}
.cross {
  --b: 20px; /* thickness */
  --s: 6px; /* space around */            
  --c: #6d4d1a;
  
  height: 40px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2px solid var(--c);
  box-sizing: border-box;
  --g:conic-gradient(var(--c) 0 0) no-repeat 50%/;
  background: 
    var(--g) var(--b) calc(40% - 2*var(--s)),
    var(--g) calc(40% - 2*var(--s)) var(--b);
  rotate: 45deg;
  margin: 0 auto;
}
.videoWrapper {
	width: 100%;
  position: relative;
  padding-bottom: 70.25%; /* 16:9 */
  height: 0;background:url('img/') no-repeat top center ;background-size:100%;
  margin-bottom:50px;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;bottom:0;
  left: 0;right:0;
  width: 100%;
  height: 100%;
}
.novo{position:absolute;left:-93px; top:-6px;z-index:18;background:#880000;width: 220px;height: 30px;padding-top:20px;transform: rotate(-45deg);text-align:center;font-weight:bold;font-size:1.35em;color:#fff;vertical-align:middle;overflow:hidden;animation: zoomup 0.5s ease infinite;
  animation-delay: calc(50ms * var(--i));}

.akcija{position:absolute;right:-95px; bottom:-12px;z-index:18;background:#7f7f72;width: 220px;height: 30px;transform: rotate(-45deg);text-align:center;font-weight:bold;font-size:1.35em;color:#fff;vertical-align:middle;overflow:hidden;padding-bottom:30px; animation: zoomup 3s ease infinite;
  animation-delay: calc(100ms * var(--i));}


@keyframes zoomup {
  0%,
  100% {
    color: #ff0000;
	
    filter: blur(0.5px);
    /*text-shadow: 0 0 10px #000, 0 0 20px #000, 0 0 30px #000,
      0 0 40px #000, 0 0 50px #000, 0 0 100px #000;*/
  }

  50% {
    filter: blur(0);
    color: #fff;
    text-shadow: none;
  }
}



.embed-container { position: relative; padding-bottom: 25.25%; height: 0; overflow: hidden; width: 31%; float:left!important;margin:10px 3px 10px 3px;background:#ccc; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
html{
scroll-behavior: smooth;
}
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,ul{margin:0;padding:0;border:0;font-weight:300;}
body {color:#000;font-family: 'Jost', sans-serif;padding:0px;background: url('img/') no-repeat 50% top ;background-size:cover;font-size:0.95em;}
input{color:#000;font-family: 'Jost', sans-serif;padding:6px;background: url('img/') no-repeat 50% top ;background-size:cover;}
table{/*border: 1px solid #0935a6 !important;*/color:#000;vertical-align:top;border-radius:0px;overflow:hidden;margin:10px 0;}
table li{margin:5px 0 0 15px;}
tr{}
td {  vertical-align:top;padding:3px 1px 3px 3px;  overflow:hidden;}
td  p{  color:#000 !important;}

#counterwrap{position:relative; overflow:hidden; width:100%; margin: auto auto;  text-align:center;margin-top:30px; }
#countersingle {width: 23%;height: 160px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;float:left;margin:5px;font-size:2.1em;text-align:center;color:#ff6600;text-shadow: 1px 1px #000;}
.count{line-height: 100px;color:#ff6600;font-size:2.1em;text-align:center;}
strong{font-weight:700!important; }
a strong{font-weight:700!important; }

.input, select, textarea{padding:5px;border-width:1px;border-style:solid;font-size:1em;border-radius:5px;}
.input:focus, select:focus, .textarea:focus{text-shadow:none;}


.submit{padding:5px 14px;background:#7f7f72 !important;color:#fff;font-weight:bold;font-size:1em;border-radius:5px;border:none;}
.submit:hover{background:#7f7f72!important;cursor:pointer;color:#000!important;}
* html .submit{padding:3px 1px;} /* IE 6 hack */
* html .input{height:21px;} /* IE 6 hack */

.form{background:#fff url('img/');border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;}

.form label{font-size:1em;color:#2e6a97;font-weight:bold;}
.hide{display:none;}

a{color:#000;outline : none;text-decoration:none;}
a:hover{color:#333;}
a img {outline : none;}
a img:hover{opacity: 0.95;filter: alpha(opacity=95); /* For IE8 and earlier */}
img{margin:0px 00px 0px 0px;border:none;border : 0;max-width:100%;height:auto;}

.clear{clear:both;height:0px;font-size:0px;line-height:0px;}


/*COOKIES*/
#noticeAboutCookies{display:none;padding:7px 0;position:fixed; left:0; z-index:11000;width:100%; min-height:40px; bottom:0%;/*overflow:hidden;*/background-color: rgba(0, 0, 0, 0.8);text-align:center;font-size:0.9em;color:#fff;}
#noticeAboutCookies p{font-size:1.1em;color:#fff;position:relative;margin:20px auto;font-weight:normal!important;min-width:300px; }
#noticeAboutCookies p  a:hover{ color:#fff; cursor:pointer;}
#noticeAboutCookies  a.close{position:relative;font-size:1.2em;color:#fff;font-weight:normal;text-decoration:none;margin:10px auto;background:#ff0000;padding:7px;border-radius:0px;width:80px;overflow:hidden;text-align:center;float:none;clear:both!important;display:block!important;}
#noticeAboutCookies .close:hover{color:#000;background:#fff;}
#noticeAboutCookies h2{font-size:1.05em;color:red;}

/*POPUP*/
#noticeAboutCookies1{display:none;padding:7px 0;position:fixed; right:0; z-index:11000;width:100%; height:100vh; left:0;border-radius:0px;text-align:center;background-color:rgba(0,0,0,0.5);top:0;}
#noticeAboutCookies1 .container{width:550px;margin:auto auto;position:relative;background:#fff;overflow:hidden;padding:8px; border:1px solid #ccc;top:30%;}
#noticeAboutCookies1 .close {
    position: absolute;
    font-size: 1.0em;
    color: #ff0000;
    font-weight: normal;
    text-decoration: none;
    top: -15px;
    background: #fff;
    padding: 0px;
    border-radius: 0px;
    width: 20px;
    overflow: hidden;
    text-align: center;
    float: none;
    clear: both;
    right: 15px;
    padding: 0px!important;
    max-height: 40px;
    background: none;
}
#noticeAboutCookies1 .close:hover{color:#ff0000;}
#noticeAboutCookies1 h2{font-size:1.35em;color:#666;margin:25px auto;}
#noticeAboutCookies1 p{font-size:0.9em;color:#fff;position:relative;margin:20px auto;font-weight:normal!important;min-width:300px;text-align:center; }
#noticeAboutCookies1 img{position:relative;margin:20px auto;clear:both;max-width:100%; }



/*BODY FOOT*/
#body, #foot{float:left;width:100%;margin:0 auto;padding:0;}





/* HEADER WITH TOP MENU ABOVE LOGO */
#header{width: 100%;
  background:#ffffff!important;
  position: relative;
  top: 0px;
  border-bottom: 0px solid #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);}

/* BODY STYLES - LEFT AND RIGHT COLUMN */


/* HEAD 1*/
#head1{float:left;width: 100%;text-align:center;margin:auto;padding:0px 0px 0px 00px;overflow:hidden;background:#ccc;border-bottom:1px solid #f2f2f2;display:none;}
#head1 .container{width:1200px;overflow:hidden;padding:0px 0;margin:auto auto;display: flex;flex-flow: row wrap;justify-content: space-between;align-items: center;flex-flow:row wrap;}



/*----SLOGAN-------*/ 

.slogan{float:left;color:#fff !important;  font-weight:normal;margin:0px 0px 0px 0; width:100%;overflow:hidden;display:block;position:relative;background:none;}
.slogan p {margin: 0 0 0 0px!important;font-size:1.10em; font-weight:normal !important;text-align:center;float:none;color:#fff !important;padding:0 0 0 0!important;}
.slogan p a{color:#fff;text-decoration:none!important;margin-right:5px;font-weight:normal !important;}
.slogan p a:hover {color:#ccc;}
.slogan img{margin:0px 0px 0px 0;margin-right:8px;max-height:25px;}
/*#slogan img:hover{opacity: 0.55;filter: alpha(opacity=55);}*/



/*------------SEARCH-----------*/

/* Glavni kontejner pozicioniran desno */
.search-modal-wrapper {
    position: relative;
    display: inline-block;
    float: right;
    padding: 5px 0;
}

/* Sakrivamo checkbox */
.search-checkbox {
    display: none !important;
}

/* Stil dugmeta: bez pozadine, sa čistom lupom */
.search-toggle-btn {
    background: transparent;
    border: none;
    padding: 10px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    user-select: none;
}

/* Osnovna boja lupe */
.search-toggle-btn svg {
    stroke: #333; /* Ovde menjate boju (npr. u #836521 za braon) */
    transition: stroke 0.2s ease, transform 0.2s ease;
}

/* Boja lupe kada se predje mišem */
.search-toggle-btn:hover svg {
    stroke: #000; /* Ili neka druga boja po želji */
    transform: scale(1.1);
}

/* Pozadina modala preko celog ekrana */
.search-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

/* Sadržaj samog modala */
.search-modal-content {
    background-color: #fff;
    width: 90%;
    max-width: 450px;
    padding: 40px 30px;
    border-radius: 4px;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

/* Dugme za zatvaranje (strelica gore desno) */
.search-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 18px;
    color: #333;
    cursor: pointer;
    transform: rotate(180deg);
}

.search-modal-title {
    font-size: 1.1em;
    margin-bottom: 20px;
    color: #111;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Stilovi unutar forme u modalu */
/* Cela forma je uokvirena sa 1px #333 linijom */
#searchForm {
    padding: 0;
    text-align: left;
    float: none;
    width: 100%;
}

#searchForm fieldset {
    border: 1px solid #333 !important; /* Okvir oko cele forme */
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    background: #fff;
}

#searchForm span {
    flex: 1;
}

#searchForm label {
    display: none !important;
}

/* Polje za unos nema sopstveni border */
#searchForm .input {
    width: 100% !important;
    padding: 10px 12px;
    border: none !important;
    border-radius: 0 !important;
    outline: none;
    box-sizing: border-box;
    background: transparent;
    font-size: 14px;
}

/* Dugme sa lupom: 30x30px, bez pozadine, boja lupe #333 */
#searchForm .submit {
    width: 38px;
    height: 38px;
    padding: 0;
    border: none;
    background: transparent !important;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Boja SVG lupe preko CSS-a */
#searchForm .submit svg {
    stroke: #333;
    width: 18px;
    height: 18px;
    transition: transform 0.2s ease, stroke 0.2s ease;
}

/* Hover efekat na lupu unutar forme */
#searchForm .submit:hover svg {
    stroke: #000;
    transform: scale(1.1);
}

/* Otvaranje modala na klik */
.search-checkbox:checked ~ .search-modal-overlay {
    display: flex;
}

.mailList{width:100%; margin:auto auto;position:relative;overflow:hidden;}
#newsletter{width:80%; margin:10px auto;position:relative;overflow:hidden;text-align:center;border:0px solid red;border-radius:30px;padding:10px 0;font-size:1.25em;color:#666!important;/*display:none!important;*/}
#newsletter .input{width:220px;margin:10px 0 10px 0px;padding:8px 8px;border-radius:15px;border:none;text-align:center;}
#newsletter .submit{margin:10px 0 10px 0px;background:#333!important;color:#fff!important;padding:8px 12px;border-radius:15px;border:none!important;color:#fff;font-weight:normal!important;}
#newsletter label{display:none;}
#newsletter fieldset{max-width:360px;padding:0;margin:0;margin:15px auto 10px auto;padding:3px 8px;border-radius:30px!important;border:1px solid #666;}

/*---- HEAD 2--------*/
#head2{float:left;width: 100%;text-align:center;margin:auto;overflow:visible;border-bottom:0px solid #fff;position:relative;z-index:1000;}
#head2 .container{width:1200px;overflow:hidden;padding:10px 0px 10px 00px;margin:auto auto;display: flex;flex-flow: row wrap;justify-content: space-between;overflow:visible;}
#head2 .container p{color:#ccc;}

/*----LOGO ---- */

.logo{float:left;padding:0px 0px 0px 0px;margin-left:0px; text-align:left;margin-bottom:0px;margin-top:0px;background: none;border-radius:10px;
    color: #fff;}
.logo a img{text-align:left;margin-bottom:-4px;margin-left:0px;max-height:35px;width:auto;}
.logo a{color:#fff !important; font-weight:bold;font-size:2.4em;text-transform:none;text-decoration:none;font-style: italic; }
.logo a:hover{color:#666; }


.tel_mail{width:60%;overflow:hidden;display:block;position:relative;margin-bottom:0px;display:flex;justify-content:space-between;align-items:center;padding:5px 0px;}
.tel_mail p {color:#333;margin-top:5px;font-size:1.0em; font-weight:normal !important;margin-right:0px;margin-bottom:5px;max-width:100%;text-align:left;}
.tel_mail p a{color:#333;text-decoration:none!important;margin-right:0px;font-weight:normal !important;}
.tel_mail img{margin:0px 8px 0px 0px;max-height:20px;}
.tel {color:#fff !important;  font-weight:normal;margin:auto auto;overflow:hidden;position:relative;margin:2px;display: flex;align-items:center;border-radius:15px 15px; padding:0px 7px;float:left;border:0px solid #ccc;}
.mail{color:#fff !important;  font-weight:normal;margin:auto auto; overflow:hidden;position:relative;margin:2px;display: flex;align-items:center;float:right;border-radius:15px 15px; padding:0px 7px;float:left;border:0px solid #ccc}
.tel p a{color:#fff !important; font-weight:normal!important;}
.mail p a{color:#fff !important;font-weight:normal!important;}


.social{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;margin:10px 10px 10px 0;color:#fff;font-size:1.25em;display: flex;flex-flow: row wrap;justify-content: right;align-items: center;}

.social a{color:#030303!important;margin-top:5px;font-size:1.0em; font-weight:normal;margin-left:5px;max-width:450px;text-align:center;}
.social  p{color:#fff!important;text-align:center;}
.social img{ max-height:30px;width:auto;}
.jezici{clear:both;overflow:hidden;}
.jezik{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;margin:0px 0px 0px 5px;color:#fff;font-size:1.25em;}
.jezik a img{height:30px;}
.face{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;margin:0px 0px 0px 5px;color:#fff;font-size:1.25em;}
.inst{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;margin:0px 0px 0px 5px;color:#fff;font-size:1.25em;}
.inst img{width:30px!important;max-height:35px!important}
.ytube{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;margin:0px 0px 0px 5px;color:#fff;font-size:1.25em;}
.lin{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;margin:0px 0px 0px 5px;color:#fff;font-size:1.25em;}
/* ****************************************HEAD 3***************************************************** */
#head3{clear:both;width: 100%; margin-bottom:0;}
#head3 .container{border-radius:0 0 0px 0px;width:100%;overflow:visible;position:relative;margin:auto auto;}


.menu1{padding:0px;width:90px;overflow:hidden;position:relative;float:right;}

.menu1 ul{overflow:hidden;padding:0px;}

.menu1 li{float:left;list-style:none;overflow:hidden;position:relative;}
.menu1 li a{padding:0px 0px 25px 0px;background:url('img/cartbasket.png') no-repeat center 5px;font-weight:bold;text-decoration:none;text-transform:lowercase;color:transparent!important;}
.menu1 li a:hover, .menu1 .selected a{padding:0px 0px 25px 0px;text-decoration:underline;color:#333;background:url('img/cartbaskethov.png') no-repeat center 5px;}

.menu1 li.lBasket{padding:0px 10px 0px 10px;background: url('img/cartbasket.png') no-repeat  center 5px;width:60px;}
.menu1 li.lBasket a{position:relative;padding:8px 8px 8px 8px ;background:none;color:transparent!important; font-size:0.6em;margin-top:10px;}
.menu1 li.lBasket a:hover{color:fff!important;}
.menu1 li.lBasket span{display:block!important;color:#fff;font-size:0.7em;font-family:sans-serif;margin-top:12px;clear:both;}


/*.menu2{width:100%;background:#0e0e0e url('img/');  text-align:left;vertical-align: top; display: inline-block; }

.menu2 ul{background: url('img/');margin: 10px auto 10px auto;padding:2px 0;list-style: none;width: 100%;display: table;text-align: center;}
.menu2 li{text-align:center; position: relative; display: inline-block;float: none;text-transform:uppercase; color: #fff; text-decoration: none;padding: 7px 10px;font-size: 1.1em !important;text-align:center;position: relative;font-family: 'Raleway','Open Sans', Arial;font-weight:normal !important;}
.menu2 li:hover{cursor:pointer;}
.menu2 ul li a {display:block; text-transform:uppercase; color: #fff; text-decoration: none;padding: 7px 10px;letter-spacing: 1px;text-align:center;position: relative;font-family: 'Raleway','Open Sans', Arial;font-weight:normal !important;}
.menu2 a:hover, #menu3 .sub1 a:hover{color:#c22463;background:none;text-decoration:underline;}
.menu2 .selected > a:first-child{color:#c22463;background:none;}

.menu2 .sub1{margin:0;padding:0;border:0;background:none;}
.menu2 .sub1 li{padding:2px 0 2px 20px;background:url('img/menu3_sub.gif') no-repeat 7px 8px;border:0px;}
.menu2 .sub1 a{display:block;width:100%;padding:2px 0;font-weight:normal;}*/

/* ****************************************MENU DROPDOWN******************************************************/
#head2.f-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px !important;
    
    z-index: 9999;
    animation: smoothScroll 0.5s forwards;
    float: none;
	background:#ffffff!important;
}

#head2.f-header .container {
    padding: 5px 0;
}
/* Opcioni stilovi za unutrašnje elemente */
#head2.f-header .logo {
    margin-bottom: 0px;
}
#head2.f-header .logo img {
    max-height: 50px;
}
#head2.f-header #slogan p {
    font-size: 0.95em !important;
    color: #333 !important;
}

/* Animacija */
@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}


/* ===== DESKTOP MENI (min-width: 1200px) ===== */
@media screen and (min-width: 1200px) {
    /* Sakrij hamburger menu na desktopu */
    #showmenu {
        display: none !important;
    }
    
    /* Prikaži meni normalno na desktopu */
    .meni {
        display: block !important;
        position: relative !important;
        width: auto !important;
        height: auto !important;
        background: none !important;
        padding-top: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    /* Desktop meni - horizontalni layout */
    .menu2 .toggle_menu {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
        background: none !important;
        position: relative !important;
        z-index: 100 !important;
    }

    .menu2 .toggle_menu > li {
        position: relative !important;
        width: auto !important;
        border: none !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .menu2 .toggle_menu > li > a {
        display: block !important;
        padding: 15px 8px !important;
        font-size: 1.05em !important;
        text-decoration: none !important;
        color: #333 !important;
        transition: all 0.3s ease !important;
        width: auto !important;
        float: none !important;
        text-align: center !important;
		font-weight:normal;
		text-transform:uppercase;
		font-family: 'Spinnaker';
    }
	/*.menu2 .toggle_menu > li.lL > a {
        display: block !important;
        padding: 8px 8px !important;
		background:#6D4D1A;
        font-size: 1.10em !important;
        text-decoration: none !important;
        color: #fff !important;
        transition: all 0.3s ease !important;
        width: auto !important;
        float: none !important;
        text-align: center !important;
		font-weight:bold;
		text-transform:none;
		border-radius:20px;
    }*/

    .menu2 .toggle_menu > li > a:hover {
        color: #000 !important;
        background: none !important;
    }

    /* Sakrij toggle_resp na desktopu */
    .toggle_resp {
        display: none !important;
    }

    /* Desktop dropdown - sub1 (prvi nivo) */
    .menu2 .sub1 {
        display: none !important;
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        min-width: 220px !important;
        background: white !important;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
        border-radius: 4px !important;
        padding: 0px 0 !important;
        margin: 0 !important;
        z-index: 1000 !important;
    }

    .menu2 .toggle_menu > li:hover > .sub1 {
        display: block !important;
    }

    .menu2 .sub1 li {
        width: 100% !important;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        position: relative !important; /* Dodato za treći nivo */
    }

    .menu2 .sub1 li a {
        display: block !important;
        padding: 10px 20px !important;
        font-size: 1.0em !important;
        color: #333 !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
        width: 90% !important;
        float: none !important;
        text-align: left !important;
        position: relative !important; /* Dodato za treći nivo */
		font-weight:normal!important;font-family: 'Spinnaker';
    }

    .menu2 .sub1 li a:hover {
        background: none !important;
        color: #000 !important;
    }

    /* Desktop dropdown - sub2 (drugi nivo) - ISPRAVLJENO */
    .menu2 .sub2 {
        display: none !important;
        position: absolute !important;
        top: -10px !important; /* Podešavanje vertikalne pozicije */
        left: 100% !important;
        min-width: 220px !important;
        background: white !important;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
        border-radius: 4px !important;
        padding: 0px 0 !important;
        margin: 0 !important;
        z-index: 1001 !important;
    }

    /* ISPRAVLJENO: Hover za treći nivo */
    .menu2 .sub1 li:hover > .sub2 {
        display: block !important;
    }

    .menu2 .sub2 li {
        width: 100% !important;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .menu2 .sub2 li a {
        display: block !important;
        padding: 8px 20px !important;
        font-size: 0.9em !important;
        color: #666 !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
        width: 80% !important;
        float: none !important;
        text-align: left !important;
    }

    .menu2 .sub2 li a:hover {
        background: none !important;
        color: #000 !important;
    }

    /* Selected state na desktopu */
    .menu2 .sub1 li.selected > a,
    .menu2 .sub2 li.selected > a {
        color: #000 !important;
        font-weight: normal !important;
    }

    /* Strelica za dropdown na desktopu */
    .menu2 .toggle_menu > .has-dropdown > a::after {
        content: "▼";
        font-size: 0.65em;
        margin-left: 5px;
        color: #6d4d1a;
    }

    .menu2 .sub1 > .has-dropdown > a::after {
        content: "▶";
        font-size: 0.65em;
        float: right;
        color:#6d4d1a;
    }

    /* Dodatni stilovi za bolju funkcionalnost trećeg nivoa */
    .menu2 .sub1 li {
        white-space: nowrap; /* Sprečava prelamanje teksta */
    }

    /* Margin za treći nivo da ne bude previše uz rub */
    .menu2 .sub2 {
        margin-left: 2px !important;
    }
}

/* ===== DODATNA POBOLJŠANJA ZA DESKTOP ===== */
@media screen and (min-width: 1200px) {
    /* Bolje pozicioniranje za treći nivo */
    .menu2 .sub1 li {
        position: relative;
    }

    .menu2 .sub2 {
        top: 0 !important; /* Treći nivo počinje od vrha parent elementa */
    }

    /* Sprečava nestajanje dropdown-a pri prelasku mišem */
    .menu2 .toggle_menu > li:hover > .sub1,
    .menu2 .sub1 li:hover > .sub2 {
        display: block !important;
    }

    /* Dodatni padding za bolji hover efekat */
    .menu2 .sub1 li > a {
        padding-right: 30px !important; /* Više prostora za strelicu */
    }

    /* Animacija za glatke prelaze */
    .menu2 .sub1,
    .menu2 .sub2 {
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }
}

/* ===== OPŠTI STILOVI ZA SVE EKRANE ===== */
.menu2 .toggle_menu,
.menu2 .sub1,
.menu2 .sub2 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu2 a {
    text-decoration: none;
}

/* Smooth transitions */
.menu2 .sub1,
.menu2 .sub2 {
    transition: all 0.3s ease;
}


/*HEAD 4*/
#head4{clear:both;width: 100%;margin-top:00px;display:none !important;}
#head4 .container{overflow:hidden;margin:auto;width:1200px;padding:0px 0;}
#topMeni{display:none !important; overflow:hidden;position:relative;background:#1d59bb url('img/');}

/*SIDE TAB1*/
#sideTab1{z-index:51;position:fixed;left:10px ;top:85%;
border-bottom:none;
/*-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);
transform:rotate(-90deg);*/
}
#sideTabviwap{display:none;left:10px;bottom:10px!important;overflow:hidden;z-index:62000;}
#sideTabviwap a img{display:none;padding:5px 0px 5px 0px;z-index:62000;}


#sideTab1{display:none;}
#sideTab1{right:-80px;}
#sideTab1{margin-right:0px ;margin-bottom:50px!important;}
#sideTab1 a{display:block;padding:5px 0px 10px 0px;text-decoration:none;color:#fff !important;font-size:1.533em;}


/*SLIDERCONTAINER*/

#slidercontainer li{width:100%;}
#slidercontainer{width:100%;overflow:hidden;border-radius:0px;border-radius:0px; margin: 0px auto 0px auto; text-align: center; max-height: 1300px;}
#slidercontainer img{width:100%;height:auto;}
#slidercontainer .bx-caption1 img{max-height:150px; width:auto;margin: auto auto !important;}
#slidercontainer{margin:auto;width:100%;overflow:hidden;border-radius:0px;}
#slidercontainer img{width:100%;height:100%;}
#slidercontainer ul, #slidercontainer ul li{margin:0 !important;list-style:none;}*/


/*SIMPLE NEWS 1 U 3 KOLONE HORIZONTALNO*/
.simpleNewsF {width:100%;padding:40px 0;}
.simpleNewsF ul.content{padding: 0;margin: 0;list-style: none;display:flex;flex-flow: row wrap;justify-content: space-between;padding:0px 0px 0 0px;overflow:hidden;}
.simpleNewsF li{border:0px solid #fff;padding: 15px 5px;width: 22%;min-height: 200px;margin: 0px 0!important ;float:left;position:relative;overflow:hidden; }

.simpleNewsF .type{background:none;display:none;}
.simpleNewsF .content{border-radius:2px;margin:0px 0 5px 2px;width:100%;padding:2px 0px 0 0px;list-style:none;display:block;overflow: hidden;text-align:left;}

.simpleNewsF li h3{font-size:1.35em;text-align:left;color:#fff;font-weight:normal !important;margin-bottom:30px;width:100%;padding-bottom:8px;border-bottom:1px solid #e5e5e5; line-height:180%;}
.simpleNewsF li h6{padding:3px 0 0;font-size:0.8em;color:#333;}
.simpleNewsF li div{padding:0px 0 0 0px;}
/*.simpleNewsF li.l1{border:1px solid #e5e5e5;background:;padding: 10px;width: 99%;min-height: 200px;margin: 20px auto!important ;float:none; }*/
.simpleNewsF li div p{text-decoration:none;color:#fff!important;font-weight:normal;padding:7px 0;font-size:1.05em;line-height:160%;font-weight: 300 !important;}
.simpleNewsF li div p a{color:#7f7f72 !important;text-decoration:none!important;}

.simpleNewsF li div p a{color:#fff !important;text-decoration:none!important;}
.simpleNewsF li div p a:hover{color:#f2f2f2 ;text-decoration:underline;}
.simpleNewsF li div p a.button_big{background:#fff!important ;color:#000!important;}
/*.simpleNewsF li.l1{border:0px solid #fff;padding: 15px 5px;width: 100%;min-height: 200px;margin: 0px 0!important ;float:left;position:relative;overflow:hidden;clear:both;background:#F8BDD3;}
.simpleNewsF li.l1 div {padding: 0px 0 0 0px;color:#fff;text-align:center;margin: 0px auto!important ;}
.simpleNewsF li.l1 div p{padding: 0px 0 0 0px;color:#fff!important;text-align:center!important;}
.simpleNewsF li.l1 h3{font-size:1.9rem;padding:10px 0;line-height:180%;margin:10px auto;color:#fff;border-bottom:0px solid #e5e5e5;text-align: center;}
.simpleNewsF li.l1 div aside{background: #6d4d1a;border-radius: 15px;}
.simpleNewsF li.l2{border:0px solid #fff;padding: 15px 5px;width: 100%;min-height: 200px;margin: 0px 0!important ;float:left;position:relative;overflow:hidden;clear:both;background:#88A5D5;}
.simpleNewsF li.l2 div {padding: 0px 0 0 0px;width: 1200px;display: flex;flex-flow: row wrap;justify-content: space-evenly;margin: 0px auto!important ;}
.simpleNewsF li.l2 h3{font-size:1.9rem;padding:10px 0;line-height:180%;margin:10px auto;color:#fff;border-bottom:0px solid #e5e5e5;text-align: center;}
.simpleNewsF li.l2 div aside{background: #6d4d1a;border-radius: 0;max-height:300px}*/
/*@keyframes color {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #df9903;
  }
  100 {
    background-color: #fff;
  }
}*/
/*PARAGRAF KLASE*/
p.class1-2{width:50%!important;float:left;}
p.class100{width:100%!important;float:left; clear:left;clear:right;}
p.class1-3{width:32.5%!important;float:left;}
p.class1-4{width:23.5%!important;float:left;}


/*BOXOVI SCTION ARTICLE ASIDE*/
section { width:99%;float:left; margin-bottom:10px;overflow:hidden;clear:both;}
article {width:45%;float:left; margin:0px 0px 15px 0px;overflow:hidden;padding:8px 0;}
aside {width:30%!important;float:left;margin:10px 5px 10px 5px;overflow:hidden;background:none;padding:0px 0px;border-radius:0px; }
.mojdiv {width:66%!important;float:left;margin-bottom:10px;overflow:hidden;background:rgba(255,255,255,0.8);}
article.est{background:#ccc;}
blockquote{width:20%;overflow:hidden;float:left;margin:10px 0px 10px 0px;border:0px solid #e5e5e5;border-radius:0px;}
blockquote:hover{border-radius:0px;border:0px solid #ccc;}
blockquote p img{transition: all .5s ease-in-out;}
blockquote p img:hover{transform: scale(1.03);}

/*#page img{transition: all .5s ease-in-out;margin-left:8px;}
#page  img:hover{transform: scale(1.03);}*/



.pageField1 aside img, .pageField2 aside img, .pageField3 aside img, .pageField4 aside img{transition: all .5s ease-in-out;}
.pageField1 img, .pageField2 img, .pageField3 img, .pageField4 img{transition: all .5s ease-in-out;}
.pageField1 img:hover, .pageField2 img:hover, .pageField3 img:hover, .pageField4 img:hover{transform: scale(0.98);}

.pageField1 article img, .pageField2 article img, .pageField3 article img, .pageField4 article img{transition: all .5s ease-in-out;}
.pageField1 img:hover, .pageField2 img:hover, .pageField3 img:hover, .pageField4 img:hover{transform: scale(0.98);}

/*FOOTER*/

#foot{clear:both;width: 100%;background:#000 url('img/') no-repeat  center center;background-size:cover;}
#foot .container{width:1200px;margin:auto;padding:00px 0 0 0;overflow:hidden;}
#foot a{background:inherit;color:#fff;text-decoration:underline;font-weight:normal;}
#foot a:hover{color:#ccc;background:inherit;}

.widgetN1{/*margin:10px 20px 0px 0;*/width:100%;float:left;padding-left:0px;clear:left;margin:00px auto 5px auto;padding-bottom:5px;overflow:hidden;}
.widgetN1 ul, .widgetN1 li, .widgetN1 ol{margin:0 0 5px 30px;padding:0;font-size:1.0em!important;line-height:160%}
.widgetN1 li{margin:0 0 12px 30px;padding:0;font-size:1.0em!important;line-height:160%}
.widgetN1 li a{color:#ccc !important; }
.widgetN1 p{padding-bottom:15px;padding-left:5px; padding-right:20px;color:#fff !important;font-size:1.2em !important;margin:5px 5px 5px 0px;line-height:160%;font-weight:normal !important;}
.widgetN1 p a{padding-bottom:12px; margin:5px 0 5px 0px;color:#ccc; }
.widgetN1 p.class1-2{width:50%!important;float:left;}
.widgetN1 p.class100{width:100%!important;float:left; clear:left;clear:right;}
.widgetN1 p.class1-3{width:30.5%!important;float:left;}
.widgetN1 p.class1-4{width:23.5%!important;float:left;}
.widgetN1 p a:hover{color:#ccc;}
.widgetN1 h2{font-weight:normal ;font-family: 'Raleway','Open Sans', Arial,Verdana, sans serif;font-size:2.2em;padding:2px 0 5px 5px;color:#fff;text-transform:none;margin:20px 0 5px 0px;line-height:120%;background: url('img/');width:97%;font-weight:normal;}
.widgetN1 h1{color:#fff !important;font-size:2.4em;font-weight:normal !important; margin:30px 0;}
.widgetN1 h3{font-size:1.95em;padding-bottom:10px;padding:10px 0 5px 00px;font-weight:normal;color:#fff;margin:10px 0 5px 12px;font-weight:normal;}

#copyprava{padding-top:20px;width:1200px; float:none;  margin: 00px auto 0px auto;min-height:30px; overflow:hidden;color:#fff;background: url('img/');}

#prava{ float:left;  color:#fff;font-size:1.0em!important; text-align:left;margin-bottom:0px;margin-left:5px;padding-top:0px; width:49%;position:relative;overflow:hidden;margin-top:4px;}
#prava a{color:#fff; text-decoration:none;}
#prava a:hover{color:#ccc;text-decoration:underline;}

#izrada{  float:right; text-align:right;margin-bottom:0px;margin-left:5px;padding-top:0px; width:49%;position:relative;overflow:hidden;}
#izrada h3{font-size:12px;}
#izrada a{color:#fff !important; text-decoration:none;font-size:1.0em!important;}
#izrada a:hover{color:#fff;text-decoration:underline;}

#powered a{color:#008000 !important;font-size:10px;}
#powered a:hover{color:#008000 !important;font-size:10px;}

#copy{float:left;padding:0 25px;}
.foot{float:right;padding:0 25px;}



/*MAILER*/

.form_email{float:none;margin:auto auto;width:99.9%;}
.form_email td p {padding: 0 0 0px 0;margin: 0;line-height:130%;text-align:left;color:#000;font-size: 1.0em !important;
}
.form_email p {font-family:'Open Sans', Arial,Verdana !important;font-size: 1.1em !important;}
.form_email p img {max-height:14px!important;
} 
.form_email strong {font-size: 1.25em;color:#000;font-weight:bold;
} 
.form_email h1 {font-size: 18px;padding: 0 0 10px 0;margin: 0;color:#000;text-align:justify;
}
.form_email h2 {padding: 0 0 10px 0;margin: 0;color:#000;text-align:justify;font-size: 1.2em;font-weight:normal !important;
}
.form_email input{margin:5px 0 5px 0px;padding:8px 8px;border-radius:0px;text-align:left;background: none;border:none;border-bottom: 1px solid #bbb;width: 100%;
}
.form_email input:required:focus { border: 1px solid red; outline: none; }
.form_email textarea {margin:5px 0 5px 0px;padding:8px 8px;border-radius:0px;text-align:left;background: none;border:none;border-bottom: 1px solid #bbb;width: 100%;height: 80px;font-size: 0.9em;
}
.form_email textarea:required:focus { border: 1px solid red; outline: none; }
input.send {width:120px;background: #7f7f72 !important;padding: 10px 25px 10px 25px;font-size: 1.0em !important;font-weight:normal !important;color: #fff !important;margin-top:0px;border:none!important;text-align:center;border-radius:10px;
}
input.send:hover{color: #000 !important;background: #ccc !important;cursor: pointer;
}
.hvala{background:green;width:99.5%;padding:10px 0 10px 0;float:right;border-radius:8px;}
.greska{background:#ff0000;width:98.5%;padding:10px 0 10px 0;float:right;border-radius:8px;}
/*MAILER*/

form.novakontakt {
    background: #fff;
    max-width: 70%;
    margin: 30px auto;
    padding: 0px;
    border-radius: 0px;
    box-shadow: none;
    overflow: hidden;
}

form.novakontakt .inner {
    background: #fff;
    max-width: 100%;
    margin: 20px auto;
    padding: 0px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Naslov preko celog reda */
form.novakontakt .inner h2 {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    color: #333;
    font-weight: normal;
    font-size: 1.6em;
}

/* Leva kolona (Ime, Telefon, Email) */
form.novakontakt .inner .leva-kolona {
    width: 48%;
}

/* Desna kolona (Poruka / textarea i čekboks) */
form.novakontakt .inner .desna-kolona {
    width: 48%;
    display: flex;
    flex-direction: column;
}

form.novakontakt .inner label {
    display: block;
    margin-bottom: 6px;
    font-weight: normal;
    color: #333; text-transform:uppercase;
}

form.novakontakt .inner input[type="text"],
form.novakontakt .inner input[type="email"],
form.novakontakt .inner textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 0px; /* Bez zaobljenih uglova */
    font-size: 14px;
    box-sizing: border-box;
    transition: border-color 0.3s;
}

/* Prilagođavanje visine text area da lepo popuni desnu stranu */
form.novakontakt .inner textarea {
    height: 142px; 
    resize: none;
}

form.novakontakt .inner input:focus,
form.novakontakt .inner textarea:focus {
    border-color: #007bff;
    outline: none;
}

form.novakontakt .inner .checkbox-group {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
}

/* Dugme za slanje preko cele širine ispod svega */
form.novakontakt .inner input[type="submit"] {
    width: 100%;
    background: #000; /* Crna pozadina */
    color: #fff;      /* Bela slova */
    border: none;
    padding: 12px;
    font-size: 16px;
    border-radius: 0px; /* Bez zaobljenih uglova */
    cursor: pointer;
    transition: background 0.3s;
}

form.novakontakt .inner input[type="submit"]:hover {
    background: #333; /* Tamno siva na hover */
}

form.novakontakt .inner .poruka {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    font-weight: bold;
    color: green;
}

form.novakontakt .inner .poruka.error {
    color: red;
}




/*----------------------------------------*/

/*IFRAME WRAPPER*/
.wrapped {
    position: relative;
    padding-bottom: 0; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 950px;
    overflow: hidden;
	clear:both;
}

.wrapped iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 99%;
    height: 950px;
}
.wrapped_est {
    position: relative;
    padding-bottom: 5.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 600px;
    overflow: hidden;
	clear:both;
	width: 99.9%;
	margin:auto auto;
}

.wrapped_est iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 99.9%;
    height: 650px;
}

ul.bxsliderbu1{ margin-left:0px!important}
ul.bxsliderbu1{ padding-bottom:50px;}
ul.bxsliderbu1 li{ margin-left:45px!important;margin-right:27px!important;background:none;min-height:100px;padding:5px;box-shadow:0px 0px 0px 0 rgba(0, 0, 0, 0.0), 0 0px 0px 0 rgba(0, 0, 0, 0.0);width:305px!important}

/*KORPA MENI*/
/*BUTTON BIG STYLE*/

p a.button_big {
    position: relative;
    clear: both;
    min-height: 15px;
    width: 50%;
    margin: 15px 0px !important;
    padding: 10px 20px 10px 20px !important;
    text-decoration: none !important;
    font-size: 0.95em !important;
    background: #000 !important;
    color: #fff !important;
    border: 0px #c59f5f solid;
    font-weight: normal;
    border-radius: 0px !important;
    overflow: hidden !important;
    cursor: pointer;
    transition: 0.15s ease-in;
    line-height: 150%;
    display: inline-block;
}

p a.button_big:hover {color: #fff !important;border-radius: 0px!important;overflow:hidden!important;background:#000!important;}


/************************************************************RESPONSIVE DESIGN COMMON***********************************************/

@media screen and (max-width:1199px){
	
.menu1{padding:0px;width:90px;overflow:hidden;position:relative;float:right;}

.menu1 ul{overflow:hidden;padding:0px;}

.menu1 li{float:left;list-style:none;overflow:hidden;position:relative;}
.menu1 li a{padding:0px 0px 25px 0px;background:url('img/cartbasket.png') no-repeat center 5px;font-weight:bold;text-decoration:none;text-transform:lowercase;color:transparent!important;}
.menu1 li a:hover, .menu1 .selected a{padding:0px 0px 25px 0px;text-decoration:underline;color:#333;background:url('img/cartbaskethov.png') no-repeat center 5px;}

.menu1 li.lBasket{padding:0px 10px 0px 10px;background: url('img/cartbasket.png') no-repeat  center 5px;width:60px;}
.menu1 li.lBasket a{position:relative;padding:8px 8px 8px 8px ;background:none;color:transparent!important; font-size:0.6em;margin-top:10px;}
.menu1 li.lBasket a:hover{color:fff!important;}
.menu1 li.lBasket span{display:block!important;color:#fff;font-size:0.7em;font-family:sans-serif;margin-top:12px;clear:both;}

ul.bxsliderbu1{ margin-left:0px!important}
ul.bxsliderbu1{ padding-bottom:50px;}
ul.bxsliderbu1 li{ margin-left:0px!important;margin-right:0px!important;background:none;min-height:200px;padding:5px;box-shadow:0px 0px 0px 0 rgba(0, 0, 0, 0.0), 0 6px 20px 0 rgba(0, 0, 0, 0.0);width:400px!important}
ul.bxsliderbu1 li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 18px;
  border: solid #6d4d1a;
  border-width: 0 5px 5px 0;
  background: transparent;
  display:none!important;
}

/*HEADERI*/

#header{width:100%;position:relative;border-bottom:0px solid #ccc;margin-bottom:0px;}
#head1{width:100%;position:relative;display:none;;margin-bottom:3px;}
#head2 {width:100%;position:relative;display:none;}
#head1 .container{width:100%;}
#head2 .container{width:100%;overflow:hidden;}
#head3{clear:both;width: 100%;display:none;}
#head3 .container{clear:both;border-radius:0px 0px 0px 0px;margin-bottom:0px;background:none ;position:relative;width:100%;overflow:hidden;}   
#head4 {display:block!important;padding-top:0px;background: #fff;width: 100% !important;position:relative;} 
#head4 .container {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
        padding: 10px 20px !important;
    }

/*-------------------------------------------------------------------------------------------------------------------------*/  
#searchForm{position:relative;top:0px;margin:auto auto!important;float:none;} 
/* LOGO-SLOGAN-MENU-SOCIAL - STYLES */

#slogan{overflow:hidden;margin-top:10px;padding:0 !important;text-align:center!important;width:100%;float:left;clear:both;}
#slogan p{text-align:center !important;max-width:98%;float:none}
#slogan p a{text-align:center !important;clear:both;width:98%;}
#slogan img{max-width:350px!important;height:auto;margin-top:5px!important;}
.social{padding:5px 0px 00px 0px;text-align:center;width:100%;margin: 10px 0 0px 0;background:none;display:none;}
.social a{color:#030303!important;margin-top:5px;font-size:1.0em; font-weight:normal;margin-right:5px;width:100%;float:none;text-align:center;}
.social  p {color:#202020;margin-top:5px;font-size:1.1em; font-weight:normal;margin-right:0px;margin-bottom:5px;max-width:99%;text-align:center;}
.face{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;margin:0px 5px 0px 5px;color:#fff;font-size:1.25em;}
.inst{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;margin:0px 0px 0px 5px;color:#fff;font-size:1.25em;}
.ytube{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;margin:0px 5px 0px 5px;color:#fff;font-size:1.25em;}
.lin{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;margin:0px 5px 0px 5px;color:#fff;font-size:1.25em;}
#showmenu {margin:15px 10px 10px 0;text-align:right;float:right;}
#showmenu img{margin-top:0px;margin-right:15px!important;cursor:pointer;}



.tel_mail{float:left;color:#000 !important;  font-weight:normal;margin:0px 0px 0px 0; width:100%;overflow:hidden;display:block;position:relative;display:none;}
.tel_mail p {color:#000;margin-top:0px;font-size:1.1em; font-weight:normal !important;margin-right:5px;margin-bottom:5px;width:100%;text-align:center!important;float:none;}
.tel_mail p a{color:#333;text-decoration:none!important;margin-right:12px;font-weight:normal !important;}
.tel_mail a:hover {color:#ccc;}
.tel_mail img{margin:3px 0px 0px 0;margin-right:8px;max-height:22px;}
.tel{color:#000 !important; margin:auto auto; width:98%;overflow:hidden;position:relative;background: url('img/')left center no-repeat;margin-bottom:8px;}

/* Fiksiramo logo da se ne lepi za meni */
#head4 .container .logo img {
        height: 35px !important;
        width: auto !important;
        display: block !important;
    }

    #head4 .container #showmenu {
        cursor: pointer;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: static !important;
        margin: 0 auto !important;
        padding: 5px !important;
    }

    #showmenu {
        display: block;
        z-index: 1000;
        background: none;
        border-radius: 4px;
    }

    #head4 .container .search-icon-svg {
        cursor: pointer;
        flex-shrink: 0 !important;
    }


form.novakontakt {
        padding: 0px;
        margin: 15px auto;
		max-width:95%;
    }
form.novakontakt .inner {
        padding: 00px;
        margin: 15px;
		max-width:100%;
    } 
    form.novakontakt .inner input[type="submit"] {
        font-size: 14px;
        padding: 10px;
    }

    form.novakontakt .inner .checkbox-group {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
 form.novakontakt .inner label {
       padding: 5px 0!important;
    }
form.novakontakt1 {
    background: #fff;
    max-width: 90%;
    margin: 30px auto;
    padding: 0px;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    overflow:hidden;
}



.meni {
    display: none;
    position: absolute !important;
    top: 100% !important; /* Počinje tačno ispod #head4 */
    left: 0 !important;
    width: 100% !important;
    background: #fff !important;
    z-index: 9999 !important;
    overflow-y: auto !important;
    box-shadow: 0px 10px 15px rgba(0,0,0,0.1) !important;
}

    /* MENU 2 */
    .menu2 {
        text-align: left !important;
        width: 100%;
        background: #fff;
    }

    .menu2 .toggle_menu {
        padding: 5px 0px 0px 0px;
        list-style: none;
        position: relative;
        z-index: 500;
        font-size: 1.2em !important;
        font-weight: normal !important;
        margin-left: -2px !important;overflow:hidden;
        /*width: 100%;*/
    }

    .menu2 .toggle_menu > li {
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding: 0 !important;
        position: relative;
        float: left;
    }

    /* Osnovni stil za sve linkove */
    .menu2 .toggle_menu > li > a,
    .sub1 li > a,
    .sub2 li > a {
        height: auto;
        padding: 12px 15px !important;
        font-size: 1.0em !important;
        text-align: left;
        display: inline-block;
        text-decoration: none;
        color: #000;
        vertical-align: middle;
        float: left;
        width: calc(100% - 60px) !important;
        box-sizing: border-box;font-family: 'Spinnaker';text-transform:uppercase;
    }
	
	/* AKCIJA */
   /* .menu2 .toggle_menu > li.l2 > a {
        height: auto;
        padding: 12px 15px !important;
        font-size: 1.0em !important;
        text-align: left;
        display: inline-block;
        text-decoration: none;
        color: #fff!important;
        vertical-align: middle;
        float: left;
        width:100% !important;
        box-sizing: border-box;
		background:red;
		font-weight:bold
    }*/

    /* Toggle resp button - JEDINSTVENI STIL ZA SVE NIVOE */
    .toggle_resp {
        position: absolute !important;
        right: 15px !important;
        width: 35px !important;
        height: 35px !important;
        padding: 0 !important;
        margin: 8px 0 0 0 !important;
        text-align: center !important;
        cursor: pointer !important;
        z-index: 1001 !important;
        background: #f8f8f8 !important;
        border-radius: 4px !important;
        border: 1px solid #ddd !important;
        line-height: 33px !important;
        font-size: 14px !important;
        -webkit-user-select: none;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
    }

    .toggle_resp strong {
        font-weight: bold;
        display: block;
        font-size: 18px;
        color: #333;
    }

    .toggle_resp:hover {
        background: #e9e9e9 !important;
    }

    /* Prvi nivo dropdown - sub1 */
    .menu2 .sub1 {
        display: none;
        left: auto;
        margin-top: 0;
        position: relative;
        margin-left: 15px;
        list-style: none !important;
        background: none !important;
        padding-left: 10px;
        width: 100% !important;
        clear: both;
    }

    .menu2 .sub1 li {
        border-bottom: 1px solid #ddd;
        margin: 0;
        float: left !important;
        width: 100%;
        position: relative;
    }

    .menu2 .sub1 li:last-child {
        border-bottom: none;
    }

    /* Drugi nivo dropdown - sub2 (TREĆI NIVO NAVIGACIJE) */
    .menu2 .sub2 {
        display: none;
        margin-top: 0;
        position: relative;
        margin-left: 15px;
        list-style: none !important;
        background: rgba(0,0,0,0.05) !important;
        padding-left: 10px;
        width: 100% !important;
        clear: both;
    }

    .menu2 .sub2 li {
        border-bottom: 1px solid #ccc;
        position: relative;
        width: 100%;
    }

    .menu2 .sub2 li:last-child {
        border-bottom: none;
    }

    /* Podešavanja za drugi nivo (sub1) */
    .sub1 li > a {
        font-size: 0.9em !important;
        padding: 10px 15px !important;font-family: 'Spinnaker';text-transform:uppercase;
    }

    .sub1 .toggle_resp {
        width: 30px !important;
        height: 30px !important;
        line-height: 28px !important;
        font-size: 12px !important;
        right: 40px !important;
    }

    /* Podešavanja za treći nivo (sub2) */
    .sub2 li > a {
        font-size: 0.8em !important;
        padding: 8px 15px !important;
        margin-left: 0 !important;
    }

    .sub2 .toggle_resp {
        width: 25px !important;
        height: 25px !important;
        line-height: 23px !important;
        font-size: 10px !important;
        right: 10px !important;
    }

    /* Selected state */
    .menu2 .toggle_menu > li.selected > a,
    .menu2 .sub1 li.selected > a,
    .menu2 .sub2 li.selected > a {
        color: #000;
        font-weight: normal;
    }

    /* Osiguravamo da se svi elementi pravilno prikazuju */
    .has-dropdown {
        position: relative;
    }

    .has-dropdown > a {
        z-index: 1;
        position: relative;
    }

    /* Dodatni stil za bolju hijerarhiju */
    .sub1 {
        background: rgba(255,255,255,0.1) !important;
    }

    .sub2 {
        background: rgba(0,0,0,0.03) !important;
        border-left: 0px solid #fea92b !important;
    }

    /* Poboljšanje za mobilne uređaje */
    .menu2 .toggle_menu > li,
    .menu2 .sub1 li,
    .menu2 .sub2 li {
        -webkit-tap-highlight-color: transparent;
    }

    /* Animacija za glatko otvaranje */
    .sub1, .sub2 {
        transition: all 0.3s ease;
    }



/*SLIDER CONTAINER*/

.simpleNewsF li{min-height:100px;position:relative;border-right:none; }
.simpleNewsF li h3{margin-top:12px;}
.simpleNewsF li div{padding:10px 0 10px 0px;}


#slidercontainer{margin:auto!important;width:100%!important;overflow:hidden!important;}
#slidercontainer img{width:100%!important;height:auto;}
#slidercontainer ul, #slidercontainer ul li{margin:0 !important;list-style:none!important}
#slidercontainer li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 18px;
  border: solid #6d4d1a;
  border-width: 0 5px 5px 0;
background: transparent;display:none!important;}

/*PARAGRAF KLASE*/

p.class1-2{width:98%!important;float:left;}
p.class100{width:98%!important;float:left; clear:left;clear:right;}
p.class1-3{width:98%!important;float:left;}
p.class1-4{width:98%!important;float:left;}

/*BOXOVI SECTIO ARTICLE ASIDE RESPONSIVE*/
blockquote{width:100%;overflow:hidden;float:left;}
section { width:100%!important;float:left;padding:0px 0px;}
article {width:100%!important;float:left; }
article img{max-width:100%!important;float:none; text-align:center;}
aside {width:100%!important;float:left;margin:12px auto!important; }
.mojdiv {width:99%!important;float:left;margin-bottom:10px;overflow:hidden;}
.embed-container { position: relative; padding-bottom: 30.25%; height: 0; overflow: hidden; width: 48%; float:left!important;margin:10px 3px 10px 3px } 

/*IFRAME WRAPPER*/

.wrapped {position: relative;padding-bottom: 5.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */padding-top: 30px;height: 950px;overflow: hidden;}
.wrapped iframe {position: absolute;top: 0; left: 0;width: 99%;height: 1150px;}

/*COUNTER WRAPPER*/

#counterwrap{position:relative; overflow:hidden; width:100%; margin: auto auto;  text-align:center;margin-top:10px; }
#countersingle{width: 45%;height: 70px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;float:left;margin:5px;font-size:1.3em;text-align:center;color:#2b2b2b;text-shadow: 0px 0px #000;}
.count{line-height: 20px;color:#ff6600;font-size:2.2em;text-align:center;text-shadow: 0px 0px #000;}

/*SIDE TAB 1*/

#sideTab1:hover{border-radius:50%;}

*:first-child+html #sideTab1{right:-80px;}
#sideTab1{margin-right:0px ;display:none;}
#sideTab1 a{display:none;padding:5px 0px 0px 0px!important;text-decoration:none;color:#fff !important;font-size:1.533em;}


/*SIDE TAB*/

#sideTab{position:fixed;right:-5px ;top:90%;border:1px solid #fff;border-radius:7px;background:#6d4d1a;margin-right:0px ;border:2px solid #fff;
z-index:11700;}
#sideTab a{display:block;padding:5px 15px 5px 0px;text-decoration:none;color:#fff !important;font-size:1.533em;}
#sideTab a img{ height:25px;}
#sideTab a:hover{display:block;padding:10px 15px 10px 5px;text-decoration:none;color:#fff !important;font-size:2.2em;background:#3a5897;}

#sideTabviwap {
    position: fixed;
    display: block;
    padding-left: 0px;
    width: 100%;
    bottom: 0px !important;
    overflow: hidden;
    z-index: 62000;
    background: rgba(255,255,255,0.6);
    left: 0;
  }

#sideTabviwap a img{display:block;padding:5px 0px 5px 0px;z-index:62000;}
#sideTabviwap a{color:#fff;text-decoration:none;font-weight:bold;font-size:0.8em}
.vib {
    float: left;
    margin-right: 0px;
    background: #7b519c;
    padding: 0 10px;
  }
.vib img{width:40px;height:auto;}
.wap {
    float: left;
    margin-right: 0px;
    background: #23a216;
    padding: 0 10px;
  }
.wap img{width:40px;height:auto;}
.mail_order {
    float: left;
    margin-right: 0px;
    background: #fd7f2b;
    padding: 0 10px;
  }
.mail_order img{float:left;margin-right:0px;width:40px;height:auto;}
.facebook_d {
    float: left;
    margin-right: 0px;
    background: #6d4d1a;
    padding: 0 10px;
  }
.facebook_d img{float:left;margin-right:0px;width:40px;height:auto;}
.instagram_d {
    float: left;
    margin-right: 0px;
    background: #BB2B5A;
    padding: 0 10px;
  }
.instagram_d img{float:left;margin-right:0px;width:40px;height:auto;}
.youtube_d {
    float: left;
    margin-right: 0px;
    background: #F70000;
    padding: 0 5px;
  }
.youtube_d img{float:none;margin:0px auto;width:40px;height:auto;}
.sideTabTel{position:fixed;right:0px ;bottom:0px;border-radius:50%;background:none;margin-right:0px ;z-index:11700;display:block!important;width:50px;height:50px;}
.sideTabTel a{display:block;padding:15px 0px 15px 0px;text-decoration:none;color:transparent !important;font-size:1.533em;text-align:center;height:30px!important;}
.sideTabTel a img{ width:auto; height:auto;margin:auto auto;}
.sideTabTel a:hover{display:block;padding:5px 15px 5px 0px;text-decoration:none;color:transparent !important;font-size:2.2em;}

.sideTabTel{box-shadow: 0 0 0 0 rgba(0, 128, 0, 0.7);
  border-radius: 0%;
  background-color:#008000;
  background-image:url('img/phonecall.png');
  background-size:80% ;
  background-repeat: no-repeat;
  background-position:center center;
  cursor: pointer;

}
#copyprava{padding-top:20px;width:100%; float:left;  margin: 00px 0 0px 0;min-height:30px; overflow:hidden;background: url('img/');border-top:1px solid #fff;padding-bottom: 40px;}

#prava{ float:left;  color:#fff;font-size:1.0em!important; text-align:center;margin-bottom:15px;padding-top:0px; width:100%;position:relative;overflow:hidden;}
#prava a{color:#fff; text-decoration:none;}
#prava a:hover{color:#ccc;text-decoration:underline;}

#izrada{float:left; text-align:center;padding-top:0px; position:relative;width:100%;overflow:hidden;font-size:1.0em!important;margin-bottom:15px;}
#izrada h3{font-size:12px;}
#izrada a{text-decoration:none;font-size:1.0em!important;color:#fff!important;}
#izrada a:hover{color:#fff;text-decoration:underline;}

#powered a{color:#008000 !important;font-size:10px;}
#powered a:hover{color:#008000 !important;font-size:10px;}

#copy{float:left;padding:0 25px;}
#noticeAboutCookies1 .container{width:90%!important;margin:auto auto;position:relative;background:#fff;overflow:hidden;padding:8px; }
.mailList{width:98%; margin:auto auto;position:relative;overflow:hidden;}
#newsletter{width:100%; margin:10px auto;position:relative;overflow:hidden;text-align:center;border:0px solid red;border-radius:30px;padding:10px 0;font-size:1.25em;color:#666!important;}
#newsletter .input{width:280px!important;margin:10px 0 10px 0px;padding:8px 2px;border-radius:15px;border-radius:25px!important;border:1px solid #666;}
#newsletter .submit{margin:10px 0 10px 0px;background:#333!important;color:#fff!important;padding:8px 8px;border-radius:15px;border:none!important;color:#fff;font-weight:normal!important;}
#newsletter label{display:none;}
#newsletter fieldset{width:260px;padding:0;margin:0;margin:15px auto 10px auto;padding:1px 8px;border-radius:25px!important;border:0px solid #666;}
p a.button_big {
    position: relative;
    clear: both;
    min-height: 15px;
    width: 100%;
    margin: 15px 0px !important;
    padding: 10px 20px 10px 20px !important;
    text-decoration: none !important;
    font-size: 0.95em !important;
    background: #000 !important;
    color: #fff !important;
    border: 0px #c59f5f solid;
    font-weight: normal;
    border-radius: 0px !important;
    overflow: hidden !important;
    cursor: pointer;
    transition: 0.15s ease-in;
    line-height: 150%;
    display: inline-block;
}

p a.button_big:hover {color: #fff !important;border-radius: 0px!important;overflow:hidden!important;background:#000!important;}


}
/*------- KRAJ RESPONSIVE MENU 2 ---------------------------*/


/*BUTTON BIG STYLE*/



p a.button_big_kolekcije {
    position: relative;
    clear: both;
    min-height: 15px;
    width: 40%;
    margin: 15px 0px !important;
    padding: 10px 20px 10px 20px !important;
    text-decoration: none !important;
    font-size: 0.95em !important;
    background: #fff !important;
    color: #000 !important;
    border: 0px #c59f5f solid;
    font-weight: normal;
    border-radius: 15px !important;
    overflow: hidden !important;
    cursor: pointer;
    transition: 0.15s ease-in;
    line-height: 150%;
    display: inline-block;
	
	text-transform:uppercase;
}

p a.button_big_kolekcije:hover {color: #000 !important;border-radius: 0px!important;overflow:hidden!important;background:#fff!important;}


/*a.button_big{min-width:70px; text-align:center; overflow:hidden;padding:20px 20px 20px 20px!important;background: ;text-align:center;color:#ccc !important;margin-top:25px!important;clear:both;font-size:0.8em!important;border-radius:8px;border:2px solid #ccc; text-decoration:none;}
p a.button_big{font-size:1.4em!important;font-family:'Raleway','Open Sans', Arial,Verdana, sans serif;margin-top:25px!important}
p a.button_big:hover{background:#2b2b2b;text-align:center;color:#fff!important; }*/

/*BUTTON SMALL STYLE*/
p.contact_tel, p.contact_viber, p.contact_whatsapp, p.contact_email{padding:10px 2px;border-radius:0 25px 25px 0!important;margin-bottom:10px;} 
p.contact_tel img, p.contact_viber img, p.contact_whatsapp img, p.contact_email img{margin-right:7px!important;} 

p.contact_whatsapp{color:#fff !important;text-decoration:none!important;background:;display:flex;align-items:center;}
p.contact_whatsapp:hover{color:#000!important;text-decoration:none;}

p.contact_viber{color:#fff !important;text-decoration:none!important;background:;display:flex;align-items:center;}
p.contact_viber:hover {color: #000 !important;overflow:hidden!important;}

p.contact_tel{color:#fff !important;text-decoration:none!important; background:;display:flex;align-items:center;}
p.contact_tel:hover {color: #000 !important;overflow:hidden!important;}

p.contact_email{color:#fff !important;text-decoration:none!important;background:;display:flex;align-items:center;}
p.contact_email:hover{color:#000!important;text-decoration:none;}


p.contact_tel_page, p.contact_viber_page, p.contact_whatsapp_page, p.contact_email_page{padding:10px 2px;border-radius:0 25px 25px 0!important;margin-bottom:10px;} 
p.contact_tel_page img, p.contact_viber_page img, p.contact_whatsapp_page img, p.contact_email_page img{margin-right:7px!important;} 
p.contact_tel_page a, p.contact_viber_page a, p.contact_whatsapp_page a, p.contact_email_page a{color:#6d4d1a!important;text-decoration:none;font-weight:bold} 

p.contact_whatsapp_page{color:#000 !important;text-decoration:none!important;background:;display:flex;align-items:center;}
p.contact_whatsapp_page:hover{color:#000!important;text-decoration:none;}

p.contact_viber_page{color:#000 !important;text-decoration:none!important;background:;display:flex;align-items:center;}
p.contact_viber_page:hover {color: #000 !important;overflow:hidden!important;}

p.contact_tel_page{color:#000 !important;text-decoration:none!important; background:;display:flex;align-items:center;}
p.contact_tel_page:hover {color: #000 !important;overflow:hidden!important;}

p.contact_email_page{color:#000 !important;text-decoration:none!important;background:;display:flex;align-items:center;}
p.contact_email_page:hover{color:#000!important;text-decoration:none;}

/*a.button_small{min-width:70px; text-align:center; overflow:hidden;padding:10px 10px 10px 10px!important;background: ;text-align:center;color:#333 !important;margin-top:25px!important;clear:both;font-size:0.8em!important;border-radius:8px;border:1px solid #333; text-decoration:none;}
p a.button_small{font-size:1.2em!important;font-family:'Raleway','Open Sans', Arial,Verdana, sans serif;margin-top:25px!important}
p a.button_small:hover{background:#2b2b2b;text-align:center;color:#fff!important; }*/

/* *********************************************VISITS COUNTER*************************** */


.type1{background:none;color:#fff!important;display:block;font-size:1.2em;text-align:left;font-weight:normal;margin-left:25px;}
.visits{font-size:1.0em;margin-left:5px;color:#fff!important;width:250px;margin:auto auto;text-align:center;}
.visits span{margin-right:10px;color:#fff!important;font-size:1.0em;}
hr {
  margin: 50px auto!important;
  width: 300px;
  overflow: visible;
  padding: 0;
  border: 0;
  height: 4px;
  background: linear-gradient(90deg, #281C10 0%, #B59653 45%, #B59653 55%, #281C10 100%);
  text-align: center;
}
hr:after {
  content: url(img/hr.png);
  display: inline-block;
  position: relative;
  top: -0.7em;
  font-size: 1.5em;
  padding: 0 0.25em;
  background: #281C10; /* ili boja pozadine roditelja */
}
hr:before {
  content: '';
  display: inline-block;
  width: 0;
}
/*hr { 
margin:30px 0; 
  border: 0; 
  height: 2px; 
background-image: -webkit-linear-gradient(left, #e1ecf5, #272626, #e1ecf5);
  background-image: -moz-linear-gradient(left, #e1ecf5, #272626, #e1ecf5);
  background-image: -ms-linear-gradient(left, #e1ecf5, #272626, #e1ecf5);
  background-image: -o-linear-gradient(left, #e1ecf5, #272626, #e1ecf5);
}*/
.accordion-toggle {cursor: pointer;background:#ccc;}
#accordion h3.accordion-toggle  {padding:10px 30px;cursor: pointer;background:#e5e5e5 url('img/accordionbg.png') no-repeat 10px center ;}
#accordion h3.accordion-toggle:hover  {padding:10px 30px;cursor: pointer;background:#ccc url('img/accordionbgd.png') no-repeat 10px center ;}
  .accordion-content {display: none;}
  .accordion-content.default {display: block;}
  input[type=checkbox] {
    width: 18px;
    height: 18px;

}

.lokacija-container {
    display: flex;
    align-items: center;
    gap: 10px;
	margin:10px 0;
	width:99%;
}

.lokacija-ikona {
    width: auto;
    height: 30px;
    flex-shrink: 0;
    align-self: center; /* Dodatno osigurava centriranje */
}

/* Minimalni CSS */
.bg-cover-fixed {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    min-height: 100vh;
    position: relative;
}

/* iOS/Android fix */
@supports (-webkit-touch-callout: none) {
    .bg-cover-fixed {
        background-attachment: scroll !important;
    }
}

/* Za Android i desktop - ostanite fixed */
@supports not (-webkit-touch-callout: none) {
    .bg-cover-fixed {
        background-attachment: fixed !important;
    }
}