@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body { font-family: 'Roboto Condensed', sans-serif; font-size:16px; color:#666; background-image:url(../assets/images/body-bg1.jpg); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; overflow-x: hidden; }
/*---------------------------------------------------------------------------------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-------------------*/
.paddlist { padding:0 12px; }
.paddopis { padding: 9px 9px 6px 9px !important; }
.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 p { height:40px; color:#000; font-weight:400;line-height: 1.1; font-size:14px; margin:0px; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.listapr span { display:inline; color:#f3008f; 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 p { color:#fff; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.listapr:hover span { color:#fff !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:#f3008f; }
.header { background-color:rgba(0,0,0,1); padding-top:10px; padding-bottom:10px; }
.naslovkategorije { background-color: #f3008f; 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:#f3008f; }
.margintopic { margin-top: 11px; }

.logo img { height:100px; }
.glavni-meni{background-color:#FFFFFF; margin-top:0px; margin-bottom:0px;}
.master { margin-top:0px; }
/*header*/
.korpa {margin-right:0px;}
.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 {border: solid 2px #f3008f; float:right; padding:20px; width:55%; color:#f3008f; background-color:rgba(0,0,0,0.6);}
/*center*/
.center {margin-top:11px;}
.center h1 {color:#f3008f; font-size:16px; }
.center a {color:#f3008f;}
.center a:hover {color:#666; text-decoration:none;}
.center ul {list-style:none; padding-left:0;}
.home-one { padding:0px; margin-bottom:10px;}
.home-one img {border-radius:5px;}
.home-one h1 {font-size:16px;}
.new-apartments {margin-top:20px;}
.naziv-proizvoda { height:26px; color:#000; font-size:16px; margin-top:0px; }
.cena-proizvoda {display:inline; color:#f3008f; font-size:16px;}
.stara-cena-proizvoda {text-decoration:line-through; display:inline; color:#747474; font-size:14px;}
.dugme-proizvoda {color:#FFFFFF !important; background-color:#f3008f; border: solid 1px #FFFFFF; border-radius: 0 !important; }
.dugme-proizvoda:hover {background-color:#c91c82; border: solid 1px #FFFFFF;}
.novo {color:#f3008f;}
.slider-proizvoda {border:solid 2px #f3008f;  }
.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; }
strong {color:#f3008f;}
b {color:#f3008f;}
.naslov-opis h1,h2,h3 { margin-bottom:25px; margin-top:20px; color:#f3008f; 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:#f3008f;}
.moj-minus:hover {background-color:#c91c82;}
.moj-plus {background-color:#228B22;}
.moj-plus:hover {background-color:#008000;}
.moj-del {background-color:#f3008f;}
.moj-del:hover {background-color:#c91c82;}
.white {color:#fff;}
.uspeh { padding:10px; }
.opis-pr { text-align:left; }
.pocetna-kategorije {margin-bottom:10px !important;}
.novo-pocetna { background-color:#f3008f; color:#fff; padding:10px; margin:10px 0 10px 0; }
.slk { margin-bottom:20px; }
.naslov-proizvoda {color:#f3008f; font-size:26px !important; margin:10px 0 20px 0; }
.sifra-proizvoda {color:#f3008f; font-size:16px;}
/*center*/
/*navigacija*/
.radius-1 {background-color:#000; 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;}
.navigacija {padding-left:0px; padding-right:0px;}
.mojmeni li{ padding-left:0; border-right:solid 1px #000;}
.mojmeni li:last-child{border-right:0;}
.mojmeni li:hover{background-color:#f3008f;}
.mojmeni li a {padding-right:20px; padding-left:20px; color:#fff !important;}
.mojmeni li a:hover {color:#fff !important;}
.aktivna {background-color:#f3008f;}
.aktivna a {color:#fff;}
.baner {padding-top:10px;}
/*footer*/
.footer-1{margin-bottom:0px; padding-bottom:10px; margin-top:0px; background-color:#000000; padding-left:40px;}
.footer{ background-color:#000000; color:#f3008f;}
.footer ul {padding-top:15px; padding-bottom:15px; font-size:12px; color:#fff; list-style:none; margin:0;}
.footer ul li { margin-bottom: 5px; font-size: 15px; }
.footer ul li:first-child { color: #f3008f; font-size: 17px; margin-bottom: 10px; }
.footer ul li a{ text-decoration: none; color: #fff; font-size: 15px; font-weight: 300;}
.footer ul li a:hover {text-decoration:none; color:#f3008f; }
.ikonica {margin-right:10px; display: inline-block; color: #f3008f; }
.shop{text-align:center;}
.prava{text-align:left; color:#f3008f;}
.creative {text-align:right; padding-right:50px;}
.creative a{color:#f3008f;}
/*kategorije*/
.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 { border-top-left-radius:4px; border-top-right-radius:4px; background-color:#f3008f; border-color:#0099cc; color:#fff; padding:8px 15px; display:block; text-decoration:none; margin-bottom:0px; margin-top:10px;}
.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;}
#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:#f3008f;}
.moj-paging ul li a:hover {color:#f3008f;}
.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus{ background-color:#f3008f; border-color:#f3008f; }
.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:#f3008f; font-size:16px; }
.carousel-indicators { bottom: -20px; }
/*---------------------------------------------------------------------------------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; }
/*---------------------------------------------------------------------------------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%;}
    .listapr p { font-size:14px; }
}
@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:14px; 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%; }
}
@media (max-width: 767px){
	.radius-1 { padding-left:10px; padding-right:10px; margin-top:0px; margin-bottom: 0px; }
	.mobilelogo  {height:50px; margin-top:-30px; }
	.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;}
	.aktivna{background-color:#c91c82;}
	.aktivna a {color:#fff;}
	.proizvodi{display:none;}
	.m-glavnimeni {display:block;}
	.m-radius-1 {background-color:#f3008f; 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:#000; 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;}
	.prava{padding-bottom:5px;}
	.creative {padding-top:5px;}

	
	.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:44px; border-right:0px; border-radius:0;}
	.dugme{border-top-right-radius:0; border-bottom-right-radius:0;}
	.mojas { width:40%; }
	.div18 {display:none;}
}