@font-face {
  font-family: 'ultrazz008';
  src:  url('ultrazz008font/fonts/ultrazz008.eot?gcnxx');
  src:  url('ultrazz008font/fonts/ultrazz008.eot?gcnxx#iefix') format('embedded-opentype'),
    url('ultrazz008font/fonts/ultrazz008.ttf?gcnxx') format('truetype'),
    url('ultrazz008font/fonts/ultrazz008.woff?gcnxx') format('woff'),
    url('ultrazz008font/fonts/ultrazz008.svg?gcnxx#ultrazz008') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.u008, .category > h2:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ultrazz008' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.u008heart:before {
  content: "\f004";
}
.u008star1:before {
  content: "\f007";
}
.u008star-o1:before {
  content: "\f008";
}
.u008heart-o:before {
  content: "\f08a";
}
.u008circle-o:before {
  content: "\f10c";
}
.u008circle:before {
  content: "\f111";
}
.u008sort-amount-asc:before {
  content: "\f160";
}
.u008sort-amount-desc:before {
  content: "\f161";
}
.u008star:before {
  content: "\f005";
}
.u008star-o:before {
  content: "\f006";
}
.u008cog:before {
  content: "\f013";
}
.u008gear:before {
  content: "\f013";
}
.u008clock-o:before {
  content: "\f017";
}
.u008list:before {
  content: "\f03a";
}
.u008map-marker:before {
  content: "\f041";
}
.u008info-circle:before {
  content: "\f05a";
}
.u008gift1:before {
  content: "\f06c";
}
.u008calendar1:before {
  content: "\f074";
}
.u008folder-open:before {
  content: "\f07c";
}
.u008twitter-square:before {
  content: "\f081";
}
.u008facebook-square:before {
  content: "\f082";
}
.u008camera-retro1:before {
  content: "\f084";
}
.u008thumb-tack1:before {
  content: "\f08e";
}
.u008phone-square:before {
  content: "\f098";
}
.u008credit-card1:before {
  content: "\f09e";
}
.u008truck:before {
  content: "\f0d1";
}
.u008user-secret:before {
  content: "\f21b";
}
.u008motorcycle:before {
  content: "\f21c";
}
.u008map-o1:before {
  content: "\f279";
}
.u008map:before {
  content: "\f27a";
}
.u008credit-card-alt1:before {
  content: "\f284";
}
.u008check:before {
  content: "\f00c";
}
.u008close:before {
  content: "\f00d";
}
.u008remove:before {
  content: "\f00d";
}
.u008times:before {
  content: "\f00d";
}
.u008refresh:before {
  content: "\f021";
}
.u008lock:before {
  content: "\f023";
}
.u008qrcode:before {
  content: "\f029";
}
.u008tags:before {
  content: "\f02c";
}
.u008book:before {
  content: "\f02d";
}
.u008bookmark:before {
  content: "\f02e";
}
.u008camera:before {
  content: "\f030";
}
.u008edit:before {
  content: "\f044";
}
.u008pencil-square-o:before {
  content: "\f044";
}
.u008check-square-o:before {
  content: "\f046";
}
.u008plus-circle:before {
  content: "\f055";
}
.u008minus-circle:before {
  content: "\f056";
}
.u008times-circle:before {
  content: "\f057";
}
.u008check-circle:before {
  content: "\f058";
}
.u008gift:before {
  content: "\f06b";
}
.u008calendar:before {
  content: "\f073";
}
.u008shopping-cart:before {
  content: "\f07a";
}
.u008camera-retro:before {
  content: "\f083";
}
.u008thumb-tack:before {
  content: "\f08d";
}
.u008sign-in:before {
  content: "\f090";
}
.u008phone:before {
  content: "\f095";
}
.u008credit-card:before {
  content: "\f09d";
}
.u008comments-o:before {
  content: "\f0e6";
}
.u008angle-left:before {
  content: "\f104";
}
.u008angle-right:before {
  content: "\f105";
}
.u008angle-up:before {
  content: "\f106";
}
.u008angle-down:before {
  content: "\f107";
}
.u008calendar-o:before {
  content: "\f133";
}
.u008spoon:before {
  content: "\f1b1";
}
.u008database:before {
  content: "\f1c0";
}
.u008history:before {
  content: "\f1da";
}
.u008newspaper-o:before {
  content: "\f1ea";
}
.u008wifi:before {
  content: "\f1eb";
}
.u008calculator:before {
  content: "\f1ec";
}
.u008bell-slash-o:before {
  content: "\f1f7";
}
.u008trash:before {
  content: "\f1f8";
}
.u008cart-plus:before {
  content: "\f217";
}
.u008cart-arrow-down:before {
  content: "\f218";
}
.u008street-view:before {
  content: "\f21d";
}
.u008opencart:before {
  content: "\f23d";
}
.u008safari:before {
  content: "\f267";
}
.u008calendar-check-o:before {
  content: "\f274";
}
.u008map-o:before {
  content: "\f278";
}
.u008commenting-o:before {
  content: "\f27b";
}
.u008credit-card-alt:before {
  content: "\f283";
}
.u008shopping-basket:before {
  content: "\f291";
}
.u008volume-control-phone:before {
  content: "\f2a0";
}
.u008low-vision:before {
  content: "\f2a8";
}
.u008user-circle-o:before {
  content: "\f2be";
}
.u008user-o:before {
  content: "\f2c0";
}
.u008drivers-license-o:before {
  content: "\f2c3";
}
.u008id-card-o:before {
  content: "\f2c3";
}
.u008home:before {
  content: "\e900";
}
.u008image:before {
  content: "\e90d";
}
.u008camera1:before {
  content: "\e90f";
}
.u008file-text2:before {
  content: "\e926";
}
.u008qrcode1:before {
  content: "\e938";
}
.u008cart:before {
  content: "\e93a";
}
.u008phone1:before {
  content: "\e942";
}
.u008envelop:before {
  content: "\e945";
}
.u008location2:before {
  content: "\e948";
}
.u008clock:before {
  content: "\e94e";
}
.u008search:before {
  content: "\e986";
}
.u008equalizer:before {
  content: "\e992";
}
.u008glass:before {
  content: "\e9a0";
}
.u008glass2:before {
  content: "\e9a1";
}
.u008mug:before {
  content: "\e9a2";
}
.u008spoon-knife:before {
  content: "\e9a3";
}
.u008clipboard:before {
  content: "\e9b8";
}
.u008facebook:before {
  content: "\ea90";
}
.u008instagram:before {
  content: "\ea92";
}
.u008whatsapp:before {
  content: "\ea93";
}
.u008skype:before {
  content: "\eac5";
}



body { font-size: 14px; font-family: 'Barlow', sans-serif; }

img {
    max-width: 100%;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
	cursor: pointer;
}

.img-gray {
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(1);
}

.row {
    margin-right: -7.5px;
    margin-left: -7.5px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 7.5px;
    padding-left: 7.5px;
}


.btn-gray {
    background: #f3f3f3;
    border-color: #f3f3f3;
    color: #000;
}
.btn-gray:focus, .btn-gray:hover {
	background: #dedede;
	border-color: #dedede;
}

.body-alert {
	background: #000;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
	cursor: pointer;
}

.checkbox {
	width: 100%;
	margin: 0px auto;
	position: relative;
	display: block;
}
.checkbox label {
	position: relative;
	min-height: 34px;
	display: block;
	padding-left: 40px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
	border: 1px solid #adadad;
    margin-bottom: 10px;
    padding: 18px 25px 18px 50px;
    border-radius: 4px;
}
.checkbox label > span:first-child {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.checkbox label:before {
	content: '';
	position: absolute;
	left: 0.4em;
    top: 0.2em;
	margin: 8px;
	width: 18px;
	height: 18px;
	transition: transform 0.28s ease;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 2px solid #adadad;
}
.checkbox label:after {
	content: '';
	display: block;
	width: 10px;
	height: 5px;
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
	transform: rotate(-45deg) scale(0);
	transition: transform ease 0.25s;
	position: absolute;
	top: 1.05em;
    left: 1.15em;
}
.checkbox input[type="checkbox"] {
	width: auto;
	opacity: 0.00000001;
	position: absolute;
	left: 0;
	margin-left: -20px;
}
.checkbox input[type="checkbox"]:checked ~ label:before {
	border: 2px solid #000;
}
.checkbox input[type="checkbox"]:checked ~ label:after {
	transform: rotate(-45deg) scale(1);
}
.checkbox input[type="checkbox"]:focus + label::before {
	outline: 0;
}
.checkbox input[type="checkbox"]:checked ~ label {
    border-color: #000;
	color: #000;
	font-weight: 600;
}



.radiobox {
	width: 100%;
	margin: 0px auto;
	position: relative;
	display: block;
}
.radiobox label {
	position: relative;
	min-height: 34px;
	display: block;
	padding-left: 40px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
	line-height: 34px;
	border: 1px solid #adadad;
    margin-bottom: 10px;
    padding: 10px 25px 10px 40px;
    border-radius: 4px;
    line-height: 1.3;
}
.radiobox label > span:first-child {
	/*position: absolute;
	top: 50%;
	transform: translateY(-50%);*/
}
.radiobox label:before {
	content: '';
	position: absolute;
	left: 0.4em;
    top: 0.2em;
	margin: 8px;
	width: 18px;
	height: 18px;
	transition: transform 0.28s ease;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #adadad;
}
.radiobox label:after {
	content: '';
	display: block;
	width: 10px;
	height: 5px;
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
	transform: rotate(-45deg) scale(0);
	transition: transform ease 0.25s;
	position: absolute;
	top: 1.07em;
    left: 1.15em;
}
.radiobox input[type="radio"] {
	width: auto;
	opacity: 0.00000001;
	position: absolute;
	left: 0;
	margin-left: -20px;
}
.radiobox input[type="radio"]:checked ~ label:before {
	border: 2px solid #000;
}
.radiobox input[type="radio"]:checked ~ label:after {
	transform: rotate(-45deg) scale(1);
}
.radiobox input[type="radio"]:focus + label::before {
	outline: 0;
}
.radiobox input[type="radio"]:checked ~ label {
    border-color: #000;
	color: #000;
	font-weight: 600;
}

.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-30 { margin-left: 30px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-30 { margin-right: 30px; }

.modal-header .close {
	position: absolute;
    top: -5px;
    right: -5px;
    border: 1px solid #fff;
    padding: 0px;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background: #11284e;
    opacity: 1;
    color: #fff;
}

.main-header {
    padding: 15px 0px;
    border-bottom: 1px solid #ccc;
}

.main-header > .container > ul {
	list-style: none;
    margin: 0px;
    padding: 0px;
}
.main-header > .container > ul > li {
	display: inline-block;
    width: auto;
	vertical-align: top;
}
.main-header > .container > ul > li:last-child > div > h1 {
	text-align: right;
}
.main-header .nav.nav-pills:not(.nav-text) { float: right; }
.main-header .nav.nav-pills.nav-text { float: left; }
.main-header .nav.nav-pills > li {
	position: relative;
	font-size: 1.5em;
}
.main-header .nav.nav-pills.nav-text > li:not(.icon) {
    font-size: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
}
.main-header .nav.nav-pills.nav-text > li:not(.icon) > a {
	color: #000;
}


a, a:hover, a:focus, a:active {
	outline: none !important;
	color: #6f6f6f;
	text-decoration: none;
}
a.underline:hover {
	text-decoration: underline;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .user-open .nav-pills .nav-link.user-menu-icon {
    color: #fff;
    background-color: #000000;
}
.user-open .nav-pills .nav-link.active {
	color: #fff;
	background-color: inherit;
}

.user-menu .user-body > ul > li > a.active {
	color: #000;
	font-weight: 600;
}
.collapse-element {
	cursor: pointer;
    display: block;
    padding: 15px 0px;
    color: #000;
    margin-bottom: 15px;
	position: relative;
}
.collapse-element:after {
	content: "\f107";
	font-family: 'ultrazz008' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	
	position: absolute;
    top: 17px;
    right: 15px;
	color: #a5a5a5;
}
.collapse-element.show {
	margin-bottom: 0px;
}
.collapse-element.show:after {
	content: "\f106";
}
.collapse-element.show+.collapse {
    display: block;
	margin-bottom: 15px;
}

.page-data * { max-width: 100% !important; display: relative !important; width: inherit !important; }

.body { background: #fff; color: #6f6f6f; overflow: hidden; }
.product-body > .row { margin: 0px; }
.product-body > .row > .col-12 { padding: 0px; }
.mt-40 { margin-top: 40px; }
.mt-20 { margin-top: 20px; }
.pr-10 { padding-right: 10px; }

.validate-relative {
  position: relative;
   font-size: 13px;
}
.validate-relative .validate-parent-text {
  background: rgba(17, 40, 78, 0.82);
  position: absolute;
  color: #fff;
  min-width: 120px;
  border: 0px;
  padding: 4px 10px 4px 10px;
  cursor: pointer;
}
.validate-relative .validate-parent-text:after {
  content: "";
  position: absolute;
  border-left: 7px solid transparent;
  border-top: 7px solid rgba(17, 40, 78, 0.82);
  border-bottom: 7px solid transparent;
  border-right: 7px solid transparent;
  top: 27px;
  right: 7px;
}
.validate-relative .validate-error {
  border: 1px solid #ff9c9c !important;
}

.categories { width: 100%; }
.category { border-bottom: 1px solid #cccccc; }
.category > h2 {
	font-size: 1.45rem;
	padding: 15px 0px;
    margin: 0px;
    cursor: pointer;
    display: block;
	position: relative;
}
/*.category:first-child { border-top: 1px solid #cccccc; }*/
.category > h2:after {
	display: inline-block;
    content: "\f105";
    position: absolute;
    right: 0px;
    top: 18px;
}
.category.active > h2 { border-bottom: 0px; }
.category.active > h2:after {
	content: "\f107";
}

.category > .category-list {
	display: none;
}
.category.active > .category-list { display: block; }

.category-list > ul {
	list-style: none;
	padding: 25px 0px;
	margin: 0px;
}
.category-list > ul > li {
	position: relative;
	padding: 0px 0px 25px 0px;
	min-height: 110px;
	cursor: pointer;
}
.category-list > ul > li > .li-img {
	position: absolute;
    top: 0px;
    right: 0px;
	width: 85px;
	height: 85px;
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-repeat: no-repeat;
}
.category-list > ul > li > .li-desc {
	padding-right: 135px;
}

.category-list > ul > li > .li-desc * { font-size: 1.1rem; }
.category-list > ul > li > .li-desc h3 { margin: 0px; padding: 0px; }
.category-list > ul > li > .li-desc p { color: #a7a7a7; margin: 0px; padding: 0px; line-height: 1.5rem; max-height: 3em; overflow: hidden; }
.category-list > ul > li > .li-desc .price { font-weight: 700; color: #000; }


.w100 { width: 100%; }
.w100 .removeempty, .removeempty > td {
	width: 100%;
    display: block;
}

/** PROIZVOD/PREGLED **/
.product-menu, .cart-menu, .side-menu, .user-menu, .small-menu {
	position: fixed;
    top: 0px;
    right: -100%;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
	transition: right 0.5s ease;
    z-index: 15;
	
	width: 100%;
    max-width: 450px;
	box-shadow: 0px 0px 3px #878787;
}
.small-menu {
    right: inherit;
    left: -100%;
	transition: left 0.5s ease;
}
@media (max-width: 550px) {
	.product-menu, .cart-menu, .side-menu, .user-menu, .small-menu { max-width: 390px; }
}
@media (max-width: 400px) {
	.product-menu, .cart-menu, .side-menu, .user-menu, .small-menu { max-width: 350px; }
}

.logo-header { max-width: 175px; }
@media (max-width: 400px) {
	.logo-header { max-width: 145px; margin-top: 5px; }
}

@media (max-width: 350px) {
	.logo-header { max-width: 125px; margin-top: 7px; }
}

@media (max-width: 330px) {
	.logo-header { max-width: 110px; margin-top: 8px; }
}


.bg-shadow {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	z-index: 14;
}
.product-open .bg-shadow, .cart-open .bg-shadow, .side-open .bg-shadow, .user-open .bg-shadow, .small-open .bg-shadow {
	display: block;
}

.side-menu { font-size: 16px; }
body.product-open, body.cart-open, body.side-open, body.user-open, body.small-open { overflow: hidden !important; }
body.product-open .product-menu, body.side-open .side-menu, body.user-open .user-menu, body.cart-open .cart-menu {
	right: 0px;
}
body.small-open .small-menu {
	left: 0px;
}
body.product-open, body.cart-open, body.side-open, body.small-open { overflow: hidden; }
body.product-open .product-menu, body.cart-open .cart-menu, body.side-open .side-menu, body.user-open .user-menu, body.small-open .small-menu { overflow-x: scroll; }

.product-menu .product-header, .side-menu .side-header, .small-menu .small-header {
	padding: 0px 0px 0px 0px;
}
.product-menu .product-header > h3, .side-menu .side-header > h3, .small-menu .small-header > h3 {
	padding: 0.65rem 1rem;
    margin: 0px;
    background: #efefef;
    color: #6d6d6d;
	cursor: pointer;
}
.product-header .floating-left, .lokal .floating-left, .floating-left {
	position: absolute;
	top: 1rem;
	left: 2rem;
	z-index: 1;
}
.product-header .floating-right, .lokal .floating-right, .floating-right {
	position: absolute;
	top: 1rem;
	right: 2rem;
	z-index: 1;
}
.floating-left > span, .floating-right > span, .floating-left > a, .floating-right > a {
	display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    font-size: 1.3rem;
	cursor: pointer;
	color: #000;
	
	box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.6);
}

.product-image {
	width: 100%;
    height: 550px;
}
.product-body .product-padding, .side-body .side-padding, .user-body .user-padding,  .small-body .small-padding, 
.product-body .product-desc,
.product-body .product-button {
	padding: 0px 1rem;
}
.product-body .product-desc > h2, .product-desc > h2 {
	font-weight: 700;
    color: #000;
    padding: 10px 0px;
    margin-top: 10px;
    font-size: 2rem;
    margin-bottom: 0px;
}
.product-body .product-desc > p {
	color: #a7a7a7;
    margin: 0px;
    padding: 0px;
    line-height: 1.5rem;
    font-size: 1rem;
}
.product-body .product-desc > .price {
	font-weight: 700;
    color: #6d6d6d;
    padding: 0px 0px;
    margin-top: 15px;
    font-size: 2rem;
    margin-bottom: 15px;
    text-align: right;
}

.prices {
	margin-top: 2rem;
}
.prices > label {
	position: relative;
	display: block;
	margin-bottom: 1rem;
	font-size: 1rem;
	height: 50px;
}
.prices > label:after {
	display: block;
    content: "";
    width: 100%;
    height: 2px;
    background: #f2f2f2;
    position: relative;
    margin-top: 0.5rem;
}
.prices > label:last-child:after {
	display: none;
}
.prices > label:hover, .prices > label.active {
	background: #f2f2f2;
}
.prices .price {
	font-weight: 700;
    padding: 0px 0px;
    font-size: 1.6rem;
    position: absolute;
    top: 5px;
    right: 10px;
}

.prices .radiobox label {
	padding: 15px 25px 15px 50px;
}
.prices .radiobox label > span:first-child {
    display: inline-block;
    padding-right: 100px;
}
.prices .radiobox label:before {
	left: 0.4em;
    top: 0.5em;
}
.prices .radiobox label:after {
	top: 1.5em;
    left: 1.25em;
}
.user-menu .user-circle-name {
	width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: inline-block;
    background: transparent;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #dfebff;
    text-align: center;
    line-height: 48px;
    font-size: 1.2em;
    font-weight: 500;
	
}
.user-menu .user-header {
	min-height: 80px;
    padding: 1em 0px;
}
.user-menu .user-name { 
	position: relative;
    padding: 5px 0px 5px 63px;
    font-size: 1.2em;
    font-weight: 600;
}
.user-menu .user-body > ul, .small-body > ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.user-menu .user-body > ul > li > a, .small-body > ul > li > a {
	display: block;
    width: 100%;
    padding: 1em 0em;
    border-bottom: 1px solid #efefef;
	color: #000;
    font-size: 1.2em;
}
.user-menu .user-body > ul > li > a > .u008, .small-body > ul > li > a > .u008 { padding-right: 10px; }
.user-menu .sm-desc {
	display: block;
    font-size: 0.8em;
    color: #868686;
    font-weight: 400;
}

.inline-block {display:inline-block;}
.valign-middle {vertical-align:middle;}
.h100 { height: 100%; }
.cart-menu .cart-header, .lokal .lokal-header {
	padding: 15px 0px;
}
.cart-menu .cart-header > h3, .lokal .lokal-header > h3 > a {
	display: block;
	width: 100%;
	padding: 15px;
    margin: 0px;
    color: #6d6d6d;
	cursor: pointer;
}
.lokal .lokal-header > h3 > a:before {
	content: "\f104";
	font-family: 'ultrazz008' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	
	position: absolute;
    top: 17px;
    left: 0px;
	color: #11284e;
}
.lokal .short-desc > ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	/*color: #000;*/
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	
	padding-right: 80px;
	font-size: 0.95rem;
}
.lokal .short-desc > ul > li {
	-webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: left;
}
.lokal .short-desc > ul > li > strong, .lokal .short-desc > ul > li > span {
	display: block;
	line-height: 1.2;
    font-weight: 300;
}
.lokal .short-desc > ul > li > span {
	color: #8e8e8e;
	font-size: 0.8rem;
}
.lokal .short-desc > ul > li > strong {
	font-weight: 600;
}
.lokal .short-desc p {
	color: #8e8e8e;
    font-size: 0.9rem;
    margin: 10px 0px 0px 0px;
    font-weight: 400;
}
.lokal .short-desc p > .u008, .output_total .tdl > p > .u008 {
	padding-right: 8px;
}
.output_total .tdl > p {
	margin: 0px;
	color: #868686;
    font-size: 1rem;
}
.output_total td { vertical-align: top; }

.cart-menu .out-cart-items {
	padding: 0px 15px;
	font-size: 1.1rem;
}
.out-cart-items .cart_item {
	position: relative;
	border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 3px 0px 0px 0px;
    min-height: 75px;
	cursor: pointer;
}
.cart_item .cart_img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 50px;
}
.cart_item .cart_img > div { line-height: 50px; }
.cart_item .cart_img img { width: 100%; vertical-align: middle; }
.cart_item .cart_info {
	display: block;
	padding-left: 65px;
	padding-right: 60px;
}
.my-preview-cart .cart_item .cart_info { padding-right: 0px; }
.my-preview-cart table td { border: 0px; padding: 0px; vertical-align: middle; }
.my-preview-cart .cart_item .cart_img { width: 45px; height: 45px; }
.my-preview-cart .cart_item .cart_img img { vertical-align: top; max-width: 45px; max-height: 45px; }
.my-preview-cart .cart_item .cart_info { padding-left: 60px; }
.collapse-div > td { position: relative; }
.collapse-div > td:before {
    content: "";
    width: 1px;
    position: absolute;
    top: 0px;
    left: 36px;
    bottom: 0px;
    border-left: 1px dashed #ccc;
}


.live .os { position: relative; }
.live .os:before {
	content: "";
	display: block;
    width: 7px;
    height: 7px;
    background: #ff0000;
    border-radius: 50%;
    position: absolute;
	top: 4px;
    right: -13px;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.status-display.live > li:last-child:after {
	animation-name: pulseblue;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	background: #1b1b1b;
}
@keyframes pulse{
	0%{ box-shadow: 0px 0px 3px 0px rgba(173,0,0,.3); }
	65%{ box-shadow: 0px 0px 3px 4px rgba(173,0,0,.3); }
	90%{ box-shadow: 0px 0px 3px 4px rgba(173,0,0,0); }
}
@keyframes pulseblue{
	0%{ box-shadow: 0px 0px 3px 0px rgba(17,40,78,.3); }
	65%{ box-shadow: 0px 0px 3px 4px rgba(17,40,78,.3); }
	90%{ box-shadow: 0px 0px 3px 4px rgba(17,40,78,0); }
}

.my-preview-cart .cart_item.product:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 0px;
    border-top: 1px dashed #ccc;
    top: 12px;
    left: -35px;
}

.cart_item .cart_info p { margin: 0px; }
.cart_item .cart_info p.prilog {
	color: #6f6f6f;
}
.cart_item .cart_info .icon-expand {
	position: absolute;
    top: 10px;
    right: 0px;
    font-size: 25px;
	width: 50px;
    text-align: center;
	cursor: pointer;
	z-index: 1;
}
.cart_item.expanded .cart_info .icon-expand > .u008angle-down:before {
	content: "\f106";
}
.cart_item .expanded-data { display: none; }
.cart_item.expanded .expanded-data { display: block; }
.cart_item .cart_remove {
	position: absolute;
    top: 30px;
    right: 0px;
}
.cart_item .cart_remove i {
	font-size: 1.5rem;
}

.checkout .out-cart-items .cart_item, .my-preview-cart .cart_item {
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
    margin-bottom: 0px;
    min-height: auto;
    padding: 0px 0px 5px 0px;
    margin-bottom: 5px;
}
.my-preview-cart .cart_item { overflow: visible; }
.my-preview-cart, .my-preview-cart .product h4 { font-size: 13px; }
.my-preview-cart .cart_item:last-child {
    border-bottom: 0px;
}
.my-preview-cart .product h4 {
	margin: 0px;
}
p.showdostava {
	border-bottom: 1px solid #dee2e6;
    text-align: left;
}
h3.standard {
	color: #000;
    font-weight: 600;
    font-size: 1.4rem;
    text-align: center;
}
table.th-notop > thead > tr > th {
	border-top: 0px;
}

.kol-group {
	width: 100%;
	position: relative;
	margin-bottom: 15px;
	margin-top: 15px;
	padding-left: 65px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    overflow: hidden;
}
.kol-group .form-control, .kol-group .form-control[readonly] {
	background: #fff;
    text-align: center;
    padding: 0px 45px;
	height: 45px;
	line-height: 45px;
}
.kol-group .minus-group, .kol-group .plus-group {
	position: absolute;
	z-index: 1;
	background: transparent;
	width: 50px;
	height: 45px;
	line-height: 42px;
	color: #11284e;
	text-align: center;
    font-size: 1.3rem;
    background: #efefef;
    border: 1px solid #ced4da;
	cursor: pointer;
}
.kol-group .minus-group { top: 0px; left: 65px; }
.kol-group .plus-group { top: 0px; right: 0px; }
.kol-group .product_delete {
	position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 45px;
    text-align: center;
    z-index: 1;
    background: #efefef;
    line-height: 45px;
    border: 1px solid #ced4da;
}

.zatvoren, .otvoren {
	position: absolute;
    bottom: 15px;
    left: 15px;
    padding: .35em .5em;
    font-size: 0.95em;
    font-weight: 600;
}
.zatvoren.z-sm, .otvoren.o-sm {
	bottom: 7px;
    left: 8px;
    padding: .35em .5em;
    font-size: 0.85em;
}
.badge-dark.zatvoren, .otvoren {
	border: 1px solid #fff;
	background: transparent;
	text-shadow: 0px 0px 3px #000;
}

.lokal .otvoren {
	font-size: 0.85em;
	color: #fff;
}
.lokal .otvoren .u008 {
	color: #0bbb52;
}
.lokal .zatvoren, .lokal .otvoren {
	right: 2em;
    left: inherit;
    top: 1.5rem;
    bottom: inherit;
}


.cart .output_total > table, .output_total_view > table {
	width: 100%;
	margin-bottom: 20px;
}
.cart .output_total > table > tbody > tr:not(:last-child) > td, .output_total_view > table > tbody > tr:not(:last-child) > td {
	border-bottom: 1px solid #e0e0e0;
}
.cart .output_total > table > tbody > tr > td, .output_total_view > table > tbody > tr > td {
	padding: 5px;
}
.cart .output_total > table > tbody > tr > td:last-child, .output_total_view > table > tbody > tr > td:last-child {
	text-align: right;
}
.output_total .old-price, .output_total_view .old-price {
    text-decoration: line-through;
    color: #ff296b;
    font-size: 0.8rem;
    padding-right: 10px;
}

.box {
	margin-bottom: 15px;
    padding: 10px 0px;
}
.padding-10 { padding: 0px 10px; }
.margin-10 { margin: 0px 10px; }
.margin-left-10 { margin: 0px 0px 0px 10px; }
.slick-list { padding-bottom: 4px; }
.slick-slide {
	margin-right:10px;
}

.box-msg {
  display: none;
  font-weight: 600;
  text-align: center;
  padding: 10px;
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: 1rem;
  border-radius: 4px;
}
.box-msg.alert-box,
.box-msg.error-box,
.box-msg.success-box {
  display: block;
}
.box-msg.error-box {
  background: #ffe7e7;
  color: #ca0000;
  border: 1px solid #fdc1c1;
}
.box-msg.success-box {
	background: #ecffeb;
    color: #007514;
    border: 1px solid #daf1de;
}
.box-msg.alert-box {
	background: #c1eaff;
    color: #006ea7;
    border: 1px solid #574e92;
}
.form-popup .box-msg { margin-top: 20px; }

.nav-tabs .nav-link.active { color: #11284e; }
.nav-tabs .nav-item:first-child .nav-link.active {
	border-left: 0px;
}
.nav-tabs .nav-item:last-child .nav-link.active {
	border-right: 0px;
}
.nav-tabs { border: 0px; }
.nav-tabs .nav-item { margin-bottom: 0px; }
.nav-tabs .nav-item .nav-link {
	border-radius: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 2px solid #cccccc;
}
.nav-tabs .nav-item .nav-link.active {
	border-bottom: 2px solid #000;
	color: #000;
	font-weight: 600;
}

h1.istrazi {
	font-weight: 500;
    font-size: 1.6rem;
    margin: 10px 0px 0px 0px;
    color: #000;
}
h1.istrazi > span {
	font-weight: 700;
    color: #ffd700;
	cursor: pointer;
	white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
	padding-top: 2px;
}
.istrazi-gradovi ul > li > a:hover {
	background: #ffd700;
    color: #fff;
}
h1.istrazi > span:after {
	content: "\f107";
	font-family: 'ultrazz008' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #f1f1f1;
    font-size: 1.1rem;
    padding-left: 7px;
}
.istrazi-parent {
	position: relative;
}
.istrazi-gradovi {
	display: none;
    position: absolute;
    top: 45px;
    left: 10px;
    z-index: 4;
    background: #fff;
    width: 230px;
    max-width: 100%;
    /*border: 1px solid rgba(255, 41, 107, 23%);*/
    box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 50%);
    -webkit-box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 50%);
    -moz-box-shadow: 0px 0px 7px -3px rgba(0,0,0,0.5);
    min-height: 347px;
    max-height: 347px;
    height: 347px;
}
.istrazi-gradovi.open { display: block; }
.istrazi-gradovi:after {
	content: "";
    position: absolute;
    right: 50px;
    top: -15px;
    width: 0;
    height: 0;
    border-bottom: 14px solid #f1f1f1;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
    z-index: 1;
}
.istrazi-gradovi > div {
	width: 100%;
	height: 100%;
    overflow-y: auto;
}
.istrazi-gradovi ul {
	list-style: none;
    padding: 0px;
    margin: 0px;
}
.istrazi-gradovi ul > li > a {
	display: block;
	padding: 0.7em 1em;
    font-size: 1.2em;
    color: #000;
    border-bottom: 1px solid #e4e4e4;
	cursor: pointer;
}
@media (max-height: 500px) {
	.istrazi-gradovi {
		min-height: 250px;
		max-height: 250px;
		height: 250px;
	}
}
@media (max-height: 350px) {
	.istrazi-gradovi {
		min-height: 210px;
		max-height: 210px;
		height: 210px;
	}
}

.date-order {
	display: block;
    color: #868686;
    font-size: 0.9em;
}
.vmiddle, .table td.vmiddle, .table th.vmiddle { vertical-align: middle; }
.collapsed .u008:before {
	content: "\f107";
}
.collapsed.open .u008:before, .open-collapsed .collapsed .u008:before {
	content: "\f106";
}
.collapse-div { display: none; }
tr.open-collapsed + .collapse-div { display: table-row; }

table.products-view, table.products-view > tbody {
	width: 100%;
}

table.products-view > tbody > tr > td {
	padding: 0px 5px;
	border-top: 0px;
}

h1.braches-title {
	color: #000;
    font-size: 1.20rem;
}



/*h1.braches-title:before {
	content: "»";
	display: inline-block;
	padding-right: 7px;
}*/

.slick-slide { outline: none !important; }
.branches-content, .branches-content-vertical {
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #dadada;
	padding: 0px;
	position: relative;
	
	-webkit-box-shadow: 0 6px 5px -8px #000;
	   -moz-box-shadow: 0 6px 5px -8px #000;
	        box-shadow: 0 6px 5px -8px #000;
}
.branches-content.img-circle {
	border: 0px;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}
.branches-content .branches-image {
	width: 100%;
	height: 105px;
	position: relative;
}
.branches-content .branches-body, .branches-content .branches-category {
	padding: 0px 7.5px;
}
.branches-content.img-circle.category-content > div img {
	border: 1px solid #dadada;
    border-radius: 100%;
    overflow: hidden;
}
.branches-content .branches-viewother {
	font-size: 1rem;
    margin: 0px 0px 0px 0px;
    font-weight: 700;
    height: 181px;
    text-align: center;
    color: #11284e;
    cursor: pointer;
}
.branches-content .branches-viewother > table { width: 100%; height: 100%; }
.branches-content .branches-viewother > table tr > td { width: 100%; vertical-align: middle; height: 100%; }

.branches-content .branches-body > h1 {
	font-size: 0.95rem;
    margin: 10px 0px 0px 0px;
	font-weight: 600;
	white-space: nowrap;
	color: #11284e;
}
.branches-content .branches-body > h2 {
	font-size: 0.85rem;
	margin: 0px;
	font-weight: 300;
	white-space: nowrap;
}
.branches-content .branches-category {
	margin-top: 10px;
	border-top: 1px solid #dadada;
	margin-top: 10px;
	text-align: center;
	white-space: nowrap;
}

.branches-content-vertical { margin-bottom: 10px; min-height: 220px; }
.branches-content-vertical.auto-height { margin-bottom: 10px; min-height: auto; }
.branches-products.branches-content-vertical { margin-bottom: 10px; min-height: auto; }
.branches-content.category-content.selected:not(.img-circle) {
    border: 1px solid #ffd700;
}
.branches-content.category-content.selected {
    font-weight: 600;
}
.branches-content.category-content.img-circle:hover > div img {
	border: 1px solid #ffd700;
}
.branches-content.category-content.selected.img-circle > div img, .branches-content.category-content.selected.img-circle:hover > div img {
	border: 2px solid #ffd700;
}

.branches-content-vertical .branches-image {
	width: 100%;
	height: 140px;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
}
.branches-partner-image {
	width: 80px;
	height: 70px;
	position: absolute;
	right: 15px;
	top: 80px;
	border: 2px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	image-rendering: -webkit-optimize-contrast;
}
.lokal .branches-partner-image {
	top: -18px;
	right: 0rem;
}

.branches-content-vertical .branches-body {
	padding: 155px 15px 15px 15px;
}
.branches-content-vertical.auto-height .branches-body {
	padding: 15px 15px 15px 15px;
}
.branches-content-vertical .branches-body > h6 {
	font-size: 0.95rem;
    line-height: 0.95rem;
    margin: 0px;
    color: #505050;
    font-weight: 600;
}
.branches-products.branches-content-vertical .branches-body > h6 {
	min-height: 33px;
	height: 33px;
    max-height: 33px;
	overflow: hidden;
}
.branches-content-vertical .branches-body > h6 > a {
    color: #505050;
}
.branches-content.category-content {
	width: 100px;
	text-align: center;
	height: 100px;
	overflow: hidden;
	cursor: pointer;
	color: #11284e;
	text-transform: uppercase;
}
.branches-content.category-content > div > div {
	line-height: 1;
    margin-top: 3px;
	font-weight: 600;
	color: #727272;
}
.branches-content.category-content.selected > div > div { color: #000; }
.branches-content.category-content:not(.img-circle):hover {
	border: 1px solid #11284e;
}
.branches-content.category-content > div, .branches-content.category-content > a {
	display: block;
	text-align: center;
}
.branches-content.category-content > div img, .branches-content.category-content > a img {
	margin: 0 auto;
	height: 65px;
}

.blog-content {
	cursor: pointer;
	background: #fff;
	overflow: hidden;
	padding: 0px;
	position: relative;

	border-bottom: 1px solid #f1f1f1;
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
}
.blog-content .blog-image {
	width: 100%;
	height: 105px;
}
.blog-content .blog-body {
	padding: 0px 7.5px;
}

.blog-content h5 {
	font-size: 0.95rem;
    margin: -3px 0px 0px 0px;
	font-weight: 600;
	color: #11284e;
}
.blog-content > p {
	font-size: 0.85rem;
	margin: 0px;
	font-weight: 300;
	white-space: nowrap;
}
.pr-five { padding-right: 5px; }
.pl-five { padding-left: 5px; }
.blog-content .blog-time {
	position: absolute;
    top: 3px;
    right: 8px;
    color: #fff;
    text-shadow: 1px 1px #000;
    font-size: 0.85rem;
}
.read-blog, .blog-read { cursor: pointer; }
@media (min-width: 515px) {
	.blog-content .blog-image {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 105px;
		height: 105px;
	}
	.blog-content .blog-body {
		padding-left: 120px;
		min-height: 105px;
	}
	.blog-content .blog-time {
		top: inherit;
		bottom: 5px;
		text-shadow: none;
		color: #949494;
	}
}

.search-div {
	margin-bottom: 30px;
	position: relative;
}
.locate-button {
	position: absolute;
    top: 9px;
    right: 10px;
    border-radius: 50px;
    height: 32px;
    border: 0px;
    padding: 0px 1.2em;
    background: #f1f1f1;
    color: #11284e;
	transition: all 0.3s ease;
	z-index: 2;
}
.locate-button:hover {
	background: #11284e;
	color: #fff;
}
.search-button {
    height: 50px;
	color: #fff;
    background-color: #ff296b;
    border-color: #ff296b;
    border-radius: 50px;
	
}
.search-button:hover {
	color: #fff;
    background-color: #ff5287;
    border-color: #ff5287;
}

.filter-button {
    height: 50px;
	color: #000;
    background-color: transparent;
    border-color: #000;
    border-radius: 50px;
}
a.filter-button { line-height: 35px; }
.filter-button:hover {
	color: #fff;
    background-color: #000;
    border-color: #000;
}

.search-input {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    outline: none;
    border: 1px solid #11284e;
    height: 50px;
    line-height: 50px;
    font-size: 1.2em;
    color: #11284e;
    padding: 0em 1.5em;
}

.lokal .lokal-header > h3 {
	text-align: left;
	position: relative;
	background: #fff;
	color: #000;
    font-weight: 600;
	padding-right: 80px;
}
.lokal .lokal-header > h3 > span {
	position: absolute;
    left: 0px;
    top: -15px;
	font-size: 0.8rem;
    color: #8e8e8e;
    font-weight: 300;
}

.lokal { position: relative; margin-bottom: 1rem; font-size: 1rem; }
.lokal .lokal-img {
	/*position: absolute;
	top: 94px;
	left: 0px;
	width: 150px;
	height: 100px;
	
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
}
.lokal .lokal-img {
	width: 100%;
	height: auto;
	max-height: 250px;
}
.lokal .lokal-location {
	/*min-height: 100px;
	padding-left: 160px;*/
}
.lokal-location > table, .lokal-location > table > tbody { width: 100%; }
.lokal-location > table > tbody > tr > td { vertical-align: top; width: 50%; }
.lokal .lokal-desc {
	position: relative;
}
.nav-item.nav-item-50 {
	width: 50px;
    max-width: 50px;
}

.specification {
    margin-bottom: 1rem;
}
.s_parameter, .s_parameter > li > ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.s_parameter > li > ul {
	border-top: 1px solid #ccc;
	padding-top: 10px;
}
.s_parameter label {
	font-weight: 400;
    font-size: 1rem;
}
.s_parameter label > input { margin-right: 5px; }
.s_name {
	font-size: 1rem;
    font-weight: 500;
}

.default-menu-new {
	position: fixed;
    bottom: 0px;
	left: 0px;
	right: 0px;
    background: #fff;
	padding: 5px;
    z-index: 2;
}
.default-menu {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 70px;
	z-index: 20;
	background: #ffd700;
}
.default-menu ul > li:not(:last-child) { }
.default-menu ul > li, .default-menu ul li .u008 { position: relative; color: #fff; }
.default-menu ul > li, .default-menu ul li .dropdown-menu .u008 { position: relative; color: #000; }
.default-menu ul li .u008 {
	font-size: 1.8rem;
}
.default-menu ul li button, .default-menu ul li button:active, .default-menu ul li button:focus, .default-menu ul li button:hover,
.default-menu ul li .btn-primary:not(:disabled):not(.disabled).active:focus, .default-menu ul li .btn-primary:not(:disabled):not(.disabled):active:focus, .default-menu ul li .show>.btn-primary.dropdown-toggle:focus {
	border: none;
    outline: none;
	box-shadow: none;
}
.default-menu ul li .dropdown-item>i {
	font-size: 1rem;
    width: 25px;
    display: inline-block;
}
.default-menu .nav-item > .nav-link { color: #fff; }
.default-menu .nav-link {
    padding: 1.3rem 1rem;
}
.default-menu .nav-pills .nav-link {
	border-radius: 0px;
}
.default-menu .nav-item > .btn-group > .btn {
	height: 50px;
    line-height: 53px;
}

.mb-70 { margin-bottom: 70px; }

span.cart_count, .product_count {
    background: #000;
    color: #ffffff;
    font-size: 13px;
    height: 25px;
    left: 29px;
    line-height: 23px;
    position: absolute;
    text-align: center;
    top: -2px;
    width: 25px;
    z-index: 9;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
span.cart_count {
    background: #000;
	top: -7px;
    left: 7px;
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.active span.cart_count, span.cart_count.on_empty {
    background: #ffd700;
	color: #000;
}

.standard_title > span {
    width: 50px;
    height: 50px;
    text-align: center;
    cursor: default;
    display: block;
    margin-right: 15px;
    float: left;
	background: #fed700;
}
.standard_title > span > i {
    font-size: 30px;
    color: #ffffff;
    display: inline-block;
    line-height: 50px;
}
.standard_title > h2 {
	font-weight: 500;
    line-height: 50px;
    font-size: 28px;
}

#radno_vrijeme .modal-title { color: #000; }
.table-striped.striped-light tbody tr:nth-of-type(odd) {
	background: #fafafa;
}

.text-strong { font-weight: 600; }
span.vidime {
	border: 1px solid #ffd700;
    background: #ffd700;
    border-radius: 5px;
    color: #000;
    padding: 2px 10px;
	font-size: 0.85em;
}
span.vidime.red {
	border: 1px solid #ff0000;
    background: #ff0000;
    color: #fff;
}
.no-padding, .no-padding.col-12 { padding: 0px !important; }

.form-control:focus {
    border-color: #ffd70052;
    box-shadow: 0 0 0 0.2rem rgb(255 215 0 / 26%);
}

.vaucer-code .form-control, .nice-input.vaucer-code .form-control {
    padding-left: 4em;
    padding-right: 6.5em;
}
.vaucer-code .btn, .nice-input.vaucer-code .btn {
	position: absolute;
    top: 0px;
    right: 1em;
	z-index: 1;
	height: 50px;
	color: #ff296b;
}
.vaucer-code>i {
	position: absolute;
    top: 7px;
    left: 1em;
    font-size: 2em;
	color: #ff296b;
}
.nice-input.vaucer-code label {
	left: 5em;
}
.nice-input.vaucer-code .form-control:focus ~ label, .nice-input.vaucer-code .form-control:not(.nice-empty) ~ label { left: 5.85em; }
@media (max-width: 550px) {
	.vaucer-code.col-12 { padding: 0px; }
	.vaucer-code .form-control, .nice-input.vaucer-code .form-control {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border-left: 0px;
		border-right: 0px;
	}
	
	.vaucer-code>i { left: 0.6em; }
	.vaucer-code .btn, .nice-input.vaucer-code .btn { right: 3px; }
	.vaucer-code .form-control, .nice-input.vaucer-code .form-control { padding-left: 5em; }
}

.header-with-border {
    font-weight: 600;
}


.checkout_page { font-size: 1rem; padding-top: 0rem; padding-bottom: 1rem; }
.checkout > table, .checkout > table > thead, .checkout > table > tbody, .checkout > table > tfoot {
	width: 100%;
}
.checkout .product {
	width: 100%;
}
.checkout .product > .td_name {
	width: 100%;
	position: relative;
	padding-left: 95px;
}
.checkout .product > .td_name img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 80px;
	height: auto;
}
.checkout .product h4 {
	font-size: 1rem;
}

.checkout .checkout_subtitle ul {
    padding: 15px 0 0px;
    list-style: none;
    margin: 0px;
}
.checkout .checkout_subtitle ul li h4 {
    font-size: 22px;
    line-height: 1;
	text-align: center;
}
.checkout .checkout_sumarum .table, .checkout .order_sumarum .table {
    width: 100%;
}
.checkout .checkout_sumarum .table tr td.tdl, .checkout .order_sumarum .table tr td.tdl {
    width: 40%;
}
.checkout .checkout_sumarum .table tbody tr td {
    border-top: 0;
    padding: 7px 0;
}
.checkout .checkout_sumarum .table tr td, .checkout .order_sumarum .table tr td {
    color: #667682;
}
.checkout .checkout_sumarum .table tr td.tdr, .checkout .order_sumarum .table tr td.tdr {
    width: 60%;
    text-align: right;
}
.checkout .checkout_sumarum .table tbody tr td {
    border-top: 0;
    padding: 7px 0;
}
.checkout .checkout_sumarum .table tr td, .checkout .order_sumarum .table tr td {
    color: #667682;
}
.checkout .checkout_btn_holder { text-align: center; }

.dropup .dropdown-toggle.hide-arrow::after {
	display: none;
}

.parent_tr table td {
	padding: 0px;
	border: none;
}
.table-striped tbody tr.parent_tr table tr, .table-striped tbody tr.parent_tr:nth-of-type(odd) table tr { 
	background-color: transparent;
}

.btn-primary, .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,
.btn-primary.no-hover:hover, 
.btn-primary.disabled, .btn-primary:disabled {
	background: #000;
    border-color: #000;
    color: #fff;
}
.btn-primary:hover {
	background: #ffd700;
    border-color: #ffd700;
    color: #000;
	/*box-shadow: inset 0px 0px 48px rgb(0 0 0 / 45%);*/
}
.bg-primary {
	background: #ffd700 !important;
}
.color-primary {
	color: #ffd700 !important;
}
.border-primary {
	border-color: #ffd700 !important;
}

.bg-secondary {
	background: #000 !important;
}
.color-secondary {
	color: #000 !important;
}
.border-secondary {
	border-color: #000 !important;
}

.bg-gray {
	background: #efefef  !important;
	color: #11284e;
}
.color-gray {
	color: #efefef !important;
}
.border-gray {
	border-color: #efefef !important;
}


.btn-secondary, .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
	background: #ffd700;
	border-color: #ffd700;
	color: #000;
}
.btn-secondary:hover {
	background: #000;
	border-color: #000;
	color: #fff;
}
/*.bg-secondary {
	background: #f2c13e !important;
}
.color-secondary {
	color: #f2c13e !important;
}
.border-secondary {
	border-color: #e8ba3c !important;
}*/

.markme {
	background: #000;
    margin: 15px;
    border-radius: 4px;
    padding: 5px;
	color: #fff;
}

.swal2-input.code-input {
	font-size: 35px;
    text-align: center;
    font-weight: 700;
    letter-spacing: 7px;
    color: #000;
}

.relative { position: relative; }
.moje-ankete {
	display: none;
	border-radius: 50%;
    position: absolute;
    top: 2px;
    right: 0px;
    color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
	z-index: 2;
	cursor: pointer;
}
.moje-ankete.showit {
	display: inline-block;
	background: #ea1919;
}

.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.small-box { font-size: 1rem; margin-bottom: 1rem; }
.small-box > div {
	border: 1px solid #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	height: 100%;
	overflow: hidden;
	cursor: pointer;
	color: #000;
}
.small-box > div > .sb-title {
	background: #000;
    color: #fff;
    text-align: center;
}
.small-box > div > .sb-icon {
	text-align: center;
    font-size: 2.3rem;
}
.small-box > div > .sb-text {
	padding: 0px 5px;
	line-height: 1rem;
}
.small-box > div > .sb-text.overflow {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.small-box > div > .sb-text.bold { font-weight: 600; }
.small-box > div > .sb-button {
	display: none;
	padding: 0px 5px;
    margin-bottom: 5px;
}
.small-box > div > .sb-button > .btn {
}
.small-box.selected > div, .small-box > div:hover {
	border: 1px solid #008000;
}
.small-box.selected > div > .sb-icon, .small-box.selected > div > .sb-text  {
	color: #008000;
}
.small-box.selected > div > .sb-title, .small-box > div:hover > .sb-title {
	background: #008000;
	color: #fff;
}
.small-box.selected > div > .sb-title {
	background: #008000;
	color: #fff;
}
.small-box.selected > div > .sb-button {
	display: block;
}


.chosen-overlay {
	position: absolute;
    top: 30px;
    left: 0px;
    right: 0px;
    color: #ffd700;
    text-align: center;
    font-size: 0.85em;
}

.nice-input {
	position: relative;
}
.nice-input label {
    position: absolute;
    top: 12px;
    left: 12px;
    font-size: 1rem;
    color: #777777;
    font-weight: 400;
    transition: 0.3s ease;
	z-index: 5;
}
.nice-input label.required:after {
	content: "*";
	display: inline-block;
	padding-left: 7px;
	font-size: 1rem;
	color: #f70000;
}
.nice-input .form-control:focus ~ label, .nice-input .form-control:not(.nice-empty) ~ label {
    top: 1px;
    left: 12px;
    font-size: 0.85rem;
    color: #11284e;
    font-weight: 600;
    background: #fff;
    line-height: 20px;
}
.nice-input .form-control {
	height: 50px;
    line-height: 50px;
    padding: 1.2rem .75rem .375rem .75rem;
    font-weight: 500;
    color: #000;
}
.nice-input textarea.form-control {
	height: 75px;
    resize: none;
	line-height: 1rem;
}
.nice-input > .selectize-control > .selectize-input {
	height: 50px;
    font-size: 1rem;
	padding: 1.2rem .75rem .375rem .75rem;
    padding-top: 1px;
	color: #11284e;
	font-weight: 600;
}
.nice-input > .selectize-control > .selectize-input .name {
	font-size: 0.85rem;
	white-space: nowrap;
}
.nice-input > .selectize-control > .selectize-input .caption {
    font-weight: 500;
    color: #000;
    display: block;
    padding-top: 1px;
}
.nice-input .selectize-dropdown-content > div {
	padding: .375rem .75rem .375rem .75rem;
	font-size: 1rem;
}
.nice-input .selectize-dropdown-content > div:not(:last-child) {
	border-bottom: 1px solid #ced4da;
}
.nice-input .selectize-dropdown-content > div .name {
	color: #11284e;
	font-size: 0.85rem;
	white-space: nowrap;
	font-weight: 600;
}
.nice-input .selectize-dropdown-content > div .caption {
    font-weight: 500;
    color: #000;
    display: block;
    padding-top: 1px;
}


.nice-input small {
	font-size: 0.8rem;
    color: #11284e;
}
.nice-input small:before {
	content: "*";
	display: inline-block;
	padding-right: 7px;
	font-size: 1rem;
}
.nice-input .nice-tooltip {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

.additional-dialog {
    /*background: #f4f4f4;*/
    border-top: 1px solid #e6e6e6;
    text-align: center;
	padding: 1rem 0rem;
}
.additional-dialog .popup-title {
    font-size: 1.375em;
    margin-bottom: 15px;
}

.filters {
	background: #f5f4f6;
	padding: .625rem 1.25rem 1.25rem;
    margin: 1.25rem 0;
    display: block;
    border-radius: 5px;
}

.filter { position: relative; font-size: 1rem; }
.filter label { padding-left: 30px; cursor: pointer; }
.filter label > img {
	width: 30px;
	margin-right: 6px;
}
.filter > label > .filter-checkbox {
	position: absolute;
    top: 8.5px;
	left: 0px;
}
.filter > .checkbox label {
	padding: 5px 0px 2px 40px;
}
.filter > .checkbox {
    background: #fff;
}
.filter > .checkbox label, .filter > .checkbox input[type="checkbox"]:checked ~ label {
    border-color: #e0e0e0;
    color: #000;
}

.mobile-menu-fade, .filters-menu-fade {
	display: none;
	position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.59);
    z-index: 2;
}
.filters-menu-fade { position: fixed; z-index: -1; }
.filters-menu-fade.open {
	display: block;
}

.filters-menu-float {
	position: fixed;
	bottom: 50px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 1px;
	z-index: 2;
}
.filters-menu-button {
	width: 190px;
    height: 40px;
    margin: -50px auto;
    background: #000;
    border-radius: 20px;
    color: #fff;
	font-size: 1em;
    text-align: center;
    line-height: 40px;
	cursor: pointer;
}
.filters-menu-button > i {
	padding-right: 8px;
}
.filters-menu-dialog {
	display: none;
	z-index: 3;
	position: fixed;
    bottom: 110px;
    background: white;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 15px -4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 15px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 15px -4px rgba(0, 0, 0, 0.5);
	overflow: hidden;
}
.filters-menu-button.active {
	background: #fff;
	color: #000;
	border: 1px solid #ccc;
    box-shadow: 0px 0px 15px -4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 15px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 15px -4px rgba(0, 0, 0, 0.5);
}
.filters-menu-button.active ~ div {
	display: block;
}

.filters-menu-dialog .filters-menu-content {
	position: relative;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.filters-menu-dialog .filters-header {
	height: 75px;
    text-align: center;
	margin-left: -1px;
	position: relative;
	padding: 1rem;
	background: #fff;
	border-bottom: 1px solid #e0e0e0;
}
.filters-menu-dialog .filters-body {
	padding: 1em;
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.filters-menu-dialog .filters-footer {
	border-top: 1px solid #e0e0e0;
	padding: 0.5em 1em;
    background: #fff;
}

.filters-menu-dialog .filters-header > .btn-group, .filters-menu-dialog .filters-footer > .btn-group { width: 100%; }
.filters-menu-dialog .filters-header .btn, .filters-menu-dialog .filters-header .btn:focus, .filters-menu-dialog .filters-header .btn:hover, .filters-menu-dialog .filters-header .btn:active {
	border: 4px solid #f3f3f3;
	border-right: 2px solid #f3f3f3;
	background: #f3f3f3;
	color: #000;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.filters-menu-dialog .filters-header .btn:last-child {
	border-left: 2px solid #f3f3f3;
}
.filters-menu-dialog .filters-header .btn.active { background: #fff; font-weight: 600; }
.filters-menu-dialog .filters-header .btn:hover {
	box-shadow: inset 0px 0px 6px -3px #000;
}
.filters-menu-dialog .filters-body {
	overflow-x: hidden;
    overflow-y: auto;
	background: #f3f3f3;
	height: 100%;
	box-shadow: inset 0px 0px 7px -3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 0px 0px 7px -3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0px 0px 7px -3px rgba(0, 0, 0, 0.5);
}

.my-tabs > div {
	display: none;
}
.my-tabs > div.active {
	display: block;
}

ol.orders-list {
	padding: 0px 0px 0px 20px;
	margin-bottom: 0px;
	list-style: none;
	counter-reset: li;
}
ol.orders-list li::before {
	counter-increment: li;
	content: "."counter(li);
	color: #a9a9a9;
    display: inline-block;
    width: 1.5em;
    margin-left: -1.5em;
    margin-right: 0.5em;
    text-align: right;
    direction: rtl;
	font-family: serif, sans-serif, monospace;
    font-weight: 100;
}
ol.orders-list li small {
	display: block;
	padding-left: 0.8em;
	color: #ff296b;
	font-weight: 400;
}

/*.mobile-menu-exit {
	display: none;
	position: absolute;
    top: 0px;
    right: 0px;
    font-size: 1.9em;
    width: 50px;
    height: 45px;
    text-align: center;
	cursor: pointer;
}*/

.container:not(.container-desktop-sz) { max-width: 550px; position: relative; }
@media (max-width: 1024px) {
	.container:not(.container-desktop-sz) { max-width: 550px; }
	.product-image {
		width: 100%;
		height: 450px;
	}
}

@media (max-width: 878px) {
	.container { max-width: 550px; }
	.product-image {
		width: 100%;
		height: 350px;
	}
	.bg-menu-gray {
		background: #f5f4f6;
	}
	.mobile-menu {
		position: absolute;
		z-index: 3;
		background: #f5f4f6;
		top: 0px;
		left: -400px;
		bottom: 0px;
		width: 400px;
		max-width: 100%;
		padding: 25px;
		transition: all 0.3s ease;
	}
	.mobile-menu.open {
		left: 0px;
	}
	.mobile-menu-fade.open {
		display: block;
	}
	.mobile-menu.open .mobile-menu-exit { display: block; }
}

@media (max-width: 678px) {
	.container:not(.container-normal) { max-width: 100%; padding: 0px; }
	.product-image {
		width: 100%;
		height: 255px;
	}
	.main-header {
		padding: 15px 7px;
	}
	
	.user-menu .user-header, .user-menu .user-body > ul > li > a { padding: 1em 1em; }
	.product-header .floating-left, .lokal .floating-left {
		left: 1rem;
	}
	.product-header .floating-right, .lokal .floating-right {
		right: 1rem;
	}
}

@media (max-width: 420px) {
	.container:not(.container-normal) { max-width: 100%; padding: 0px; }
	.main-header-bottom-image {
		height: 10px;
	}
	.product-image {
		width: 100%;
		height: 215px;
	}
	
	/*.main-header > .container > ul > li {
		display: block;
		width: 100%;
		vertical-align: top;
	}*/
	/*.main-header > .container > ul > li:first-child { margin-bottom: 1rem; }*/
	/*.main-header > .container > ul > li:last-child > div > h1 { text-align: left; }*/
	h1.istrazi > span { max-width: 155px; }
}
@media (max-width: 405px) {
	h1.istrazi > span { max-width: 125px; }
}
@media (max-width: 372px) {
	h1.istrazi > span { max-width: 100px; }
}
@media (max-width: 340px) {
	h1.istrazi > span { max-width: 85px; text-overflow: inherit; }
}

.col-6.p-r3, .p-r3 { padding-right: 3px; }
.col-6.p-l3, .p-l3 { padding-left: 3px; }
.col-6.p-r3.hidden + .col-6.p-l3 { padding-left: 15px; }
ul.status-display {
    list-style: none;
    padding: 0px;
}
ul.status-display li {
    padding: 2px 0px;
	position: relative;
	padding-left: 55px;
	color: #1b1b1b;
	font-weight: 600;
}
ul.status-display li > span {
	position: absolute;
	left: 0px;
	top: 2px;
}
ul.status-display li:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 43px;
    bottom: 0px;
    width: 2px;
    background: #1b1b1b;
}
ul.status-display li:after {
    content: "";
    width: 6px;
    height: 6px;
    background: #1b1b1b;
    position: absolute;
    top: 8px;
    left: 41px;
    border-radius: 50%;
}


.footer.footer_new { position: relative; }
.footer:not(.footer_new) {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.footer {
	width: 100%;
	background-color: #ffffff;
    color: #000;
    text-align: center;
    border-top: 1px solid #ccc;
	padding: 20px 0px
}
.footer.footer_new { padding: 20px 0px 50px 0px; border-top: 0px; }
.footer p { padding: 0px; margin: 0px; }
.footer a {
	color: #000;
}
.footer a:hover { text-decoration: underline; }
.footer ul { list-style: none; padding: 0px; margin: 0px; }
.footer ul li { width: 49%; display: inline-block; }
.footer ul li:first-child { text-align: left; }
.footer ul li:last-child { text-align: right; }
.footer .shape {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
}
.footer svg {
    width: calc(103% + 1.3px);
    height: 55px;
}
.footer svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.footer .shape-fill {
    fill: #ffffff;
}
.footer .shape-fill {
    fill: #fff;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.footer .bottom {
	position: absolute;
	bottom: -70px;
	left: 0px;
	right: 0px;
	height: 70px;
	background: #232323;
	z-index: 0;
}
.footer .footer-logo {
	max-width: 150px;
	text-align: center;
	margin: 0 auto;
}
.footer p.smaller {
	font-size: 0.8em;
}

.footer .social { margin-bottom: 1em; }
.footer .social .social-icon {
	display: inline-block;
	margin-right: 1em;
}
.footer .social .social-icon:last-child { margin-right: 0px; }
.footer .social .social-icon {
	color: #232323;
	width: 32px;
	height: 32px;
	line-height: 32px;
	-webkit-border-radius: 10%;
    border-radius: 10%;
	font-size: 1.3em;
}
.footer .social .social-icon > a {
	color: #232323;
}
.footer .social .social-icon > a, .footer .social .social-icon > a:hover, .footer .social .social-icon > a:active, .footer .social .social-icon > a:focus {
	text-decoration: none;
}

.footer .list-items, .footer-fixbottom .list-items {
	text-align: center;
    margin-bottom: 0.71428571rem;
    font-size: .92857143rem;
	list-style: none;
	margin: 0;
    padding: 0;
}
.footer .list-items > li, .footer-fixbottom .list-items > li {
	display: inline;
}

.footer .list-items > li:before, .footer-fixbottom .list-items > li:before {
    background: #ccc;
    content: "";
    height: 13px;
    width: 1px;
    margin: 0 0.85714286rem;
}
.footer .list-items > li:before, .footer .list-items > li > a, .footer-fixbottom .list-items > li:before, .footer-fixbottom .list-items > li > a {
    display: inline-block;
    vertical-align: middle;
}
.footer .list-items > li:first-child:before{display:none}
.footer-fixbottom .list-items > li:first-child:before{display:none}
.footer.footer_new p {
    margin-bottom: 0;
    font-size: .85714286rem;
    text-align: center;
    margin-top: 1.42857143rem;
}
.footer.footer_new:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: calc(50% - 9px);
    width: 12px;
    height: 30px;
    box-shadow: inset 0 0 0 32px #ffd700, -22px 0 #ffd700, 22px 0 #ffd700;
}

p.kasnjenje > span.vidime {
	display: block;
    padding: 10px 15px;
    text-align: center;
    font-size: 1rem;
}
a.p_page {
    padding: 3px 6px;
    border: 1px solid #e2e2e2;
}
a.p_page.active {
	background: #ffd700;
}

.coupons > div > div {
	width: 100%;
	height: auto;
	position: relative;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
    overflow: hidden;
	padding-bottom: 40px;
	border: 1px solid #eeeeee;
	cursor: pointer;
	margin-top: 7.5px;
	margin-bottom: 7.5px;
}
.coupons > div > div > img { width: 100%; height: auto; }
.coupons > div > div > div.t {
	position: absolute;
    bottom: 0px;
    left: 10px;
    right: 10px;
    height: 37px;
    line-height: 17px;
	font-weight: 600;
    font-size: 0.9em;
	display: flex;
    align-items: center;
    vertical-align: middle;
	text-shadow: 0px 0px 2px #fff;
    color: #000;
}
.coupon_used:not(.nafter):after {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    content: "Kupon iskorišten";
    z-index: 11;
    background: #ffd700;
    width: 100%;
    text-align: center;
    font-weight: 600;
    color: #000;
	height: 28px;
	line-height: 28px;
}
.coupon_used img, .coupon_used .t {
    opacity: 0.3;
}

.coupon_notlogged {
	border-radius: 5px;
    background: url(img/kuponi.png) #ffd700;
    padding: 15px;
	margin-bottom: 15px;
	font-size: 15px;
}

.div_split {
	margin-top: 25px;
	margin-bottom: 25px;
}
.div_split i.u008 {
	font-size: 2.7em;
    text-align: center;
    color: #ffd700;
}

.div_split > p {
	font-weight: 500;
}
.div_split > div:first-child {
	width: 75%;
	display: inline-block;
	font-weight: 500;
}
.div_split > div:last-child {
	width: 25%;
	display: inline-block;
	text-align: center;
}
.coupon_notlogged > div:first-child {
	width: 55%;
	display: inline-block;
}
.coupon_notlogged > div:last-child {
	width: 45%;
	display: inline-block;
}
.coupon_notlogged p, .coupon_notlogged h3 {
	color: #000;
}
.coupon_notlogged h3 {
	font-size: 20px;
}
.coupon_notlogged .btn {
	float: right;
}
.coupon_notlogged .btn:hover {
	border: 1px solid #fff;
}

.sm-padding .row > div {
	padding-left: 7.5px;
	padding-right: 7.5px;
}
.sm-padding .row {
	margin-right: -7.5px;
    margin-left: -7.5px;
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}
.accordion-item:first-of-type {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
    border-top: 0;
}
.accordion-item:not(:first-of-type) {
    border-top: 0;
}
.accordion-flush .accordion-item:last-child {
    border-bottom: 0;
}
.accordion-header {
    margin-bottom: 0;
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
	cursor: pointer;
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}
.accordion-button:not(.collapsed)::after {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffd700'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform: rotate(-180deg);
}
.accordion-flush .accordion-collapse {
    border-width: 0;
}
.accordion-body {
    padding: 1rem 1.25rem;
}
.collapse:not(.show) {
    display: none;
}

.main-header .nav-item>a { color: #000; }

#reader__dashboard_section_csr button {
	display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	cursor: pointer;
	margin-top: -3px;
}
#reader__camera_selection { height: 38px; width: 100%; margin-bottom: 15px; }
#reader__dashboard_section_csr button {
	background: #ffd700;
    border-color: #ffd700;
    color: #000;
	width: 100%;
}
#reader__dashboard_section_csr button:hover, #reader__dashboard_section_csr button:active, #reader__dashboard_section_csr button:focus {
	background: #000;
    border-color: #000;
    color: #fff;
}
#reader__dashboard_section_swaplink, #reader__status_span { display: none !important; }