@font-face {
  font-family: 'monstro';
  src: url('fonts/Monstro.woff2') format('woff2'),
      url('fonts/Monstro.woff') format('woff');
 font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'brandon_bld';
  src: url('fonts/BrandonGrotesque-Bold.woff2') format('woff2'),
      url('fonts/BrandonGrotesque-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KGSecondChancesSolid';
  src: url('fonts/KGSecondChancesSolid.woff2') format('woff2'),
      url('fonts/KGSecondChancesSolid.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Antonio-Light';
  src: url('fonts/Antonio-Light.woff2') format('woff2'),
      url('fonts/Antonio-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'VAG-Rounded-Bold';
  src: url('fonts/VAGRoundedLTCYR-Bold.woff2') format('woff2'),
      url('fonts/VAGRoundedLTCYR-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BebasNeue';
  src: url('fonts/BebasNeue.woff2') format('woff2'),
      url('fonts/BebasNeue.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
font-family: 'Populiare';
src:  url('fonts/Populiare.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
  font-family: 'Baloo';
  src:  url('fonts/Baloo.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Happy';
  src:  url('fonts/Happy.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Brandon_light';
  src: url('fonts/Brandon_light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


body.itemid-437, .sp-page-builder .page-content #section-id-1528970736172
{
background-color: #ffffff;
}
img.popust-20-mobile {
  position: absolute;
  left: -3px;
  bottom: -23px;
}

div#vm-product-description > p {
  font-size: 16px;
  text-align: center;
}

div#sp-logo {
  margin: 20px 0 -20px 0;
  z-index: 10;
}
.euroPrice {
  display: block;
  font-size: 18px;
  padding: 0 0 15px 80px;
  font-weight: 700;
  color: #006ca3;
}
.euroPriceKat {
font-size: 13px;
color: #00acbc;
}
.euroPriceOrderDetails {
display: block;
  font-size: 12px;
  padding: 0;
  font-weight: 700;
  color: #006ca3;
}
.sp-megamenu-parent {
  list-style: none;
  padding: 0 15px 0 0;
  margin: 30px 0 0 0;
  z-index: 9;
  display: block;
  float: left;
  border-right: 1px solid #ddd;
}
.sp-megamenu-parent >li >a {
  
  padding: 0 11px;
  font-size: 13px;
  color: #6e6e6e;
  font-weight: 500;
}
#sp-header {
  background: #ffffff;
  height: 95px;
  border-bottom: 3px solid #00acbc;
}


.sp-megadeal2-login.sp-mod-login.pull-right {
  float: left;
  display: inline-block;
  width: 80%;
  text-align: left;
  margin: 43px 0 0 0;
}
div#vmCartModule {
  display: inline-block;
  margin: 33px 0 0 0;
}
div#sp-header-right {
  padding: 0;
}
.vmCartModule .megadeal-vm-cart-icon-wrapper {
  line-height: 60px;
}
.sp-mod-login span.sp-login {
  font-size: 12px;
  font-weight: 700;
}

.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner {
  position: initial;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 40px 0 0 10px;
  max-width: 1300px;
  margin: 0 auto;
  text-align: left;
  height: 600px;
}
.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner > div > div {
  display: inline-block;

}
.sppb-item.sppb-item-has-bg > div:first-child {

  background-size: cover;
  height: 600px;
  width: 100%;
  background-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.sppb-carousel-pro-text h3
{
font-family: 'Titan One';
font-size: 34px;
  color: #fff;
}
.sppb-carousel-pro-text h2
{
font-family: 'Titan One';
font-size: 51px;
  color: #fff;
  line-height: 61px;
text-shadow: 0 0 5px #00000054;
}
.sppb-carousel-pro-text p
{
max-width: 360px;
  color: #fff;
  /*line-height: 24px;*/
  font-size: 13px;
  padding: 10px 0;
}

.zvrrr > h2
{
 color: #444;
font-size: 52px;
  text-shadow: 5px 5px 10px #fff;
      line-height: 44px;
}
.zvrrr > h3
{
 color: #444;
font-size: 37px;
  text-shadow: 5px 5px 10px #fff;
      line-height: 47px;
}


.zvrrr > p
{
 color: #444;
text-shadow: 5px 5px 10px #fff;
}
.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner > div {
  height: 100%;
  display: flex;
  align-items: flex-start;
  padding-top: 35px;
}
.sppb-carousel-inner.sppb-text-center > div:first-child .sppb-carousel-pro-text h2
{
color: #fff!important;
text-transform: uppercase;
}
.sppb-carousel-inner.sppb-text-center > div:first-child .sppb-carousel-pro-text h3
{
  color: #fff !important;
    text-shadow: 0px 0px 3px rgba(0,0,0,0.2);
    font-size: 25px;
}
.sppb-carousel-inner.sppb-text-center > div:first-child .sppb-carousel-pro-text p
{
color: #fff!important;
text-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}

.servisne .sppb-img-responsive
{
width: 21%;

  float: left;

  margin: 12px 0 0 0;
}
.sppb-addon-articles .sppb-addon-article {
margin: 30px 0;
  display: inline-block;
}
.servisne h3
{
  text-align: left;
  font-size: 16px;
  float: left;
  width: 77%;
  margin: 0;
  padding-left: 18px;
}
.servisne .sppb-article-introtext
{
  font-size: 13px;
  text-align: left;
  width: 77%;
  float: left;
  line-height: 17px;
  padding: 0 18px;
}
.servisne .sppb-article-introtext p
{
margin: 11px 0;
}
.btn-default, .sppb-btn-default
{
  color: #ffffff;
  background-color: #00acbc;
}
.btn, .sppb-btn
{
 border: 1px solid #00acbc;
  border-radius: 5px;
  line-height: 40px;
  padding: 0 30px;
  text-transform: uppercase;
  box-shadow: none;
  -webkit-box-shadow: none;
  letter-spacing: 1px; 
}
.opis-kat
{
text-align: left;
  padding: 10px 14px;
  text-transform: uppercase;
  color: #fff;
  font-family: 'Antonio-light';
  font-size: 17px;
  line-height: 26px;
      height: 127px;
}
.opis-kat span
{
color:#09b4e8;
font-weight:700;
}
.opis-kat h2
{
margin: 10px 0 15px 0;
  color: #ddd;
width:70%;
  text-transform: uppercase;
}
.opis-kat h2 a
{
    color: #769ea8;
}
.slika-kat
{
width: 100%;
  border-radius: 17px;
  background-color: #00acbc;
  
  height: 200px;
  box-shadow: 2px 2px 3px #8c8b8b;
   font-family: 'Antonio-light';

}
.slika-kat > .sp-price-box
{
position: absolute;
  right: 10px;
  top: 103px;
  line-height: 20px;
  padding: 0 5px;
  background-color: #00ce93;
  height: 41px;
  border-radius: 4px;

}
.slika-kat > .sp-price-box > div
{
min-height: 10px;
}
.slika-kat .vm3pr-0
{

}
.slika-kat .PricesalesPrice
{
color:#006ba3;
font-size: 14px;
  font-weight: 700;
  font-family: 'Open sans';
  letter-spacing: -1px;

}
.slika-kat h2
{
font-size: 16px!important;
  margin: 0;
  padding: 9px 0 7px 15px;
  text-align: left;
  color: #ddd;
  background-color: #006ba3;
  border-radius: 17px 17px 0 0;
  letter-spacing: 0.5px;
}
.slika-kat h2 a
{
    color: #00ce93;
}
.sp-price-box ins
{
margin-right: 5px;
}
.vm-product-media-container
{
margin:0!important;

}

.category-view .vm-product-media-container
{
  padding: 25px;
}
.category-view .sp-vmproduct-image > a > img
{
width: 50%;
  float: left;
}
.category-view  input.addtocart-button
{
  width: 100%;
  background-color: #09b4e8!important;
  color: #fff!important;
  border-radius: 0 0 17px 17px!important;
  font-size: 14px!important;
 
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}
.category-view  input.addtocart-button:hover
{
 background-color: #ff055b!important;
}

.konfigurator
{
width: 100%;
  display: block;
  background-color: #fff;
  padding: 0;
}

.konfigurator > div
{
padding: 10px;
margin-bottom: 10px;
display:inline-block;
width:100%;
border: 1px solid #e9eaed;
  border-radius: 4px;
}
.konfigurator > div:last-child
{
  border: none;
  padding: 7px 0;
}
.konf_2.boca
{
border: 1px solid #e9eaed!important;
padding: 7px 0;
}
.konf_2.boca h3
{
margin: -10px 0 10px 0!important;
}
.konfigurator > div > h3
{
background-color: #e9eaed;
  padding: 10px;
  margin:-10px -10px 10px;
  font-size: 14px;
  font-weight: 700;
  color: #006aa3;
      position: relative;
}
.konfigurator > div > h3 > a
{
float: right;
  background-color: #006ba3;
  border-radius: 50%;
  width: 16px;
  text-align: center;
  color: #fff;
}
.ukupno-predmet  > a
{
background-color: #006ba3;
  border-radius: 50%;
    text-align: center;
  color: #fff;
  height: 20px;
  width: 20px;
  font-size: 14px;
  font-weight: 700;
  float: left;
  margin: 2px 4px 0 0;
  line-height: 20px;
}

.konfigurator > .konf_1 > div, .konfigurator > .konf_1a > div > div
{
float:left;
width: 25%;
  margin: 0;
  position: relative;
  border: 8px solid #ffffff;
  border-radius: 12px;
 transition: border-width 0.1s linear; 
 -webkit-transition: border-width 0.1s linear;
-moz-transition: border-width 0.1s linear;
-o-transition: border-width 0.1s linear;
min-height: 130px;
}
.konfigurator.marky > .konf_1 > div, .konfigurator > .konf_1a > div > div
{
  min-height: auto;
}
.konfigurator.boce > .konf_1 > div, .konfigurator > .konf_1a > div > div
{
width: 25%;
    line-height: 1.7;
  min-height: 152px;
}
.konfigurator.cool > .konf_1 > div
{
  width: 50%;
  text-align: center;
}
.konfigurator.cool > .konf_1a > div > div
{
  width: 25%;
}
.konfigurator.torbe > .konf_1 > div
{
width: 25%;
}
.konfigurator.torbe > .konf_1 > div > label > img
{
border-radius: 7px;
}
.konfigurator.torbe > .konf_1 > div > label > img
{
border-radius: 7px;
}
.konfigurator.metar > .konf_1 > div > label > img
{
border-radius: 7px;
}
.konfigurator > .konf_1 > div.selected, .konfigurator > .konf_1a > div > div.selected
{
border: 8px solid #e9eaed;
  background-color: #e9eaed;
  color: #006ba3;
}
.konfigurator > .konf_1 > div > label
{
margin: 0 0 5px 0;
}
.konfigurator > .konf_1 > div.selected > label, .konfigurator > .konf_1a > div > div.selected > label
{
margin: 0 0 5px 0;

}
.konfigurator > .konf_1 > div.selected > label > span, .konfigurator > .konf_1a > div > div.selected > label > span
{
padding: 0;
}
.konfigurator > .konf_1a > div
{
width: 100%;
}
.konfigurator > .konf_1 > div:hover, .konfigurator > .konf_1a > div > div:hover
{
  cursor: pointer;
}
.konfigurator > .konf_1 > div  > label > input, .konfigurator > .konf_1a > div > div  > label > input
{
position: absolute;
  left: 5px;
  top: 5px;
  width:18px;
  height: 18px;
  display: none;

}
.konfigurator > .konf_1 > div > label  > img
{
padding:0;
margin: 0 auto;
display:block;
width:130px;
border-radius: 10px;
}
.konfigurator > .konf_1a > div > div > label  > img
{
padding:0;
margin: 0 auto;
display:block;
width:110px;
border-radius: 10px;
}
.konfigurator.boce > .konf_1 > div > label  > img, .konfigurator.torbe > .konf_1 > div > label  > img
{
  border-radius: 50%;
  border: 1px solid #d9dfe3;
}

.konfigurator > .konf_1 > div > label > span, .konfigurator > .konf_1a > div > div > label > span
{
font-size:12px;
text-align:center;
display:block;
    font-weight: 700;
line-height: 17px;
}
.konfigurator .konf_2 > div, .konfigurator .konf_3 > div
{
display: inline-block;
  width: 100%;
  height: auto;
  padding: 10px 10px 0;
}
.konfigurator .konf_2 label
{
float: left;
  width: 40%;
  padding: 7px 0;
  font-weight: 700;
}
.konfigurator .konf_2 input
{
width: 54%;
  float: left;

  margin-bottom: 0;

}
.konfigurator .konf_3 label
{
float: left;
  width: 32%;
  padding: 7px 0;
  font-weight: 700;
}
.konfigurator .konf_3 .predmet-naziv
{
width: 54%;
  float: left;
}
.konfigurator .konf_3 .predmet-kol
{
width: 15%;
  float: left;
margin-left:10px;
}
.konfigurator .konf_3 > div
{
width: 100%;
  display: inline-block;
}
.prikaz
{
width: 100%!important;
  border-radius: 0!important;
  background-color: #5e9dd3;
  color: #fff!important;
font-size:20px!important;
text-transform:uppercase!important;
border: none !important;
  box-shadow: none;
  background-image: none !important;
    padding: 8px;
}
.prikaz:hover
{
 background-color: #85ba40;
  color: #fff!important;
}
.sticky {
position: fixed;
width:50%;

}
.proizvod-desno 
{
float:right;
}
.product.sp-vmproduct-wrapper
{
  border-right:0!important;
}
.sp-vmproduct-wrapper
{
padding: 0 10px;
}
.productdetails-view-section .vm-product-media-container .main-image img
{
  margin-top: 20px;
}
.sp-page-title h1, .page-header h1
{
  font-size: 30px;
  font-weight: 400;
  font-family: 'Titan One', cursive;
  color: #006ba3;
  margin: 0;
  
}
.sp-page-title h1
{
text-transform: uppercase;
}
.product-short-description {
  color: #ff055b;
  font-weight: 700;
  font-size: 22px;
  position: relative;
    display: inline-block;
}
.opis-2kolone
{
column-count: 2;
  column-gap: 163px;
  margin: 44px auto 0;
  width: 55%;
}
#vm-product-description h4
{    margin-bottom: 28px;
    border-top: 1px solid #ddd;
  padding-top: 34px;

}
.productdetails-view-section .vm-product-details-container .spacer-buy-area .product-price .sp-price-box ins
{

font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0px;
}
.img-mockup-1 > div, .img-mockup-2 > div, .img-mockup-3 > div, .img-mockup-13 > div, .img-mockup-15 > div
{
 position: absolute;
}
.img-mockup-1 >  div> p, .img-mockup-2 >  div> p, .img-mockup-3 >  div> p, .img-mockup-13 >  div> p
{
margin: 0;
}
#img-mockup >  div  > div
{
  display: table-cell;
  vertical-align: middle;
}
.konfigurator .konf_2.vrticki
{
border: 1px solid #e9eaed;
  padding: 10px;
}
/*-----+++++++++++++++++++++++Školski stickeri----*/
.img-mockup-1
{
font-family: "Baloo";
      width: 100%;
  height: 100%;
  position: absolute;
  font-size: 19px;
  color: #855749;
  max-height: 500px;
  max-width: 500px;
  text-align: left;
  line-height: 0.9;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.2px;
}


.img-mockup-1 >  div:nth-child(1)
{
top: 16.5%;
  left: 62.5%;
  width: 22.0%;
  line-height: 20px;
  font-size: 15px;
  white-space: nowrap;
   text-align: center;  
   display: table;
   vertical-align: middle;
   height: 12.5%;
   line-height: 1.2;
   color: #fff;
}

.img-mockup-1 >  div:nth-child(1) > p > span
{
line-height: 19px;
display: inline-block;
}
.img-mockup-1 >  div:nth-child(2)
{
  font-size: 18px;
  left: 12%;
  top: 55%;
  width: 28.5%;
  line-height: 23px;
  white-space: nowrap;  

       display: table;
   vertical-align: middle;
   height: 12.5%;
}
.img-mockup-1 >  div:nth-child(2) >  div > p

{
color: #fff;
  font-size: 9px;
  width: 100%;
  line-height: 10px;
  padding-top: 2px;
   color:rgb(92, 52, 32);
}
.img-mockup-1 >  div:nth-child(1) >  div > p
{
  font-size: 9px;
  width: 100%;
  line-height: 9px;
  padding-top: 1px;
  color:rgb(92, 52, 32);
  margin: 0;
}
.img-mockup-1 >  div:nth-child(2) >  div
{
  padding-top: 0px;
}
.img-mockup-1 >  div:nth-child(3)
{
  width: 14.7%;
  font-size: 16px;
  top: 67%;
  left: 68%;
  color: #fff;
  white-space: nowrap;
  line-height: 1.1;
   height: 11%;
      display: table;
   vertical-align: middle;
}
.img-mockup-1 >  div:nth-child(4)
{
color: #855849;
  width: 13.2%;
  font-size: 16px;
  left: 68%;
  top: 87.2%;
  white-space: nowrap;
  line-height: 1.1;
  text-align: center;
  height: 11%;
     display: table;
   vertical-align: middle;
}
.img-mockup-1 >  div:nth-child(5)
{
  font-size: 13px;
 top: 36.2%;
    line-height: 1;
    white-space: nowrap;
  left: 17.3%;
  width: 16.6%;
     display: table;
   vertical-align: middle;
   text-align: center;
   height: 4.4%; 
   color: #855849;
}
.img-mockup-1 >  div:nth-child(5) > div
{
  vertical-align: middle;
}
.img-mockup-1 >  div:nth-child(6)
{
  width: 15%;
  font-size: 16px;
  top: 67%;
  left: 84.3%;
  color:#F1AF79;
  white-space: nowrap;
  line-height: 1.1;
    height: 11%;
       display: table;
   vertical-align: middle;

}
.img-mockup-1 >  div:nth-child(7)
{
     font-size: 16px;
  top: 87.2%;
  color: #fff;
  white-space: nowrap;
  line-height: 1.1;
  text-align: center;
  width: 15%;
  left: 84.5%;

    height: 11%;
       display: table;
   vertical-align: middle;
}
/*------------- Scool cool----*/
.img-mockup-15
{
font-family: "Happy";
      width: 100%;
  height: 100%;
  position: absolute;
  font-size: 18px;
  color: #855749;
  max-height: 500px;
  max-width: 500px;
  text-align: left;
  line-height: 0.9;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.2px;
}


.img-mockup-15 >  div:nth-child(1)
{
  top: 16.5%;
  left: 63.5%;
  width: 22.0%;
  line-height: 21px;
  font-size: 16px;
  white-space: nowrap;
  text-align: left;  
  display: table;
  vertical-align: middle;
  height: 12.5%;
  line-height: 1.2;
  color: #fff;
}

.img-mockup-15 >  div:nth-child(1) > p > span
{
line-height: 19px;
display: inline-block;
}
.img-mockup-15 >  div:nth-child(2)
{
  font-size: 16px;
  left: 11.5%;
  top: 80%;
  width: 28.5%;
  line-height: 21px;
  white-space: nowrap;  
  display: table;
  vertical-align: middle;
  height: 12.5%;
  color:#000;
}
.img-mockup-15 >  div:nth-child(2) >  div > p

{
color: #fff;
  font-size: 9px;
  width: 100%;
  line-height: 10px;
  padding: 4px 0 0;
  color:#000;
  margin: 0;
}

.img-mockup-15 >  div:nth-child(2) >  div
{
  padding-top: 0px;
}
.img-mockup-15 >  div:nth-child(3)
{
  width: 17.7%;
  font-size: 15px;
  top: 65%;
  left: 78%;
  color: #000;
  white-space: nowrap;
  line-height: 1.1;
  height: 9%;
  display: table;
  vertical-align: middle;
}
.img-mockup-15 >  div:nth-child(4)
{
  color: #000;
  width: 19.4%;
  font-size: 15px;
  left: 64.8%;
  top: 89.2%;
  white-space: nowrap;
  line-height: 1.1;
  text-align: center;
  height: 9%;
  display: table;
  vertical-align: middle;
}
.img-mockup-15 >  div:nth-child(5)
{
  font-size: 13px;
  top: 36.4%;
  line-height: 1;
  white-space: nowrap;
  left: 14%;
  width: 17%;
  display: table;
  vertical-align: middle;
  text-align: center;
  height: 4.4%; 
  color: #fff;
}
.img-mockup-15 >  div:nth-child(5) > div
{
  vertical-align: middle;
}
.img-mockup-15 >  div:nth-child(6)
{
  width: 15%;
  font-size: 16px;
  top: 67%;
  left: 84.3%;
  color:#F1AF79;
  white-space: nowrap;
  line-height: 1.1;
    height: 11%;
       display: table;
   vertical-align: middle;

}
.img-mockup-15 >  div:nth-child(7)
{
     font-size: 16px;
  top: 87.2%;
  color: #fff;
  white-space: nowrap;
  line-height: 1.1;
  text-align: center;
  width: 15%;
  left: 84.5%;

    height: 11%;
       display: table;
   vertical-align: middle;
}

/*-----------------Vrtićki stickeri------------------*/

.img-mockup-2
{
font-family: "Baloo";
      width: 100%;
  height: 100%;
  position: absolute;
  font-size: 18px;
  color: #855749;
  max-height: 500px;
  max-width: 500px;
  text-align: left;
  line-height: 0.9;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.7px;
}


.img-mockup-2 >  div:nth-child(1)
{
  top: 58.7%;
  left: 47.4%;
  width: 15.0%;
  line-height: 14px;
  font-size: 13px;
  white-space: nowrap;
  text-align: center;
         display: table;
   vertical-align: middle;
   height: 9%;
   color: #fff;
}

.img-mockup-2 >  div:nth-child(1) > p > span
{
line-height: 19px;
display: inline-block;
}
.img-mockup-2 >  div:nth-child(1) >  div > p
{
  font-size: 6px;
  width: 100%;
  line-height: 8px;
  padding-top: 1px;
  color:rgb(92, 52, 32);
  margin: 0;
}

.img-mockup-2 >  div:nth-child(2)
{
 top: 6%;
  left: 70%;
  width: 14.11%;
  line-height: 16px;
  font-size: 14px;
         display: table;
   vertical-align: middle;
     height: 8%;
     color: #fff;
}
.img-mockup-2 >  div:nth-child(3)
{
top: 25.3%;
  left: 70%;
  width: 14.11%;
  line-height: 16px;
  font-size: 14px;
         display: table;
   vertical-align: middle;
     height: 8%;

}

.img-mockup-2 >  div:nth-child(4)
{
 top: 6%;
  left: 85.5%;
  width: 14.11%;
         display: table;
   vertical-align: middle;
     height: 8%;
     color: #F1AF79;
}


.img-mockup-2 >  div:nth-child(5)
{
 top: 25.3%;
  left: 85.5%;
  width: 14.11%;
         display: table;
   vertical-align: middle;
     height: 8%;
}
.img-mockup-2 >  div:nth-child(2), .img-mockup-2 >  div:nth-child(3), .img-mockup-2 >  div:nth-child(4) , .img-mockup-2 >  div:nth-child(5)
{
line-height: 14px;
  font-size: 13px;
  white-space: nowrap;
  text-align: center;
           display: table;
   vertical-align: middle;
}
.img-mockup-2 >  div:nth-child(6)
{
  font-size: 10px;
  top: 38.9%;
  color: #855749;
  white-space: nowrap;
  line-height: 1.1;
  text-align: center;
  width: 17.1%;
  left: 19.5%;
  height: 4.6%;
   display: table;
   vertical-align: middle;
       word-spacing: 0;

}
.img-mockup-2 >  div:nth-child(6) > div
{
  word-spacing: 0!important;
}
/*-----------------Tekstil stickeri------------------*/

.img-mockup-3
{
font-family: "Baloo";
      width: 100%;
  height: 100%;
  position: absolute;
  font-size: 14px;
  color: #855749;
  max-height: 500px;
  max-width: 500px;
  text-align: left;
  line-height: 0.9;
  text-align: center;
  text-transform: uppercase;
 
}

.img-mockup-3 >  div
{
line-height: 15px;
  font-size: 14px;
white-space: nowrap;
  text-align: center;
  height: 9%;

}
.img-mockup-3 >  div:nth-child(1)
{
  top: 2.5%;
  left: 1%;
  width: 14.4%; 
  display: table;
  vertical-align: middle;
}

.img-mockup-3 >  div:nth-child(2)
{
  top: 18%;
  left: 1%;
  width: 14.41%;
  display: table;
  vertical-align: middle;

}
.img-mockup-3 >  div:nth-child(3)
{
  top: 2.5%;
  left: 16.5%;
  width: 14.4%;
  display: table;
  vertical-align: middle;


}

.img-mockup-3 >  div:nth-child(4)
{
  top: 18%;
  left: 16.5%;
  width: 14.4%;
  display: table;
  vertical-align: middle;
}


.img-mockup-3 >  div:nth-child(5)
{
  top: 22%;
  left: 83%;
  width: 11%;
  font-size: 13px;
  line-height: 14px;
  display: table;
  vertical-align: middle;
}
.img-mockup-3 >  div:nth-child(6)
{
  top: 58%;
  width: 11.6%;
  left: 24.6%;
  height: 7%;
  display: table;
  vertical-align: middle;
}


/*---------------------end stickeri---------------------*/
/*-----------------univerzalni stickeri------------------*/

.img-mockup-13 {
  font-family: "Baloo";
  width: 100%;
  height: 100%;
  position: absolute;
  font-size: 12px;
  color: #855849;
  max-height: 500px;
  max-width: 500px;
  text-align: center;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 0.7px;
}

.img-mockup-13 >  div {
  line-height: 14px;
  font-size: 12px;
  white-space: nowrap;
  text-align: center;
  height: 7%; 
}

.img-mockup-13 >  div:nth-child(1) {
  top: 0.9%;
  left: 51.1%;
  width: 15.0%; 
  display: table;
  vertical-align: middle;
}

.img-mockup-13 >  div:nth-child(2) {
  top: 8%;
  left: 51.1%;
  width: 15%;
  display: table;
  vertical-align: middle;
}

.img-mockup-13 >  div:nth-child(3) {
  top: 15%;
  left: 51.1%;
  width: 15.0%;
  display: table;
  vertical-align: middle;
}

.img-mockup-13 >  div:nth-child(4) {
  top: 22%;
  left: 51.1%;
  width: 15%;
  display: table;
  vertical-align: middle;
  color: #f1af79;
}

.img-mockup-13 >  div:nth-child(5) {
  top: 29%;
  left: 51.1%;
  width: 15%;
  display: table;
  vertical-align: middle;
}

.img-mockup-13 >  div:nth-child(6) {
  top: 1%;
  left: 80.5%;
  width: 15.0%; 
  display: table;
  vertical-align: middle;
}

.img-mockup-13 >  div:nth-child(7) {
  top: 8%;
  left: 80.5%;
  width: 15%;
  display: table;
  vertical-align: middle;
}

.img-mockup-13 >  div:nth-child(8) {
  top: 15%;
  left: 80.5%;
  width: 15.0%;
  display: table;
  vertical-align: middle;
}

.img-mockup-13 >  div:nth-child(9) {
  top: 22%;
  left: 80.5%;
  width: 15%;
  display: table;
  vertical-align: middle;
  color: #f1af79;
}

.img-mockup-13 >  div:nth-child(10) {
  top: 29%;
  left: 80.5%;
  width: 15%;
  display: table;
  vertical-align: middle;

}

.img-mockup-13 >  div:nth-child(11) {
  top: 56.6%;
  left: 45.6%;
  width: 9%;
  font-size: 10px;
  line-height: 1;
  display: table;
  vertical-align: middle;
}
.img-mockup-13 >  div:nth-child(12) {
  top: 8.3%;
  left: 26.3%;
  width: 9%;
  font-size: 7px;
  line-height: 1;
  display: table;
  vertical-align: middle;
  text-align: left;
}



/*---------------------end univerzalne---------------------*/
/*-----------------boca---------------------------------*/

.img-mockup-4, .img-mockup-14
{
font-family: "Baloo";
      width: 100%;
  height: 100%;
  color: #855749;
  max-height: 500px;
  max-width: 500px;
  text-align: left;
      position: absolute;
  
}

.img-mockup-4 >  div
{

  top: 49%;
  left: 53%;
  width: 20%;
  line-height: 1;
  font-size: 24px;
  white-space: nowrap;
  text-align: center;
  position: absolute;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  display: table;
  vertical-align: middle;
  height: 10%;
}

.img-mockup-14 >  div
{
  top: 53%;
  left: 57%;
  width: 27%;
  line-height: 1;
  font-size: 26px;
  white-space: nowrap;
  text-align: center;
  position: absolute;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  display: table;
  vertical-align: middle;
  height: 10%;
}
.img-mockup-4 >  div > div, .img-mockup-14 >  div > div
{
display: table-cell;
  vertical-align: middle;
}

.img-mockup-5
{
font-family: Monstro;
      width: 100%;
  height: 100%;
  color: #fff;
  max-height: 500px;
  max-width: 500px;
  text-align: left;
      position: absolute;
  
}

.img-mockup-5 >  div
{
top: 53%;
  left: 42.8%;
  width: 20%;
  line-height: 1.2;
  font-size: 18px;
  white-space: nowrap;
  text-align: center;
  position: absolute;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  display: table;
  vertical-align: middle;
  height: 52px;

}
.img-mockup-5 >  div > div
{
display: table-cell;
  vertical-align: middle;
}



/*---------------------end boca-------------------------*/
/*------------------------vrecica----------------*/
.img-mockup-6
{
font-family: "Baloo";
      width: 100%;
  height: 100%;
  color: #855749;
  max-height: 500px;
  max-width: 500px;
  text-align: left;
      position: absolute;
  
}

.img-mockup-6 >  div
{
top: 66%;
left: 35%;
width: 32%;
line-height: 1.2;
font-size: 33px;
white-space: nowrap;
text-align: center;
position: absolute;
text-transform: uppercase;
letter-spacing: 0.7px;
display: table;
vertical-align: middle;
height: 9.7%;
transform: rotate(-0.2deg);
}
.img-mockup-6 >  div > div > p
{
  font-size: 13px;
  padding: 3px;
}
.img-mockup-6 >  div > div
{
display: table-cell;
  vertical-align: middle;
}
/*------------------------end vrecica-------------------------*/
/*--------------------pecat-------------------*/

.img-mockup-7, .img-mockup-8
{
font-family: Monstro;
      width: 100%;
  height: 100%;
  color: #0f6ba9;
  max-height: 500px;
  max-width: 500px;
  text-align: left;
      position: absolute;
  
}

.img-mockup-7 >  div
{
top: 38%;
  font-size: 28px;
  text-align: center;
  line-height: 1.1;
  left: 34.4%;
  position: absolute;
  text-transform: uppercase;
  display: table;
  vertical-align: middle;
  height: 8.6%;

  width: 27.5%;
}
.img-mockup-8 >  div
{
  top: 40%;
  font-size: 26px;
  text-align: left;
  line-height: 1;
  left: 49.4%;
  position: absolute;
  text-transform: uppercase;
  display: table;
  vertical-align: middle;
  height: 61px;

  width: 23.5%;
  white-space: nowrap;
  height: 14%;
}
.img-mockup-7 >  div > div, .img-mockup-8 >  div > div
{
display: table-cell;
  vertical-align: middle;
}
.pecat_boja
{
width:60px;
height:60px;
border-radius:50%;
}
.konfigurator.pecat_1 > .konf_1a > div > div, .konfigurator.pecat_2 > .konf_1a > div > div
{
width: 16%;
}
.konfigurator.pecat_1 > .konf_1 > div > label > img
{
border-radius: 50%;
}
.konfigurator.pecat_2 > .konf_1 > div > label > img
{
border-radius: 8px;
}
.konfigurator.pecat_1 > .konf_1 > div
{
width: 20%;
}
.konfigurator.pecat_2 > .konf_1 > div
{
width: 25%;
}
/*--------------------end pecat------------*/
/*--------------------marky pecat-------------------*/

.img-mockup-12
{
  font-family: 'Brandon_light';
      width: 100%;
  height: 100%;
  color: #000;
  max-height: 500px;
  max-width: 500px;
  text-align: left;
      position: absolute;
  
}

.img-mockup-12 >  div {
  top: 22.5%;
  font-size: 20px;
  text-align: left;
  line-height: 1.1;
  left: 50.4%;
  position: absolute;
  text-transform: uppercase;
  display: table;
  vertical-align: middle;
  height: 8.6%;
  width: 27.5%;
}

.img-mockup-12 >  div > div
{
display: table-cell;
  vertical-align: middle;
}
.pecat_boja
{
width:60px;
height:60px;
border-radius:50%;
}
.konfigurator.pecat_marky > .konf_1a > div > div
{
width: 16%;
}
.konfigurator.pecat_marky > .konf_1 > div > label > img
{
border-radius: 50%;
}
.konfigurator.pecat_marky > .konf_1 > div
{
width: 20%;
}
.konfigurator.marky > .konf_1a.marky > div
{
    display: flex;
    justify-content: space-around;
}
.konfigurator.marky > .konf_1a.marky > div > div {
  width: 25%;
  line-height: 1.7;
  min-height: auto;
}
.marky-icon {
  position: absolute;
    width: 100px;
    bottom: 40px;
    left: 40px;
    transform: scaleX(-1);
}
/*--------------------end pecat------------*/

/*--------------------metar-------------------*/

.img-mockup-9
{
font-family: Monstro;
      width: 100%;
  height: 100%;
  color: #fff;
  max-height: 500px;
  max-width: 500px;
  text-align: right;
      position: absolute;
  
}

.img-mockup-9 >  div
{
  top: 48.2%;
  left: 54.4%;
  width: 14.0%;
  line-height: 1.1;
  font-size: 17px;


  text-align: right;

  position: absolute;
  text-transform: uppercase;
  display: table;
  vertical-align: middle;
}
.img-mockup-9 >  div > div
{
display: table-cell;
  vertical-align: middle;
}
.img-mockup-9 >  div > div > p
{
font-size: 10px;
padding-top: 4px;
}

/*-------------------end metar--------------------------*/

/*--------------------tapeta-------------------*/

.img-mockup-11
{
font-family: Monstro;
      width: 100%;
  height: 100%;
  color: rgb(15, 107, 169);
  max-height: 500px;
  max-width: 500px;
  text-align: right;
      position: absolute;
  
}

.img-mockup-11 >  div
{


  position: absolute;
  text-transform: uppercase;
  display: table;
  vertical-align: middle;
}

.img-mockup-11 >  div:nth-child(1)
{
  top: 32.2%;
  left: 71.4%;
  width: 21%;
  line-height: 1.1;
  font-size: 27px;
  text-align: center;

}
.img-mockup-11 >  div:nth-child(2)
{
  top: 69.2%;
  left: 4.8%;
  width: 16%;
  line-height: 1.1;
  font-size: 23px;
  text-align: right;
  color: #fff;

}



.img-mockup-11 >  div > div
{
display: table-cell;
  vertical-align: middle;
}
.img-mockup-11 >  div > div > p
{
font-size: 10px;
padding-top: 4px;
}



/*-------------------end tapeta--------------------------*/
/*-------------------ploca--------------------------*/
.img-mockup-10
{

      width: 100%;
  height: 100%;
  color: #fff;
  max-height: 500px;
  max-width: 500px;
  text-align: right;
      position: absolute;
  
}

.konfigurator.ploca > div
{
    padding: 10px;
    border: 1px solid #e9eaed;
}
/*-------------------end ploca--------------------------*/

.additional-images {
  display: flex;
  flex-wrap: wrap;
  gap: 19px;
}
.productdetails-view-section .vm-product-media-container .additional-images img
{
width: 154px;
  margin: 0;
  border: 1px solid #e9eaed;
  border-radius: 4px;
}
.productdetails-view-section .vm-product-media-container .additional-images div:nth-child(3)  img
{
margin: 0;
}
#loader {
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}



@-webkit-keyframes animatebottom {
from { bottom:-100px; opacity:0 } 
to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
from{ bottom:-100px; opacity:0 } 
to{ bottom:0; opacity:1 }
}
#btn-jos
{
background-color: #e9eaed !important;
 
  color: #006ba3;
  padding: 7px;
  border-radius: 4px;
  margin: 0;
  cursor: pointer;
  font-size: 14px;
  display: block;
  text-align: center;
  font-weight: 700;
}
.sp-page-title, .page-header
{
    position: relative;
  margin-top: 0;
  padding: 25px 35px;
 
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: cover !important;
  border-radius: 3px;
 
  margin-bottom: 20px;
}
.page-header:after {
  content: '';
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: -7px;
  height: 7px;
  border-radius: 0 0 2px 2px;
  background-color: rgba(0,0,0,0.07);
}
.vm-product-details-container.col-sm-6.proizvod-desno {
  padding-top: 20px;
}
img#slika_glavna {
  border: 1px solid #e9eaed;
  border-radius: 4px;
}
.category-view
{


}
.kategorija
{
width: 26%;
  height: 800px;
  display: inline-block;
  margin-top: -150px;
}
.kategorija > div
{
 background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.category-view .row
{
width: 100%;

}
.category-view .horizontal-separator
{
display: none;
}
.category-view h1
{
color: #006ba3;
  font-size: 30px;
  text-transform: uppercase;
  margin: 40px 0 20px 40px;
  font-family: 'Titan one';
  width: 55%;
}
#sp-bottom .fas
{
padding: 0px 10px 15px 0;
  font-size: 17px;
      width: 28px;
  text-align: center;
}
.footer-cards {
  background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 8px;
    gap: 7px;
}
.PaymentGatewayInfo-thumb {
  height: 38px!important;
}
.view-article article.item img
{
width: auto;
}
.slike-kartice img
{
float: left;

}
.slike-kartice
{
display: block;
height: 60px;
}
.kosarica-kartice, .kosarica-virman {
  display: block;
  padding: 10px;
  background-color: #ddd;
  height: 50px;
}
.kosarica-kartice img {
  height: 30px;
  float: left;
  padding: 2px 5px;
}
.view-cart .billto-shipto .btn
{
max-width: initial;
}
.btn-gray
{
background-color: #00acbc !important;
color: #ffffff !important;
}
.view-cart .vm-cart-item-name .cart-images img
{
width: 100%;
}
.view-cart .vm-cart-item-name .cart-images
{
margin-right: 0;
}
.view-article strong
{
font-size: 16px;
}
.kategorija-labels {
border-top: 2px solid #006ba3;
  margin: 10px 0;
  padding: 15px 5px;
  display: inline-block;
  width: 100%;
}
.kategorija-labels > h3
{
display: inline-block;
    width: 42%;
  float: left;
  font-family: 'Titan One';
  color: #006ba3;
  font-size: 33px;
  text-transform: uppercase;
}
.kategorija-labels > div
{
display: inline-block;
  width: 57.8%;
  float: left;
}
.kategorija-labels-pr
{
float: right;
  width: 190px;
  display: inline-block;
  height: 190px;
  background-color: #006ba3;
  padding: 0;
  color: #fff;
  box-shadow: 4px 4px 0 #064363;
  border-radius: 8px;
  margin: 10px 0 10px 20px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
}
.kategorija-labels-pr > h4
{
font-family: 'Titan One';
  text-transform: uppercase;
  font-size: 26px;
  text-align: right;
  border-bottom: 1px solid #fff;
  padding: 15px;
  margin: 0;
}
.kategorija-labels-pr > .naslov-first
{
 font-family: Open Sans, sans-serif;
   text-transform: uppercase;
  font-size: 19px;
  text-align: right;
  border-bottom: none;
  padding-bottom: 0;
  margin: 0;
  font-weight: 100;
  letter-spacing: 1px;
}
.kategorija-labels-pr > .naslov-last
{
padding: 0 15px 15px 15px;
 font-size: 24px;
}
.kategorija-labels-pr > div
{
  padding: 10px;
      display: inline-block;
  width: 100%;
  height: 31px;
  text-align: right;
}
.kategorija-labels-pr > div > div:first-child
{
  font-size: 30px;
  width: 30%;
  font-family: 'Titan One';
  display: inline-block;
  float: left;
  height: 40px;
}
.kategorija-labels-pr > div > div:last-child
{
  width: 70%;
  font-size: 15px;
  display: inline-block;
  text-transform: uppercase;
  text-align: left;
  float: left;
  padding-left: 15px;
  height: 40px;
  line-height: 17px;
}
.view-article .article-body {
  margin-top: 0;
}
.view-article .article-body h3 {
  margin-top: 0;
}
.kategorija-labels-pr > div.kategorija-labels-full {
font-size: 13px;
  text-align: center;
  line-height: 15px;
  padding: 17px 0 0;
}
.vrtic.kategorija-labels
{
    border-top: 2px solid #00acbc;
}
.vrtic  > h3
{
color: #00acbc;
}
.vrtic .kategorija-labels-pr
{
    background-color: #00acbc;
    box-shadow: 4px 4px 0 #0B7B84;
    float: left;
}

.tekstil.kategorija-labels
{
    border-top: 2px solid #D0DAE0;
}
.tekstil  > h3
{
color: #374147;
}
.tekstil .kategorija-labels-pr
{
    background-color: #D0DAE0;
    box-shadow: 4px 4px 0 #FF015B;
    float: right;
    color:#374147;
}

.boca .kategorija-labels
{
    border-top: 2px solid #D0DAE0;

}
.boca  > h3
{
color: #00acbc;
}
.boca .kategorija-labels > div
{
position: relative;
}
.boca .kategorija-labels-pr
{
    background-color: #D0DAE0;
    box-shadow: 4px 4px 0 #FF015B;
    float: right;
    color:#374147;
}
.boca .kategorija-labels-pr > div > div
{
position: absolute;
left: 0;
bottom: 0;
  height: 100%;
  width: 100px;
  padding: 0;
}
.boca .kategorija-labels-pr > div > div > img
{
position: absolute;
  bottom: 0;
  left: 0;
}
.kategorija-labels-pr:hover
{
background-color: rgba(0,109,164,0.7);
}
.kategorija-cijena
{
  display: none!important;
  width: 110px!important;
  float: right;

  background-color: #fff;
  height: 44px!important;
  border-radius: 9px;
  font-size: 18px;
  color: #ff055b;
  font-weight: 700;
  padding: 10px!important;
  text-align: center!important;
  position: absolute;
  bottom: 0;
  right: 28px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.kategorija-cijena span
{
    font-size: 11px;
  display: block;
  height: 16px;
   color: #006aa3;
  text-decoration: line-through;

}
.kategorija-labels-pr .kategorija-ukupno
{
display: none!important;
}

.kategorija-labels-pr .kategorija-ukupno div:first-child
{
width: 65%;
  font-size: 15px;
  display: inline-block;
  text-transform: uppercase;
  text-align: left;
  float: left;
  padding-left: 15px;
  height: 40px;
  line-height: 17px;
   font-family: 'Open Sans';
}
.kategorija-labels-pr .kategorija-ukupno  div:last-child
{
font-size: 30px;
  width: 30%;
  font-family: 'Titan One';
  display: inline-block;
  float: left;
  height: 40px;
      padding: 3px 0 0 0;
}
.kategorija-labels-pr:hover .kategorija-cijena, .kategorija-labels-pr:hover .kategorija-ukupno
{

     display: inline-block!important;
}
.kategorija-labels-pr:hover .posebna-flag {
  display: none;
}
.kategorija-labels-pr:hover > div:nth-child(2),.kategorija-labels-pr:hover > div:nth-child(3)
{
display: none;
}

.tekstil .kategorija-labels-pr > .naslov-last
{
padding: 0 15px 5px 15px;
}
.proizvod-desno .product-price
{
position: relative;
}
.proizvod-desno .product-price del
{
font-size: 16px!important;
  font-weight: 400!important;
  position: absolute;
  left: 0;
  top: -10px;
}
.proizvod-desno .product-price del .vm-price-desc
{
 display: none;
}
.proizvod-desno .product-price .vm-product-discount
{
display: none;
}

.kategorija-labels.tapete .kategorija-labels-pr > .naslov-last
{
    font-size: 29px;
}

.kategorija-labels.tapete .kategorija-labels-pr > .naslov-last small
{
color: #fff;
  font-size: 23px;
  font-weight: 500;
}
#paketomat {
margin: 15px;
display: grid;
}
#paketomat .sp-select-result {

  border: 1px solid #ddd;
  padding: 10px;
  width: 320px;
  max-width: 320px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#paketomat .sp-select-dropdown {
position: absolute;
margin: 15px;
  box-shadow: none;
  border: 1px solid #00acbc;
  text-align: left;
}
#paketomat .sp-select-dropdown option[value=""][disabled] {
  color: #ddd;
}
#paketomat .typeahead.tt-query {
  width: 50%;
}

span.tt-dropdown-menu {
position: relative!important;
top: auto!important;
width: 53%;
padding: 15px;
background-color: #fff;
border: 1px solid #00acbc;
}
.tt-suggestion:hover {
background-color: #ddd;
}
.cart-paketomatId-group {
display: none;
}

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

@media screen  and (max-width: 1199px) {
.kategorija-labels > h3
{
  width: 29%;
}
.kategorija-labels > div
{
  width: 70.8%;
}
div#sp-menu {
  margin-top: 20px;
}
#offcanvas-toggler {
  font-size: 20px;
}
}
@media screen and  (min-width: 992px) and (max-width: 1199px) {
.productdetails-view-section
{
padding: 10px!important;
}
.vm-product-container.col-sm-6
{
width:530px!important;
}
.vm-product-details-container.col-sm-6.proizvod-desno
{
    width: 390px!important;
}
.konfigurator.torbe > .konf_1 > div
{
width: 33.3%;
}
}
@media screen and  (min-width: 768px) and (max-width: 991px) {
.vm-product-container.col-sm-6
{
width:100%!important;
}
.vm-product-details-container.col-sm-6.proizvod-desno
{
    width: 100%!important;
}
}
@media screen and (max-width: 991px) {

.kategorija-labels > h3
{
  width:100%;
}
.kategorija-labels > div
{
  width: 100%;
}
div#vmCartModule {

  margin: 0;
}
.vmCartModule .megadeal-vm-cart-icon-wrapper
{
 line-height: 30px; 
}
.sp-megadeal2-login.sp-mod-login.pull-right
{
  width: 70%;
      margin: 2px 0 0 0;
}
.sp-mod-login span.sp-login
{
  font-size: 20px;
}
}
@media screen and (max-width: 709px) {
.kategorija-labels-pr
{
  width: 30%;
  margin: 1.5%;
}
}
@media screen and (max-width: 670px) {
.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner > div {
  height: 100%;
  display: flex;
  align-items: flex-start;
  padding-top: 5px;
  padding-left: 18px;
}
.konfigurator.torbe > .konf_1 > div
{
width: 33.3%;
}
.konfigurator > .konf_1 > div > label > span, .konfigurator > .konf_1a > div > div > label > span
{
font-size: 9px;
padding: 3px 0 0 0;

  line-height: 1.1;
}
.konfigurator > .konf_1 > div.selected > label > span, .konfigurator > .konf_1a > div > div.selected > label > span
{
 padding: 3px 0 0 0;
}
.sp-page-title h1, .page-header h1
{
font-size: 22px;
}
.kategorija-labels-pr
{
  width: 47%;
  margin: 1.5%;
}
.kategorija-labels-pr > div > div:first-child
{
      font-size: 26px;
}
.kategorija-labels-pr > div > div:last-child
{
  font-size: 13px;
}
.kategorija-labels-pr > .naslov-first
{
      font-size: 16px;
}
.kategorija-labels-pr > .naslov-last {

  font-size: 19px;
}
.kategorija-labels-pr > div.kategorija-labels-full
{
font-size: 11px;
}
}
@media screen and (max-width: 400px) {
.kategorija-labels-pr > div.kategorija-labels-full
{
font-size: 9px;
}
.kategorija-labels-pr > div > div:first-child
{
      font-size: 20px;
}
.kategorija-labels-pr > div > div:last-child
{
  font-size: 11px;
}
.kategorija-labels-pr > .naslov-first
{
      font-size: 13px;
}
.kategorija-labels-pr > .naslov-last {

  font-size: 15px;
}
}

@media screen and (max-width: 621px) {
  .kategorija-labels-pr > h4
{
font-size: 17px;
  }
  
.konfigurator.boce > .konf_1 > div, .konfigurator > .konf_1a > div > div
{
width: 25%;
    line-height: 1.7;
  min-height: 102px;
}
  
.productdetails-view-section
{
padding: 0;
}
#vm-product-tab, #vm-product-description,  #vm-product-review
{
padding: 20px;
}
#myHeader
{
padding-left: 0;
  padding-right: 0;
}

.nav-tabs > li {
  width: 33%;
  text-align: center;
}
}
@media screen and (max-width: 531px) {
.productdetails-view-section .vm-product-container
{
margin-top: -20px;
}
.addtocart-button,   .ask-a-question.btn, #provjeri_podatke
{
   width: 100%!important;
  margin: 10px 0 0!important;
}
.additional-images .floatleft
{
float: left;
  width: 33%;
  border: 12px solid #fff;
}
.additional-images
{
margin: 0!important;
}
}
#toggle_predmeti
{
cursor: pointer;
  float: right;
  display: inline-block;
  font-size: 30px;
  margin: -10px -10px 0 0;
  color: #fff;
  background-color: #006ba3;
  padding: 0 10px 2px;
  border-radius: 0 4px 0 0;
      position: absolute;
  right: 9px;

}
.konfigurator .konf_3 > div, #jos_predmeta, #ukupno-predmet
{
display: none;
}
.konfigurator .konf_2 > div:nth-child(3)
{
    margin-bottom: 20px;
}
.vm-customfields-wrap
{
display: none;
}
.slider-bottom-category .slider-bottom-category-img a.sppb-btn
{

width: 187px;
}
.sppb-addon-content video
{
margin: 0;
padding: 0;

}
.home-video .sppb-addon-raw-html
{
margin: 0;
  padding: 0;

}
#column-id-1484824969 .sppb-btn {
border: 1px solid #fff;
}
.orders-popis
{
 
  width: 100%;
  padding: 60px 25px;

}
.orders-popis > form > div
{
 border-bottom: 1px solid #ddd;
    display: inline-block;
     width: 100%;
}
.orders-popis  div > div
{
float: left;
width: 20%;
padding: 4px; 
line-height: 19px;
}
.orders-popis  div > div:nth-child(1)
{
width: 10%;
    font-size: 17px;
  color: #006ca3;
}
.orders-popis  div > div:nth-child(4)
{
width: 5%;
}
.orders-popis  div > div:nth-child(5)
{
width: 15%;
}
.orders-popis  div > div:nth-child(6)
{
width: 30%;
}
.orders-popis .print-button, .orders-popis .print-button-files
{

  font-size: 10px;
  font-weight: 700;
  padding: 0 5px;
  width: 71px;
   background-color: #ff055b;

}
.orders-popis .print-button-files
{
background-color: #00acbc;
border:0;
}
.new-order {
border-top: 2px solid #00acbc!important;
  border-left: 2px solid #00acbc;
  margin-top: 10px;
      display: table!important;

}
.no-new-order {

  border-left: 2px solid #00acbc;
      display: table!important;


}
.title-popis > div
{
 width: 100%;
 background-color: #ddd;
  display: inline-block;
     width: 100%;

}
.orders-popis  div > div > span
{
  padding: 0 0 0 10px;
  font-size: 12px;
  color: #00acbc;
}
@media screen and  (min-width: 768px)
{
#sp-bottom2, #sp-bottom3
{
  padding: 0;
      margin-top: -8px;
}
}
#sp-bottom2 .sp-module ul >li >a, #sp-bottom3 .sp-module ul >li >a
{
  line-height: 32px;
  font-size: 13px;
}
.sp-megadeal2-login .sp-my-account-menu .signin-img-wrap
{
font-size: 17px;
  color: #006ba3;
}
.sp-megadeal2-login .sp-my-account-menu ul.menu
{
top: 27px;
    padding: 0;
}
.sp-megadeal2-login .sp-my-account-menu .signin-img-wrap:after
{
display: none;
}
.popup-cart > .item-wrap > div 
{
    display: inline-block;
  width: 87%;
  text-align: center;
}
.popup-cart > .item-wrap .sp-price-box ins, .popup-cart > .item-wrap .sp-price-box del
{
width: 100%;
}
.call-for-price-login, .ask-a-question-view
{
  padding: 0;
}
.g-recaptcha.sppb-dynamic-recaptcha
{
display: inline-block;
  float: right;
  position: absolute;
  bottom: -10px;
  right: 28px;
}
.vmCartModule .megadeal-vm-cart-icon-wrapper .spvm-cart-toggle .spvm-total-product
{
  font-family: 'Open Sans';
  font-weight: 700;
}
.billto-shipto .btn   {
position: absolute;
  bottom: 14px;
}
.view-cart .billto-shipto
{
      min-height: 133px;
}
.vm-adminform button, .view-cart .vm-button-correct
{
  color: #ffffff !important;
  background-color: #00acbc !important;
}
.productdetails-view-section .vm-product-details-container .addtocart-area .addtocart-bar .vm-addtocart-ask-wrap
{
  position: relative;
}
.hide-button
{
   position: absolute;
  top: 26px;
  left: 0px;
  display: inline-block;
  width: 162px;
  height: 43px;

}
.prikaz-mobile
{
  display: none;
      width: 100%;

  margin: 14px 0 38px;
  background-color: #00acbc;
  /* text-decoration: underline; */
  color: #fff;
  font-size: 16px;
  letter-spacing: 2px;

}
@media screen  and (max-width: 1199px) {
.sppb-addon-content video
{
  width: 100%;
  height: auto;
}
}
@media screen  and (min-width: 1200px) {
.home-video .sppb-addon-raw-html
{
  height: 216px;
}
}
@media screen  and (max-width: 968px) {
  
    .opis-2kolone {
       column-count: 2;
  column-gap: 10px;
  margin: 25px auto 0;
  width: 87%;
  }
   .prikaz-mobile
{
  display: block;
  width: 100%;
  display: block;

}
     }
@media screen  and (max-width: 768px) {
  
    .opis-2kolone {
       column-count: 1;
  column-gap: 0px;
  margin: 25px auto 0;
  width: 100%;
  }
 
     }

@media screen  and (max-width: 500px) {
#proopc-confirm-order .cart-tos-group {
padding: 15px 10px!important;
}
#proopc-confirm-order label {
width: 100%!important;
}
#proopc-confirm-order #ProOPC .radio input[type="radio"], #ProOPC .checkbox input[type="checkbox"] {
float: none!important;
position: relative;
left: 0px;
top: 2px
}
.login-mobile {
padding: 0 20px 10px;
margin: 0!important;
}
.konfigurator > .konf_1 > div
{
width: 33.3%;
}   
.konfigurator > .konf_1a > div > div
{
width: 33.3%;
}   
.konfigurator.pecat_1 > .konf_1a > div > div, .konfigurator.pecat_2 > .konf_1a > div > div
{
   width: 25%; 
}
.kategorija-labels-pr .kategorija-ukupno div:first-child
{
width: 100%;
 text-align: right;
padding: 0 15px 0 0;
}
.kategorija-labels-pr .kategorija-ukupno  div:last-child
{

  width: 100%;
text-align: right;
padding: 0 15px 0 0;
}
.kategorija-labels-pr:hover > div.kategorija-labels-full
{
  display: none;
}
}
@media screen  and (max-width: 1200px) and (min-width: 968px) {
.konfigurator.pecat_1 > .konf_1a > div > div, .konfigurator.pecat_2 > .konf_1a > div > div
{
width: 25%;
}
}

@media screen  and (max-width: 354px) {
.pecat_boja
{
width: 40px;
  height: 40px;
 }
}
@media screen  and (max-width: 600px) {
.kontakt-forma > div > form > div
{
width: 100%!important;
padding-right:0!important; 
}
 .g-recaptcha.sppb-dynamic-recaptcha
 {
  position: relative;
  bottom: 0;
  right: 0;
 }
 #member-profile  .control-label
 {
  float: left;
  width: 100%;
  padding-top: 5px;
  text-align: left;
 }
 #member-profile  .controls
 {
  margin-left: 0;
  width: 100%;
 }
  #member-profile  .controls input
 {
  width:100%;
 }
.sppb-item.sppb-item-has-bg>div:first-child
{
height: 350px;
}
.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner
{
 height: 350px;
 padding: 0 0 0 10px;
}
.sppb-carousel-inner.sppb-text-center > div:first-child .sppb-carousel-pro-text h3
{
font-size: 25px;
  color: #fff;
  line-height: 35px;
  margin-bottom: 0;
}
.sppb-carousel-pro-text h2
{
    font-size: 35px;
  color: #fff;
  line-height: 40px;
}
}

@media screen  and (max-width: 600px) {

#fancybox-wrap
{
    width: 100%!important;
  left: 0px!important;
}
#fancybox-content
{
padding: 0!important;
  width: 100%!important;
height:auto!important;
min-height: 320px;
}
#fancybox-frame
{
   min-height: 320px;
}
video
{
width: 100%!important;
  height: auto!important;
}


.hide-button
{
      top: 35px;
      width: 100%;
}

.konfigurator .konf_3 label {
 
  width: 39.5%;
font-size: 11px;
}
.konfigurator .konf_3 .predmet-kol
{
width: 20%;

  float: left;
    padding: 0!important;
  margin-left: 10px;
  text-align: center;
}
.konfigurator .konf_3 .predmet-naziv {

  font-size: 11px;
  padding: 0 11px!important;
}

.zvrrr > h2
{
 color: #222;
font-size: 28px;
  text-shadow: 5px 5px 10px #fff;
      line-height: 30px;

}
.zvrrr > h3
{
 color: #222;
font-size: 28px;
  text-shadow: 5px 5px 10px #fff;
      line-height: 30px;
     margin: 20px 0 0;
}
}
.vm-fieldset-tos
{
  width: 100%;
  background-color: #217b84;
  margin: 10px 0;
  padding: 25px;
  text-align: center;
  font-size: 19px;
}
.vm-fieldset-tos > div > span.cart.tos
{
  width: 100%;
  color: #fff;
      width: 100%;
  border-bottom: 1px solid #e9eaed;
  padding-bottom: 11px;
  margin-bottom: 11px;
}
.vm-fieldset-tos input {
position: absolute; 
opacity: 0;
}
.vm-fieldset-tos input + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  font-size: 18px;
  color: #fe0;
}
.vm-fieldset-tos input + label:before
{
content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;

}
.vm-fieldset-tos input:hover + label:before
{
  background: #ff055b;
}
.vm-fieldset-tos input:focus + label:before {
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}

.vm-fieldset-tos input:checked + label:before {
background: #ff055b;
}

.vm-fieldset-tos input:checked + label:after {
content: '';
position: absolute;
left: 5px;
top: 9px;
background: #ffee00;
width: 2px;
height: 2px;
box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
.pocetna-pr-mobile .sppb-addon
{
  padding: 0;
  border: 1px solid #ddd;
  margin: 0 0 20px 0;
}
#provjeri_podatke
{
    border-radius: 25px;
  margin: 0 0 0 10px;
  border: 1px solid #00acbc;
}
.kosarica-virman
{
height: 80px;
}
#ProOPC, #ProOPC span, #ProOPC div, #ProOPC p, #ProOPC input, #ProOPC select, #ProOPC button, #ProOPC h1, .proopc-finalpage h3, .proopc-finalpage h2, .proopc-finalpage h1, .proopc-finalpage h4, .proopc-register-login h3, .proopc-register-login h2, .proopc-register-login h4, .proopc-register-login h1
{
  font: 15px/1.55 Open Sans, sans-serif!important;
}
.cart-summary > thead
{
background-color: #00acbc; 
}
.cart-summary > thead > tr > th > span
{
color:#fff;
}
.cart-summary input[type="number"]
{
padding:0!important;
}
table.cart-summary.proopc-table-striped tr th, table.cart-summary.proopc-table-striped tr td
{
vertical-align: middle!important;

}
.proopc-shipments
{
margin: 0 0 15px!important;
}
.korak-2-div
{
display:none;
}
.korak-2
{
width: 100%;
  text-align: center;
  margin: 10px 0;
}
.blank-row td
{
border-top:0;
}
.proopc-finalpage .proopc-column3
{
width:100%!important;
}
#ProOPC .proopc-process-title
{
    background: #00acbc!important;
color:#fff!important;
font-size:16px!important;
padding:4px 10px!important;
}
#ProOPC .proopc-finalpage .proopc-register-login h3, .proopc-finalpage .proopc-register-login .proopc-inner
{
margin-right: 0!important;
}
.proopc-bt-address, .proopc-st-address
{
 margin-right: 0!important;
}
#ProOPC textarea, #ProOPC input[type="password"], #ProOPC input[type="datetime"], #ProOPC input[type="datetime-local"], #ProOPC input[type="date"], #ProOPC input[type="month"], #ProOPC input[type="time"], #ProOPC input[type="week"], #ProOPC input[type="number"], #ProOPC input[type="email"], #ProOPC input[type="url"], #ProOPC input[type="search"], #ProOPC input[type="tel"], #ProOPC input[type="color"], #ProOPC .uneditable-input
{
width:100%!important;
}
.podaci-placanje
{
display: inline-block;
}
.podaci-placanje > div
{

  float: left;
  display: inline-block;
margin: 6px 0;
 width: 100%;
}
#paketomat .typeahead.tt-query {
width: 88%;
}
span.tt-dropdown-menu {
width: 95%;

}
@media screen  and (min-width: 968px) {
.podaci-placanje > div
{
width: 50%;
}
}
.podaci-placanje .inner
{
    width: 90%!important;
}
.virtuemart_country_id-group .inner
{
    width: 100%!important;
}

.virtuemart_country_id-group
{
  width: 97%!important;
}

.podaci-placanje input
{
border-radius: 5px!important;
padding: 4px 10px !important;
width:100%!important;
}
.cart-summary.proopc-table-striped .grand-total td, .cart-summary.proopc-table-striped .grand-total-p-currency td, .continue-checkout-box
{
   background-color: #006ca3!important;
  border-top: 1px solid #e9eaed!important;
  border-bottom: 1px solid #e9eaed!important;
color: #fff;
}
.grand-total  .PricebillTotal
{
color: #fff!important;
font-weight:700!important;
}
tr.blank-row {
  display: none!important;
}
.proopc-shipments input[type="radio"], .proopc-payments input[type="radio"]
{
margin: 8px 10px 1px 0!important;
  width: 17px!important;
  height: 17px!important;
}
.proopc-shipments label, .proopc-payments label
{
margin: 5px 0!important;
}
.proopc-register-login .proopc-switch, .st-same-checkbox {
  font-size: 14px;
  vertical-align: top;
  margin: 7px 7px!important;
  padding: 0;
  width: 31%!important;
  float: left;
  display: inline-block!important;
  background-color: #006ca3;
  padding: 10px 0!important;
  border-radius: 9px;
  color: #fff!important;
  font-weight: 700!important;
cursor: pointer; 
font-size: 15px!important;
}
.st-same-checkbox
{
text-align: center;
  padding: 10px!important;
  margin: 0 auto!important;
    display: block!important;
  width: 100%!important;
}
.proopc-st-address
{
border: 0!important;
  height: auto!important;
  display: inline-block!important;
  width: 100%!important;
  margin: 0 0 20px 0!important;
}
.proopc-inner {
text-align: center!important;
  display: block!important;
  height: 45px!important;
  min-height: 45px!important;
  border: 0!important;
}
.proopc-inner input[type="radio"] {
display:none;
}
.proopc-inner .selected
{
  background-color: #ff055b!important;
}
.proopc-inner i
{
display:none;
}
.proopc-inner .selected i
{
display:inline-block;
    font-size: 15px;
  padding: 0 0 0 10px;
}
.proopc-input-group-level
{
width: 40%;
  height: 36px;
  text-align: right;
  padding: 7px 10px 0 0;
}
.proopc-input input {
width: 70%!important;
  padding: 5px!important;
  min-height: 25px!important;
}
.proopc-inner.with-switch
{
    background-color:transparent!important;
}
.proopc-reg-form {
  width: 100%;
  background-color: #d0d0d0;
  height: 158px;
padding:20px!important;
}
.proopc-login-form
{
 background-color: #d0d0d0;
 height: 250px;
 width: 100%;
padding:20px!important;

}
.proopc-input
{
width: 50%!important;
  float: left!important; 
}
.proopc-group-logins .proopc-input, .proops-login-inputs-logins .proopc-input
{
width: 100%!important;
  float: left!important; 
}
.proopc-input button
{
    width: 150px!important; 
  margin: 0!important; 
}
.proopc-input-append > .status
{
    margin: 12px 0 0!important; 
}
#proopc-remember {
width: 20px!important;
  height: 20px;
}
.proopc-st-address label
{
font-size: 15px!important;
   margin: 15px 0 0 0!important;
}
.proopc-st-address label input
{
display:none!important;
}
#EditSTAddres > div
{
float:left;
width: 96%!important;
}
@media screen  and (min-width: 968px) {
#EditSTAddres > div.shipto_first_name-group, #EditSTAddres > div.shipto_last_name-group, 
#EditSTAddres > div.shipto_zip-group, #EditSTAddres > div.shipto_city-group
{
   width: 46%!important;
  float: left;
  margin: 0 44px 0 0;
}
}
#shipto_first_name_field, #shipto_last_name_field, #shipto_address_1_field, #shipto_address_1_field, #shipto_zip_field, #shipto_city_field
{
  padding: 5px!important;
  border-radius: 5px!important;
}

.proopc-bt-address input
{
    width: 100%!important;
}
.nacini-placanja
{
   width: 45%;
  float: left;
  background-color: #ddd;
  border: 2px solid #00acbc;
  padding: 10px;
  margin: 2%;
  border-radius: 8px;
}
.nacini-placanja.selected
{
border: 2px solid #ff055b;
}
.nacini-placanja label
{
width:100%!important;
}
#proopc-coupon-code
{
width: 200px!important;
}
#proopc-task-savecoupon
{
margin:9px!important;
}


.cart-tos-group
{
  width: 100%;
  background-color: #fff;
  margin: 10px 0;
  padding: 25px;
  text-align: center;
  font-size: 19px;
}
.cart-tos-group label
{
font-size: 18px;
  background-color: #00acbc;
  width: 33%!important;
  margin: 0 auto;
  padding: 15px;
  border-radius: 40px;
  color: #fff;

}
.cart-tos-group input
{
  width: 20px!important;
  height: 18px!important;
  margin: 6px 0 0 -26px!important;
  display: inline-block!important;
  
}
.proopc-payments, .proopc-confirm-order
{
    margin: 15px 0!important;
}
.proopc-coupon no-top-margin
{
 margin: 0!important;
}
#proopc-order-submit
{
border-radius: 9px!important;
  background-image: linear-gradient(to bottom, #006ca3, #1978aa);
  border: 0;
  text-transform: uppercase;

}
#proopc-order-submit:hover
{
background-position: 0 -47px!important;
}
.proopc-alert.proopc-error-msg
{
position: fixed;
  z-index: 1000;

  top: 20px;
  left: 20%;
  right: 20%;
  opacity: 0.95;
  padding: 12px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  background-color: #d86c6f;
  border-color: #d86c6f;
}
.top-lang > .sp-module 
{
background: transparent;
padding: 5px;
text-align: right;
}
.top-lang > .sp-module:after
{
display: none;
}
.sppb-addon.sppb-addon-ajax-contact 
{
display: inline-block;
  padding-bottom: 70px;
}
.sppb-ajaxt-contact-form .sppb-btn-success
{
float: right;
}

@media screen  and (max-width: 968px) {
.proopc-register-login .proopc-switch, .st-same-checkbox
{
width: 100%!important;
}
.proopc-reg-form, .proopc-login-form
{
      margin: 133px 0 0 0!important;
}

.address_1-group .inner, .bt_email-group .inner
{
  width: 90%!important;
}
.nacini-placanja
{
   width: 100%!important;
}
.cart-tos-group label
{
  width: 81%!important;
}
.col-sku
{
 opacity: 0!important;
}

.kategorija-labels.tapete .kategorija-labels-pr > .naslov-last {
  font-size: 24px;
}
.top-lang
{
  text-align: right;
}
.top-lang .sp-module-content
{
  text-align: left;
}
.grand-total-p-currency .PricesalesPrice
{
  padding: 0 0 0 44%;
}
.virtuemart_country_id-group .inner
{

    width: 97%!important;
}
.modal-footer > .btn
{
      width: 48%;
  float: left;
}
.sppb-ajaxt-contact-form .sppb-btn-success
{
  float: right;
  margin-top: 92px;
  width: 100%;
}
.sppb-addon.sppb-addon-ajax-contact 
{
  display: inline-block;
    padding-bottom: 20px;
}
.popup-cart .button-group .continue_link
{
      margin-bottom: 0px;
}

}
@media screen  and (max-width: 620px) {
.popup-cart > .item-wrap > div
{
  width: 100%;
}
.popup-cart .btn
{
  width: 75%;
}
.popup-cart
{
  padding: 30px 0 0 0;
}
.modal-footer > .btn
{
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
}
.modal-footer .btn+.btn
{
  margin-left: 0px!important;
}
.kategorija-labels > h3
{
  font-size: 27px;
}
.sppb-addon-single-image-container
{
  width:100%!important;
}
.vm-orders-order table tr
{
  display: block;
  border-bottom: 1px solid #ddd;
}
.vm-orders-order table tr td
{
  display: block;
  width: 100%;
  padding: 0;
  font-weight: 400;
  
}
.vm-orders-order table tr td:first-child
{
  font-weight: 700;
  
}
.vm-orders-order table tr td > table
{
 width: 100%;
  background-color: #efefef;
  padding: 10px;
  display: block;   
}
.vm-orders-items #ui-tabs .tabs, #ui-tabs ul#tabs
{
  padding: 10px 0
}
.vm-orders-items .dyn-tabs table

{
  border: 1px solid #ddd;
  padding: 10px;
  display: table-caption;
}

}

.vm_currency_module .sp-select-result
{
padding: 5px 0;
}
.virtuemart_country_id-group .sp-select, .shipto_virtuemart_country_id-group .sp-select
{
  border: 1px solid #00acbc;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}
div.mod-languages img
{
height: 23px;
  border: 1px solid #fff!important;
  border-radius: 50%;
  margin: 0px 0 -5px 0;
width: 23px;
}
.vm_currency_module .sp-select .sp-select-text {
  font-weight: 700;
}
.tooltip
{
text-transform: uppercase;
}
.productdetails-view-section ul.nav-tabs >li>a.posebna-ponuda-tab {
  color: #fff;
  background: #c935aa;
  font-weight: 700;
}
.posebna-ponuda-img {
  margin: 25px 0;
}
.posebna-ponuda-img img {
  width: 200px;
  display: inline-block;
  margin-right: 15px;
}
#vm-product-box {
  text-align: center;
}
#vm-product-box h4 {
  font-weight: 700;
    font-size: 18px;
    border-top: 1px solid #ddd;
    padding-top: 40px;
}
.posebna-flag {
  position: absolute;
  z-index: 2;
  width: 150px;
  top: -2px;
  right: -196px;
}
.kategorija-labels-pr .posebna-flag {
  position: absolute;
  z-index: 2;
  width: 155px!important;
  top: 135px;
  right: -22px;
}
.posebna-flag-menu img {
  position: absolute;
  width: 85px;
  right: 37%;
  top: 5px;
}
.novo-flag-menu img {
  position: absolute;
  width: 71px;
  right: 14px;
  top: 0;
}
@media screen  and (max-width: 620px) {
  .additional-images {
    display: block;
  }
  .posebna-flag {
    position: absolute;
    z-index: 2;
    width: 122px;
    top: 25px;
    right: -31px;
}
.posebna-ponuda-img img {
  width: 32%;
  display: inline-block;
  margin-right: 0;
  margin-top: 25px;
}
.posebna-flag-menu img {
  position: absolute;
  width: 85px;
  right: 22%;
  top: 9px;
}
.novo-flag-menu img {
  position: absolute;
  width: 73px;
  right: 0;
  top: auto;
  bottom: 0;
}
.product-short-description {
    display: block;
}
 .kategorija-labels-pr-sve {
  width: 80%;
   padding: 15px;
}
  .kategorija-labels-pr-sve > div > div:last-child {
    font-size: 14px;
}
  .kategorija-labels-pr-sve > div > div:first-child {
    width: 18%;
}
  .kategorija-labels-pr-sve > div > div:last-child {
    width: 80%;
  
}
}
.upute-images-flex {
  text-align: center;
    margin: 0 auto;
    display: flex;
    gap: 2%;
    align-items: center;
    width: 100%;
  	margin-bottom: 40px;
}
.upute-images-flex img {
  display: inline-block;
    width: 32%;
  border: 1px solid #ddd;
}
#fancybox-content {
  padding: 0!important;
  border-radius: 10px;
}
#fancybox-close {
  font-family: 'megadeal' !important;
  font-size: 30px;
  background-image: none;
  top: 10px;
  right: -12px;
  color: #000;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}
.kategorija-labels-pr > div.kategorija-labels-full.sve {
    font-size: 14px;
    text-align: left;
    padding: 20px 0 0 10px;
    letter-spacing: -0.5px;
    line-height: 1.3;
}
#jform_contact_message, #jform_contact_emailmsg, #jform_contact_email, #jform_contact_name {
  height: auto;
  width: 95%;
}