body {
  min-height: 100vh;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin: 0 auto;
  padding: 0;
  color: #666;
  font-family: fira-sans;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 720px) {
  body {
    width: 720px;
  }
}
@media (min-width: 970px) {
  body {
    width: 970px;
  }
}
p {
  margin-bottom: 10px;
}
strong {
  font-weight: bold;
}
a {
  color: inherit;
  text-decoration: none;
}
a:HOVER {
  text-decoration: underline;
}
a:VISITED {
  color: inherit;
}
h1 {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
}
/* basic table layout */
table tr th {
  text-align: left;
  font-weight: bold;
}
table tr td:not(:first-child),
table tr th:not(:first-child) {
  padding-left: 10px;
}
table tr:not(:last-child) td,
table tr:not(:last-child) th {
  padding-bottom: 5px;
}
/* general button layout */
button,
input[type=button],
input[type=submit],
a.vm-btn,
a.details {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #666;
  color: white;
  text-align: center;
  font-family: inherit;
  font-size: inherit;
  cursor: pointer;
}
select,
input[type=text],
input[type=email] {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 5px;
  border: 1px solid #666;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  color: #666;
  font-family: inherit;
  font-size: inherit;
  text-align: left;
}
input[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
}
input[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
}
hr {
  border: none;
  height: 1px;
  margin-top: 5px;
  background-color: #9b9b9b;
}
hr.crtasvetla {
  background-color: #dadada;
}
hr.crtabela {
  background-color: white;
}
hr.debelacrta {
  height: 10px;
}
header {
  background-color: #f0f0f0;
  margin-bottom: 15px;
  width: 100%;
}
#okvirglava {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  height: 40px;
  background-color: #333;
  color: white;
}
#okvirglava div.special-note {
  flex-grow: 1;
  text-align: left;
  margin: 0 15px;
}
#okvirglava div.special-note p {
  margin: 0;
}
#okvirglava div.mod-languages {
  margin: 0px 2px;
}
#okvirglava div.mod-languages li.lang-active {
  font-weight: bold;
}
#okvirglava div.kosarica {
  margin: 0px 10px 0px 15px;
}
#okvirglava div.kosarica p,
#okvirglava div.kosarica div,
#okvirglava div.kosarica a,
#okvirglava div.kosarica img {
  margin: 0;
  display: block;
}
#okvirglava button.menu-button {
  display: block;
  flex-grow: 1;
  text-align: left;
  border-radius: 0;
  background: transparent;
  padding: 0;
  margin: 0 15px;
}
@media (min-width: 970px) {
  #okvirglava button.menu-button {
    display: none;
  }
}
#logo-slider {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
#logo-slider .logo-container {
  width: 100%;
  margin: 0;
}
#logo-slider .logo-container img.logo {
  margin: 0 0 0 10px;
  width: 28%;
}
@media (min-width: 720px) {
  #logo-slider .logo-container {
    width: 230px;
  }
  #logo-slider .logo-container img.logo {
    width: 205px;
  }
}
#logo-slider .slidertz {
  width: 100%;
  margin: 0;
}
@media (min-width: 720px) {
  #logo-slider .slidertz {
    width: 720px;
  }
}
@media (min-width: 970px) {
  #logo-slider .slidertz {
    width: 700px;
    margin-left: 20px;
  }
}
section#content {
  margin: 15px 0;
  display: block;
}
@media (min-width: 970px) {
  section#content {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
section#content main {
  width: 100%;
  padding: 0;
  margin: 20px 0 0 20px;
}
@media (min-width: 720px) {
  section#content main {
    width: 700px;
  }
}
section#content main .items-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, 190px);
  grid-gap: 15px;
  margin-bottom: 30px;
}
@media (min-width: 720px) {
  section#content main .items-row {
    grid-template-columns: repeat(auto-fill, 220px);
    grid-gap: 20px;
  }
}
section#content main .items-row .span0,
section#content main .items-row .span4 {
  display: contents;
}
section#content main .items-row .span0 .item,
section#content main .items-row .span4 .item {
  width: 190px;
  height: 215px;
}
section#content main .items-row .span0 .item > div:first-child,
section#content main .items-row .span4 .item > div:first-child {
  display: contents;
}
section#content main .items-row .span0 .item a,
section#content main .items-row .span4 .item a {
  display: block;
  overflow: hidden;
  width: 190px;
  height: 190px;
}
section#content main .items-row .span0 .item .okvircek,
section#content main .items-row .span4 .item .okvircek {
  height: 25px;
  background-color: #333;
  text-align: center;
  color: white;
  padding-top: 5px;
}
@media (min-width: 720px) {
  section#content main .items-row .span0 .item,
  section#content main .items-row .span4 .item {
    width: 220px;
    height: 250px;
  }
  section#content main .items-row .span0 .item a,
  section#content main .items-row .span4 .item a {
    width: 220px;
    height: 220px;
  }
}
section#content main .sige .sige_clr {
  display: none;
}
section#content nav {
  width: 220px;
  margin: 0 0 0 10px;
  display: none;
}
@media (min-width: 970px) {
  section#content nav {
    display: block;
  }
}
section#content nav ul.nav {
  text-align: center;
  text-decoration: none;
  margin: 20px 0px 20px 0px;
}
section#content nav ul.nav li.active > a {
  text-decoration: underline;
}
section#content nav .main-menu ul.nav li a {
  display: block;
  text-transform: uppercase;
  margin-bottom: 30px;
}
section#content nav .main-menu ul.nav li a.hidden-menu-item {
  display: none;
}
section#content nav .shop-menu ul.nav {
  border-top: 1px solid #9b9b9b;
  border-bottom: 1px solid #9b9b9b;
  padding: 20px 0px 20px 0px;
}
section#content nav .shop-menu ul.nav li a {
  display: block;
}
section#content nav .shop-menu ul.nav li a.hidden-menu-item {
  display: none;
}
section#content nav .shop-menu ul.nav li *:last-child {
  margin-bottom: 20px;
}
section#content nav .shop-menu ul.nav li ul {
  margin-top: 10px;
}
section#content nav .shop-menu ul.nav li ul li *:last-child {
  margin-bottom: 5px;
}
header nav#small-menu {
  display: none;
  background: #333;
  color: white;
}
header nav#small-menu ul.nav {
  text-decoration: none;
}
header nav#small-menu ul.nav li {
  margin: 0;
  padding: 10px 0 10px 15px;
  border-top: 1px solid #9b9b9b;
}
header nav#small-menu ul.nav li a.hidden-menu-item {
  display: none;
}
header nav#small-menu ul.nav li a:before {
  content: '- ';
}
header nav#small-menu ul.nav li.active > a {
  text-decoration: underline;
}
/*
 * all LESS for shop pages
 *
 */
/* category view (browsing products) */
main .category-view {
  display: grid;
  grid-template-columns: repeat(auto-fill, 220px);
  grid-gap: 30px 20px;
}
main .category-view .vm-product {
  display: block;
  width: 220px;
}
main .category-view .vm-product:HOVER {
  text-decoration: none;
}
main .category-view .vm-product .vm-product-media-container {
  overflow: hidden;
  margin: 0;
  height: 220px;
}
main .category-view .vm-product .vm-product-media-container img.browseProductImage {
  height: 220px;
  width: 220px;
  object-fit: none;
}
main .category-view .vm-product .browseimeizdelka {
  background-color: #f0f0f0;
  color: black;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
main .category-view .vm-product .browsecena {
  background-color: #f0f0f0;
  color: black;
  font-size: 14px;
  text-align: center;
}
/* single product page */
main #trgovina_glavna {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 80px;
}
main #trgovina_glavna #leva {
  flex: 1 1 auto;
}
main #trgovina_glavna #leva div {
  margin-bottom: 5px;
}
main #trgovina_glavna #leva div#slikavelika {
  padding: 0 20px;
}
main #trgovina_glavna #leva div#slikavelika .main-image img {
  width: 100%;
}
main #trgovina_glavna #leva div#slikamala .additional-images {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
main #trgovina_glavna #leva div#slikamala .additional-images .floatleft a {
  display: block;
}
main #trgovina_glavna #leva div#slikamala .additional-images .floatleft a img {
  object-fit: none;
  width: 212px;
  height: 173px;
}
main #trgovina_glavna #leva div#slikamala .additional-images .clear {
  display: none;
}
main #trgovina_glavna #leva div#razlicnebarve {
  margin-bottom: 20px;
}
main #trgovina_glavna #leva div#razlicnebarve .other-colours {
  display: grid;
  grid-template-columns: repeat(auto-fill, 60px);
  grid-gap: 16px;
}
main #trgovina_glavna #leva div#razlicnebarve .other-colours .colour-button {
  display: block;
  width: 60px;
  height: 50px;
  overflow: hidden;
}
main #trgovina_glavna #leva div#razlicnebarve .other-colours .colour-button img {
  height: 50px;
}
main #trgovina_glavna #leva div#povezaniizdelki .related-products {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
main #trgovina_glavna #leva div#povezaniizdelki .related-products .related-product > * {
  visibility: collapse;
}
main #trgovina_glavna #leva div#povezaniizdelki .related-products .related-product .vm-product-media-container {
  visibility: visible;
}
main #trgovina_glavna #leva div#povezaniizdelki .related-products .related-product .vm-product-media-container img {
  object-fit: none;
  width: 212px;
  height: 212px;
}
main #trgovina_glavna #desna {
  width: 220px;
  flex: 0 0 auto;
  background-color: #f0f0f0;
  padding: 10px;
  margin-left: 20px;
}
main #trgovina_glavna #desna div {
  margin-bottom: 5px;
}
main #trgovina_glavna #desna div#imeizdelka {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
main #trgovina_glavna #desna div#cenaizdelka {
  font-size: 16px;
}
main #trgovina_glavna #desna div#gumbkosarica .addtocart-bar {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
main #trgovina_glavna #desna div#gumbkosarica .addtocart-bar input {
  display: block;
  padding: 0;
}
main #trgovina_glavna #desna div#gumbkosarica .addtocart-bar input.quantity-input {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  text-align: center;
  font-size: 16px;
  padding: 5px 10px;
  border: none;
  background: #666;
  color: white;
}
main #trgovina_glavna #desna div#gumbkosarica .addtocart-bar input.quantity-controls {
  background: url(/components/com_virtuemart/assets/images/vmgeneral/quantity-controls.png) no-repeat;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
main #trgovina_glavna #desna div#gumbkosarica .addtocart-bar input.quantity-controls.quantity-plus {
  background-position-x: 0;
}
main #trgovina_glavna #desna div#gumbkosarica .addtocart-bar input.quantity-controls.quantity-minus {
  background-position-x: -15px;
}
main #trgovina_glavna #desna div#gumbkosarica .addtocart-bar input.addtocart-button {
  height: 30px;
  margin-left: 5px;
  padding: 0 10px;
  cursor: pointer;
}
main #trgovina_glavna #desna > div {
  margin-bottom: 20px;
}
/* pop up after adding to cart */
#fancybox-content h4 {
  margin: 15px 0px;
}
#fancybox-content .vm-btn-group {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
#fancybox-content .vm-btn-group a.vm-btn {
  width: 40%;
}
#fancybox-content .vm-btn-group a.vm-btn.showcart {
  background-image: url(/images/ikone/ikona_kosarica.png);
  background-repeat: no-repeat;
  background-size: 30px;
  background-position-x: left;
}
/* shopping cart */
.vm-cart-header-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
}
.vm-cart-header-container .vm-continue-shopping a.continue_link:after {
  content: ' »';
}
.vm-cart-header-container .clear {
  display: none;
}
#cart-view .billto-shipto {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 25px;
}
#cart-view .billto-shipto .width50 {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
}
#cart-view .billto-shipto .width50:nth-child(2) {
  text-align: right;
}
#cart-view .billto-shipto .width50 > span:first-child {
  flex-grow: 1;
  text-decoration: underline;
}
#cart-view .billto-shipto .clear {
  display: none;
}
#cart-view .billto-shipto .output-billto .clear,
#cart-view .billto-shipto #output-shipto-display .clear {
  display: initial;
}
#cart-view .cart-summary tr:first-child {
  border-bottom: 1px solid #9b9b9b;
}
#cart-view .cart-summary td,
#cart-view .cart-summary th {
  vertical-align: middle;
}
#cart-view .cart-summary .vm-cart-item-sku {
  visibility: collapse;
}
#cart-view .cart-summary .cart-images img {
  width: 50px;
  vertical-align: middle;
}
#cart-view .cart-summary .vm-cart-item-quantity input.quantity-input {
  text-align: center;
  vertical-align: middle;
  height: 15px;
  width: 20px;
}
#cart-view .cart-summary .vm-cart-item-quantity .vmicon {
  width: 25px;
  height: 25px;
  background-size: 24px;
  background-repeat: no-repeat;
  vertical-align: middle;
}
#cart-view .cart-summary .vm-cart-item-quantity .vmicon.vm2-add_quantity_cart {
  background-image: url(../images/refresh.svg);
}
#cart-view .cart-summary .vm-cart-item-quantity .vmicon.vm2-remove_from_cart {
  background-image: url(../images/delete-cart.svg);
}
#cart-view .cart-summary .vm-cart-item-total {
  text-align: right;
}
/* various components, used in different places */
div.crtabela {
  height: 1px;
  background-color: white;
  margin-top: 5px;
}
div.crtasiva {
  height: 1px;
  background-color: #9b9b9b;
  margin-top: 5px;
}
.opisbold,
.malinaslov {
  font-weight: bold;
  font-style: italic;
}
.malinaslov {
  text-transform: lowercase;
}
#fancybox-title-inside {
  display: none;
}
footer {
  background: #f0f0f0;
  font-size: 11px;
  line-height: 20px;
  margin-top: 10px;
}
footer hr {
  margin-top: 0;
}
footer .footer-columns {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 5px 10px 15px 10px;
}
footer .footer-columns > div {
  flex: 1 1 15%;
}
footer .footer-columns > div:not(:first-child) {
  margin-left: 10px;
}
footer .footer-columns > div#sesta {
  flex: 0 0 auto;
}