@charset "UTF-8";
/* CSS Document */
@font-face { font-family: 'opensans-light'; src: url('fonts/OpenSans-Light.ttf') format('truetype'), url('fonts/OpenSans-Light.woff') format('woff'); }
@font-face { font-family: 'opensans-light-italic'; src: url('fonts/OpenSans-LightItalic.ttf') format('truetype'), url('fonts/OpenSans-LightItalic.woff') format('woff'); }
@font-face { font-family: 'opensans-regular'; src: url('fonts/OpenSans-Regular.ttf') format('truetype'), url('fonts/OpenSans-Regular.woff') format('woff'); }
@font-face { font-family: 'opensans-italic'; src: url('fonts/OpenSans-Italic.ttf') format('truetype'), url('fonts/OpenSans-Italic.woff') format('woff'); }
@font-face { font-family: 'opensans-semibold'; src: url('fonts/OpenSans-Semibold.ttf') format('truetype'), url('fonts/OpenSans-Semibold.woff') format('woff'); }
@font-face { font-family: 'opensans-semibold-italic'; src: url('fonts/OpenSans-SemiboldItalic.ttf') format('truetype'), url('fonts/OpenSans-SemiboldItalic.woff') format('woff'); }
@font-face { font-family: 'NotoSans-Bold'; src: url('fonts/NotoSans-Bold.ttf') format('truetype') }
body {font-family: 'opensans-regular'; font-size:14px; color:#000; background-position:center top; background-repeat:no-repeat; background-attachment:fixed; overflow-x: hidden; }
.podmenikraj { list-style: none; margin: 0px 10px; padding: 0; }
.podmenikraj li { display: block; }
.podmenikraj li a { display: block; padding: 5px; transition:all .6s ease; color: #000; }
.podmenikraj li a:hover { text-decoration: none; color: #999; padding: 5px 10px 5px 16px; transition:all .6s ease; }
.podmenikraj li a i { float: right; color: #999; }
/*---------------------------------------------------------------------------------cookies-------------------*/
.kolacici { display:none; background-color:rgba(0,0,0,0.9); color:#fff; padding:20px 0; text-align:center; position:fixed; bottom:0; left:0; right:0; z-index:99999 !important; }
.dugmekolacici { color:#fff; border:2px solid rgba(255,255,255,0.75); background:transparent; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; height:auto; padding:5px 15px; font-size:12px; font-weight:400; text-transform:uppercase; text-decoration:none; letter-spacing:2px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; transition:all .6s ease; }
.dugmekolacici:hover { color:#000; background:#fff; transition:all .6s ease; }
/*---------------------------------------------------------------------------------cookies-------------------*/
.logo img { height:100px; }
.glavni-meni{background-color:#FFFFFF; margin-top:0px; margin-bottom:10px;}
.master { margin-top:0px; } 
/*header*/
.header {margin: 10px}
.korpa {margin-right:0px;}
.mojakorpa a { color: #ec0928;  text-decoration: none;}
.mojakorpa a:hover {color: #333;}
.search {display:inline-block; margin:30px auto 0 auto;}
.mojsearch{border-radius:0px; padding:15px 5px 15px 15px; height:45px; border-right:0px;}
.dugme{ padding-top: 12px; padding-bottom: 11px; padding-left: 15px; padding-right: 15px; border-radius:0px; }
.pozadinakorpe {font-size: 16px; margin-top: 10px; float:right; padding:20px; width:55%; color:#000000; }
.pozadinakorpe a {color:#000000;}
.pozadinakorpe a:hover {color:#666; text-decoration:none;}
.login a {color:#ffffff;}
.login a:hover {color:#000000; text-decoration:none;}
/*kontakt-top-meni*/
.kontakt-top {background-color:#000; color:#fff;}
.kontakt-adresa {padding: 14px;}
.kontakt-adresa a {color: #fff}
.kontakt-padding-left{padding-left: 15px;}
#search_btn{
    height: 45px;}
/*sa-strane*/
.sa-strane { text-align:left; }
.sa-strane ul { list-style:none; padding-left:0px; }
.sa-strane ul li { display:block; border-bottom:1px solid #eeeeee; padding-top:15px; padding-bottom:15px;  }
.sa-strane ul li:first-child { font-weight:bold; }
/*center*/
.center {margin-top:15px;}
.center h1 {color:#ec0928; font-size:16px; }
.center a {color:#ec0928;}
.center a:hover {color:#666; text-decoration:none;}
.center ul {list-style:none; padding-left:0;}
.home-one {border:solid 1px #dedede; border-radius:5px; padding:10px; margin-bottom:10px;}
.home-one img {border-radius:5px;}
.home-one h1 {font-size:16px;}
.new-apartments {margin-top:20px;}
.naziv-proizvoda {display:block; height:50px;}
.cena-proizvoda {display:inline; color:#ec0928; font-size:16px;}
.stara-cena-proizvoda {text-decoration:line-through; display:inline; color:#747474; font-size:14px;}
.dugme-proizvoda {color:#FFFFFF !important; background-color:#ec0928; border: solid 1px #FFFFFF;}
.dugme-proizvoda:hover {background-color:#bb0720 !important; border: solid 1px #FFFFFF;}
.novo {color:#ec0928;}
.slider-proizvoda {border:solid 2px #ec0928;  }
.opis-proizvoda {padding-top:15px; padding-bottom:15px;}
.dugme-proizvoda2 {margin-top:15px;}
.strela {background-image:none !important;}
.facebook-proizvod {margin-top:10px;}
.naslov-opis { margin-bottom:25px; margin-top:20px; }
.aktivna{background-color:#bb0720;}
.aktivna-side{background-color:#ec0928 !important ; color: #fff !important;}
strong {color:#000;}
b {color:#000;}
.naslov-opis h1,h2,h3 { margin-bottom:25px; margin-top:20px; color:#ec0928; font-size:25px; }
.naslov-korpe {font-size:30px !important;}
.tabela-korpe {font-size:14px;}
.tabela-korpe tr td {padding:10px; border: solid 1px #fff;}
.tabela-korpe tr:first-child {background-color:#ccc;}
.korpa-baton {display:inline; margin:3px; }
.korpa-baton-num {display:inline; width:35px; padding:4px; }
.moj-minus {background-color:#ec0928;}
.moj-minus:hover {background-color:#c91c82;}
.moj-plus {background-color:#228B22;}
.moj-plus:hover {background-color:#008000;}
.moj-del {background-color:#ec0928;}
.moj-del:hover {background-color:#c91c82;}
.moj-scroll {font-size: 11px !important; }
.moj-scroll a {color: #000; text-decoration: none;}
.proizvod-scroll {margin: 0px !important; background-color: #EEE !important; border-bottom: 2px solid #FFF;}
.no-pad1 {padding: 0 2px 0 2px !important;}
.no-pad { padding: 0px !important; text-align: center;}
.korpa-glavna {font-size: 11px; text-align: center; font-weight: bold !important; FONT-FAMILY: Arial, Helvetica, sans-serif;}
.korpa-glavna a {color: #ec0928; text-decoration: none;}
.korpa-jedinice-mere {font-size: 11px; margin-top: 10px; text-align: center; font-weight: bold !important;}
.korpa-jedinice-mere2 {padding: 0;}
.white {color:#fff;}
.uspeh { padding:10px; }
.opis-pr { text-align:left; }
.pocetna-kategorije {margin-bottom:10px !important;}
.novo-pocetna {background-color:#ec0928; color:#fff; padding:10px; margin:10px 0 10px 0;}
.novo-pocetna h1 {color:#fff; padding-left:10px; margin:10px 0 10px 0;}
.prikaz-proizvoda-detalji {text-transform: uppercase; background-color:#ec0928; color:#fff; padding:5px 10px 5px 10px; margin:10px 0 10px 0; text-align: center;}
.prikaz-proizvoda-detalji h1 {color:#fff; padding-left:10px; margin:10px 0 10px 0;}
.slk { margin-bottom:20px; }
.naslov-proizvoda {color:#ec0928; font-size:25px !important;}
.sifra-proizvoda {color:#000; font-size:16px;}
.borderlistanje{border-top: 1px solid #eee ;}
.listanjeproizvoda {margin-left: 0px !important;padding: 20px; border-radius: 5px}
.listanjeproizvoda:hover {background-color: #eee; color: #000 !important;}
.listanjeproizvoda a {color:#000066!important;}
.listanjeproizvoda a:hover {background-color: #eee; color: #000 !important; }
.listanjeproizvoda:hover .detaljnije-lista-proizvoda {border: none;}
/*.slika-proizvoda-lista {padding-right: 0px !important;  }*/
.slika-proizvoda-lista img{ border-radius: 5px; width:100%; }

/*.slika-proizvoda-lista img{width:100%; height:auto;display: block; object-fit: contain}*/

.btn-detalji {border: 0px !important; padding: 0px !important; background-color: #fff; color: #bb0720 ;}
.btn-detalji:hover {color: #333;}
.btn-order {background-color: #ec0928 !important; border-color: #ec0928 !important; color: #fff !important;}
.btn-order:hover {background-color: #333; border-color: #333; color: #000;}
.line,
.double-line {
    clear: both;
    position: relative;
    width: 100%;
    margin: 5px 0;
    border-top: 1px solid #EEE;
}

.line.line-sm { margin: 5px 0; }
.detaljnije-lista-proizvoda { border:1px solid #000066;font-weight: 600; background-color: #fff; padding: 8px 12px; border-radius:5px; }
.detaljnije-lista-proizvoda:hover {border:0;background-color: #000; color: #fff !important;}

.productp_image_container{
    display: flex;
    justify-content: center;
    align-items: center;
}
.productp_image_container img{

}

.line2,
.double-line {
    clear: both;
    position: relative;
    width: 100%;
    margin: 1px 0;
    border-top: 1px solid #000;
}

.line2.line-sm { margin: 1px 0; }
.detaljnije-lista-proizvoda { background-color: #fff; padding: 8px 12px; border-radius:5px; color:#000066; }
.detaljnije-lista-proizvoda:hover {background-color: #000; color: #fff !important;}
/*center*/
/*------------------------------------------------------Carousel Styles-----*/
.slider { padding: 0; }
.naslov-slider { color: #fff !important;}
.visinaslidera { height: 415px !important; }
.carousel-indicators .active { background-color: #fff; }
.carousel-indicators li { width: 25px; border-radius: 0; }
.carousel-indicators .active { width: 25px; }
.carousel-inner img { width: 100%; }
.carousel-control { margin: 0; padding: 0; width: 22%; cursor:pointer; }
.carousel-control.left { opacity: 0.6; filter:alpha(opacity=60); display: block; position: absolute; top: 50%; margin-top: -50px; z-index: 6; transition:all .6s ease; background-image: none !important; text-align: left; }
.carousel-control.right { opacity: 0.6; filter:alpha(opacity=60); display: block; position: absolute; top: 50%; margin-top: -50px; z-index: 6; transition: all .6s ease; background-image: none !important; text-align: right; }
.carousel-control.left:hover, .carousel-control.right:hover { opacity: 1; filter:alpha(opacity=100); transition: all .6s ease; }
.mojtekst { position: relative; text-align: center; display: table-cell; height: 100%; vertical-align: middle; }

.textslider { text-align: center; width: 100%; color:#fff; display: table; }
.textslider h1 { font-size: 38px; font-weight: 400; line-height: 1.4;  letter-spacing: 0.1em; }
.textslider span { color:#f3b131 !important; }
.textslider h2 { margin-top: 30px; margin-bottom: 50px; font-size: 24px; font-weight: 400; letter-spacing: 0.3em; line-height: 1.2; text-transform: uppercase; }
.textslider p { font-size: 18px; }
.filtercrni { background-color: rgba(0,0,0,0.5); }
.dugmeslider { color: #fff !important; border: 2px solid rgba(255,255,255, .75); background: transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: auto; padding: 8px 37px; font-size: 12px; font-weight: 400; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; transition: all .6s ease; }
.dugmeslider:hover { color: #000 !important; background: #fff; transition: all .6s ease; }
/*------------------------------------------------------Carousel Styles-----*/
/*navigacija*/
.radius-1 {background-color:#ec0928; opacity: 1; /**border-top-left-radius:15px; border-top-right-radius:15px;**/ margin-top:0px; margin-bottom:0px; border-bottom:0;transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;}
.radius-2 {background-color:#000; opacity: 1; /**border-top-left-radius:15px; border-top-right-radius:15px; margin-top:10px;**/ margin-bottom:0px; border-bottom:0;transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;}
.navigacija {padding-left:0px; padding-right:0px;}
.mojmeni li{font-family: 'opensans-semibold'; padding-left:0; border-right:solid 1px #ec0928;}
.mojmeni li:last-child{border-right:0;}
.mojmeni li:hover{background-color:#bb0720;}
.mojmeni li a {padding-right:20px; padding-left:20px; color:#fff !important;}
.mojmeni li a:hover {color:#fff !important;}

.mojmeni-login li{font-family: 'opensans-semibold'; padding-left:0; border-right:solid 1px #000;}
.mojmeni-login li:last-child{border-right:0;}
.mojmeni-login li:hover{background-color:#bb0720;}
.mojmeni-login li a {padding-right:20px; padding-left:20px; color:#fff !important;}
.mojmeni-login li a:hover {color:#fff !important;}
.porudzbine-naslov b {color: #ec0928;}

/*---------------------------------------------------------------------------------cookies-------------------*/
.paddlist { padding:0 12px; }
.paddopis { padding: 9px 9px 6px 9px !important;height:112px;}
.posabs { position:absolute; right:3px; bottom:20px; }
.paddlistins { padding:0px !important; border-radius:0px !important; }
.listapr { text-decoration:none; display: block; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; background-color: rgba(245,245,245,1); }
.listapr h2 { height:26px; color:#000; font-weight:400; font-size:16px; margin-top:0px; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.listapr span { display:inline; color:#ec0928; font-weight:600; font-size:16px; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.listapr:hover { text-decoration:none; background-color: rgba(243,0,143,1); -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.listapr:hover h2 { color:#000; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.listapr:hover span { color:#000 !important; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }.stan { position: relative; }
.stan img { margin-left: auto; margin-right: auto; z-index: -999; -moz-transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01); } 
.stan { overflow:hidden;  }
.stan img { z-index:-999; max-width: 100%; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.stan:hover img { -moz-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); }
.ribbon { position:absolute; right:0px; top:-5px; z-index:2; overflow:hidden; width:75px; height:75px; text-align:right; }
.ribbon span { font-size:10px; font-weight:bold; color:#FFF; text-transform:uppercase; text-align:center; line-height:20px; -webkit-transform:rotate(45deg); transform:rotate(45deg); width:100px; display:block; background:#ae1218; background:linear-gradient(#ae1218 0%, #cc161d 100%); box-shadow:0 3px 10px -5px rgba(0, 0, 0, 1); position:absolute; top:19px; right:-21px; }
.ribbon span::before { content: ""; position:absolute; left:0px; top:100%; z-index:-1; border-left:3px solid #ae1218; border-right:3px solid transparent; border-bottom:3px solid transparent; border-top:3px solid #ae1218; }
.ribbon span::after { content: ""; position:absolute; right:0px; top:100%; z-index:-1; border-left:3px solid transparent; border-right:3px solid #ae1218; border-bottom:3px solid transparent; border-top:3px solid #ae1218; }
.staracena { display:inline-block; margin-left:10px; font-size:14px !important; font-weight:400 !important; color:#666 !important; text-decoration:line-through; }
.infotext { margin-top:11px; }
.infotext b { color:#000; }
.infotext h1 { font-size:26px; color:#000; }
.infotext h2 { font-size:20px; color:#bb0720; }
.naslovkategorije { background-color: #bb0720; color: #fff !important; padding: 10px; margin: 0px 0 20px 0; }
.infonaslov { margin-top:20px;margin-bottom:20px;font-size:17px; }
.infonaslov h1, h2 { margin-bottom:25px; margin-top:20px; font-size:25px; color:#bb0720; }
.margintopic { margin-top: 11px; }
.baner {padding-top:10px;}
.meni-jezik {background-color: #000;}
.meni-jezik ul li {background-color: #bb0720 !important;}
.meni-jezik2 {background-color: #bb0720 !important;}
.meni-jezik2 li a:hover {background-color: #ec0928 !important;}
/*korpa*/
.moja-korpa {padding: 20px 0 20px 0; color: #fff;}
.moja-korpa a:hover {background-color: #fff;}
.korpa-side {margin-top: 15px; border:2px !important; padding-left: 7px !important; border-color: #000;}
/*footer*/
.footer-1{padding-bottom:10px; margin-top:0px; background-color:#000; color:#fff; padding-left:40px;}
.footer{font-family: 'opensans-semibold'; background-color:#000; color:#ec0928;}
.footer ul {padding-top:15px; padding-bottom:15px; font-size:13px; color:#fff; list-style:none; margin:0;}
.footer ul li:first-child {color:#fff; margin-bottom: 5px; font-size:14px;}
.footer ul li a{text-decoration:none; color:#fff;}
.footer ul li a:hover {text-decoration:none; color:#ec0928; }
.ikonica {margin-right:7px;}
.shop{text-align:center;}
.prava{text-align:left; color:#fff;}
.creative {text-align:right; padding-right:50px;}
.creative a{color:#fff;}
/*kategorije*/
.panel-title-moj a {color: #000 !important;}
.kategorije-pocetna {margin-bottom:10px; padding-top:15px; background-color:#000; opacity: 0.9;}
.kategorije-pocetna a { color:#fff; text-decoration:none; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.kategorije-pocetna a:hover { color:#666; text-decoration:none; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.naziv-meni { font-size: 14px; border-top-left-radius:4px; border-top-right-radius:4px; background-color:#ec0928; border-color:#0099cc; color:#fff; padding:8px 15px; display:block; text-decoration:none; margin-bottom:0px; margin-top:15px;}
.podmeni { border-left:solid 1px #ddd; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; padding:8px 15px; background-color:#efefef; color:#ee008c; display:block; text-decoration:none; }
.podmeni:hover { text-decoration:none; }
.podmeni:last-child { border-bottom:0px; }
.podmeni_aktiv { border-left:solid 1px #ddd; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; padding:8px 15px; display:block; text-decoration:none; background-color:#f3f3f3; color:#333; }
.podmeni_aktiv:hover { text-decoration:none; color:#333;}
.podmeni_aktiv:last-child { border-bottom:0px; }
.meni ul { padding-right:5px; list-style:none; margin:0; padding:0; }
.meni ul li { text-align:left; padding: 5px 0px 5px 0px; background-repeat:no-repeat; background-position:right; border-bottom: solid 1px #dedede; }
.meni-aktivna { background-color:#ee008c; }
.meni ul li:first-child { color:#ffffff; background-color:#0099cc; background-image:none; border-bottom:solid 1px #006699; padding: 5px 0px 5px 5px; }
.meni ul li:first-child:hover { color:#000; background-color:#026ea9; border-bottom:solid 1px #006699; padding: 5px 0px 5px 5px; }
.meni ul li:hover { background-color:#efefef; cursor:pointer; filter: none; -webkit-filter:grayscale(0); }
IMG.displayed { 
    display: block;
    margin-left: auto;
    margin-right: auto }
/*slider*/
.slajder { margin-bottom:10px; padding:0; }
.slider { padding:0; }
.rslides { position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0; }
.rslides li { -webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0; }
.rslides li:first-child { position:relative; display:block; float:left; }
.rslides img {display:block; height:auto; float:left; width:100%; border:0; }
.m-header{display:none;}
.m-navig{display:none;}
.m-glavnimeni {display:none;}
.m-nav-bar{display:none;}
.m-navigacija {display:none;}
.m-search {display:none;}
/*side-korpa*/
.korpa-tekst a{ background-color: #EEE; border-bottom: 1px solid #FFF; padding: 6px 4px; width: 100%; font: 14px Arial, Helvetica, sans-serif; color: #000; display: inline-block; text-align: center; text-decoration: none;}
.korpa-tekst a:hover{background-color: #ec0928; color: #fff}
.korpa-tekst a:first-child{margin-top: 5px;}
.h1-stranice{margin-top: 10px !important;}
.adrese_tabela { border:#CCC 1px solid; PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; font-size: 12px; color: #003366; font-weight:bold; }

.news_naslov1 {font-size: 15px; font-weight: bold; color: #000;}
.news_naslov { FONT-SIZE: 12px; font-weight: bold; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; padding: 2px; color: #000;}

.reg_naslov { FONT-SIZE: 14px; color: #00014e; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; padding: 2px;}

.news_tekst { FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; padding: 2px; color: #666; }
A.news_tekst { FONT-SIZE: 12px; color: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; padding-left: 2px; font-weight:bold; }
a:hover.news_tekst { FONT-SIZE: 12px; color: #FF0000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; padding: 2px; font-weight:bold; }
a:active.news_tekst { FONT-SIZE: 12px; color: #FF0000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; padding: 2px; font-weight:bold; }


#map_wrapper {height: 400px;}
#map_canvas {width:100%; height:100%;}
.opis {margin-bottom:20px;}
.opis img {margin-bottom:20px; }
.moj-paging {text-align:center;}
.moj-paging ul {}
.moj-paging ul li a{color:#ec0928;}
.moj-paging ul li a:hover {color:#ec0928;}
.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus{
    background-color:#ec0928;
    border-color:#ec0928;
}
.mojiii { position:relative; }
.izdvajamo { left:0px; right:0; top:0px; position:absolute; z-index:100; }
.mojas { width:20%; }
.mojass span { display:block; font-size:10px; color:#999; }
.mojass h4 { color:#ec0928; font-size:16px; }
.carousel-indicators { bottom: -20px; }

.tab-content a {color: #bb0720; }




/*----------dropdown-------------*/
.current {
    color: #FFF !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #bb0720 !important;}

.dropbtn {
  background-color: #ec0928;
  color: white;
  padding: 14px;
  border: none;
}

.dropdown {
  float: right;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ec0928;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: #fff;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #bb0720; color: #fff;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #bb0720;}
/*-------dropdown end--------*/
.scrollable-panel{
      height:200px;
      overflow: auto;
      width:100%;
      }


/*-----------------------------------------------------proizvodi------------------------------------------------*/
.proizvodi-pdb { padding-bottom: 15px; }
.kramp { background-color: transparent !important; color: #111111; border-bottom: 1px solid #089e95; border-top: 1px solid #089e95; border-radius: 0px; padding: 7px 0px; margin-top: 15px; }
.kramp a { color: #089e95; text-decoration: none; cursor: pointer; transition: .2s ease-in-out; }
.kramp a:hover { color: #111111; text-decoration: none; cursor: pointer; transition: .2s ease-in-out; }
.proizvodi-bg { height: 102px; }

.card { border-radius: 0px !important; border: 0px !important; }
.kartica-pd { padding:0px; }

.meni-kategorija-med { padding: 0px; border-bottom: none !important; border: 1px solid #ddd !important; }
.meni-kategorija-med button {    word-break: break-word;
    word-wrap: break-word;
    white-space: normal; background-color: #fff; color: #000; padding: 10px 15px; width: 100%; text-align: left; outline: none !important; box-shadow: none !important; border: 0px; }
.meni-kategorija-med button:hover { color: #000; background-color: #efefef;}
.meni-potkategorija-med { padding: 0px; border: 1px solid #ddd !important; }
.meni-potkategorija-med button { background-color: #efefef; color: #ec0928; padding: 10px 15px; width: 100%; text-align: left; outline: none !important; box-shadow: none !important; border: 0px; }
.meni-potkategorija-med2 { padding: 0px; }
.meni-potkategorija-med2 ul { padding-left: 0px; list-style: none; margin-bottom: 0px; }
.meni-potkategorija-med2 ul li { display: block; padding: 8px 15px 8px 30px; }
.meni-potkategorija-med2 ul li a { color: #333333; cursor: pointer; text-decoration: none; }
.meni-potkategorija-med2 ul li a:hover { color: #333333; border-bottom: 2px solid #ec0928; cursor: pointer; text-decoration: none;  }

/*-----------------------Selest boja----------------------*/
.addr_glavni_div {
    margin-left: 0px !important;
}
.addr_boja_osnova {
    width: 35px;
    height: 19px;
    display:inline-block;
    margin: 4px;
    padding: 2px;
    cursor: pointer;
    border: #000 1px solid;
    vertical-align: top;
}
.addr_boja_active {
    box-shadow: 
        0px 0px 0px 3px rgba(255,255,255,1), 
        1px 4px 4px 4px rgba(0,0,0,0.6);
    -webkit-backface-visibility: hidden;
    width: 32px;
    height: 16px;
}
.addr_boja_Crna {
    background-color: #000;
}
.addr_boja_Plava {
    background-color:#00F;
}
.addr_boja_Zuto-zelena {
    background-color: #FF0;
    border-right: 18px solid #008000;
}
.addr_boja_Zuta {
    background-color:#FF0;
}
.addr_boja_Braon {
    background-color:#633;
}
.addr_boja_Narandzasta {
    background-color:#f93;
}
.addr_boja_Zelena {
    background-color:#008000;
}
.addr_boja_Crvena {
    background-color:#f00;
}
.addr_boja_Bela {
    background-color:#fff;
}
.addr_boja_Roza {
    background-color:#f09;
}
.addr_boja_Ljubicasta {
    background-color:#800080;
}
.addr_boja_Siva {
    background-color:#C0C0C0;
}
.addr_value {
    font-size:10px;
    font-weight:bold;
}
.addr_value  span{
    background-color:#fff;
}
.addr_input_readonly {
    background-color:#C0C0C0;
}


/*---------------------------------------------------------------------------------social--------------------*/
.social { position:fixed; left:0; bottom:30%; z-index:99999 !important; }
.social ul { list-style:none; padding:0; margin:0; }
.social ul li { display:block; text-align:center; }
.social ul li a { display:block; color:#fff;padding:10px; font-size:24px; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.social ul li a:hover { -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.sociallink { color:#fff !important; font-size:20px; width:45px; padding:8px; text-align:center; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.sociallink:hover { width:75px; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.bojafacebook { background-color:#3f5798; }
.bojatwitter { background-color:#3b9ef2; }
.bojainstagram { background-color:#d62976; }
.bojagoogle { background-color:#d54f45; }
.bojamail { background-color:#585858; }

.korpa-lista-proizvoda{

}

/*---------------------------------------------------------------------------------social--------------------*/

@media (max-width: 1200px) {
.m-header{display:none;}
.m-navig{display:none;}
.m-glavnimeni {display:none;}
.m-nav-bar{display:none;}
.pozadinakorpe {width:60%;}
    /*.container{width:1170px;}*/
    .container{width:95%;}
    .form_field_kupi{
        width: 100px;
        margin-right: 10px;
    }
}
@media (max-width: 992px){
	.prava{padding-left:0px; text-align:center; font-size:11px;}
	.shop{text-align:center;}
	.creative{text-align:center; font-size:10px;}
	.mojmeni li a{font-size:10px; padding-right:14px; padding-left:14px; border:0; margin:0;}
	.creative {text-align:right;}
	.textkorpe {vertical-align:middle}
	.m-header{display:none;}
	.m-navig{display:none;}
	.m-glavnimeni {display:none;}
	.m-nav-bar{display:none;}
	.pozadinakorpe {width:80%;}
	.korpa-baton {display:block; }
	.korpa-baton-num {display:block; margin-left:6px; }
	.opis-pr { text-align:center; }
	.facebook-proizvod { text-align:center; }
	.mojas { width:30%; }
    /*.container{width:95%;}*/

    .slika-proizvoda-lista{ padding:10px 0; display:block;
       }

    .form_field_kupi{
        width: clamp(30px, 50%,107px);
    }

}
@media (max-width: 767px){

    .kontakt-top{display: none;}
    .korpa-side{display: none;}
	.login-bar-m {display: none;}
	.radius-1 { padding-left:10px; padding-right:10px; margin-top:0px; margin-bottom: 0px; }
	.mobilelogo  {height:38px; margin-top:-10px; }
	.master { margin-top: 0px; }
	.paddingmobile { padding: 0 5px 5px 0 !important; }
	.panel { border:0 ; -webkit-box-shadow: none !important; box-shadow: none !important; margin-bottom: 0px; }
	.navbar-nav { margin: 0px -15px !important; }
	.dugme { padding-top: 11px; }
	.tabela-korpe tr td { padding: 5px; }
	/*---------------------------------------------------------------------------------social--------------------*/
	.social { position:fixed; left:0; bottom:0; z-index:99999 !important; }
	.sociallink { color:#fff !important; font-size:20px; width:45px; padding:8px; text-align:center; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; display: inline-block; margin-left: -4px; }
	.sociallink:hover { width:45px; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
	/*---------------------------------------------------------------------------------social--------------------*/
	
	.prava{text-align:center; padding-right:0; }
	.shop{text-align:center;}
	.creative{text-align:center;}
	.footer{text-align:center; padding-left:0px; }
	.footer ul { padding-left:0px; }
	.footer-1{ padding-left:0px; }
	.creative {padding-right:13px;}
	.baner{display:none;}
	.slajder{display:none;}
	.header{display:none;}
	.m-header{display:block;}
	.navig {display:none;}
	.m-navig {display:block;}
	.navigacija {padding-left:0px; padding-right:0px;}
	.mojmeni li a {font-size:13px;}
	.proizvodi{display:none; padding: 0 10px 0 0 !important;}
	.m-glavnimeni {display:block;}
	.m-radius-1 {background-color:#ec0928; margin-top:0; margin-bottom:0; border-bottom:0;}
	.m-nav-bar{display:block;}
	.bela {color:#fff !important;}
	.m-navigacija {display:block; text-align: right; padding-top: 5px; background-color:#ec0928; opacity: 1; }
	.m-navigacija ul {list-style:none; margin:0; padding:0;}
	.m-navigacija ul li {display:inline; padding:10px 8px; font-size:14px;}
	.m-navigacija ul li a {color:#fff;}
	.m-navigacija ul li img {display:inline;}
    .m-navigacija .lang-list {display:none;}
	.prava{padding-bottom:5px;}
	.creative {padding-top:5px;}

    .slika-proizvoda-lista{ padding:10px 0; width: 49% ;display:inline-block;}
    .slika-proizvoda-lista img{
        width: 150px;
        height: auto;
        object-fit: cover;
    }
    .sifra-proizvoda-lista{

        vertical-align: top;
        width: 49%;
        display: inline-block;
    }
    .korpa-lista-proizvoda{
        /*border: 1px solid red;*/
        width: 100%;
    }
	
	.m-search {display:block; margin-top:5px; padding:0;}
	.m-search-1 {padding:0;}
	.search {display:inline-block; margin:0;}
	.mojsearch{padding:15px 5px 15px 15px; height:45px; border-right:0px; border-radius:0;}
	.dugme{border-top-right-radius:0; border-bottom-right-radius:0;}
	.mojas { width:40%; }
	.div18 {display:none;}

    .form_field_kupi{
        width: 25%;
        margin-right: 10px;
    }
}