body {
 
  background-color: #ffffff; 
  color: #ffffff; 
   
font-family: 'Roboto Condensed', sans-serif;   
}
 



 

html {
font-size: 16px;
}
 



#navrhu, #navrhu-first  {
  -webkit-user-select: none;  
  -ms-user-select: none;  
  user-select: none;  
}

 


h1, h2, h3, h4, h5, h6, p, span, button, a, i, input, select, th, td, .form-control, .custom-select, .btn, .dropdown-item   {

font-weight: 400; 
     
}


 #svgfirst {
        position: absolute;
        bottom: 0px;  
        width: 100%;
        height: auto;
        
 
    }











.main-content { 

font-weight: 400;  
color: #0d0d0d;


 

background: #ffffff;
 

  




 



 /* kocke
background-color: #111;
opacity: 1;
background-image:  linear-gradient(30deg, #000000 12%, transparent 12.5%, transparent 87%, #000000 87.5%, #000000), linear-gradient(150deg, #000000 12%, transparent 12.5%, transparent 87%, #000000 87.5%, #000000), linear-gradient(30deg, #000000 12%, transparent 12.5%, transparent 87%, #000000 87.5%, #000000), linear-gradient(150deg, #000000 12%, transparent 12.5%, transparent 87%, #000000 87.5%, #000000), linear-gradient(60deg, #00000077 25%, transparent 25.5%, transparent 75%, #00000077 75%, #00000077), linear-gradient(60deg, #00000077 25%, transparent 25.5%, transparent 75%, #00000077 75%, #00000077);
background-size: 80px 140px;
background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;
*/


 /* kocentricni krugovi
background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #ffffff 40px ),
repeating-linear-gradient( #ffffff, #ffffff );
*/



 /*  tackice sitne
background-image:  radial-gradient(#0d0d0d 0.9500000000000001px, transparent 0.9500000000000001px),
radial-gradient(#0d0d0d 0.9500000000000001px, #ffffff 0.9500000000000001px);
background-size: 38px 38px;
background-position: 0 0,19px 19px;
*/



 
/* super na tamnoj pozadini - sara

--s: 50px;
 --c: #ffffff;
  --_s: calc(2*var(--s)) calc(2*var(--s));
  --_g: 35.36% 35.36% at;
  --_c: transparent 66%,#0d0d0d 68% 70%,transparent 72%;
  background: 
    radial-gradient(var(--_g) 100% 25%,var(--_c)) var(--s) var(--s)/var(--_s), 
    radial-gradient(var(--_g) 0 75%,var(--_c)) var(--s) var(--s)/var(--_s), 
    radial-gradient(var(--_g) 100% 25%,var(--_c)) 0 0/var(--_s), 
    radial-gradient(var(--_g) 0 75%,var(--_c)) 0 0/var(--_s), 
    repeating-conic-gradient(var(--c) 0 25%,#0000 0 50%) 0 0/var(--_s), 
    radial-gradient(var(--_c)) 0 calc(var(--s)/2)/var(--s) var(--s) var(--c);
  background-attachment: fixed;

*/
 
 
 
}






.hr-body {
background-color: #0d0d0d;
}


img  {

vertical-align: middle;

}


.ivi [class*="stocks"]:not(.ivi.opisnik [class*="stocks"]) {
display: none;
}




.display-name {

font-size: 1.8rem;
 
 
font-weight: 400; 

}


 


  
.form-control:focus {
 border-color: #777; 
 box-shadow: 0 0 1px #999;
}
 
 


.my-bg-div {

background: linear-gradient(to bottom, rgba(0,0,0,0.9) 18%, rgba(0,0,0,0.05) 36%), url(/imgrazno/qjxsaedrparallax-nakit-5.jpg) no-repeat; 
height: 500px;
height: 65vh;
max-height: 70vw;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
 
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 
 
}


.my-bg-div .parallax-message {

font-size: 36px;
font-size: 2.3rem;
 
}


nav.general-nav #stickycart  {

display: none !important;

}



nav.sticky-nav #stickycart  {

display: block !important;

}


 


section.carousel-slider {
margin-top: 0px; 
margin-bottom: 0px; 
}


.carousel-div {
background-repeat: no-repeat; 
background-position: center center; 
-webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
 
}


.carousel-div.carousel-item:nth-child(1) {
  
background-image: url(/imgrazno/evsflmdtpanel-nakit-1.png);

}


.carousel-div.carousel-item:nth-child(2) {
 
background-image: url(/imgrazno/mryjlzqipanel-nakit-2.png);

}


.carousel-div.carousel-item:nth-child(3) {
 
background-image: url(/imgrazno/xvrmbnyjpanel-nakit-3.png);

}



 

 









  
select:focus {
outline-color: #e5e5e5;
}
 
 




 
       /*

 #myslider  {

  height: 558px;
  width: 100%;
   
 
} 


#myslider .carousel-item {
 

   height: 558px;
  width: 100%;
   

}



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

#myslider, #myslider .carousel-item {
max-height: 400px;
 }

}



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

#myslider, #myslider .carousel-item {
max-height: 357px;
 }

}


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

#myslider, #myslider .carousel-item {
max-height: 295px;
 }

}




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

#myslider, #myslider .carousel-item {
max-height: 228px;
 }
 
}


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

#myslider, #myslider .carousel-item {
max-height: 171px;
 }
 
}



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

#myslider, #myslider .carousel-item {
max-height: 117px;
 }
 
}

         */




/*  originalni  ratio for myslider  je bio   29.7841%    */


#myslider .carousel-item {

height: 0;
 padding-top: 29.7841%;
  
}




#myslider .carousel-inner .carousel-caption {

   

position: absolute !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
  background: rgba(0,0,0,0.01);  
z-index: 1;
margin: -25px; 
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
   
   
   text-shadow:
   -1px -1px 0 #2e2e2e,  
    1px -1px 0 #2e2e2e,
    -1px 1px 0 #2e2e2e,
     1px 1px 0 #2e2e2e; 
  
    -webkit-text-fill-color: #F8F8FF;
      
}


 


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

 

#myslider .carousel-item {

padding-top: 44.5%; 


}

            /*
.carousel-div.carousel-item:nth-child(1) {
 
background-image: url(/imgrazno/evsflmdtpanel-nakit-1-400.png);

  }


.carousel-div.carousel-item:nth-child(2) {
 
background-image: url(/imgrazno/mryjlzqipanel-nakit-2-400.png);

  }


.carousel-div.carousel-item:nth-child(3) {
 
background-image: url(/imgrazno/xvrmbnyjpanel-nakit-3-400.png);

  }
             */

}




.space  {

margin-top: 60px;
margin-bottom: 60px;

} 


@media (min-width: 768px) {

  
    .step-inner .active,
    .step-inner .active + .step-item,
    .step-inner .active + .step-item + .step-item, 
    .step-inner .active + .step-item + .step-item + .step-item
{
     
        display: block;
      
         
    }
    

 



    .step-inner .step-item.active:not(.step-item-right):not(.step-item-left),
    .step-inner .step-item.active:not(.step-item-right):not(.step-item-left) + .step-item,
    .step-inner .step-item.active:not(.step-item-right):not(.step-item-left) + .step-item + .step-item {
       
         margin-right: initial;  
         transition: none;
    }
    
   
    

}


#step-carousel > .carousel-control-prev   {

border: 1px solid #ddd !important;
width: auto; 
padding-right: 9px;
padding-left: 6px; 
justify-content: center;

}


  #step-carousel > .carousel-control-next {
justify-content: center; 
width: auto; 
padding-left: 9px; 
padding-right: 6px; 
border: 1px solid #ddd !important;
}    
    
    

    
 
#multi-item-slider > .carousel-control-prev    {
 
justify-content: flex-start;
width: 23px;
padding: 0;
 

}


#multi-item-slider > .carousel-control-next  {
 
justify-content: flex-end;
width: 23px;  
padding: 0; 
 
 
} 

 



.step-item img {
width: 100%;
 }





 

 




 
.info-header {

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); 
color: #0d0d0d;
padding: 40px 12% 40px 12%;
 text-align: center;
border-radius: 10px;

} 


.info-header h1 { 

 
font-size: -webkit-calc( 4.2vw * 1 );
font-size:  calc( 4.2vw * 1);  
text-shadow: 1px 1px #111; 

}


@media only screen and (max-width: 575px) {
.info-header {
padding: 20px 6% 20px 6%;
transform: translate(-50%, -30%); 
}
.info-header h1 { 
font-size: -webkit-calc( 5.2vw * 1 );
font-size:  calc( 5.2vw * 1);  
 }
}



.info-header p {
text-shadow: 1px 0px #111; 
}


.info-header-2 {
display: none;
position: absolute;
top: 50%;
right: 2%;
width: 47%;
transform: translateY(-20%);
background-color: rgb(0,0,0);
background: rgba(0,0,0,0.01);
color: #0d0d0d;
padding: 20px 30px 20px 30px;
text-shadow: 1px 1px 2px #ffffff;


} 
 
 

.baneri-sa-strane  {
position: sticky;
top: 100px; 

}

 

 

.info-header-asside  {


text-align: center; 
margin-top: -16px;
padding: 30px 15% 30px 15%;

}


.baneri-sa-strane h1 
{
word-wrap: break-word;
text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000; 
    -webkit-text-stroke: 1px #ccc;
    -webkit-text-fill-color: #ffffff;

}


.baneri-sa-strane p {
color: #000;
font-size: 20px;
}


#wordsWriter {
color: #0d0d0d;
font-size: 19px;
}


#formNewsLetter {
/* color: #ffffff; */
font-size: 15px;
}


 




#formNewsLetter .form-control::placeholder {
color: #777; 
opacity: 1;
font-size: 14px; 
 
}




#formNewsLetter .form-control:-ms-input-placeholder {  
color: #777;  
font-size: 14px; 
}



#formNewsLetter .form-control::-ms-input-placeholder {  
color: #777; 
font-size: 14px; 
}








#formNewsLetter input  {
color: #111; 
}





#newsletter   {

width: 100%;
letter-spacing: 2px;
font-size: 14px;
 
border: 1px solid #ccc;
color: #777;  
background: #fff;

}



#newsletter:hover {

background-color: #0d0d0d;
color: #ffffff;
 
}
 

 


 
.baner-img {
width: 100%;
height: auto;
}




 
  
 


.custom-control-md .custom-control-label::before,
.custom-control-md .custom-control-label::after {
 
    top: 0.35rem !important; /* 0.35rem */
    left: -2rem !important;
    width: 15px !important;
    height: 15px !important;
    border-color: #ffffff;
    box-shadow: 0px 0px 1px #0d0d0d;
cursor: pointer;
 
 /*
 
*/
}

.custom-control-md .custom-control-label {
   
    margin-left: 0.5rem !important;
  /*  font-size: 1rem !important; */
    cursor: pointer;
} 


.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #fff;
   border-color: #ffffff;
    box-shadow: 0px 0px 1px #0d0d0d;
    
}




 .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
  border-color: #ffffff;
    box-shadow: 0px 0px 1px #0d0d0d;
  }

 
 .custom-control-input:focus:not(:checked)~.custom-control-label::before {
 border-color: #ffffff;
    box-shadow: 0px 0px 1px #0d0d0d;
}


  .custom-control-input:not(:disabled):active~.custom-control-label::before {
  border-color: #ffffff;
    box-shadow: 0px 0px 1px #0d0d0d;
}
 


.tabela-sa-filterima {

/* box-shadow: 0 0 1px #0d0d0d; */
 /*   box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);  */

/*
  box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;  
box-shadow: 0px 4px 8px -2px rgba(9, 30, 66, 0.25), 0px 0px 0px 1px rgba(9, 30, 66, 0.08);
box-shadow: 0px 9px 20px rgba(13, 38, 76, 0.19);
*/
/*box-shadow: 0 0 2px #bbb;*/
margin-bottom: 50px; 
 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
 
}




.filters-table {
/* background: #ffffff;  */
}
 
.filters-table tbody {
   color: #0d0d0d;  
   
}
 
 
 .filters-table .custom-control-label, .filters-table td, .filters-table .custom-select {
 /*
font-size: 1rem !important;
 
*/

 }
   
   
   
   
 
  
.div-filtera-sa-bojama  {
/* border: 1px solid #0d0d0d; */
box-shadow: 0 0 1px #0d0d0d inset;
 transform:translateY(4px); 

}




@media only screen and (max-width: 575px) {  
 .div-filtera-sa-bojama  {
transform:translateY(2px);
}
 
}




 
 
  .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='black' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

 
.filters-table select:focus {
box-shadow: none;
outline: none;
border-color: #ccc;
}




::-webkit-scrollbar {
  width: 10px;
  
}

 
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
 
::-webkit-scrollbar-thumb {
  background: #888; 
 
}

 
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
 


 

#above {
 
padding-top: 0px;
padding-bottom: 0px;
 
} 


 


.image-of-page  {

width: 100%;
cursor: pointer;

} 






.opsirnije  {

position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #f2f2f2;
z-index: 1405;
overflow: auto;
display: none;

}







.opsirnije img {
width: 100%;
height: 100%;

}


 

.zoom-class  {

background: #333;
opacity: 1;
width: 100%;
max-width: 100%;
height: 100%;
position: fixed;
z-index: 1850;
left: 0;
top: -6px;

  -webkit-animation-name: zoom-my-img;
  -webkit-animation-duration: 1s;
   animation-name: zoom-my-img;
   animation-duration: 1s;  

 
}

 

  
@keyframes zoom-my-img {
   
   0% { opacity: 0; }
  100% { opacity: 1; }

}


 

.out-of-image  {
position: absolute;
z-index: 1852;
right: 50px;
top: 50px;

}

 




.close-log  {
float: right;
cursor: pointer;
}

.close-reg  {
float: right;
cursor: pointer;
}



.drop-span {

display: none;

} 


 



 .bg-nav .navbar-toggler:not(.navbar-toggler.vertical-menu) {
 
margin: auto 0 auto auto;  
padding-left: 0px;
padding-right: 0px; 
padding-top: 10px;
padding-bottom: 10px; 
background: transparent;
border: none;
outline: none;

}




 

 

 


 
@media only screen and (min-width: 992px) {



.bg-nav .dropdown .dropdown-toggle {

 
/* padding-left: 2px; */ 
 
 
 }
 

 





.animate-bs {
    animation-duration: 0.35s;
    -webkit-animation-duration: 0.35s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }



@keyframes slideIn-bs {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0rem);
    opacity: 1;
  }
 
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
 
}

@-webkit-keyframes slideIn-bs {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }

  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn-bs-nav {
  -webkit-animation-name: slideIn-bs;
  animation-name: slideIn-bs;
  }

          
 }








.animated-icon1  {
width: 27px;
height: 26px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;

}

.animated-icon1 span {
display: block;
position: absolute;
height: 3px;
width: 100%; 
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
 

}

.animated-icon1 span {

background: #0d0d0d;

}

 

 
.animated-icon1 span:nth-child(1) {
top: 1px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 19px;
}

.animated-icon1.open span:nth-child(1) {
top: 10px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 10px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}








.sticky-nav {
position: fixed;
  width: 100%;
  top: -100px;
  z-index: -50;
  opacity: 0;
  border: none; 
  left: 0;
  
animation: sticky-navbar 0.7s forwards;
 
}

 


   
@keyframes sticky-navbar {

from { opacity: 0; top: -100px; z-index: -50; }

to { opacity: 1; top: 0; z-index: 1000; }

}

 


.sticky-nav .top-nav {

background: #dc143c; 

}









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

.mr-auto {

margin-right: 0 !important;

}
 

.ml-auto {

margin-left: 0 !important;

}


.bg-nav .nav-link  {

padding: 1px; 

}

.bg-nav {

text-align: center;

 }


.bg-nav .nav-link:not(.bg-nav .dropdown .nav-link) {
max-width: 400px;
margin-right: auto;
margin-left: auto;

}

.bg-nav .nav-link:hover {
text-decoration: underline;
}


.bg-nav .dropdown {

padding-left: 40px;
flex-wrap: wrap;
 }






.bg-nav .dropdown .dropdown-toggle {

padding-right: 12px;
padding-left: 12px;
margin-right: 8px;
 
 } 



/*  
ako hocu auto width dropdown-a
.bg-nav .dropdown {
margin-left: auto;
margin-right: auto;
}
*/



.bg-nav .dropdown.korisnik-dropdown .nav-link.dropdown-toggle::after {
 
margin-left: 12px;
margin-right: 12px;
 
}



.bg-nav .dropdown-menu {
  
width: 100%; 
margin-left: auto;
margin-right: 40px; 
overflow-x: auto; 
text-align: center;
padding: 5px;

 } 



 



.bg-nav .navbar-collapse   {
/* vazno   i za  , .sticky-nav.bg-nav .navbar-collapse */
min-height: 90vh;  
}


.bg-nav .navbar-collapse.collapse.show  {
 
          max-height: 100px;  
 /*  max-height: calc(100vh - 25px);   */
   overflow-y: auto;  
}


.navbar-collapse.collapse.show::-webkit-scrollbar, .menu-mega.collapse.show::-webkit-scrollbar  {
    display: none;
}

 
.navbar-collapse.collapse.show, .menu-mega.collapse.show {
  -ms-overflow-style: none;   
  scrollbar-width: none;   

  }

  
}


 

 






@media only screen and (min-width: 992px) {


 


.bg-nav .dropdown-menu {
margin-top: 0; 
}

 .nav-link.drop-h-link.dropdown-toggle, .korisnik-dropdown .dropdown-toggle::after {
display: none !important;

/*
display: none !important;
visibility: hidden !important;
padding-left: 0 !important; 
padding-right: 0 !important; 
margin-left: 0 !important; 
margin-right: 0 !important; 
width: 0 !important;
height: 0 !important;
*/

}





.my-custom-nav {
 
z-index: 1000;
 
}

 
.my-custom-nav::after {
    
content: "";
clear: both;
display: table;

  }
 

} 
 





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

.my-custom-nav {
 
z-index: 1000;
 
}

 
.my-custom-nav::after {
    
content: "";
clear: both;
display: table;

}


.zoom-class  {

background: black;
 
}

.zoom-class img  { 
position: fixed;
top: 50%; 
transform: translateY(-50%);
height: auto;
 
 }

 
}











#searching {
display: none;
padding-top: 30px;
padding-bottom: 30px; 
}

#priceforma  {
display: none;
}

 
        #vline  {
display: none; 
width: 100%;
max-width: 991px;
height: 0px;
border-left: 3px solid #0d0d0d;
border-right: 3px solid #0d0d0d;

position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);


         }

         #alertbox {
            display: none;
background: rgb(0,0,0);
background: rgba(0,0,0,0.94);
max-height: 100%;
overflow: auto;
         
            color: #ffffff;
            border: 1px solid #cccccc;
            border-radius: 0px;
            position: absolute;
            width: 100%;
            max-width: 991px;
            top: 0px;
            left: 50%;
             padding: 10px;
            text-align: center;
            transform: translateX(-50%);
         }

         #alertbox .alert-message {
           font-style: oblique;
           font-size: 13px;
           text-align: left;
           margin: 12px;  
           padding: 12px;
            background-color: #ffffff;
            color: #0d0d0d;
            
            border-radius: 5px;
            box-shadow: 0 0 4px 2px #ffffff;
 
         }

         #alertbox .alert-yes {
            
 
            font-style: oblique;
            background-color: #ffffff;
            color: #0d0d0d; 
            display: inline-block;
            border-radius: 5px;
            border: 1px solid #0d0d0d;
            padding: 2px;
            text-align: center;
            width: 80px;
            cursor: pointer;
            outline: none;
         }
         
 
 


 
.chat-form  {

display: inline;

}





 



#cet {
position: fixed;
right: 16px;
bottom: 2px;
min-height: 82px;  
max-height: 550px; 
overflow-y: auto; 
width: 322px;
max-width: 100%;
  background: #ffffff; 
z-index: 14000;
 


 -webkit-animation-name: examplecet;  
   -webkit-animation-duration: 1.1s;  
    animation-name: examplecet;
    animation-duration: 1.1s;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
 
 
 /* box-shadow: 0 1px 8px #999; */
 
}


 
 



@-webkit-keyframes examplecet {
  from {opacity: 0;  }
  to {opacity: 1;  }
}

 
@keyframes examplecet {
  from {opacity: 0;  }
  to {opacity: 1;  }
} 


.chat-text  {

padding-top: 20px;
padding-bottom: 10px;
  background: #ffffff;  
 margin-bottom: 0 !important;
}
 
 
#cet .form-group label {

display: block;
margin: auto 2% 16px 4%;
/* margin-left: 2%; */
text-align: left;
color: #dc143c;

}


#sub-chat  {

font-size: 15px;

} 


#chat {
margin-left: 4%;
width: 92%;

}




#auto  {
text-align: left;
 /* margin-top: -18px; */
padding: 0px 10px;
text-shadow: 1px 1px #ffffff;
height: auto;
max-height: 240px;
overflow-y: auto; 
display: flex;  
flex-direction: column-reverse; 
 background: #ffffff; 
color: #dc143c;
 
 word-wrap: break-word;
 word-break: break-all;
 white-space: pre-line; 
 
 
}






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

#auto  {
max-height: 120px;
 }

}



#auto::-webkit-scrollbar {
  display: none;
}

 
#auto {
  -ms-overflow-style: none;   
  scrollbar-width: none;   
}




#auto p.pitao  {
/*
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-line;
  */
  /* 
  border: 1px solid #fff; 
   box-sizing: content-box;
  */
  box-shadow: 0 0 2px #fff;
  border-radius: 4px;
  padding: 10px;
  margin: 15px 2%;
  height: 100px;
  overflow-y: auto;
}

#auto p.odgovorio  {
/*
 word-wrap: break-word;
 word-break: break-all;
 white-space: pre-line;
 */
 /*  
  box-sizing: content-box;
 border: 1px solid #fff; 
 */
 box-shadow: 0 0 2px #fff;
  border-radius: 4px;
   padding: 10px;
  margin: 15px 2%;
  height: 100px;
  overflow-y: auto;
}

.datumi-ceta  {

padding-left: 5px;
font-size: 12px;

}


/*
.slicica-pitanje {
color: red;

}

.slicica-odgovor  {
color: green;

}
*/


#exit-chat {


margin-right: 12px;

}

#cetdiv  {
background: #ffffff; 
color: #dc143c;
cursor: move;
text-align: center;
padding-top: 10px;
padding-bottom: 0px;
font-size: 14px;
}


 



.chek-dugme  {
font-size: 0px;
background: none;
color: transparent;
border: none;
outline: none; 
box-shadow: none;
  
}

 .chek-dugme:focus  {
outline: none;

}

.che {

 
font-size: 17px; 
color: white; 
 
}
  







.ponisti  {
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
}

#home-picture   {
text-align: center;
margin-top: 25px;

}

#home-picture img  {
transition: 1s;

} 

#home-picture img:hover  {
transform: scale(1.03);
opacity: 0.9;
}

#home-picture h4  {
padding: 15px 0px 15px 0px;

}
 

.my-cart-table td.ukupno-zbir  {

text-align: left;
font-weight: 400; 

}


 

 


.opsirnije-izabrano  {

position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #f2f2f2;
overflow: auto;
-webkit-animation-name: zoom-my-img-izabrano;
  -webkit-animation-duration: 0.5s;
   animation-name: zoom-my-img-izabrano;
   animation-duration: 0.5s;  

}

@keyframes zoom-my-img-izabrano {
   
   0% { opacity: 0.7; }
  100% { opacity: 1; }

}

 
.go-back  {

position: absolute;
top: 50px;
right: 50px;
z-index: 1;
}  

.go-back a  {
background: #ffffff;
color: #0d0d0d;
padding: 4px 16px;
} 


.out-of-product, .out-of-product:hover  {

background: transparent !important;
color: #0d0d0d;
}


.out-of-product {
position: relative;
z-index: 1;
font-size: 23px;
padding: 0 0 0 0 !important;
line-height: 1;
}




.fa.img-thumb-zoom {
font-size: 14px;
cursor: pointer;
top: 12px;
right: -21px;
opacity: 0.8;
padding: 4px;
/* border-bottom: 1px solid #0d0d0d; */
-webkit-text-stroke: 1px #ffffff;
}


@media only screen and (max-width: 767px) {
.fa.img-thumb-zoom {
display: none;
 }
}




.when-big-img  {

display: none;

}





#my {
 
 cursor: move;
  transition: 0.3s;
 
}

#my:hover {opacity: 0.9;}

 
.modal {
  display: none;  
  position: fixed;  
  padding-top: 0px;
  left: 0;
  top: 0;
  width: 100%;  
  height: 100%;  
  overflow: auto;
  background-color: rgb(0,0,0);  
  background-color: rgba(0,0,0,0.9); 
   z-index: 18;  
}

 
.modal-content {
 
  margin: auto;
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%
  max-height: 100%;
animation: zoom ease 1.1s;
-webkit-animation: zoom ease 1.1s;
-moz-animation: zoom ease 1.1s;
-o-animation: zoom ease 1.1s;
-ms-animation: zoom ease 1.1s;


}

#img01  {
height: 100%;
}

 
@keyframes zoom {
  0% { opacity: 0; }
  100% { opacity: 1; }

}

 
.closem {
  position: absolute;
  top: 50px;
  right: 50px;
  color: #0d0d0d !important;
  background: #ffffff;
  z-index: 5;
  transition: 0.3s;
  opacity: 0.85;
  border-radius: 0;
}



 


#my2 {
   
 cursor: move;
  transition: 0.3s;
 
}

#my2:hover {opacity: 0.9;}

 
.modal2 {
  display: none;  
  position: fixed;  
  z-index: 18;  
  padding-top: 0px;
  left: 0;
  top: 0;
  width: 100%;  
  height: 100%;  
  overflow: auto;
  background-color: rgb(0,0,0);  
  background-color: rgba(0,0,0,0.9);  
}

 
.modal-content2 {
  margin: auto;
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%
  max-height: 100%;
animation: zoom2 ease 1.1s;
-webkit-animation: zoom2 ease 1.1s;
-moz-animation: zoom2 ease 1.1s;
-o-animation: zoom2 ease 1.1s;
-ms-animation: zoom2 ease 1.1s;
}

#img02  {
height: 100%;
}


 
@keyframes zoom2 {
  0% { opacity: 0; }
  100% { opacity: 1; }

}

 
.closem2 {
  position: absolute;
  top: 50px;
  right: 50px;
  color: #0d0d0d !important;
  background: #ffffff;
  z-index: 5;
  transition: 0.3s;
   opacity: 0.85;
  border-radius: 0;
}



 


#my3 {
   
 cursor: move;
  transition: 0.3s;
 
}

#my3:hover {opacity: 0.9;}

 
.modal3 {
  display: none;  
  position: fixed;  
  z-index: 18;  
  padding-top: 0px;
  left: 0;
  top: 0;
  width: 100%;  
  height: 100%;  
  overflow: auto;
  background-color: rgb(0,0,0);  
  background-color: rgba(0,0,0,0.9);  
}

 
.modal-content3 {
  margin: auto;
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%
  max-height: 100%;
animation: zoom3 ease 1.1s;
-webkit-animation: zoom3 ease 1.1s;
-moz-animation: zoom3 ease 1.1s;
-o-animation: zoom3 ease 1.1s;
-ms-animation: zoom3 ease 1.1s;
}

#img03  {
height: 100%;
}


 
@keyframes zoom3 {
  0% { opacity: 0; }
  100% { opacity: 1; }

}

 
.closem3 {
  position: absolute;
  top: 50px;
  right: 50px;
  color: #0d0d0d !important;
  background: #ffffff;
  z-index: 5;
  transition: 0.3s;
 opacity: 0.85;
  border-radius: 0;
}








 
 
 
 
 /* kad se pomera druga varijanta */
 
 


.stil-mynumber-1 [class*="ivicnjak-"] .number-form-quantity .minus,  .stil-mynumber-1 [class*="ivicnjak-"] .number-form-quantity .plus {
  transform: translate(0, 0) !important;
}

 
 
 
 

	.stil-mynumber-1 .mynumber{
                         position: relative;
			             padding-top: 8px;
			             padding-bottom: 8px;
                         margin-top: 3px;              
                         margin-bottom: 3px;
                         
                        
font-weight: 400; 
                         
                         

		}
		
	.stil-mynumber-1 .minus {
                     position: absolute;
                     top: 25px;
                     left: 44px;
                         
			width:30px;
			height: 17px;
	 
		/*	border-radius: 0 0 2px 0; */
			font-size: 15px;
			 border: 1px solid #ccc;
			  	  border-left: none;
                         border-top: none;
                         cursor: pointer;
    color: #0d0d0d;
	 background: #ffffff;
		}




                   .stil-mynumber-1 .plus {
                   
                     position: absolute;
                     top: 8px;
                     left: 44px;
                       	font-size: 15px;
  
			width:30px;
			height: 17px;
	 
		/*	border-radius: 0 2px 0 0; */
			font-size: 16px;
			border: 1px solid #ccc;
			 border-left: none;
                        border-bottom: none;
                        cursor: pointer;
                        color: #0d0d0d;
	 background: #ffffff;

		       }





	.stil-mynumber-1 .mynumber input {
		
     	        outline: none !important;	
                width: 41px;
                height: 34px;
                text-align: center;
                font-size: 16px;
		border: 1px solid #ccc;
	     
	/*	border-radius: 3px 0 0 2px; */
                display: inline-block;
                vertical-align: middle;
	 
 color: #0d0d0d;
	 background: #ffffff;
	font-size: 15px;
               }


.stil-mynumber-1 .opisnik .mynumber input { 
	color: #0d0d0d;
	background: #ffffff;
}


.stil-mynumber-1 .opisnik .mynumber .plus, .stil-mynumber-1 .opisnik .mynumber .minus   { 
	color: #0d0d0d;
	background: #ffffff;
}




.stil-mynumber-1 .mynumber .plus .fa-angle-up

{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-40%,-50%);
opacity: 1 !important;
}


.stil-mynumber-1 .mynumber .minus .fa-angle-down

{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-40%,-50%);
opacity: 1 !important;
}


 
 
 .stil-mynumber-1 .mynumber .plus .fa-angle-up:hover

{
opacity: 0.7 !important;
}


.stil-mynumber-1 .mynumber .minus .fa-angle-down:hover

{
opacity: 0.7 !important;
}



 .stil-mynumber-1 [class*="ivicnjak-"] .mynumber {
    
    padding-bottom: 12px;
    
    }



             
              

/* kad se pomera prva varijanta */

.stil-mynumber-2 [class*="ivicnjak-"] .mynumber {
transform: translate(0, 0) !important;
}







.stil-mynumber-2 .mynumber {

              display: flex;      
              align-items: center;
			             padding-top: 8px;
			             padding-bottom: 8px;
                         margin-top: 3px;              
                         margin-bottom: 3px;
                         
                      
font-weight: 400; 
                         
		}
		
		
		.stil-mynumber-2 .minus {
                     
              display: inline-flex;      
              align-items: center;
              justify-content: center;
			 width: 20px;
                height: 20px;
           box-shadow: 0 0 1px 0px #ccc;  
	  border: none;
		border-radius: 50%; 
		font-size: 8px;
			  
                         border-top: none;
                         cursor: pointer;
color: #ffffff;
background: rgba(13,13,13,0.75);
 
		}




                     .stil-mynumber-2 .plus {
                      
             display: inline-flex;      
              align-items: center;
              justify-content: center;            
		      width: 20px;
                height: 20px;
	        box-shadow: 0 0 1px 0px #ccc;  
	  border: none;
	 	border-radius: 50%; 
			font-size: 8px;
		
                        border-bottom: none;
                        cursor: pointer;
                        color: #ffffff;
                        background: rgba(13,13,13,0.75);

		       }



  




		.stil-mynumber-2 .mynumber input {
     	          
                 width: 31px;
                  height: 29px;
                text-align: center;
               font-size: 15px;

	 color: #0d0d0d;
	 background: #ffffff;
	border: none;
	outline: none !important;
	line-height: 1;
   border-radius: 50%;
    margin-left: 2px;
	margin-right: 2px;
		padding: 0px;
  box-shadow: 0 0 2px 0px #ccc;   
               }



.stil-mynumber-2 .opisnik .mynumber input { 
	color: #0d0d0d;
	 background: #ffffff;
}








.stil-mynumber-2 .mynumber .plus .fa-angle-up

{
 display: none;
}


.stil-mynumber-2 .mynumber .minus .fa-angle-down

{
display: none;
}



.stil-mynumber-2 .plus, .stil-mynumber-2 .minus {
position: relative;
opacity: 0.94;
}


.stil-mynumber-2 .plus::after {
 font-family: FontAwesome;
  content: '\f067'; 
   position: absolute;
    top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
}

.stil-mynumber-2 .minus::after {
 font-family: FontAwesome;
  content: '\f068'; 
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
}


 


  

.stil-mynumber-none [class*="ivicnjak-"] .mynumber {

 display: none;
 
 }













.ivi  {

word-wrap: break-word;
margin: auto;
max-width: 100%;
 
}
 






 







.zaboravio {
margin-top: 35px;
margin-bottom: 35px;
text-align: center;
}


.zaboravio a, .registruj-se-2, .registruj-se-2:hover  {
color: #ffffff;
font-size: 13px;
 
}

 

.registruj-se-2  {
padding: 2px 1px;
border-bottom: 1px solid #ffffff;
transition: 0.3s;
}


 


.registruj-se-2:hover  {
border-bottom: 1px solid #0d0d0d;
}



#novo-logovanje .btn, #novi .btn, #nova-registracija .btn,  #pri .btn,  button.complete-the-order,  #demol p.text-right .btn-sm:hover,
#demor p.text-right .btn-sm:hover, #bgc .btn-sm:hover {

color: #0d0d0d !important;
background: #ffffff !important;

}

#novo-logovanje .btn:hover, #novi .btn:hover, #nova-registracija .btn:hover, #pri .btn:hover, button.complete-the-order:hover,  #demol p.text-right .btn-sm, #demor p.text-right .btn-sm, #bgc .btn-sm  {

color: #ffffff !important;
background: #0d0d0d !important;

}

#novo-logovanje .btn, #novi .btn, #nova-registracija .btn, #pri .btn {

border: 1px solid transparent !important;

}


#novo-logovanje .btn:hover, #novi .btn:hover, #nova-registracija .btn:hover, #pri .btn:hover {

border: 1px solid #ffffff !important;

}




#novi label, #nova-registracija label, .my-captcha-div, .my-captcha-div a {

color: #ffffff;

}

#novo-logovanje label, #pri label {

color: #ffffff;

}

#dovrsi-naruci {
color: #ffffff;
}


button.complete-the-order {
border: 1px solid #8a8a8a !important;
padding: 8px 20px;
font-size: 13px;

}


 
 

.reg-form label, .nar-form {

color: #ffffff;

}

 

#bgc 
{

position: absolute;
top: 0;
right: 34%;
width: 32%;
 
background: #0d0d0d;
border: 8px solid #0d0d0d;
border-radius: 1px 1px 5px 5px;
z-index: 1305;
 box-shadow: 0px 0px 2px #ffffff ; 
box-sizing: border-box; 
 
}


#check-out-panel {
max-height: 83vh;
overflow-y: auto;

}


#bgc .back-x
{
text-align: right;
 
}


#bgc .text-danger

{
background-color: SeaShell;
padding: 4px;
font-weight: 400; 
/* font-weight: bold; */
margin-left: 4%;
width: 92%; 
text-align: center;
}





#bgc .form-group
{
margin-left: 4%;
width: 92%;
text-align: center;

}


.login-registar
{

position: absolute;
top: 0;
right: 34%;
width: 32%;
padding-bottom: 10px;
padding-top: 0px;
background-color: #0d0d0d;
border: 8px solid #0d0d0d;
border-radius: 3px;
z-index: 1305;
display: none;
 
}


.login-registar .back-x
{
text-align: right;

}

.login-registar .back-x .exit-log-reg i {

color: #ffffff;

}

.info-off-reg   {

color: #ffffff;

}





.hocete-logovanje, .hocete-registraciju {
padding: 5px;
background: #0d0d0d;
border: 1px solid #ffffff;
text-align: center;
cursor: pointer; 
color: #ffffff;
font-size: 18px; 
opacity: 0.85;
}


.hocete-logovanje:hover, .hocete-registraciju:hover  {
opacity: 1;
 
}

.uspesna-narudzbina {

position: fixed;
top: 0px;
right: 34%;
width: 32%;
margin: 0;
padding: 30px;
z-index: 99954;
 font-weight: 400; 
/* font-weight: bold; */
color: #0d0d0d;
background: #ffffff !important;
border: 1px solid #0d0d0d;
border-radius: 7px;
opacity: 0.9;
text-align: center;
 
} 






.new-select {
position: relative;
color: #0d0d0d;
font-size: 14px;
width: 62px;
left: 50%;
transform: translateX(-50%);
}




.new-select select  
{
 background: #ffffff;
	border: 1px solid #ddd;
	border-radius: 2px;  	
	padding: 6px;
	cursor: pointer;
	color: #0d0d0d;
        width: 60px;
    outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	 -o-appearance: none;
	appearance: none;
}






.new-select:after {
  position: absolute;
  content: "";
  top: 15px;
 left: 45px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #0d0d0d transparent transparent transparent;
  pointer-events: none;	
}

 .new-select .quantity:hover option, .new-select select option 
{
background: #fff;
color: #000;

}


 




select::-ms-expand {
  display: none;
}

 

 


.price-select select  
{
         
	background: #ffffff;
  
        border-radius: 3px; 
        border: 1px solid #e5e5e5;
	padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 16px;
	color: #0d0d0d;
        width: 100%;       
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	 -o-appearance: none;
	appearance: none;
        outline: none; 

}




 .price-select  {
position: relative; 
color: #0d0d0d;
width: 190px;
max-width: 42%;
margin: 5px 0 5px auto;
opacity: 0.95; 
 
}

.price-select:after {
 position: absolute;
  content: "";
  top: 15px;
  right: 12px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #0d0d0d transparent transparent transparent;
  pointer-events: none;
   	
}

 


.price-select .izaberi_fakturu:hover option
{
background: #ffffff;
color: #0d0d0d;
 
}



.all-select select  
{
	background: #343a40;
	border: 1px solid #343a40;
	border-radius: 4px; 	
	padding: 7px;
	color: #fff;
        width: 100%;
        cursor: pointer;
        
	 
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	 -o-appearance: none;
	appearance: none;
}

.all-select select:hover  
{
 
background: #454d54;

}


 .all-select  {
position: relative;
 color: white;
 width: 100%;
display: inline-block;
margin: 2px 0px 20px 0px;
 
 


}

.all-select:after {
position: absolute;
  content: "";
  top: 18px;
  right: 24px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
  pointer-events: none;
  	
}

.all-select .brza-cena:hover option 
{
background: white;
color: black;
}


.use:after {
position: absolute;
  content: "";
  top: 10px;
  right: 24px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
   border-color: transparent transparent #fff transparent;
  pointer-events: none;
  	
}







 



.potvrda-odjave, .korisnik-lr {

position: relative;
z-index: 1424;

}

.potvrda-odjave .dropdown-item:active, .korisnik-lr .dropdown-item:active {

background-color: #f2f2f2;
color: #333;

}


 
#demol

{
position: absolute;
top: 0;
right: 34%;
width: 32%;
padding-top: 30px;
padding-bottom: 36px;
background: #0d0d0d;
border: 8px solid #0d0d0d;
border-radius: 1px 1px 5px 5px;
z-index: 1224;
 box-shadow: 0px 0px 2px #ffffff ; 
 animation: pr-ani 0.6s;
   
}


@keyframes pr-ani {
0% { opacity: 0;}
100% { opacity: 1; }
}

 
#demol #log {
min-width: 35%; 
font-size: 18px;
}
 
 

#demol .text-danger

{
background-color: SeaShell;
padding: 4px;
font-weight: 400; 
/* font-weight: bold; */
margin-left: 4%;
width: 92%; 
text-align: center;
}




#demol .fa-times

{
 

font-size: 14px; 
}
 

#demol .form-group
{
margin-left: 4%;
width: 92%;

}

 


#demor

{
position: absolute;
top: 0;
right: 34%;
width: 32%;
padding-bottom: 36px;
padding-top: 10px;
background: #0d0d0d;
border: 8px solid #0d0d0d;
border-radius: 1px 1px 5px 5px;
 z-index: 1224;
 box-shadow: 0px 0px 2px #ffffff;  
  animation: pr-ani 0.6s;  
}

 

#demor #reg  {
min-width: 35%; 
font-size: 18px;
}
 
 

#demor .text-danger

{
background-color: SeaShell;
padding: 4px;
font-weight: 400; 
/* font-weight: bold; */
margin-left: 4%;
width: 92%;
text-align: center;
}

#demor .fa-times

{

 
font-size: 14px; 
}

#demor .form-group
{
margin-left: 4%;
width: 92%;

}


.info-login

{
position: absolute;
top: 7px;
left: 35%;
text-align: center;
font-size: 16px;
color: #343a40;  
width: 411px;
z-index: 20;

 
background-color: #d81b60;
border-top: 1px solid  #d81b60;
border-bottom: 1px solid  #d81b60;
border-left: 10px solid  #d81b60;
border-right: 10px solid  #d81b60;
border-radius: 5px;
 
}

 .info-login p

{

background-color: #ffffff;
width: 74%;
margin-top: 10px;
margin-left: 13%;
border: 1px solid #d81b60;
border-radius: 4px;


}


.info-reg

{
position: absolute;
top: 7px;
left: 35%;
text-align: center;
font-size: 16px;
color: #343a40;  
width: 411px;
z-index: 20;

background-color: #d81b60;
border-top: 1px solid #d81b60;
border-bottom: 1px solid #d81b60;
border-left: 10px solid #d81b60;
border-right: 10px solid #d81b60;
border-radius: 5px;
 
}

.info-reg p

{

background-color: #ffffff;
width: 88%;
margin-top: 10px;
margin-left: 6%;
border: 1px solid #d81b60;
border-radius: 4px;


}



 




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


.zagk1
{
display: none;
}


.zagl1
{
display: none;
}


.zagr1
{
display: none;

}


 

 


.zagk2
{
display: none;
}


.zagl2
{
display: none;
}

 

 /*
.new-select select  
{
width: 65px;
 
}
.new-select:after {
left: 45px;
}
*/





 

.all-select  {
font-size: 11px;
} 



  
#demoodjava

{

padding-bottom: 32px;
}



.info-login

{
position: absolute;
top: 0;
left: 4%;
text-align: center;
font-size: 12px;
width: 92%;
 
}

 .info-login p

{

 
width: 74%;
margin-top: 3px;
margin-left: 13%;

}


.info-reg

{
position: absolute;
top: 0;
left: 1%;
text-align: center; 
width: 98%;
 
}

.info-reg p

{

 
width: 92%;
margin-top: 3px;
margin-left: 4%;
 

}

 

#my {
 
  margin-left: 0px;
}

.closem {
 top: 0px;
 right: 2px;
 
} 
 

#my2 {

  margin-left: 0px;
}

.closem2 {
 top: 0px;
 right: 2px;
 
} 


  

#my3 {
  
  margin-left: 0px;
}

 .closem3 {
 top: 0px;
 right: 2px;
 
}

}




.btn-design, .btn-design:hover, .btn-design:focus, .btn-design:active {
box-shadow: none;
border: none; 
outline: none;
}



 








#navrhu2222, #navrhu .top-header-website-section   {

 

 
  
background: #ffffff;
 

  
 


}


 
/*
#top-carousel {
background: #dc143c;
color: #ffffff;
  
}
*/


 
 #top-carousel  {



 
  
background: #dc143c;
 

  
 

 




}
 


 



#top-carousel .carousel-inner {
width: 88%;
}



.top-text, .close-top-text    {
 /* margin: 0 !important; */
border: none; 
color: #ffffff;
/* background: #dc143c; */
background: transparent;
padding-right: 12px;

}





#top-carousel-2, .top-text-2 {
color: #0d0d0d;
background: transparent;
}

#navrhu-first #top-carousel-2, #navrhu-first .top-text-2 {
color: #ddd;
background: transparent;
}



.close-top-text:focus  { 

outline: none;

}


/*
 
 #top-carousel.carousel-fade .carousel-item {
	opacity: 0;
	transition-duration: .6s;
	transition-property: opacity;
transition-timing-function: ease-in;
}

#top-carousel.carousel-fade .carousel-item.active {
 
	opacity: 1;
}

#top-carousel.carousel-fade .active.carousel-item-left,
#top-carousel.carousel-fade .active.carousel-item-right {
	opacity: 0;
 
}

 */
 


 

  



 


 

  
 #top-carousel.carousel-fade .carousel-item  {
opacity: 0;
	transition-duration: 1s;
	transition-property: opacity;
}


#top-carousel.carousel-fade .carousel-item.active  {
opacity: 1;
}


#top-carousel.carousel-fade .carousel-item.active  {
	transform: translateX(0);
	transform: translate3d(0,0,0);
}



#top-carousel.carousel-fade .carousel-item:nth-child(1) .top-text,
#top-carousel.carousel-fade .carousel-item:nth-child(2) .top-text,
#top-carousel.carousel-fade .carousel-item:nth-child(3) .top-text
{
animation: top-slider-bs-animation 2.6s; 
animation-delay: 4.8s;
}





 


#top-carousel.carousel-fade .carousel-item:nth-child(1) .top-text:hover,
#top-carousel.carousel-fade .carousel-item:nth-child(2) .top-text:hover,
#top-carousel.carousel-fade .carousel-item:nth-child(3) .top-text:hover
{

animation: 0;

}


 


 







#top-carousel-2.carousel-fade .carousel-item  {
opacity: 0;
	transition-duration: 1s;
	transition-property: opacity;
}


#top-carousel-2.carousel-fade .carousel-item.active  {
opacity: 1;
}


#top-carousel-2.carousel-fade .carousel-item.active  {
	transform: translateX(0);
	transform: translate3d(0,0,0);
}



#top-carousel-2.carousel-fade .carousel-item:nth-child(1) .top-text-2,
#top-carousel-2.carousel-fade .carousel-item:nth-child(2) .top-text-2,
#top-carousel-2.carousel-fade .carousel-item:nth-child(3) .top-text-2
{
animation: top-slider-bs-animation 2.5s; 
animation-delay: 4.8s;
}






#top-carousel-2.carousel-fade .carousel-item:nth-child(1) .top-text-2:hover,
#top-carousel-2.carousel-fade .carousel-item:nth-child(2) .top-text-2:hover,
#top-carousel-2.carousel-fade .carousel-item:nth-child(3) .top-text-2:hover
{

animation: 0;

}






@keyframes top-slider-bs-animation  {

0%, 55% {transform: translate3d(0,0,0); opacity: 1; }

100% { transform: translate3d(0,-100%,0); opacity: 0; }

}






/*
#samvrh  {

background: transparent !important; 
 
} 
*/ 





#menu-design {

padding-left: 0px;
padding-right: 0px;
 

}

 


 







#dugmad .btn {
background: transparent;
color: #0d0d0d;
font-size: 13px;
/*
*/
border-bottom: 1px solid transparent;
font-style: italic;
 
}







#dugmad .btn:hover {
/* border-bottom: 1px solid #0d0d0d; */
}

 



 
 


.logo-firme  {

width: 150px;
max-width: 100%; 
padding-top: 0px;
padding-bottom: 0px;

}





@media only screen and (min-width: 992px) {

.logo-firme  { 
 
padding-top: 0px;
 
 }

}


 .logo-in-bar {
 
  min-height: 38px; 

 }


.sticky-nav .logo-in-bar {

 min-height: 52px; 

}




.logo-firme img  {

position: relative;
height: auto;
 /*
min-height: 20px;
max-height: 78px;
 */
width: 150px;
max-width: 100%;

}








.izbrisi  {
font-size: 11px;
/* margin-top: 5px; */
color: #0d0d0d;
}


 
.izbrisi:hover  { 
color: #0d0d0d; 
opacity: 0.8;
}



#name-page  {
display: none;
}



 













.modal {
z-index: 1223;
}
.modal2 {
z-index: 1223;
}
.modal3 {
z-index: 1223;
}

.thumbnail img  {
width: 100%;
margin-top: 5px; 
}


.thumbnail33 {

max-width: 100%;
margin: auto;

}


.thumbnail33 img  {
width: 100%;
} 
 
.inputsearch-group {

display: -webkit-flex;
display: flex;
 
 
} 


#search {
width: 60%;
margin-left: 40%; 
padding: 4px 3px 4px 10px; 
 border-radius: 50px;
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
outline: none;
box-shadow: none;
position: relative;
z-index: 1;


}









#search:focus {

padding: 4px 3px 4px 10px; 
box-shadow: none; 
width: 60%;
margin-left: 40%; 
 
} 

 
 

.custom-range::-webkit-slider-thumb {
   background: #4B515D;
   
}

.custom-range::-moz-range-thumb {
  background: #4B515D;
  
}

.custom-range::-ms-thumb {
  background: #4B515D;
 
}
 

 
 




#mojringispil img {
max-width: 100%;
}
 
 





.stranice-gore  {
text-align: center;
margin-top: 25px;
font-size: 15px;

}


.stranice-gore li    {

list-style-type: none;
display: inline-block;
padding-bottom: 12px;

}


.stranice-gore li a  {


border: 1px solid Grey;
border-bottom: 2px solid Grey;
border-radius: 4px;
background-color: #ffffff;
color: #0d0d0d;
padding: 4px 8px;
text-decoration: none;
}    

.stranice-gore li a:hover    {
color: #ffffff;
background-color: #0d0d0d;
}

 
.stranice-dole      {
text-align: center;
font-size: 14px;
user-select: none;
 
}



.stranice-dole li     {

list-style-type: none;
display: inline-block;
margin: 2px 4px 2px auto;
line-height: 2.5;
}

.stranice-dole li a  {
background-color: #ffffff;
padding: 5px 13px;
/*  border-radius: 4px; */
color: #0d0d0d;
text-decoration: none;
border: 1px solid #ddd;
}      


.stranice-dole li a:hover {
color: #ffffff;
background-color: #0d0d0d; 
}      



.stranice-dole .disable   {
   pointer-events: none;         
}


.stranice-dole .disable a  {
text-decoration: none;
background: #0d0d0d;
color: #ffffff; 
}







.blog-card {

background: transparent !important;

}


.naslov-blog {
padding-left: 15px;
color: #0d0d0d; 
font-size: 23px;  
}


.datum-blog {
padding-left: 15px;
font-style: italic;
color: #0d0d0d; 
font-size: 14px;
 
}


.post-blog  {
padding: 15px;
line-height: 1.7;
color: #0d0d0d; 
font-size: 15px;
}


@media only screen and (min-width: 1200px) { 

.post-blog  {
column-count: 2;  
column-gap: 50px;
column-rule: 4px double #0d0d0d;
  
  }
 

}



.put-img-in-blog  {

margin: auto auto auto auto;
max-width: 100%;

}


.blogs-images {

width: 100%;

}












#jumblog  {


text-align: center;
border-radius: 10px;
padding: 10px;
background: #0d0d0d;

}






#jumblog h1 {

color: #ffffff; 

font-size: 50px; 
font-weight: 400; 
/* font-weight: bold; */
letter-spacing: -1px; 
line-height: 1; 
text-align: center;
 
}


.border-blog {
  height: 2px;
  background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, #333, #555, #808080, #555, #333);
  background-size: 20px 2px, 100% 2px;
  border: none;
  display: none;
}



.moj-blog {
 
 
padding-bottom: 30px;
 
 
}



.blog-tekst {

width: 100%;
min-height: 600px; 
margin-top: 40px;
 
border-radius: 3px 20px 3px 3px;


 
}

 


.blog-tekst h2 {
font-size: 25px; 
}


.blog-tekst p.post-text {
 
white-space: pre-line;
padding: 25px;
font-size: 16px;
line-height: 1.7;  
column-count: 2;  
column-gap: 40px;
column-rule: 4px double #bbb;
border-bottom: 4px double #bbb;

}

.blog-tekst img {
  
width: 100%;
height: auto;
max-height: 400px;
border-radius: 3px;
display: block;
margin: 25px auto auto auto; 

}


.blog-tekst p.date-blog {
font-weight: 400; 
/* font-weight: 700; */
font-style: italic; 
font-size: 15px;
}
 

 
 


footer {

 

background: #0d0d0d;
 

  


 
}


.to-top .text-muteds {
font-size: 16px;
color: #f2f2f2;
font-weight: 400; 
/* font-weight: 500; */
line-height: 1.5;

}


.to-top h4.text-muteds {
font-size: 22px;
}

 

 

.idi-gore .fa   {
font-size: 32px;
color: #f2f2f2;
opacity: 0.7;
cursor: pointer;
transition: all 0.4s;
}


.idi-gore .fa:hover {

 opacity: 1;
 
}

 


.pe-copy  {
font-size: 16px;
 
color: #f2f2f2;
font-weight: 400; 
/* font-weight: 500; */
}

 


@keyframes pe-copyrights {

0% { background-position: -200%;  }

50%  { background-position: 1%;  }

100% { background-position: 5%;  }
}



#domet {  
    text-align: center;
    padding-top: 45px;
    padding-bottom: 45px;
    
    }

    #slajderbox {
    position:relative;
    top:0%;
    
    
    }

    #od0do100 {
     
    position:absolute;
    left: 0%;
    width: 50%;
   
    }



    #od101do200 {
     
    position:absolute;
    left:  50%;
    width: 50%;
       
    }

  
.myrange {
       
     -webkit-appearance: none;
     appearance: none;
      opacity: 1;   
      height: 2px;
      outline: none;
      background: #ddd; 
      border-top: 1px solid #f2f2f2;  
      border-bottom: 1px solid #f2f2f2;
      box-shadow: 0 0 2px #999;    
}


.myrange::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 17px;
  height: 17px;
  border: 1px solid #8a8a8a;
  outline: 1px solid #0d0d0d;
  outline-offset: 0px;
  
  background: #ffffff; 
  cursor: pointer;
 
}

.myrange::-moz-range-thumb {
  width: 17px;
  height: 17px;
  border: 1px solid #8a8a8a;
  outline: 1px solid #0d0d0d;
  outline-offset: 0px;
 
 background: #ffffff; 
  cursor: pointer;
   
}



.myrange::-webkit-slider-thumb {
 border-radius: 50%;
}

.myrange::-moz-range-thumb {
 border-radius: 50%;
} 










#od0do100:hover{
  opacity: 1;
}

 #od101do200:hover{
  opacity: 1;
}
    #inputdomet {
   position: relative;
   top: 20px;
   text-align: center;
    }
    
   #inputdomet::after {
    content:"";
    clear:both;
    display:block
    }

    #inputdomet #min {
     max-width: 60px;
    font-size: 11px;
    text-align: center;
background: none; 
color: #0d0d0d;  
outline: none;
border: none;
box-shadow: none;
 
 
     } 
  
    #inputdomet #max {
     max-width: 60px;
     font-size: 11px;
     text-align: center;
 background: none;
  color: #0d0d0d; 
outline: none;
border: none;
box-shadow: none;
 
 
    }

  
  
  
  .filters-table  #inputdomet #max, .filters-table  #inputdomet #min {
  color: #0d0d0d; 
}
 
 
  
 



#inputdomet .btn {
padding: 1px 10px;
color: #111 !important;
background: linear-gradient(to bottom right, #f2f2f2, #fff) !important;
border: 2px solid #555 !important;
font-size: 14px;
border-radius: 20px;
transition: 0.4s;

}


#inputdomet .btn:hover {

background: linear-gradient(to bottom right, #fff, #f2f2f2) !important;
border: 2px solid #ddd !important;

}



#potrazi {

padding: 1px 3px;
background-color: white;
color: Navy;
opacity: 1;
font-size: 12px;
}

#potrazi:hover {
background-color: #0047b3;
color: white;
opacity: 1;
}






.u-korpu {
  position: fixed;
  right: 50%;
  bottom: 50%;
  transform: translate(50%, 50%);  
  padding: 20px 0 0 0;
  z-index: 14054;  
color: #FFFFFF;
background: #7c6066; 
/*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); /* Spoljni box-shadow */
border-radius: 0.4rem;
width: 800px; 
/* box-shadow: -4px 4px 3px -3px #999, 4px -4px 3px -3px #999, 4px 4px 3px -3px #999, -4px -4px 3px -3px #999; */
animation: fade-u-korpu 0.6s ease-in-out;
  }

@keyframes fade-u-korpu {
from { bottom: 90%; opacity: 0; }
to { bottom: 50%; opacity: 0.98;  }

}



 


.cookies {

  z-index: 54;
  background-color: #ffffff; 
  color: #0d0d0d;
  max-width: 100%;
font-size: 14px;
 /* opacity: 0.85; */
      
  }
   





.cookies input[type=checkbox] {
    display: none;
    }
    
   .cookies :not(:checked) ~ span::before {

      content: "Koristimo kolačiće za prikupljanje neophodnih podataka koji olakšavaju korišćenje ovog sajta posetiocima! Ako prihvatite kolačić, registrujete se odnosno ulogujete se, ponovnim ulaskom ste automatski ulogovani!";
      
    }
    
  .cookies :checked ~ * {
      display: none;
      pointer-events: none;
      
    }


.kolac-dugme {

  float: right;
  background: #111;
  color: #fff;
  padding: 3px 18px;
  text-align: center;
  text-decoration: none;
 margin: 5px 8px 1px 8px;
 border: 1px solid #2E2E2E;
 border-radius: 4px;
 outline: none;
 transition: 0.3s;
}


.kolac-dugme:hover {

  background: #fff;
  color: #111; 
   
}




#pocetnaslike  {
text-align: center;
padding: 30px;
 

}

#pocetnaslike img  {
width: 100%;
max-width: 100%;
outline: 2px solid #bdbdbd;
outline-offset: 4px;
}


#pocsl1 h4   {

padding: 12px;
 
}


#pocetnaslike h4 a   {
color: Grey;
border-bottom: 1px solid #bdbdbd;
text-decoration: none;
transition: 0.3s;
}

#pocetnaslike h4 a:hover   {
color: black;
border-color: black;
 
}

 


.najpopularnije {
margin-top: 10px;
margin-top: 10px;
width: 100%;
text-align: center;
  
 
}

.naj
{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%

}

.naj img
{
max-width: 23.5%;
outline: 1px solid Grey;
outline-offset: 3px;
-webkit-transform: skewY(-6deg);
transform: skewY(-6deg);
 margin: auto;
margin-bottom: 40px;
}
 
.najpopularnije h4  
{

text-align: center;
margin-bottom: 35px;  
margin-top: 40px;

}

.najpopularnije h4 a
{
font-style: italic;
color: Grey;
border-bottom: 1px solid Grey;
}

.najpopularnije h4 a:hover
{
color: #d81b60;
border-bottom: none;
}



.red
{
display: -webkit-flex;
display: flex;
width: 100%;
}
.coll
{
width: 20%;
max-width: 20%;
}

.coll-skrol
{
overflow-y: auto;
max-height: 200px;
 
}

.wrap
{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 80%;
}
.kolona
{
margin: 2px;
width: 24.5%;

}

.pregrada
{
margin-top: 10px;
}

.ime-stranice
{

background-color: white;
margin-top: -12px;

padding-bottom: 2px;
text-align: center;
color: Navy;
font-variant: small-caps;


}



.brza-pretraga  
{

margin-top: 0px;
display: -webkit-flex;
display: flex;
width: 100%;
align-items: center;
}



.brza-pretraga .pretraga

{
width: 12%;
text-align: right;
}

.brza-pretraga .phone

{

width: 12%;
font-size: 17px;
color: #000;
font-weight: 400; 
/* font-weight: bold; */

}

.brza-pretraga .phone .fa-phone

{
color: #d81b60;

}








.closebtnl {
  margin-left: 25px; 
  color: black;
/* font-weight: 400; */
/*  font-weight: bold; */
  float: right;
  font-size: 21px;
  line-height: 18px;
  cursor: pointer;
  transition: 0.3s;
}

.closecook {
 
  float: right;
  color: #0d0d0d;
  font-size: 25px;
  margin: -10px 8px 2px 8px; 
  cursor: pointer;
  transition: 0.3s;
 
}


.closemodel {

  float: right; 
  cursor: pointer; 
  padding-right: 30px;
  
}





#u-korpu-exit .btn, #u-korpu-exit .nula {
background: #7c6066;
color: #FFFFFF;
}


 
#u-korpu-exit .korpa-dugme i.fa    {
/* 
background: #7c6066 !important;
color: #FFFFFF !important;
*/ 
-webkit-text-stroke: 1px #FFFFFF;
-webkit-text-fill-color: #7c6066;
 
}


.closemodel .nula {
/* box-shadow: 0px 0px 0px 1px #7c6066 inset; */
} 


 

.add-msg {
position: relative;
padding: 20px;
letter-spacing: 1px; 
text-align: center;

}


/* Pseudo-element za gornji box-shadow */
.add-msg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 5%;  /* Pomak sa leve strane (da bude 90% širine) */
    width: 90%; /* 90% širine */
    height: 2px; /* Visina senke za gornju ivicu */
    box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.1); /* Gornja unutrašnja senka */
     
}

/* Pseudo-element za donji box-shadow */
.add-msg::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 5%;  /* Pomak sa leve strane (da bude 90% širine) */
    width: 90%; /* 90% širine */
    height: 2px; /* Visina senke za donju ivicu */
    box-shadow: inset 0px -4px 10px rgba(0, 0, 0, 0.1); /* Donja unutrašnja senka */
    
}




.closemodel-close {
float: right;
padding: 8px 40px 3px 2px;

}



.closemodel-close .btn  {

background: #7c6066 !important;
font-size: 14px !important;
padding: 7px 20px;
color: #FFFFFF !important;
box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.18) !important;
border-radius: 0;
transition: 0.3s;
}



.closemodel-close .btn:hover {

background: #7c6066 !important;
color: #FFFFFF !important;
box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.25) !important;
}



input[type="image"]
{
border: 1px solid Grey;

}

input[type="image"]:active, input[type="image"]:focus
{
outline: none;
border: 1px solid Grey;

}


.meni-meni

{

width: 98%;
margin-left: 1%;
list-style-type: none;
border: 1px solid #999999;
font-style: italic;
}



.meni-meni li

{
border: 1px solid #d9d9d9;

}







.meni-meni li a


{
display: block;
color: black;
font-size: 16px;
padding: 8px 18px;
background-color: #f2f2f2;
text-decoration: none;


}


  .meni-meni li:nth-child(odd) a {
  background-color: #f8f9fa;
 
 
} 

.meni-meni li a:hover 

{
color: white;
background-color: #343a40;

}



.razmak

{
position: relative;
width: 100%;
margin-top: 3px;
border: 1px solid white;
background-color: white;
display: -webkit-flex;
display: flex;


}
.slike-pocetne
{
position: relative;
width: 100%;
display: -webkit-flex;
-webkit-justify-content: center;
display: flex;
justify-content: center;
opacity: 0.8;

}

.slicice img
{
position: relative;
width: 70%;
border: 1px solid LightGrey;
-webkit-animation-name: slicke;
animation-name: slicke;
-webkit-animation: slicke 40s infinite;
animation: slicke 40s infinite;
-webkit-animation-timing-function: linear;
 animation-timing-function: linear;

animation-direction: alternate;
 -webkit-animation-delay: 6s;
 animation-delay: 6s;
}

@-webkit-keyframes slicke {

from{top: 0%; left: -1600%;}
to{top: 0%; left: 0%;}

}

@keyframes slicke {

from{top: 0%; left: -1600%;}
to{top: 0%; left: 0%;}


 }
 







#some

{ 
margin: 0;
padding: 0; 
position: absolute; 
left: 40%;
width: 60%;
list-style-type: none;
background: rgb(0, 0, 0); 
background: rgba(0, 0, 0, 0.8); 
max-height: 360px;
overflow: auto;
z-index: 3000; 

}






.one-small-image {
 width: 25%;
height: 40px;
padding: 0 15px 0 15px;

}
 


.nadjena-stvar {
width: 75%;
width: calc(100% - (25% + 18px));
  height: 40px;   
font-size: 13px;
padding: 1px 2px 5px 10px; 
position: absolute;
text-decoration: none;
background-color: #fff;
color: #000;
border-radius: 2px;

}



.nadjena-stvar:hover  {
background-color: #f2f2f2;
color: black;
text-decoration: none;
}

.refresh {

text-align: right;
margin-top: 7px;
margin-bottom: 7px;
position: sticky;
top: 0;
left: 0;
}

.search-close  {
margin-right: 6px;
border: none;
outline: none;
padding: 0;
background: transparent;
font-size: 0;
} 

.search-close:focus  {

outline: none;

}


.close-search  {

font-size: 16px;
color: #fff; 
  
} 







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

 


.belo {
padding: 3px 10px;
}

[class*="belo-"] {
padding: 3px 10px;
}

 


.razmak

{
margin-top: 0px;
display: none;
}

.razmak-pocetna

{
margin-top: 10px;

}



.slicice img
{
 -webkit-animation-iteration-count: 0;
  animation-iteration-count: 0;
}

.brza-pretraga  
{
 
border-bottom: 0px solid Grey;
}



.brza-pretraga .pretraga

{
width: 40%;

margin-left: 6px; 
text-align: right;

}

.brza-pretraga .phone

{

width: 30%;
font-size: 14px;
font-weight: 400; 
/* font-weight: bold; */
margin-top: 6px;
margin-left: 6px;
}

.brza-pretraga .phone .fa-phone

{
 
margin-top: 5px;
margin-right: 1px;
}

.pregrada
{
margin-top: 10px;
}

.ime-stranice
{

margin-top: 10px;

}

.red
{
display: -webkit-flex;
display: flex;
width: 100%;
}
.coll
{
display: none;
 
}

.coll-skrol
{
display: none;

}


.wrap
{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}




#inputdomet #min {
     width: 35px;
     font-size: 8px;
}

#inputdomet #max {
     width: 35px;
     font-size: 8px;
}
#potrazi {

padding: 1px 2px;
font-size: 8px;
}

.u-korpu {

width: 680px;
max-width: 84%;
/* margin: auto; */
}

.uspesna-narudzbina {
right: 0%;
width: 100%;
}






#mojlogoo {
  
width: 80%;
margin-left: 10%;
margin-bottom: 10px;
}



}

 
@media (max-width: 991px) {

 
 


.bg-nav .nav-link  {
margin-top: 5px;
}

#whitediv {
margin-right: -135px;
margin-left: -90px;
-webkit-animation: mymove 30s 2;
animation: mymove 30s 2;

}


.kolona
{
margin: 0;
margin-left: auto;
margin-right: auto;
width: 49%;

}
.moj-blog  {
 
padding-left: 10%;
padding-right: 10%;
 

}

}

@media only screen and (max-width: 767px) { 
    
    
html, body  {
 
font-size: 12px;
}    


.cookies {
 
/* max-width: 75% !important; */
 
}


 



#cet {
 
right: 50%;
transform: translateX(50%);
width: 255px;
max-width: 92%;
 
}



.prikaz-okvir  {

height: auto;

}

.baner-img {
height: auto;
}

.moj-blog {

padding-left: 7%;
padding-right: 7%;

}


.blog-tekst p.post-text {
    
column-count: 1;  

}


.blog-tekst p.date-blog {

margin-top: 1px;

}

 


#some  {
top: 65px;
left: 16%;
 width: 60%;
}


.kolona
{
margin: 0;
margin-left: auto;
margin-right: auto;
width: 90%;
}

}


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

#bgc, #demol, #demor 
{

top: 0;
right: 29%;
width: 42%;
 
} 

}




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

#bgc, #demol, #demor 
{

top: 0;
right: 23%;
width: 54%;
 
} 

}


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


.animat {
background: none;
color: black;
border: none;
border-radius: 0px;
padding: 0;
text-shadow: 1px 1px #f2f2f2;
font-size: 19px;
}

#cetdiv  {
display: none;
}


#bgc 
{

top: 0;
right: 10%;
width: 80%;
 
} 

.login-registar
{

top: 0;
right: 10%;
width: 80%;
 
}


#demol

{
 
top: 0;
right: 10%; 
width: 80%;
 
}

 

#demor

{
 
top: 0px;
right: 10%;
width: 80%;
 
}




#searching {
padding-top: 26px;
display: none;
 
}

#priceforma  {
display: none;

}


 



.pretraga .btn  {
font-size: 12px;
padding: 4px 4px;
}


.price-select {
margin: 15px auto 15px auto;
 
} 


 
.price-select:after {

top: 14px;

}
 
 



#img01, #img02, #img03  {
position: fixed;
top: 50%;
transform: translateY(-50%);
height: auto;

}

 
.closem  {
right: 30px;
top: 32px;
 
}

.closem2  {
right: 30px;
top: 32px;
 
}

.closem3  {
right: 30px;
top: 32px;
 
}

#caption  {
padding: 40px 0 40px 0;
}

#caption2  {
padding: 40px 0 40px 0;
}

#caption3  {
padding: 40px 0 40px 0;
}


.blog-slika img {
height: auto;

}

/*
.kolac-dugme  {
font-size: 11px;
padding: 2px 8px;
}
*/

#above {
padding-top: 2px;
padding-bottom: 2px;
}

 
 



#search  {
width: 60%;
margin-left: 20%;
margin-bottom: 11px;
 

}

#search:focus  {
width: 100%;
margin-left: 0%;
 
}


#some {
left: 0;
width: auto;
width: calc(100% - 60px); 

}



 
#some {
   margin-left: 30px;  
}





 .idi-gore  {
margin-right: 0px;
}
.ukupno-zbir  {
text-align: left;
}
#samvrh {
font-size: 12px;
}
}



@media only screen and (max-width: 575px) { 
 
.logo-firme img  {
max-width: 100%; 
  } 

.prikaz-tekst, [class*="prikaz-tekst-"] {
opacity: 1;
  }

#demor #reg, #demol #log  {
font-size: 16px;
 }

}








.tooltip {

z-index: 1405;

}
 
.tooltip-inner {

/* 
background-color: #ffffff;
color: #0d0d0d;
border: 1px solid #ddd;
*/
text-align: left ;
padding: 12px;

}

.tooltip.bs-tooltip-right .arrow:before {
    /* border-right-color: #ddd; */
}
.tooltip.bs-tooltip-left .arrow:before {
  /*  border-left-color: #ddd; */
}
.tooltip.bs-tooltip-bottom .arrow:before {
  /*  border-bottom-color: #ddd;  */
}
.tooltip.bs-tooltip-top .arrow:before {
  /*  border-top-color: #ddd; */
}











.image-zoom-lens {
  position: absolute;
  border: 1px solid black; 
  width: 40px;
  height: 40px;
  visibility: hidden;
    
}

.img-zoom-result {
 
  width: 100%;
  height: 450px;
  background-color: #f2f2f2; 
  
}

.image-zoom-lens2 {
  position: absolute;
   border: 1px solid red; 
   width: 40px;
   height: 40px; 
    visibility: hidden;

}


.img-zoom-result2 {
  
  width: 100%;
  height: 450px;
 background-color: #f2f2f2; 

}

.image-zoom-lens3 {
  position: absolute;
   border: 1px solid red; 
   width: 40px;
   height: 40px;
   visibility: hidden;

}

.img-zoom-result3 { 
  
  width: 100%;
  height: 450px;
  background-color: #f2f2f2; 
}



#polje-zum {

 background: linear-gradient(to top right, #ccc, #777);
height: 100%;
animation: polje-zum-animacija 1s;
}

@keyframes polje-zum-animacija {

0% { opacity: 0; }
25% { opacity: 0; }
100% { opacity: 1; }

}
 




@media only screen and (max-width: 767px) { 
    
.img-zoom-result, .img-zoom-result2, .img-zoom-result3 {
    
display: none;   

    }
 

 
    
#myresult, #myresult2, #myresult3 {
margin: 0;
padding: 0;
width: 0px;
height: 0px; 
border: none;   
display: none;   
visibility: hidden;

 }

 





#alertbox .alert-message {
font-size: 12px;
margin: 3px;
padding: 3px;

}


.out-of-product  {
    

margin-right: 25px;

 }



}





 





@media print {
body  {
visibility: hidden;

 }

#printable  {

visibility: visible;
 }

#printable  {

position: absolute;
left: 0px;
top: 0px;
 

 }

}
 

 

 
 

 
 







.strana-uslovi-koriscenja {


padding-bottom: 30px;  

}


.uslovi-koriscenja {
 
 padding: 30px 0px 30px 0px;
 text-align: center;
  
 }


 

.naziv-sekcije-uslova {
font-weight: 400;  
padding: 5px 5% 5px 5%;
color: #0d0d0d; 

}


.tekst-sekcije-uslova {

padding: 0px 5% 0 5%;
color: #0d0d0d; 
font-size: 15px; 
line-height: 26px; 
text-indent: 0px;
white-space: pre-line;

}

 

 
.entered-search {

position: relative; 
z-index: 10;
border-radius: 50%;
 margin-left: -100% !important; 
border: 1px solid #ccc !important;
 
}  



@keyframes enteredSearch {
0% { opacity: 0; transform: translateX(20px);    }
100%  { opacity: 1; transform: translateX(-100%);   }
}
 

#demoodjava i {

display: inline-block;

}




#phone-design  {
 
text-align: right;

}



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


         /*
 

.site .inner {
 
min-height: 250px;   
max-height: 250px; 

}



.indikatori {

bottom: 15px;

}


.pic-slide, .preklapac { 
left: 0;
min-height: 250px;
max-height: 250px;
height: auto;
}

 .shop .inner {

   height: auto;
   font-size: 16px;
    
}



.site .inner-holder {
overflow: hidden;
             -moz-transform: skewX(0deg);
             -webkit-transform: skewX(0deg);
  transform: skewX(0deg);
  position: relative;
  margin: 0px 0px 0px 0px;
  z-index: 5;
  


}

 .site .inner {
    
  
  
        -moz-transform: skewX(0deg);
             -webkit-transform: skewX(0deg);
  transform: skewX(0deg);     
  margin: 0px 0px 0px 0px;
 
  
}


    */






#dugmad  {

margin-top: 0px;
text-align: right;
 
  
}




.text h2  {

font-size: 24px; 
 
}

.text p  {

font-size: 14px; 
 
}


} 



 

 
.opisnik {


  background: #ffffff;  
box-shadow: none;
margin: auto;
max-width: 400px;
padding-bottom: 10px;
padding-right: 2px;
padding-left: 2px;
    /* 
word-wrap: break-word; 
text-align:justify;  
text-justify:inter-word;
    */
    
}



#mytextdes.description {

  white-space: pre-line;

}


 .heart-and-stars-opisnik {
 margin-left: -2px; 
 margin-bottom: 12px; 
 margin-top: 22px;
 }
 

.opisnik-linija {
opacity: 0.175;
 margin-left: -4px; 
 height: 1px; 
background-color: #0d0d0d;
}



  .closem i.fa-times, .closem2 i.fa-times, .closem3 i.fa-times {
  /*
  font-size: 1.45rem;  
  -webkit-text-stroke: 1px #ffffff;
  */
}


.opisnik [class*="price"] {
text-transform: uppercase;
font-variant: small-caps;
font-size: 1.5rem;
}


.opisnik [class*="price"] s {
font-size: 18px;
}



.opisnik [class*="stocks"] {

font-size: 16px;

}



.opisnik h3 {
font-weight: 400; 
font-size: 1.5rem !important;
text-transform: uppercase;
font-variant: small-caps; 
margin-bottom: 12px;
}

 


.opisnik .description {

font-size: 16px;

}

 
 

.opisnik .description, .opisnik .stocks, .opisnik .price  {

margin-bottom: 12px;

}


.opisnik .bay, .opisnik .buy  {
margin-bottom: 0px;
margin-top: 24px;

}







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

.row-sm-device222 {

display: block;

 }

}




.list-group-item  {

border: none !important;

}
.card {
border: none;
}


@keyframes a-prva  {
0% { opacity: 0; }
100% { opacity: 1;  }

}

@keyframes a-druga  {
0% { margin-top: -500px; }
100% { margin-top: 0px;  }

}

@keyframes a-treca  {
0% { transform: scale(0); }
100% { transform: scaleY(1);  }

}


@keyframes a-cetvrta {

from  {     clip-path: circle(150% at 0% 100%);     }
to    {     clip-path: circle(0% at 0% 100%);  }
 
}


@keyframes a-peta  {

from {     clip-path: inset(0 0 0 0);      }
to   {     clip-path: inset(100% 0 0 0);    }

}

@keyframes a-sesta {
 from  {     clip-path: inset(0 50% 0 50%); opacity: 0;    }
to    {  clip-path: inset(0 0% 0 0%);  opacity: 1; }

}

@keyframes a-sedma {
  0% { clip-path: ellipse(80% 80%); }
  100% { clip-path: ellipse(0% 20%); }
}

@keyframes a-osma {
  0% { clip-path: circle(0% at 50% 50%); }
  100% { clip-path: circle(73.3% at 46% 50%); }
}

.bold-class {
font-weight: bold;
}

.italic-class {
font-style: italic;
}

.underline-class {
 text-decoration: underline;
}

.strike-class {
text-decoration: line-through;
}

.flex-rev-row {
max-width: 100%;


}


.star-icon {
display: inline; 
}










.sticky-nav .brand-btn, .sticky-nav .brand-btn:hover, .sticky-nav .brand-btn:focus {

color: #ffffff;

}

.sticky-nav .dugmad-text {
color: #ffffff;
}




 .drop-show, .drop-show-2 {
 position: relative;

 }
 
 
.drop-show .drop-collapse, .drop-show-2 .drop-collapse-2    {
 
 border-radius: 0; 
 
 }  
 

nav .drop-show .collapsing  {
  /*
transition-duration: 0.45s;
  */
 }  


nav .drop-show .animate-bs, nav .drop-show-2 .animate-bs     {
animation-duration: 0.25s;
}

 

nav .drop-show .slideIn-bs-nav, nav .drop-show-2 .slideIn-bs-nav {
animation-delay: 0.05s;
}


nav.bg-nav .drop-show .dropdown-item:hover, nav.bg-nav .drop-show-2 .dropdown-item:hover  {
opacity: 0.65;
}  

 




 
.sticky-nav #showdrops, .sticky-nav #showdrops .nav-link, .sticky-nav #showdrops-2, .sticky-nav #showdrops-2 .nav-link {
 
background: #dc143c !important;  
 
} 
 




.sticky-nav, .sticky-nav .nav-link, .sticky-nav .nula, .sticky-nav.bg-nav   {
background: #dc143c;
color: #ffffff;
} 


.sticky-nav .nav-link:not(.dropdown-toggle):hover {
border-bottom-color: #ffffff !important;  
}


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

.sticky-nav .navbar-nav, .sticky-nav .nav-link  {
background: #dc143c !important;
 
  }

.sticky-nav .animated-icon1 span  {

background: #ffffff !important;

 }


}



 



.sticky-nav.nav-mega-menu .menu-item-mega a:not(.shop-li-submenu a) {

color: #ffffff !important;

}

 
.sticky-nav.nav-mega-menu .menu-item-mega .menu-icon-mega  {

color: #ffffff !important;

} 









 






 .products-carousel   {
  width: 100%;

 }


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

.products-carousel .carousel-control-prev .carousel-control-prev-icon {
transform: scale(0.75);
}


.products-carousel .carousel-control-next .carousel-control-next-icon {
transform: scale(0.75);
 }

}

 


@media only screen and (min-width: 1200px) {  

.products-carousel .carousel-control-prev-icon,
.products-carousel .carousel-control-next-icon {
 
  height: 28px;
  width: 28px;
  outline: 1px solid transparent;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  border-radius: 50%;
  border: 1px solid transparent;
  background-image: none;
  background: rgba(0,0,0,0.09);
}

.products-carousel .carousel-control-next-icon:after
{
  
  content: '\276F'; 
  font-size: 14px;
  color: #fff;
font-weight: 400; 
 /* font-weight: 800; */
}

.products-carousel .carousel-control-prev-icon:after {
   

 
 content: '\276E'; 
  font-size: 14px;
  color: #fff;
font-weight: 400; 
/*  font-weight: 800; */
 } 

}


 
.products-carousel .carousel-item  {
 
width: 100%;

}


 



 
 
 
 
 
 .stil-discount-burst-12 [class*="snizenje-"] {

 display: inline-block;
 position: absolute;
 right: 9px;
 top: -6px;
background: #dc143c;
  width: 2.375rem;
  height: 2.375rem;
  text-align: center;
 z-index: 998;
 
}

.stil-discount-burst-12 [class*="snizenje-"]:before,
.stil-discount-burst-12 [class*="snizenje-"]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 2.375rem;
  width: 2.375rem;
   background: #dc143c;
 
}

.stil-discount-burst-12 [class*="snizenje-"]:before {
  transform: rotate(30deg);
}

.stil-discount-burst-12 [class*="snizenje-"]:after {
  transform: rotate(60deg);
}
 
 
  
 .stil-discount-burst-12 [class*="snizenje-"] span {
 
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 font-size: 0.875rem; 
 color: #ffffff;
 font-weight: bold;
  z-index: 999;
 }
 
 .stil-discount-burst-12 [class*="snizenje-"] span {
 
 transform:  translate(-50%, -50%) rotate(0deg);  
 
 }
 
  @media only screen and (max-width: 575px) {
  
.stil-discount-burst-12 .two-place-on-mobile [class*="snizenje-"] {
 
 transform: translateX(0px) rotate(0deg);
 
   }
   
} 
 
 
  
 
 

 
.stil-discount-cetvorougao [class*="snizenje-"]  {

 display: block;
 text-align: center;
position: absolute;
 padding: 0.35rem;
 font-size: 0.875rem; 
 vertical-align: middle;
 border-radius: 0.125rem;
top: -4px;
right: 11px;
background: #dc143c;
color: #ffffff;
z-index: 998;
  
  }
  
  
 
 .stil-discount-krug [class*="snizenje-"]  {

position: absolute;
 padding: 0.25rem;
top: -7px;
right: 11px;
background: #dc143c;
color: #ffffff;
z-index: 998;
 display: flex;
 align-items: center;
 justify-content: center;
  height: 2.375rem;
  min-width: 2.375rem;
  font-size: 0.875rem; 
 border-radius: 50%;
 line-height: 2.375rem;
  
  }
  
  
 
.stil-discount-trougao [class*="snizenje-"]  {
position: absolute;
top: -6px;
right: 8px;
min-width: 46px;
 height: 46px;
 padding-right: 4px;
  padding-left: 4px;
  padding-top: 2px;
z-index: 998;
background: linear-gradient(225deg, #dc143c 50%, transparent 50.00001%);
color: #ffffff;
font-size: 13px; 
display: flex;
align-items: flex-start;
justify-content: flex-end;

 }
 
 

.stil-discount-polukrug [class*="snizenje-"]  {
 
position: absolute;
top: -3px;
right: 10px;
width: 78px;
height: 78px; 
z-index: 998;
background: #ffffff;
color: #0d0d0d;
font-size: 14px; 
 display: flex;
align-items: flex-start;
justify-content: flex-end;
line-height: 2.4;
padding: 0px 2px 0px 0px;
  clip-path: circle(50% at 100% 0);
  
  } 
 
 
 
 
 
 
 
 
 
 

 
 
 
 
 
 



.display-name {  
letter-spacing: 1px;
font-size: 1.25rem;
text-transform: uppercase;
font-variant: small-caps; 
 
} 



 



 





i.fa-search {
/* transform: rotate(2deg); */
}
 






 
 
 
 
 
 
#dugmad .all-material-icons:not(.all-material-icons.icon-shopping-cart), .nav-item.dropdown .dropdown-menu .all-material-icons {
 
font-size: 0.8rem !important;
font-weight: 400; 
vertical-align: middle;
display: inline;
}

#dugmad .all-material-icons.brojac.icon-shopping-cart, .u-korpu .all-material-icons.brojac.icon-shopping-cart,
.sticky-nav .all-material-icons.brojac.icon-shopping-cart
{
  
 
font-size: 1.3rem !important;
font-weight: 400; 
vertical-align: middle;
  
 


 
}



.bg-nav .all-material-icons.icon-home-page {
 
transform: scale(0.8);
  
} 









.redosled-select #selection-form select, .redosled-select #selection-form-22 select {
/*
box-shadow: 0px 4px 16px 0px #777;
padding-left: 10px;
  */
  
  border-color: #0d0d0d;  
   font-weight: 400;
  
}
 
 
 
 .redosled-select #selection-form select:focus, .redosled-select #selection-form-22 select:focus {
 /*
  border-color: transparent; 
 box-shadow: 0px 4px 3px #ccc, 1px -1px 3px #bbb, -1px -1px 3px #bbb; 
 */
 border-color: #0d0d0d; 
 
}
 
 
 
/* 
 
.redosled-select #selection-form select:focus, .redosled-select #selection-form-22 select:focus {

 outline: none !important; 
      border: none !important; 
      box-shadow: none !important;   
}

*/




  #sel11, #sel11-22  {
  
background-image: none;
cursor: pointer;
 border-radius: 16px !important;
 
}
 
 
 .redosled-select  {
 position: relative;
 max-width: 182px;
 margin: auto;
  	color: #0d0d0d;
   
 }
 
  .redosled-select::after {
  
  font-family: FontAwesome;
  content: '\f078'; 
   position: absolute;
   top: 0.39rem;
   right: 12px;
   font-size: 0.6rem; 
   pointer-events: none;
    
	color: #0d0d0d;
	
     transition: all 0.35s;
      
}
 

 
 
 
 
 
 
  .redosled-select-dva::after {
 transform: rotate(180deg) translateY(-1px);
 }
 





.redosled-select select.custom-select.custom-select-sm, .redosled-select select.custom-select.custom-select-sm:focus  {
     
	background: #ffffff;
	color: #0d0d0d;
 
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	 -o-appearance: none;
	appearance: none;
        
         width: 100%;  
       height: auto !important;
      font-size: 0.82rem;
     padding-top: 0.2rem !important;
     padding-bottom: 0.2rem !important;
      
  /*
      outline: none !important; 
      border: none !important; 
      box-shadow: none !important;
  */
  
}


  


 
 .redosled-select select.custom-select.custom-select-sm option {
 
 background-color: #fff;
 color: #2e2e2e;
 
}


 











#some {
padding-bottom: 40px;
} 


#search::placeholder {
  color: #777;
  opacity: 1;  
letter-spacing: 2px;
}

#search:-ms-input-placeholder {  
 color: #777;
}

#search::-ms-input-placeholder {  
 color: #777;
}



 







 

 

#top-carousel {

padding: 11px 15px 11px 15px;
 font-weight: 400;  
text-transform: uppercase;
font-variant: small-caps;
font-size: 0.8rem;
}









#myslider .carousel-control-prev-icon,
#myslider .carousel-control-next-icon {
  position: relative;
  height: 3.7em;
  width: 3.7em;
  outline: 1px solid transparent;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  border-radius: 0;
  border: none;
  background-image: none;
  background: transparent;
}

#myslider .carousel-control-next-icon:after
{
  
  font-family: FontAwesome;
  content: '\f105'; 
  font-size: 2.7em;
font-weight: 400; 
/*  font-weight: 800; */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#myslider .carousel-control-prev-icon:after {
   

  font-family: FontAwesome;
  content: '\f104'; 
  font-size: 2.7em; 
font-weight: 400; 
/*  font-weight: 800; */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

 } 







 [class*="ivicnjak-"] .number-form-quantity  {
display: inline-block;
text-align: center;
transform: translate(-43%, -1px);
}


[class*="ivicnjak-"] .number-form-quantity .minus,  [class*="ivicnjak-"] .number-form-quantity .plus {
  transform: translate(0, 5px);
}






.nula-222  {
font-family: Arial, sans-serif;  
font-style: normal;
display: inline-block;
min-width: 0.75rem;
padding: 1px 2px;
line-height: 1;
vertical-align: middle;
text-align: center;
align-items: center !important; 
justify-content: center !important;
  position: relative;
  top: -0.5rem;
  left: 0;
 
 
 
font-size: 0.7rem; 

  letter-spacing: 0px;  
font-weight: 400; 
border-radius: 0%;

 

                color: #ffffff !important;   
background: #dc143c !important;   
outline: 1px solid #dc143c;
 outline-offset: 0px;
                     }



.korpa-dugme-222:hover .nula-222  {
/* background: #ffffff; */
color: #0d0d0d;
-webkit-animation: rotacija 0.5s linear;
animation: rotacija 0.5s linear;
}

@-webkit-keyframes rotacija  {

from {
-webkit-transform: rotateY(0deg);

}

to {

-webkit-transform: rotateY(360deg);

 }

}











 
.nula {

 position: relative;
 /*
 left: 50%;
transform: translateX(-50%);
 */
border: 1px solid #0d0d0d;
display: inline-block;
/*
color: #0d0d0d;
*/
font-weight: 500;
padding: 4px 8px; 
line-height: 1;
vertical-align: middle;
text-align: center;
font-style: normal; 
font-weight: bold; 
font-size: 0.8rem;
justify-content: center !important;
/* align-items: center !important; */
background: #dc143c !important;
color: #ffffff !important;
}


.nula::before {
content: '';
position: absolute;
top: -7px;
left: 50%;
transform: translateX(-50%);
padding: 5px;
border-radius: 50%;
border:  1px solid #0d0d0d;
clip-path: inset(0 0 51% 0);


}



.korpa-dugme:hover .nula::before  {

clip-path: inset(0 0 44% 0); 
 top: -8px;
}

 

#u-korpu-exit .nula, #u-korpu-exit .nula::before {
border-color: #FFFFFF;
}

#navrhu-first .nula, #navrhu-first .nula::before  {
border-color: #ddd;
}


.sticky-nav.bg-nav .nula, .sticky-nav.bg-nav .nula::before {
border-color: #ffffff;
}












.korpa-dugme  {
 
/* background: #ffffff !important; */
                 /* color: #0d0d0d !important; */
/*
margin-left: 10px;
margin-right: 10px;
padding: 0px;      
*/
padding-top: 6px;
padding-bottom: 6px; 

 }
 


 
.bg-nav  {


/* background: #ffffff; */

}
 


.my-custom-nav { 
/* 
padding-top: 8px;
padding-bottom: 5px;
border-top: 1px solid transparent;
*/ 

}



#showdrops {

position: absolute;
top: 100%;
z-index: 2000;
border-top: 1px solid #e5e5e5;
padding: 8px 5px;
background: #ffffff;
/*
-webkit-transition: none;
    transition: none; 
    */
}

 

.bg-nav {
/* box-shadow: 0 1px 1px -1px #555; */
}


 
 


 
 
 
 
 
 .bg-nav .nav-item.nav-home .nav-link {
/*  border-left: none; */
   
 }
 

/*
#navrhu .bg-nav   {
opacity: 0.95;
}
*/
 

.bg-nav .nav-link  {

text-transform: uppercase; 
font-variant: small-caps;
  /*
   text-transform: capitalize; 
text-transform: lowercase;
font-variant: small-caps;  
*/
/* color: #0d0d0d; */ 
font-size: 0.95rem;
font-weight: 400; 
 
/*  
border-top: none;
border-bottom: none;
 */
padding-top: 9px;
padding-bottom: 6px;
 
transition: 0.3s;
 
}


.bg-nav .nav-link i.fa   {
/*
transform: scale(0.9);
vertical-align: middle;
*/
}
 
 
.bg-nav .nav-link:hover, .bg-nav .nav-link:focus  {
opacity: 0.7; 
/* color: #0d0d0d; */
}
 


@media only screen and (min-width: 992px) {

.bg-nav .nav-link:not(.bg-nav .dropdown-toggle):hover   {

 border-bottom-color: #0d0d0d;  
 
  }
 
}


 
.bg-nav .dropdown-menu {
padding: 1px 0 0 0;
border-radius: 0px;
}
 

.bg-nav .dropdown-item {

text-transform: uppercase; 
font-variant: small-caps;
  
/*
text-transform: capitalize;  

text-transform: lowercase;
font-variant: small-caps;  
*/
padding-top: 14px;
padding-bottom: 14px;
font-size: 0.75rem;
border-bottom: 1px solid #f2f2f2;
font-weight: 400; 
/* font-weight: 500; */
/* transition: box-shadow 0.3s; */
}



.bg-nav .dropdown-item:hover {
 
 background-color: #0d0d0d; 
 color: #ffffff;
/* box-shadow: 0 0 1px #ffffff inset; */
 
}





#dugmad .btn-design  {
font-size: 0.8rem !important;
font-weight: 400; 
/* font-weight: 500; */

border-radius: 0px;
/*
padding-left: 16px;
padding-right: 12px;
box-shadow:  -12px 0px  0px -11px #0d0d0d;
*/


}






#navrhu-first #dugmad .btn-design {
/*
box-shadow:  -12px 0px  0px -11px #ddd;
*/
}




#dugmad .btn-design:hover  {

opacity: 0.8;

}


#dugmad  {
display: flex;
justify-content: center;
text-align: center;
align-items: center;
}

#dugmad .fa-filter {
 /* 
-webkit-text-stroke: 0.5px #ffffff;
-webkit-text-fill-color: #0d0d0d;
  */
}

#dugmad  > * {
 /*
margin-right: 7px;
 */
}

.chat-form {
/*
margin-right: -7px;
*/
}

#dugmad .korpa-dugme {
 /*
padding-left: 15px;
padding-right: 15px;
*/
order: 25;

}


#dugmad .korpa-dugme:hover { 
border-bottom: 1px solid transparent; 
}



#tragajte  {
text-align: center;
font-size: 1rem;
background: transparent;
color: #0d0d0d;
border-radius: 0;


}


/*
#tragajte > *  {
opacity: 0.7;

}


#tragajte i {
-webkit-text-stroke: 0.3px #ffffff;
-webkit-text-fill-color: #0d0d0d;
opacity: 1;
} 

*/






 
.company-phone, .company-phone:hover, .company-phone:focus {

border-radius: 0px;
background: transparent;
color: #0d0d0d;
text-align: center;
font-size: 1rem;
/* font-weight: 400; */
  letter-spacing: 1px;
  border: none;
  /*
  border-top: 1px dotted #0d0d0d;
  border-bottom: 1px dotted #0d0d0d;
  */
  
}
 
 
 i.fa-phone {
/* transform: scale(1.18); */
  transform: rotate(15deg) translateY(1px);  
}
  
 
 
 
@media only screen and (min-width: 992px) {
/*
#tragajte i {
border-radius: 0; 
padding-top: 5px;
padding-bottom: 5px;
padding-left: 1.75rem;
  border-left: 1px solid #0d0d0d; 
}
*/


#tragajte::before {
content: 'Pretraga';
padding-right: 0.5rem;
font-style: italic;
font-size: 0.9rem;
 display: none;
}




  
.company-phone {
/*
  margin-right: auto !important;  
    margin-left: 0.6rem !important;  
    */
 }
 
 
  #tragajte i {
  /*
transform: rotate(135deg);
  */
} 
 
 
  
 
 
  
 
  
  
  
  
  
  
  
  
  
  
 /*
   #logo-design .logo-firme {
  margin-left: auto !important;  
   margin-right: 0 !important;  
   border: 1px solid red;
 }
 */
 
}
 
 
 
 


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

 .company-phone  {

letter-spacing: 1px;

  }

}


 




 
 [class*="ivicnjak-"] 

{

 
text-transform: uppercase;
font-variant: small-caps;  
background: #ffffff;
color: #0d0d0d; 
padding: 12px 4% 12px 4%; 
text-align: center;  
border-radius: 0 0 4px 4px;
/* margin-bottom: 20px; */
/* box-shadow: 0px 20px 16px -10px rgba(0,0,0,0.4); */
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
 
}



[class*="ivicnjak"]:not([class*="ivicnjak"].opisnik) > *:not([class*="caption"]) {

 margin-top: 4px; 
 
}






/*
[class*="ivicnjak-"] {
min-height: 100px; 
overflow: hidden;
position: relative;
background: rgba(0,0,0,0.15);

}


[class*="ivicnjak-"]::before {
 content: "";
  position: absolute;
  top: -33px;
  left: 0%;
  min-width: 255px;
  height: 135px;
 background: rgba(0,0,0,0.07);

   transform: skewY(-6deg);
  transition: 0.3s;

}

[class*="ivicnjak-"]:hover::before {
  top: -34px;
  transform: skewY(12deg);
}


[class*="ivicnjak-"] * {
position: relative;
z-index: 20;

}
*/



/*
.ivicnjak:not(.ivicnjak.opisnik):hover, .ivicnjak:not(.ivicnjak.opisnik):hover *:not(.ivicnjak [class*="plavo"]) {
 
background: #0d0d0d;
color: #ffffff; 

} 
*/






[class*="prikaz-okvir-"]

{

position: relative;
max-height: 620px;   
max-width: 100%;
overflow: hidden; 
margin: auto;
  box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.12);   

}









[class*="prikaz-tekst-"]

 {
  position: absolute;
  bottom: 0px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.7);
  opacity:0;
  text-align: center;
  font-size: 12px;

  color: #f2f2f2;
  width: 100%;
  padding: 6px 2px;
  transition: all 0.2s linear;  
  
}

[class*="prikaz-tekst-"] a {
color: #f2f2f2;

}




.click-on-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background: transparent;
color: transparent;
outline: none;
border: none;
opacity: 0;
z-index: 1;
}


 
[class*="prikaz-okvir-"]:hover [class*="prikaz-tekst-"] 

{
  opacity: 1;
}

 


[class*="all-image-on-page"] {
 
width: 100%;
height: auto;
transition: all 0.3s ease-in-out 0.25s;  
border-top-left-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
 border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}




[class*="all-image-on-page"]:hover {

transform: scale(1.3);

}
 





 
 


.star-icon {

cursor: pointer; 
font-weight: 400; 
/* font-weight: 500; */
font-size: 14px;
}

.star-icon .my-stars  {

opacity: 0.9;
color: #dc143c;

}






 


[class*="caption-"] a 

{

text-decoration: none;

}

[class*="caption-"] a h4

 {
margin-bottom: 4px;
font-size: 16px;
font-variant: small-caps;
color: #0d0d0d;  
transition: 0.3s;
 
}
 

[class*="caption-"] a h4:hover {

opacity: 0.75;
 
}








 [class*="price-"]
{
text-align: center; 
font-size: 16px;
font-weight: 400; 
/* font-weight: 500; */
}

[class*="price-"] s {

font-size: 13px;
/* text-decoration: line-through solid #0d0d0d; */

}



[class*="stocks-"]

{

font-size: 12px;
text-align: left;
font-weight: 400; 
/* font-weight: 500; */
}


 


 [class*="buy-"] a 
{

text-align: center;


}



[class*="bay-"], [class*="buy-"] {
    
   margin-top: 8px;   
 
}



[class*="opis-vidi-"] {
display: none;
}



[class*="opis-vidi-"] a

{

text-align: center;

}










 

 
 
        /*  
        gradient buttons -  univerzalno sivo belo
         
         [class*="plavo"] {
         
            background-image: linear-gradient(to right, #304352 0%, #d7d2cc  51%, #304352  100%);
            min-width: 68%;
            font-size: 12px;
            padding: 12px 15px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 16px;
            display: inline-block;
            border: 1px solid transparent;
          }

          [class*="plavo"]:hover {
            background-position: right center;  
            color: #fff;
            text-decoration: none;
          }
          */
         
 





        /*  plavo crni gradient  
         
         [class*="plavo"] {
            background-image: linear-gradient(to right, #2c3e50 0%, #3498db  51%, #2c3e50  100%);
             min-width: 72%;
             border: 1px solid transparent;
            padding: 11px 15px;
            font-size: 13px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
            display: inline-block;
          }

          [class*="plavo"]:hover {
            background-position: right center;  
            color: #fff;
            text-decoration: none;
          }
         
      */




        /* 
        teget - light plava kombinacija
         
         [class*="plavo"] {
            background-image: linear-gradient(to right, #000046 0%, #1CB5E0  51%, #000046  100%);
             min-width: 72%;
             border: 1px solid transparent;
            padding: 11px 15px;
            font-size: 13px;
           
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
            display: inline-block;
          }

          [class*="plavo"]:hover {
            background-position: right center;  
            color: #fff;
            text-decoration: none;
          }
         
          */




         /*
         zeleno - light plava kombinacija
         
         [class*="plavo"] {
            background-image: linear-gradient(to right, #348F50 0%, #56B4D3  51%, #348F50  100%);
             min-width: 66%;
             border: 1px solid transparent;
            padding: 11px 15px;
            font-size: 13px;
             
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
            display: inline-block;
          }

          [class*="plavo"]:hover {
            background-position: right center;  
            color: #fff;
            text-decoration: none;
          }
         
           */

 
 
          /* 
          
          light-grey -white
          
         [class*="plavo"] {
            background-image: linear-gradient(to right, #757F9A 0%, #D7DDE8  51%, #757F9A  100%);
             min-width: 70%;
             border: 1px solid transparent;
            padding: 11px 15px;
            font-size: 13px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
            display: inline-block;
          }

          [class*="plavo"]:hover {
            background-position: right center;  
            color: #fff;
            text-decoration: none;
          }
         
          */



 /*  dark grey - light grey 
         
         [class*="plavo"]  { 
           
            background-image: linear-gradient(to right, #283048 0%, #859398  51%, #283048  100%);
             min-width: 64%;
             border: 1px solid transparent;
            padding: 9px 15px;
            font-size: 12px;
            text-align: center;
            text-transform: uppercase;
            transition: all 0.5s linear 0.3s !important;
            
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 16px;
            display: inline-block;
            
          }

         [class*="plavo"]:hover, [class*="plavo"]:focus {
            background-position: right center;  
            color: #fff;
            text-decoration: none;
              border: 1px solid transparent;
              outline: none;
          }
         
  */






 
  
  [class*="plavo"], #newsletter    { 
            background-color: transparent !important;
            background-image: linear-gradient(to right, #0d0d0d 0%, rgba(13,13,13,0.75) 51%, #0d0d0d  100%) !important;
             min-width: 64%;
            border: 1px solid transparent;
            outline: none;
            line-height: 1;
            padding: 11px 15px;
            font-size: 11px;
            text-align: center;
            text-transform: uppercase;
            font-variant: small-caps;
            
            transition: all 0.5s;
            max-width: 100%;
            background-size: 200% auto !important;
            
            color: #ffffff;            
            box-shadow: 0 0 2px #eee;  
            border-radius: 18px;
            display:  inline-block;
             vertical-align: middle;
             text-decoration: none;
            transform: translateY(0px);   
              
          }

         [class*="plavo"]:hover, [class*="plavo"]:focus, #newsletter:hover, #newsletter:focus  {
            background-position: right center;  
            color: #ffffff;   
            text-decoration: none;
             border: 1px solid transparent;
             outline: none;
             transform: translateY(0px);   
          
             
          }
 
  
    
 
 


         
          
         











[class*="belo-"] {

vertical-align: top;
font-size: 18px;
display: inline-block;
text-decoration: none;
/* padding: 0px 3px 0px 3px;  */
color: #0d0d0d;
line-height: 1;
}


[class*="belo-"]:hover, [class*="belo-"]:focus {

text-decoration: none;
outline: none;
opacity: 0.75;
color: #0d0d0d;
} 








#search {
border: 1px solid #ccc;
/* border-radius: 4px 0px 0px 4px !important; */
border-radius: 0px !important;
font-size: 14px; 
line-height: 1.8;
 
}
 

.entered-search { 
background: #0d0d0d;
color: #ffffff;
padding: 4px 12px 4px 13px;
 border-radius: 0px 0px 0px 0px; 
font-size: 14px; 
line-height: 1.8;
} 


 


.entered-search:hover, .entered-search:focus {
background: #ffffff;
color: #0d0d0d;
}





/*  search desno

@media only screen and (min-width: 768px) {

#searching, #priceforma {

min-height: 162px;
position: absolute;
z-index: 88000;
background: #ffffff;
height: 94vh;

  }

#priceforma {
left: 15px;
right: 0;
box-shadow: -190px 0px 0px #ffffff;
 }

#searching {
right: 15px;
left: 0;
box-shadow: 190px 0px 0px #ffffff;
 }


}



@media only screen and (min-width: 1200px) {

#priceforma {
padding-right: 33%;
 }

}

*/







/*  search levo   */


@media only screen and (min-width: 768px) {

#search, #search:focus    {
margin-left: 0;
padding-right: 40%;
}
 
#some   {  
width: calc(60% + 9px); 
left: 0;

 }

#searching, #priceforma {
 
min-height: 162px;
position: absolute;
z-index: 88000;
background: #ffffff;
  }
  
  
 
  
  

#priceforma {
height: 91vh;
right: 0;
left: 0;
padding-left: 16px;
box-shadow: 190px 0px 0px #ffffff;
 }

#searching {
height: 91vh;
left: 0;
right: 0;
box-shadow: -190px 0px 0px #ffffff;
 }


}





@media only screen and (min-width: 1200px) {

#priceforma {
padding-left: 33%;
 }

}


 


@media only screen and (max-width: 767px) {
 #search:focus {
  margin-left: 11%;
  }
}










.clearfix-o-nama::after
{
 content: "";
 display: table;
 clear: both;

}



.put-img-about-us {
perspective: none;
float: right;
margin-left: 15px;
max-width: 100%;
 
}


 .img-o-nama {

width: 100%;
animation: slika-o-nama 28s ease 1 2s;

 }




@keyframes  slika-o-nama {

0% { 
    transform-origin: 100% 0; transform: perspective(8000px) rotateY(0deg);
   
  }

12.5% {

transform-origin: 0 100%;

} 

25% {

transform-origin: 100% 0;

} 



50% {  

transform-origin: 0 100%; transform: perspective(8000px) rotateY(-60deg);

 }


75% {

transform-origin: 100% 0; transform: perspective(8000px) rotateY(55deg);

} 

87.5% {

transform-origin: 0 100%; 

} 


100% { 
    transform-origin: 100% 0;  transform: perspective(8000px) rotateY(0deg);
   
  }

 

}




 

 
.first-letter-about {

 
padding-left: 15px;
white-space: pre-line;
line-height: 1.7;
color: #0d0d0d; 
font-size: 15px;
}


.first-letter-about::first-letter {
  
  font-size: 150%; 
  
} 



#accordion *  {

/*  background: #0d0d0d;  */
background: transparent;
color: #f2f2f2;
font-size: 16px;
}



#accordion .card-link  {

font-size: 22px;
}
 
 



#accordion .list-group-flush .list-group-item-action:hover {
opacity: 0.9;
color: #0d0d0d;
background: #f2f2f2;
}


 


.uslovi-kupovine {
border-bottom: 2px solid #f2f2f2;
font-weight: 400; 
display: block;  
}  


.uslovi-kupovine:hover, .uslovi-kupovine:focus {

border-bottom: 2px solid #f2f2f2;

} 





 .icon-bar a  {

margin: 4px 4px 4px 0px;  
font-size: 16px;
  text-align: center; 
  text-decoration: none;  
  color: #fff; 
   
}






a.facebook .fa {

  
  background: #3B5998;
   
}




.twitter .fa {

  background: #55ACEE;
  
}


.google .fa {

  background: #dd4b39;
  
}


.linkedin .fa {

  background: #007bb5;
  
}


.youtube .fa {

  background: #bb0000;
   
}




 

.icon-bar a:hover {

text-decoration: underline;

}


.icon-bar a:hover .fa  { 

border-color: #999;

}


.icon-bar a:hover > *  {
 
  background: #212121;
 

}


 

.icon-bar a span {

 display: none;
padding: 8px 12px;

}

 

.icon-bar a .fa {

 margin-right: 5px;

 } 






.icon-bar a .fa {
   
  border: 1px solid transparent;
  padding: 8px 11px;
  border-radius: 50%;  

}


a.facebook .fa {

  padding: 8px 14px;  

}








 
 


#dugmad .dugmad-text {
 /* font-style: normal; */
 /* display: none;  */
 padding-left: 0px;
 padding-right: 0.25rem;
font-size: 0.95rem;
 
}


#dugmad .korpa-dugme .dugmad-text {
display: none;
}



#dugmad .korpa-dugme i.fa {
display: inline-block;
}

 /*
#dugmad i, #tragajte, .company-phone  {
opacity: 0.95;
}

.bg-nav .nav-link, #top-carousel {
opacity: 0.95;
}
 */



#actives-b  {
 
/* border-bottom: 1px solid #0d0d0d; */
 
}
 
 
.korpa-dugme i.fa:not(#navrhu-first .korpa-dugme i.fa), i.fa-home { 
/*
-webkit-text-stroke: 1px #0d0d0d;
-webkit-text-fill-color: #ffffff;
*/
}

 /*
 i.fa.fa-phone { 
 
-webkit-text-stroke: 1px #0d0d0d;
-webkit-text-fill-color: #ffffff;
 
}
 */
 
 
 
.animated-icon1:hover {

opacity: 0.8;

}


 button.complete-the-order, #reg, #log, textarea {

border-radius: 0px !important;

}



/*

[class*="price-"] {
position: relative;
}
 
[class*="price-"]::after {
content: "";
width: 78px;
height: 3px;
left: 50%;
transform: rotateX(20deg) translateX(-50%);
position: absolute;
bottom: -8px;
background-color: #333;
border-radius: 50%;
 
}

*/








#navrhu #top-carousel-2, #navrhu .top-text-2  {
  
/* box-shadow: 0px 0px 30px 0px #fbfbfb inset;   */

}


#navrhu .top-header-website-section   {
  
/* box-shadow: 0px 0px 120px 0px #eee inset;   */ 
 

}









 .bg-nav:not(#navrhu-first .bg-nav):not(.sticky-nav.bg-nav)  {
  
/*  box-shadow: 0px 0px 84px 0px #eee inset;  */

}










.main-content  {

 /* box-shadow: 0px 0px 220px 0px #eee inset;   */ 
 
  
}















@media only screen and (min-width: 1200px) {

.newsletter-place  {
/* padding-right: 8%; */
/*padding-left: 15%;*/
  
  }

}



/*
.newsletter-place .form-group input, #newsletter {
height: auto !important;
padding-top: 9px;
padding-bottom: 9px;
}

*/






#wordsWriter {
color: #0d0d0d;
font-size: 17px;

}





#formNewsLetter label::after {
/* asterisk css entities \2217 \002A \02C7  \274B   \274A  */
content: ' \2217';
color: #dc143c;
font-size: 1.25rem;
}





 
.stranice-dole li  a {
border-color: transparent;
border-radius: 2px;
}

  










 
 
#dugmad .btn-design:not(#dugmad #cet .btn-design), #tragajte, .company-phone {

padding-left: 6px;
padding-right: 6px;
margin-left: 2px;
margin-right: 2px;
}

 

#navrhu #tragajte i.fa, #navrhu .company-phone i.fa  {
-webkit-text-stroke: 0.3px #ffffff;
-webkit-text-fill-color: #0d0d0d;
} 


footer i.fa.fa-phone {
-webkit-text-stroke: 0.3px #0d0d0d;
-webkit-text-fill-color: #f2f2f2;
} 



 
  
  .iconsvg {
stroke-width: 2px !important;
}


.top-header-website-section .iconsvg, footer .iconsvg, .u-korpu .korpa-dugme .iconsvg {
width: 13px !important;
height: 13px !important;

}


.chat-ripples .iconsvg {
width: 1.13rem !important;
height: 1.13rem !important;
}





#tragajte .iconsvg {
width: 15px !important;
height: 15px !important;
}



nav .iconsvg  {

width: 18px !important;
height: 18px !important;
margin-top: -4px;
}


nav  #stickycart .iconsvg {
margin-top: 4px;
}

.submit-wish .iconsvg {
width: 15px !important;
height: 15px !important;
}


  
  
  .span-boja-artikla  {
 margin-bottom: 10px;
 margin-top: 9px;
 margin-right: 3px; 
 cursor:pointer; 
 font-size: 0px; 
 color:transparent; 
 width: 14px;
 height: 14px; 
 border-radius: 50%;
 
 }
 
 
 
 
 .boja-prikaznog-artikla  {
 width: 14px;
 height: 14px;
 border-radius: 2px;
 
 }
 
 
 .div-boja-artikla {
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 3px;
 justify-content: center;
 }
  
  
  
  
  
  



 










.my-card {
max-width: 100%;
margin: auto;
}

.my-card img  {

width: 100%;

}

.my-card-body {

padding: 20px;

}



[class*="prikaz-okvir"] {

max-width: 100%;

}



@media only screen and (min-width: 1200px) {


.baneri-sa-strane h1 {
font-size: 25px;
}



.prikaz-okvir, [class*="prikaz-okvir-"], .ivi, .my-card, .omot-slajdera-malih-reklama  {

width: 255px;

}

 


.thumbnail33 { 

width: 145px;
 
}





.put-img-about-us {

width: 400px;

}

.put-img-in-blog  {

width: 400px;
 
}

}



@media screen and (max-width: 1199px) and (min-width: 992px) {


.baneri-sa-strane h1 {
font-size: 20px;
}



.prikaz-okvir, [class*="prikaz-okvir-"], .ivi, .my-card, .omot-slajdera-malih-reklama  {

width: 210px;

}

.thumbnail33 {
 
width: 145px;
  
}

.put-img-about-us {

width: 400px;

}

.put-img-in-blog  {

width: 255px;

}

}


@media screen and (max-width: 991px) and (min-width: 768px)  {


.baneri-sa-strane h1 {
font-size: 15px;
}




.prikaz-okvir, [class*="prikaz-okvir-"], .ivi, .my-card  {

width: 145px;
 
}


.omot-slajdera-malih-reklama {
width: 145px;
}



.thumbnail33 {

width: 145px;

}

.put-img-about-us {

width: 255px;

}

.put-img-in-blog  {

width: 210px;

}

}



@media screen and (max-width: 767px) and (min-width: 576px) {

.prikaz-okvir, [class*="prikaz-okvir-"], .ivi, .omot-slajdera-malih-reklama    {

width: 235px;

}

.my-card {
width: 210px;
}


.thumbnail33 {

width: 400px;

}

.put-img-about-us {

width: 235px;

}

.put-img-in-blog  {

width: 145px;

}


}




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

.prikaz-okvir, [class*="prikaz-okvir-"], .ivi, .omot-slajdera-malih-reklama    {

width: 255px;

}

.ivicnjak.opisnik   {
width: 255px;
padding-left: 1px;
padding-right: 1px;

}


.my-card {
width: 255px;
}

.thumbnail33 {

width: 255px;

}

.blogs-article  {

margin: auto;
max-width: 255px;

}


.put-img-about-us {

width: 145px;

}

.put-img-in-blog, .website-blog-one, .prikaz-bloga  {

width: 255px;

}



.blog-tekst, .put-text-in-blog  {
margin: auto;
max-width: 255px;

 }

 
.put-text-in-blog *, .moj-blog, .blog-tekst *  {

padding-left: 0;
padding-right: 0;

 }
 
.blog-tekst p.post-text {
padding-left: 1px;
padding-right: 1px;
line-height: 1.5;
 }

.put-text-in-blog *, .post-blog, .website-blog-one, .first-letter-about {

line-height: 1.5;

 }



}



 


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

.full-products-place {
max-width: 320px !important;
margin: auto;
}

.products-place.two-place-on-mobile.col-6 {
padding-left: 0px !important;
padding-right: 0px !important;
min-width: 158px !important;
max-width: 158px !important; 
width: auto !important;
 

}

 
.two-place-on-mobile .prikaz-okvir,
.two-place-on-mobile [class*="prikaz-okvir-"],
 .two-place-on-mobile .ivi  {
width: 145px;
max-width: 100%;
 }
 
 
 .two-place-on-mobile .wish-list-form, .two-place-on-mobile .remove-wish-list-form {
   transform: translateX(-14px);
   }
 
 .two-place-on-mobile [class*="snizenje-"] {
 transform: translateX(7px);
 }


}







.opisnik  {
margin-top: 0px;
padding-top: 0px;
width: auto;

}

.opisnik h3  {
margin-top: 0px;
padding-top: 0px;
}








#cet .btn   {
background: #ffffff !important;
color: #dc143c !important;
border-bottom: none !important;
}

#cet .btn:hover {
border-bottom: none !important;
}


.chat-text  {
text-align: right  !important;
/* padding: 1px 1px 8px 1px; */

}

.chat-text label {

font-size: 14px !important;
}


.chat-text #exit-chat  {

box-shadow: none !important;

}  



.chat-text #exit-chat, .chat-text #exit-chat:hover, .chat-text #exit-chat:focus {

font-size: 15px !important;
border: 1px solid transparent !important;
margin-bottom: 22px;
font-style: normal; 
}

.chat-text #sub-chat, .chat-text #sub-chat:hover, .chat-text #sub-chat:focus   {
font-style: normal;
font-size: 17px !important;
border: 1px solid transparent !important;
margin: 9px 20px 4px auto;
padding: 3px;
letter-spacing: 1px;
 
}


/*
#auto, #cet .form-group label, .chat-text #exit-chat, .chat-text #sub-chat   {
opacity: 0.9;
}
*/
 




.chat-text #sub-chat:hover, .chat-text #exit-chat:hover  {

opacity: 0.75;

} 

#cet i {

display: inline-block;

}



 

#selection-form select, #selection-form-22 select {
width: 100%;
max-width: 255px;  
padding-left: 12px;
}

 
#selection-form select:focus, #selection-form-22 select:focus {
 
 border-color: #777;
 box-shadow: 0 0 1px #999;

}


 


.my-shadow {

position: relative;

} 
 

.sticky-nav  {

box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08);

}




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


.bg-nav .nav-link {
margin-top: 12px;
margin-bottom: 12px;
border: none;
transition: 0s;
 }

 

 
.navbar-collapse {
min-height: 500px;
  transition: 0s;  
}
 
 
 
}

 
 

 
 



#g-maps-div, .g-maps-section {

width: 400px;
max-width: 100%; 

}



.g-maps-section > *  {
 
width: 100%;
max-height: 210px;

} 


.g-maps-section iframe {

outline: 1px solid #ddd;
outline-offset: 0px;

}



@media only screen and (min-width: 992px) {

#showdrops, #showdrops-2 {

min-width: 178px;

}





#showdrops .dropdown:hover>.dropdown-menu, #showdrops-2 .dropdown:hover>.dropdown-menu {

  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  border-radius: 0; 
  
}


 #showdrops .dropdown-toggle, #showdrops-2 .dropdown-toggle {
 display: none !important;
   }

}




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

  #showdrops, #showdrops-2  {  
  position: relative;
  top: auto;
  }

}


 
.drop-show .rotate-toggle .dropdown-toggle::after, .drop-show-2 .rotate-toggle-2 .dropdown-toggle::after {
 
 transform: translateY(-1px) rotateZ(180deg);
 
}




.table-bordered2 th, .table-bordered2 td {
border: 1px solid #ddd;
border-collapse: collapse;
}



 
 table.my-cart-table {
 font-size: 14px;
}


@media only screen and (max-width: 575px) {
table.my-cart-table {
 font-size: 12px;
 }
}

.my-cart-table th, .my-cart-table td {
text-align: center;
border: 1px solid #ddd;
border-collapse: collapse;   

}


.thead-my-cart {
color: #ffffff;
background-color: #0d0d0d;
 
}


.thead-my-cart tr th {
font-weight: 400; 
 vertical-align: middle;
  border-color: #0d0d0d;

}


 


.tbody-my-cart {
background-color: #ffffff;
color: #0d0d0d;
}
 
  
  
 .tbody-my-cart td {
 vertical-align: middle;
  
 }
  
   
 

.ponisti .btn {

background: transparent !important;
color: #0d0d0d !important;

}

.ponisti .btn:hover {

opacity: 0.7;

}



.ivi.ivicnjak.opisnik, .ivi.ivicnjak.opisnik h3 {

background: transparent !important;
color: #0d0d0d !important;

}



 



 


.cards-bodys {

font-weight: 400; 
position: relative;
max-width: 100%;

}


@media only screen and (min-width: 1200px) {

.one-addition  {

width: 1110px;

}

.two-addition  {

width: 540px;

}


.three-addition  {

width: 350px;

}

.four-addition  {

width: 255px;

}

.theme-7 {

width: 350px;

 }

}



@media screen and (max-width: 1199px) and (min-width: 992px) {

.one-addition  {

width: 930px;

}

.two-addition  {

width: 450px;

}


.three-addition  {

width: 290px;

}

.four-addition  {

width: 210px;

}

.theme-7 {

width: 255px;

 }


}




@media screen and (max-width: 991px) and (min-width: 768px)  {

.one-addition  {

width: 690px;

}

.two-addition  {

width: 330px;

}


.three-addition  {

width: 210px;

}

.four-addition  {

width: 145px;

}

.theme-7 {

width: 210px;

 }

}




@media screen and (max-width: 767px) and (min-width: 576px) {

.one-addition  {

width: 510px;

}

.two-addition  {

width: 240px;

}


.three-addition  {

width: 145px;

}

.four-addition  {

width: 240px;

}

.theme-7 {

width: 235px;

 }

}




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

.one-addition  {

width: 400px;

}

.two-addition  {

width: 400px;

}


.three-addition  {

width: 400px;

}

.four-addition  {

width: 400px;

} 

.theme-7 {

width: 255px;

 }

}






 














 










 
 






.products-place {
 /*
margin-left: auto;
margin-right: auto;
*/
}



/* 
.products-place-2:nth-child(2n) [class*="ivicnjak-"], .products-place-2:nth-child(2n) [class*="ivicnjak-"] *:not([class*="plavo"]) {

color: #ffffff;  
background: #0d0d0d; 
}  
*/ 


/*
.products-place-2 [class*="ivicnjak-"], .products-place-2 [class*="ivicnjak-"] *:not([class*="plavo"]) {

color: #ffffff;  
background: #0d0d0d; 
 
}  
*/



/* 
.logo-firme, .sticky-nav.bg-nav .navbar-brand .logo-firme    {
margin-top: 12px !important;
margin-bottom: 12px !important; 
border: 1px solid red; 
} 
*/
 


 


#logo-design {  
 
/* min-height: 84px; */
min-height: 64px;
display: flex;
align-items: center;

}
 
 
  
 
 






 
 
 
 
.animated-icon1 span { 
background: #0d0d0d;
} 
 
 
 
#navrhu .bg-nav:not(.sticky-nav.bg-nav), #navrhu .bg-nav #showdrops:not(.sticky-nav.bg-nav #showdrops), 
#navrhu .nav-mega-menu:not(.sticky-nav.nav-mega-menu), #navrhu .bg-nav #showdrops-2:not(.sticky-nav.bg-nav #showdrops-2) {


 
  
background: #ffffff;
 

  
 


}
 
 





 



 
#navrhu .bg-nav .nav-link:not(.sticky-nav.bg-nav .nav-link), #navrhu .bg-nav .nav-link:not(.sticky-nav.bg-nav .nav-link):hover,
#navrhu .bg-nav .brand-btn:not(.sticky-nav.bg-nav .brand-btn) {
color: #0d0d0d;

}


@media only screen and (min-width: 992px)  {

#navrhu-first  #showdrops:not(#navrhu-first .sticky-nav #showdrops),  #navrhu-first  #showdrops-2:not(#navrhu-first .sticky-nav #showdrops-2)   {
 
 /* background-color: transparent; */
 
  background-color: #212121;
 
  } 

}

 


/* 
Za slucaj da sticky-nav treba da bude iste boje kao bg-nav PS:osim teme stila 3

.sticky-nav.bg-nav, .sticky-nav.bg-nav #showdrops, .sticky-nav.bg-nav #showdrops .nav-link,
 .sticky-nav.bg-nav .nav-link, .sticky-nav #stickycart .korpa-dugme * {
background: #ffffff !important;
}
.sticky-nav.bg-nav .nav-link, .sticky-nav.bg-nav .nav-link:hover,
  .sticky-nav.bg-nav .brand-btn, .sticky-nav #stickycart .korpa-dugme * {
color: #0d0d0d !important;
}


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

.sticky-nav .navbar-nav, .sticky-nav .nav-link  {
background: #ffffff !important;
 
  }

.sticky-nav .animated-icon1 span  {

background: #0d0d0d !important;

 }

} 
*/


.wish-list-form, .remove-wish-list-form {

font-size: 1rem;

}





.submit-wish, .submit-wish:focus  {
background: none;
border: none;
outline: none;
}






.wish-list-form i.fa, .remove-wish-list-form i.fa {
color: #dc143c;
-webkit-text-stroke: 1px #dc143c;
}


.wish-list-form i.fa.no-fa-heart {
color: #ddd;
-webkit-text-stroke: 0.75px #dc143c;
font-size: 1rem;
-webkit-text-fill-color: #ddd;
}




nav .wishlist-link .fa.no-fa-heart {
color: #ffffff;
-webkit-text-stroke: 1px #0d0d0d;
}


nav .wishlist-link .fa.yes-fa-heart {
color: #0d0d0d;
-webkit-text-stroke: 0.5px #ffffff;
}




.sticky-nav .wishlist-link .fa.no-fa-heart {
color: #dc143c !important;
-webkit-text-stroke: 1px #ffffff !important;
}


.sticky-nav .wishlist-link .fa.yes-fa-heart {
color: #ffffff !important;
-webkit-text-stroke: 0.5px #dc143c !important;
}








.wish-list-form, .remove-wish-list-form {
width: auto;
position: absolute;
padding: 2px 3px;
cursor: pointer;
z-index: 12;
}

 






.wish-list-form, .remove-wish-list-form {
top: 0px;
left: 16px;
}
/*
@media screen and (max-width: 575px) and (min-width: 450px) {
.wish-list-form, .remove-wish-list-form {
left: 26%;
  }
}

@media only screen and (max-width: 449px) {
.wish-list-form, .remove-wish-list-form {
left: 19%;
  }
}
*/

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

.products-place {
width: 295px;
margin-left: auto;
margin-right: auto;
  }

.wish-list-form, .remove-wish-list-form {
left: 20px;
  }

}





.entered-search i.fa-search {
/*
transform: translate(1px,-1px);
*/
}


.chat-info-count {
 
position: relative;
top: -9px; 
left: 1px; 
font-size: 11px; 
 

}


 
.chat-ripples #mymsg .chat-info-count {
left: 10px;
top: -12px;
}





.chat-ripples {
 
position: relative;
bottom: 18px;
right: 4px;
display: inline;
max-width: 312px;
background: #ffffff;
color: #0d0d0d;
 visibility: hidden;
}


@media only screen and (min-width: 576px) {

.chat-ripples  {
width: 52px;
height: 52px;
 }
 
  .chat-ripples i.fa {

position: absolute;
top: 50%;
left: 50%;
bottom: auto;
transform: translate(-50%,-50%);
font-size: 21px !important;
 
   }
 
 }



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


.chat-ripples #mymsg .chat-info-count {
left: 7px;
top: -9px;
}


.chat-ripples  {
width: 36px;
height: 36px;

 
 }
 
 
 .chat-ripples i.fa {
position: absolute;
top: 50%;
left: 50%;
bottom: auto;
transform: translate(-50%,-50%);
font-size: 12px;

 }


}





.chat-ripples:before,
.chat-ripples:after {
  content: '';
  display: block;
  position: absolute;
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0;
  border: 1px solid  #ffffff;
  border-radius: 50%;
}

  
.chat-ripples:before {
  animation: chat-btn-ripple 2s linear infinite;
}

.chat-ripples:after {
  animation: chat-btn-ripple 2s linear 1s infinite;
}
 


 
 
@keyframes chat-btn-ripple {
  0% { transform: scale(1); }
  50% { transform: scale(1.3); opacity:1; }
  100% { transform: scale(1.6); opacity:0; }
}




footer {

position: relative;
z-index: 0;

}

footer * {
z-index: 5;
}



.footer-wave  {
/*
  position: relative; 
  z-index: 2;
 background-color: #0d0d0d; 
*/
 
}

/*
@keyframes waveAnimation {
from { opacity: 0.5;  }
to { opacity: 1;  }
}
*/


canvas.waterwave-canvas {
/*
box-shadow: 0px 1px 10px #0d0d0d inset;
margin-bottom: -12px;
margin-top: -60px;
*/ 
/* animation: waveAnimation 3s infinite alternate ; */ 

-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);

position: absolute;
bottom: 0;
z-index: 2;
/*
left: -15%;
width: 114.98%;
*/
width: 100%;
 max-height: 180px; 

 
/* background: repeating-linear-gradient(90deg, #0d0d0d 1px, #ffffff 2px); */
/*  background: repeating-linear-gradient(84deg, #0d0d0d 1px, #ffffff 3px);  */
/*   background-image: repeating-linear-gradient(84deg, #0d0d0d 1px, #ffffff 3px);  */
/* background: linear-gradient(180deg, #0d0d0d, #ffffff);    */

  background: linear-gradient(180deg, #ffffff 15%, #0d0d0d 80%);  


/* background: linear-gradient(180deg, #0d0d0d 20%, #ffffff 20%, #0d0d0d);  */


  
 
}



.datas-for-canvas {

 background-color: #0d0d0d; 
/* background-color: #ffffff; */
 
}


 
svg#svg-wave-2 {



  height: 240px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
 
}


/* 
#wave-2 {

stroke:  #0d0d0d;
fill: #ffffff;
    stroke-dashoffset: 0;
    stroke-dasharray: 0;
    stroke-width: 1;
   stroke-linecap: round;
} 
*/



nav span.count {
min-width: 32px;
display: inline-block;
text-align: center;
} 


.body-photo-carousel {

  padding-bottom: 45px; 
  
}

 .stage-photo-carousel  {
   margin-top: -70px;
  width:100%;
  height: 500px;
  transform-style: preserve-3d;
  user-select:none;
  overflow:hidden;
}



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

.body-photo-carousel {
  padding-bottom: 20px; 
 }
.stage-photo-carousel  {
 height: 400px;
 margin-top: -50px;
 }

}




 .ring-photo-carousel, .bg-image-photo-carousel {
  width:100%;
  height: 100%;
  transform-style: preserve-3d;
  user-select:none;
 
}

 
.stage-photo-carousel div, .stage-photo-carousel svg {
  position: absolute;
   text-align: center;
}


.container-photo-carousel {
position: relative;
  perspective: 1225px;
  width: 255px;
  height: 340px;  
  left:50%;
  top:50%;
  transform:translate(-50%,-50%); 
}

 .bg-image-photo-carousel {
background-repeat: no-repeat;
background-size: cover;

}



.filter-p-hidden #domet {
visibility: hidden;
}


.navbar-collapse { 

/* border-top: 5px solid transparent; */
 
}



.video-div-home {

position: relative;
width: 100%;
max-height: 492px;
overflow: hidden;
 
}



#myVideo-f {

   position: relative;
   width: 100%; 
   height: auto;
   max-height: 492px;  
   object-fit: fill;

}

.content-f {
  position: absolute;
  bottom: 36px; 
 /* background: rgba(0, 0, 0, 0.5);  */
  color: #f1f1f1;
  width: 100%;
  padding: 0px 20px;
text-align: center;

}

#myBtn-f {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  outline: none;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
  
}

#myBtn-f:hover {
  background: #ddd;
  background: rgba(255, 255, 255, 0.5);
  color: #000;
}


.breadcrumbs-one, .breadcrumbs-one:hover {
color: #0d0d0d;
/* font-size: 0.85rem; */
}


.breadcrumb-item.active span {
color: #0d0d0d;
opacity: 0.8;
}



.top-design-part {
min-width: 318px;

}




 
#navrhu-first nav.general-nav.bg-nav.navbar-size-2:not(nav.sticky-nav.bg-nav.navbar-size-2) {
background: #212121;
/* background: linear-gradient(to bottom left, #1a1a1a, #111); */
/* background: rgba(0,0,0,0.92); */
}

/*
#navrhu-first nav.general-nav.bg-nav.navbar-size-2:not(nav.sticky-nav.bg-nav.navbar-size-2)::-webkit-scrollbar-track {
  background: rgba(255,255,255,0.02);
}
 
 
#navrhu-first nav.general-nav.bg-nav.navbar-size-2:not(nav.sticky-nav.bg-nav.navbar-size-2)::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.08);
}

 
#navrhu-first nav.general-nav.bg-nav.navbar-size-2:not(nav.sticky-nav.bg-nav.navbar-size-2)::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,0.14);
}
*/




 
#navrhu-first .bg-nav .collapsing:not(#navrhu-first .bg-nav .drop-show .collapsing),  #navrhu-first .bg-nav .collapsing:not(#navrhu-first .bg-nav .drop-show-2 .collapsing) {
  
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
 
}
 

 









.bg-anim li.breadcrumb-item::before {

color: #0d0d0d;

}















textarea.autosize {
 
  resize: none;
  overflow: hidden;
}





.zavesa-reklame  {

width: 100%;
height: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
background: rgba(0,0,0,0.5);
user-select: none;
cursor: pointer;
z-index: -1;
opacity: 0;
animation: skok-reklame 0.6s ease forwards;
}
  

@keyframes skok-reklame {
0% {  opacity: 0; z-index: -1; }
100% { opacity: 1; z-index: 4000; }
}
  
  
  
 
 .reklame-sa-slikama  {
 position: relative;
 top: 50px;
 left: 50%;
 transform: translateX(-50%);
 width: 600px;
 max-width: 100%;
 max-height: 600px;
 
 }
 
 
  .reklame-sa-slikama::after  {
  content: 'X';
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 7px 14px;
  background: #2e2e2e;
  color: #fff;
  font-size: 26px;
  line-height: 1;
  
  }
 
 
 .slika-na-reklami {
 cursor: auto;
 width: 100%;
 height: 100%;
 max-height: 100vw;
 }





 
 
 
 
.my-custom-file-input::-webkit-file-upload-button,  .my-custom-file-input::file-selector-button {
   
  visibility: hidden;
  display: none;
  
}


.my-custom-file-input {
 display: inline-block;
 width: 400px;
 max-width: 0%;
 float: left;
 
  margin-right: 1%;
  margin-left: 6%;
  font-size: 12px;
  color: #dc143c; 
  
 }

 
 
 



label.label-for-input-file    {
float: left;
display: inline-block;

max-width: 70%;
 
}


label.label-for-input-file i.fa {

margin-top: 22px;
padding-left: 5px;
padding-right: 5px;
cursor: pointer;
}









.my-custom-file-input22 {
display: block;
max-width: 25px;
margin-left: 26px;
margin-right: 25px;
margin-top: 23px;
 color: #dc143c; 
   
}



.my-custom-file-input22::before {
  
   
 font-family: FontAwesome;
 content: "\f0c6";
  color: #dc143c; 
  cursor: pointer;
   
  margin-right: 25px;
   width: 25px; 
 
  
}


.my-custom-file-input22:hover::before {
 opacity: 0.85;
}

 
  
 
 
 

a.boja-linka-ceta {
 
background: #ffffff;
color: #dc143c;
display: block;
opacity: 0.9;

}




  
  
  
  





  
  

 
  





[class*="modal-content"] {

border: none;
border-radius: 0px;

}




@media only screen and (min-width: 1200px) { 

[class*="modal"] {

overflow: hidden;
height: 100vh;
margin: auto auto;
-webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  }


[class*="modal-content"] {
position: absolute;
top: 3.2%;
top: 3.2vh;
left: 50%;
transform: translate(-50%);
width: 52%;
height: 80%;
height: 80vh;
border-radius: 2px;
  }


#img01, #img02, #img03 {
width: 52%;
height: 80%;
background-color: #ddd;
  }


 
 .when-big-img-wraper {

position: absolute;
top: 86%;
top: 86vh;
left: 50%;
transform: translateX(-50%);
width: 52%;
text-align: center;
background: #ffffff;
padding-top: 4px;
padding-bottom: 4px;
border-radius: 2px;
 }
 
 
 

.when-big-img {   
cursor: pointer;
display: inline-block;
/*  margin: 8px 60px 8px -40px; */
width: 80px;
height: 64px;
height: 10vh;
margin: auto 3px auto 3px;
 
  }


.when-big-img img { 
  height: 100%;
  width: 100%;
  background-color: #eee;
  }

 
}










 
 /*
  
 .container,   .logo-firme, #logo-design {
 border: 1px solid black;
 }



#dugmad .btn-design.btn, .nav-link, #dugmad  {
    border: 1px solid red !important;  
}


.main-content {
background: black !important;
}

.bg-nav {
 border: 1px solid orange !important;  
}
 
 */
 
 

 
 
 
 
 
 
 
@media only screen and (max-width: 991px) {
nav.bg-nav .navbar-collapse.show    {
 padding-bottom: 225px;
 } 
 
} 
 
 
 
 #tragajte * {
font-style: normal;
}


.chat-form button.btn:not(.chat-form button.btn.chat-ripples) {
/*
display: none;
opacity: 0;
*/
}
 
 
 
 
 
  
  
 
 
 
 
    
 
 
 
.my-custom-nav .nav-item.dropdown.korisnik-dropdown .nav-link.dropdown-toggle {
  text-decoration: none;
} 
 
 
 
 
 
 
 
 
 
 
 
 
 
 @media screen and (max-width: 767px) {
  [data-aos] {
    pointer-events: auto !important;
    opacity: 1 !important;
    transform: none !important;
  }
}
 
 
 
.filter-dekoracija  {

transform: scale(0.95);

}
  
  

/*

*/


  
  @media only screen and (min-width: 1200px) {
 .col-xl-2-5 {
  min-width: 20% !important;
  width: 20% !important;
  max-width: 20% !important;
  }
  
 } 
  
  
  
  
  

.six-products-img .theme-7, .five-products-img .theme-7 {

max-width: 100%;

}
 
 





/* 
 .main-content {
 box-shadow: 0 0 490px #ccc inset !important;
 }
 
  [class*="ivicnjak-"] {
  box-shadow: 0px 0px 60px #f2f2f2 inset !important;
   }
   
 */
 
 
 
 #tragajte .all-material-icons.mat-search-icon   {
 
 font-size: 21px;
  
 
 }
 
 
 .entered-search .all-material-icons.mat-search-icon  {
 
  font-size: 15px;
   
 }
 
 
 #dugmad #tragajte.btn-design.menu-html-8 i {
display: inline;
}
 
 
 







 



.stil-discount-ribbon-2 [class*="snizenje-"] {
  --f: .5rem; /* control the folded part */
  
  position: absolute;
  top: 0;
  right: 0.9rem;
  line-height: 1.8;
  padding-inline: 1lh;
  padding-bottom: var(--f);
  border-image: conic-gradient(#0008 0 0) 51%/var(--f);
  clip-path: polygon(
    100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)), 0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));
  transform: translate(calc((1 - cos(45deg))*100%), -100%) rotate(45deg);
  transform-origin: 0% 100%;
   background: #dc143c;
  z-index: 998;
}

.stil-discount-ribbon-2 [class*="snizenje-"] span {
font-size: 0.9rem;
  padding: 0 0.9rem;
 color: #ffffff;
  
}





.stil-discount-ribbon-1 [class*="snizenje-"] {
  /* Modify size here: */
  --size: 3.025rem;

  position: absolute;
  background: #dc143c;
  height: var(--size);
  width: var(--size);
  border-radius: 3.025rem;
  right: 5px;
  top: -10px;
  z-index: 998;
}

.stil-discount-ribbon-1 [class*="snizenje-"]:before,
.stil-discount-ribbon-1 [class*="snizenje-"]:after {
  content: '';
  position: absolute;
  border-bottom: calc(var(--size) * 0.7) solid #dc143c;
  border-left: calc(var(--size) * 0.4) solid transparent;
  border-right: calc(var(--size) * 0.4) solid transparent;
  top: calc(var(--size) * 0.7);
  left: calc(var(--size) * -0.1);
  transform: rotate(-140deg);
}

.stil-discount-ribbon-1 [class*="snizenje-"]:after {
  left: auto;
  right: calc(var(--size) * -0.1);
  transform: rotate(140deg);
}

.stil-discount-ribbon-1 [class*="snizenje-"] span {
color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 0.8125rem;
}





 
 
.stil-discount-burst-8 [class*="snizenje-"] {

 display: inline-block;
 position: absolute;
 right: 10px;
 top: -7px;
 background: #dc143c;
  width: 2.375rem;
  height: 2.375rem;
  text-align: center;
  z-index: 998;
  transform: rotate(20deg);
}


.stil-discount-burst-8 [class*="snizenje-"]:before {

  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 2.375rem;
  width: 2.375rem;
   background: #dc143c;
  transform: rotate(135deg);
   
}
 
 
 .stil-discount-burst-8 [class*="snizenje-"] span {
 
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 font-size: 0.875rem; 
 color: #ffffff;
 font-weight: bold;
 
 }
 
 .stil-discount-burst-8 [class*="snizenje-"] span {
 
 transform:  translate(-50%, -50%) rotate(-20deg);
 
 }
 
  @media only screen and (max-width: 575px) {
  
.stil-discount-burst-8 .two-place-on-mobile [class*="snizenje-"] {
 
 transform: translateX(0px) rotate(20deg);
 
   }
   
} 
 
 
 
 
 
 
 
 
 

  
  
  
  
  
  
  
  

 
.opisnik .description * {
 margin: 1px;
 padding: 1px;
 line-height: 1;
 }
 
 
 .opisnik .description br, .about-column br, .post-text br, .post-blog-tema-3 br  {
 display: none;
 }







.iconsvg.heart-icon {
stroke: #dc143c;
fill: #ddd;
}


.iconsvg.heart-icon.da-fa-heart {
fill: #dc143c;
}


.iconsvg.heart-icon.yes-fa-heart {
fill: #dc143c;
}




nav .iconsvg.heart-icon.no-fa-heart {
stroke: #0d0d0d;
fill: #ffffff;
}

nav .iconsvg.heart-icon.yes-fa-heart {
stroke: #ffffff;
fill: #0d0d0d;
}


.sticky-nav .iconsvg.heart-icon.no-fa-heart {
stroke: #ffffff;
fill: #dc143c;
}

.sticky-nav .iconsvg.heart-icon.yes-fa-heart {
stroke: #dc143c;
fill: #ffffff;
}


.design-top-two #top-carousel  {
 display: flex !important;
 align-items: center;
}

/*
.bg-buttons  {
background: #0d0d0d !important;
}

.bg-buttons * {
background: #0d0d0d !important;
color: #ffffff !important;
}
 */
 





 


.opisnik .wish-list-form, .opisnik .remove-wish-list-form {
position: static;
min-width: 25px;
font-size: 19px;
padding: 0 0 0 0;

order: -500;
}


.opisnik .wish-list-form *, .opisnik .remove-wish-list-form * {
padding: 0 0 0 0 !important;
font-size: 19px !important;
/*
  text-shadow:
  -1px -1px 0 #000,   
    1px -1px 0 #000,
    -1px 1px 0 #000,  
     1px 1px 0 #000; 
  */

}



.opisnik .wish-list-form i.fa.no-fa-heart {
color: #fff;
-webkit-text-stroke: 2px #000;
-webkit-text-fill-color: #fff;
}


.opisnik .iconsvg.heart-icon {
width: 21px !important;
height: 21px !important;
}



.opisnik .star-icon {
font-size: 17px;

}

 
 .hide-products-place {
 display: none;
 }
  
  
 

 
 
 
   .opisnik .div-boja-artikla-2 {
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 16px;
 margin-left: 0px;
 }
 
 
 
 
   .opisnik .span-boja-artikla  {
 margin-top: 0px;
 margin-right: 10px;
 margin-bottom: 10px;
 margin-left: 0px;
 padding: 0 0 0 0;  
  
 }
 
 
 .span-boja-artikla {
 /*  :not(.opisnik .span-boja-artikla)  bilo pre  */
 border: 1px solid #ddd; 
 }
 
  
 
 
 @media screen and (max-width: 767px) and (min-width: 576px)  {
 .opisnik {
 padding-left: 45px !important;
 
 }
 
 }
 
 
 
 
 
 
 

.plan-one .star-icon, .plan-one #all, .plan-one #domet,
.plan-one .ct-topbar, .plan-one .on-filters, .plan-one form.chat-form,
 .plan-one .redosled-select, .plan-one .wishlist-link,
 .plan-one .wish-list-div, 
.plan-one .products-place .wish-list-form, .plan-one .products-place .remove-wish-list-form {
display: none !important;
}


.plan-two .ct-topbar, .plan-two .on-filters, .plan-two form.chat-form {
display: none;
}

 
 
  
 
 
 
    



 



  
 
   
 
 
 
  
 
 
 
 
 






 
 
 
  .nula {
 background: #dc143c !important;
 color: #ffffff !important;
 }
  
 
 
 
  .sticky-nav .nula {
 background: #00cc66;
 color: #fff;
 }
 
  
 
 
 
 
 
 
 /*
#navrhu .top-header-website-section  {
background: transparent;

}
  
#navrhu .top-header-website-section .container    {
clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);

}
*/
   
/*
.top-carousel-container {
clip-path: polygon(2% 0, 100% 0%, 98% 100%, 0% 100%);
position: relative;
width: 92vw;
min-width: 92vw;
max-width: 100%;
}
*/

@media only screen and (min-width: 768px) { 

.border-desktop {
box-shadow: 0 2px 8px #ddd;

}




  .col-grid-3   {
background-color: #2e2e2e;
}

  .col-grid-4   {
background-color: #e3be9c;
 
}

 .dacin-kontejner .col-grid-3 .card  {
 width: 400px !important;
 max-width: 90% !important;
 margin-left: auto;
 margin-right: auto;
 }

}


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

.border-mobile {
box-shadow: 0 2px 8px #ddd;

}

}


.col-grid-4 .card {
background-color: #e3be9c;
}


.col-grid-3 .card {
background-color: #396060;
color: white;

}


.grid-text-3 {
/*
background-color: #ffffff;
*/
}


.dacin-kontejner {
opacity: 0;
animation: dacina-animacija 1.2s forwards;
animation-delay: 1.3s;
}

@keyframes dacina-animacija {
from { opacity: 0; }
to { opacity: 1; }
}

 
 
 
 
 
 
 
 
 





.brand-btn {
min-width: 165px;
}

.sticky-nav .brand-btn {
display: none;
}
 
 
 
  @media only screen and (min-width: 768px) { 
 
 .filters-table {
 font-size: 90%;
   }
 
 }



#first-lang {
font-style: normal;
}


#first-flag {
margin-top: -3px;
}



/*
#plan-ovog-sajta #dugmad .btn-design, #plan-ovog-sajta #phone-design .btn-design   {   

background: revert !important;
color: revert !important;

}
*/






 
 
 
 
 #showdrops-2 {

position: absolute;
top: 100%;
z-index: 2000;
border-top: 1px solid #e5e5e5;
padding: 8px 5px;
background: #ffffff;
 
}
 
 
  @media only screen and (min-width: 992px) {
  
  .drop-show, .drop-show-2 {
  align-items: flex-start !important;
  }
  
  .drop-show .nav-item.dropdown, .drop-show-2 .nav-item.dropdown {
  justify-content: flex-start !important;
 /* padding: 1px 7px; */
  /*border-top: none !important;*/
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Suptilna senka */
     }
     
   
  #showdrops .nav-link, #showdrops-2 .nav-link {
        width: 100%;
        }
        
        
    nav.bg-nav .drop-show .rotate-collapsed.dropdown-toggle, nav.bg-nav .drop-show-2 .rotate-collapsed.dropdown-toggle {
  pointer-events: none;
        }
       
        nav.bg-nav .drop-show:hover .collapse, nav.bg-nav .drop-show-2:hover .collapse {
   display: block !important;
   }
   
    #showdrops, #showdrops-2,  #showdrops .dropdown-menu, #showdrops-2 .dropdown-menu {
  
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
   
  }
  
  
   #showdrops .nav-link, #showdrops-2 .nav-link {
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 12px;
  padding-bottom: 12px;
   
  }
  
  
  
  #showdrops .dropdown-item, #showdrops-2 .dropdown-item {
  margin-bottom: 0;
  margin-top: 0;
 padding-top: 13px;
  padding-bottom: 13px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Suptilna senka */
  }
 
 
 
  
     .sticky-nav  #showdrops .dropdown-item, .sticky-nav #showdrops-2 .dropdown-item {
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important; /* Suptilna senka */
     }
 
   .sticky-nav .drop-show #showdrops .nav-item.dropdown, .sticky-nav .drop-show-2 #showdrops-2 .nav-item.dropdown {
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
     border: unset !important;
      
     }
     
   .sticky-nav  #showdrops, .sticky-nav #showdrops-2, .sticky-nav #showdrops .dropdown-menu, .sticky-nav  #showdrops-2 .dropdown-menu {
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
      border: unset !important;
     }
  
 
  
  
  
    
  #showdrops .nav-link, #showdrops-2 .nav-link {
  font-size: 85%;
  }
  
  #showdrops .dropdown-item, #showdrops-2 .dropdown-item {
  font-size: 75%;
  }
  
    
  
   
   
  }    /*  kraj css za desktop 992 za dropdown meni za proizvode i usluge  */
  
  
  
  
  
  
  
  #showdrops, #showdrops-2,  #showdrops .dropdown-menu, #showdrops-2 .dropdown-menu,
  #showdrops .dropdown-item, #showdrops-2 .dropdown-item {
  border: unset !important;
  }
  
  
  
  
  
  .drop-show:hover .dropdown-toggle::after, .drop-show-2:hover .dropdown-toggle::after {
 
 transform: translateY(-1px) rotateZ(180deg);
 
}
   
  
  
  
 
  
  #employeeSelect {
  width: 50%;
  max-width: 125px;
  margin-right: auto;
  margin-left: auto;
 
  }
  
   #employeeSelect {
  display: none;
  }
  
  .booking-form [class*="plavo-"] {
   transition: 0.3s ease;
  }
  
  
  .booking-form [class*="plavo-"]:hover {
   transform: translateY(-3px);
  }
  
  
   
   
   
   
  
  
  #move-panel-top-info {
  color: #1a1a1a;
  }
  
 
 
 
 
 
 
 
 
.products-place {
    display: flex !important;              
    flex-wrap: wrap !important;              
      gap: 1px !important;                 
}

[class*="prikaz-okvir-"] {
    display: flex !important;                
    flex-direction: column !important;       
    min-height: 200px; /* Postavi minimalnu visinu kartice */
    background-color: #fff;        
    box-sizing: border-box;       
     padding: 0px;               
}

[class*="ivicnjak-"] {
    flex-grow: 1   !important;             /* Puni preostali prostor unutar kartice */
    display: flex !important; 
    flex-direction: column !important;       /* Sadržaj u kartici vertikalno */
}

[class*="prikaz-okvir-"] img {
    width: 100% !important;                  /* Slika zauzima celu širinu kartice */
    height: auto    !important;              /* Zadrži proporcije slike */
    object-fit: cover !important;            /* Pokrij sliku sa pozadinom */
}

[class*="prikaz-okvir-"] [class*="plavo-"] {
    margin-top: auto !important;             /* Poravnaj detalje na dnu kartice */
}


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

.newsletter-container tr td, .newsletter-container tr th {
display: block !important;
width: 100% !important;
 }

}


.newsletter-container tr td, .newsletter-container tr th {
border-right: 10px solid transparent;

   
}

.newsletter-container {
margin-bottom: 10px;
}



.newsletter-container img {
border-radius: 0.35rem;
}