/*---------- GENERAL STYLES ----------*/
body {
	/* font-family: 'Poppins', sans-serif;*/
	 font-family: 'Roboto Condensed', sans-serif;
	 font-size: 14px; 
	 margin: 0;
	 padding: 0;
	 color: var(--body_color); 
	 background-color: var(--body_bg);
	 font-weight: 400;
 }  

 .padding-v-20 { 
 	padding-top: 20px; 
 	padding-bottom: 20px; 
 }

/* SLIDER DEVICE FLAGS */
.JSsliderDeviceFlag[data-device='1'], .JSsliderDeviceFlag[data-device='2'] {
    display: block;
}
.JSsliderDeviceFlag[data-device='3'], .JSsliderDeviceFlag[data-device='4'] {
    display: none;
}
#main-menu li:hover ul {
	display: block;
}
/* reference page wrapper*/
.reference_page_wrapper {
	float: left;
	display: flex;
	justify-content: center;
}
.reference_page_wrapper img {
	max-height: 150px;
}
/* reference page wrapper end*/
/****************************/
/*sekcije kod*/
.bg-img {
    padding-top: 50%;
    background: center / cover no-repeat;
}
/******************/
/*BANNERS */
.banners a { 
    padding-bottom: 10px;  
    max-height: 240px;
}
.banners img {
    max-height: 230px;
}

.banners img:hover, .txt_banner:hover, .gallery-ban div:hover { opacity: .7; }

/**************/
.gallery-ban {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(9, auto); 
    grid-template-rows: repeat(2, 1fr);
}
.gallery-ban .bg-img:nth-child(1) {
    grid-column: 1 / 4;
    grid-row: 1 / 5;
} 
.gallery-ban .bg-img:nth-child(2) {
    grid-column: 4 / 8;
    grid-row: 1 / 3;
} 
.gallery-ban .bg-img:nth-child(3) {
    grid-column: 8 / 10;
    grid-row: 1 / 3;
} 
.gallery-ban .bg-img:nth-child(4) {
    grid-column: 4 / 6;
    grid-row: 3 / 5;
} 
.gallery-ban .bg-img:nth-child(5) {
    grid-column: 6 / 10;
    grid-row: 3 / 5;
} 
.gallery-title {
    position: absolute;
    bottom: 30px;
    left: 15px;
    width: calc(100% - 30px);
    font-size: 180%;
}
/**************/
/*--- GALLERY SLIDER ---*/ 
.gallery_slider a {
    border: 1px solid transparent;
    padding: 5px;
}
.gallery_slider .slick-slide > div {
	padding: 10px;
}
.gallery_slider img {
	max-height: 100px;
}
.gallery_slider .JSimg-gallery { 
   transition: .2s ease-in-out; 
   -webkit-transition: .2s ease-in-out; 
}
.gallery_slider .galery_Active, .gallery_slider .JSimg-gallery:hover {
   transform: scale(1.05);
   border: 1px solid var(--global_color);
}
.JSmain_img {  
  transition: 0.3s;
  padding: 5px;
}
.JSmain_img:hover { opacity: 0.7; }

/* .main_imgGallery { height: 510px; } */

.main_imgGallery .JSmain_img { max-height: 500px; }

.gallery_slider img {
    padding: 5px;
    cursor: pointer;
}
.gallery_slider {
    grid-template-columns: repeat(10, 1fr);
}
.JSmodal {
    display: none;
    position: fixed;
    z-index: 61;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; 
    background-color: rgba(0,0,0,0.9);
}
.full-screen {
    height: 100%;
}
.modal-cont {
    margin: auto;
    display: block;
    max-width: 100vw;
    width: 90%;
    /*max-height: 90%;*/
    overflow: hidden; 
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}  
/****************/
.modal-cont .btn {
    border: 1px solid rgba(255,255,255, .2);
    position: absolute;
    top: 50%;
    left: 1px;
    z-index: 1;
    padding: 0;
    width: 30px;
    height: 50px;
    color: #fff!important;
    margin-top: -25px;
    display: none;
    background: rgba(0,0,0, .8);
} 
.modal-cont .JSright_btn {
    left: unset;
    right: 1px;
}
/****************/
.modal-cont img {
    max-height: 95vh;
    background: #fff;
    cursor: pointer;
}
@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}  
.JSclose-gallery-modal {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 10px;
    color: #fff;
    font-size: 25px!important;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    text-shadow: 0 0 2px #000;
}
.JSclose-gallery-modal:hover {
    opacity: .7; 
}
/****************/
.slider-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.slider-btn-link, .slider-btn-link:hover, .slider-btn-link:active {
    background-color: var(--blue)!important;
}
.slider-btn-link {
    border-color: var(--blue)!important;
}
/*sekcije kod end*/
/************************/
 .row>* {
 	padding-left: 0;
 	padding-right: 0;
 }
 .h2, h2 {
 	font-size: 30px;
 }
/*ADDITIONAL CLASS FOR BOOTSRAP 5*/
[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}
/*ADDITIONAL CLASS FOR BOOTSRAP 5*/
 .dropdown-backdrop { display: none; }
 .row, .no-margin { margin: 0; }
 /*.navbar-header{
	 margin: 0;
	 min-height: 0;
	 border: 0;
	 float: none;
 } */
 .for-seo {
	 margin: 0;
	 font-size: inherit;
	 color: #fff;
	 font-family: inherit;
	 font-weight: inherit; 
	 line-height: inherit;
 }
 img {
	 color: #bbb;
	 font-size: 12px;
	 line-height: 1;
	 overflow: hidden;
	 white-space: nowrap;
	 text-overflow: ellipsis;
 }
 .added-functions i {
	 font-size: 20px;
	 padding-right: 5px;
 }
 .added-functions > * {
	 display: flex;
	 align-items: center;
	 flex-direction: row;
	 flex-wrap: wrap;
	 padding: 0 10px 5px 0;
	 cursor: pointer;
	 color: #000;
 }
 .added-functions a {
	 color: #000 !important;
	 text-decoration: none;
 }
 iframe { max-width: 100%; }
 
 #JSQuickView iframe { max-height: 400px; }
 
 .JSleft-body-link, .JSright-body-link{
	 /*border: 3px dashed red; */
	 position: absolute;
	 left: 0; 
 }
 .JSright-body-link { 
	 /*border: 3px dashed #1aff1a; */
	 left: unset;
	 right: 0;
 }
 #favorable_price .modal-title {
	 font-weight: 400;
 }
 
 /*.mp_locations li[value='Svetogorska 9, Beograd']:last-child {
	 display: none;
 }*/
 /*===================*/
 .capcha {
	 border: 1px solid #ddd;
	 background: #f2f2f2;
	 padding: 7px 0;
	 margin: 18px 0;
	 border-radius: 5px;
	 box-shadow: 1px 1px 5px #ccc;
 }
 .cart-page .capcha {
 	margin: 70px 0 18px 0;
 }
 .capcha input[type="text"]{
	 width: auto;
	 display: inline-block;
	 margin: 0 5px;
 }
 .capcha img{ margin: 0 5px 10px; }
 /*====================*/
 
 /*INLINE BLOCK*/
 .inline-block, .JSlevel-1 li a, #main-menu li a, .logins li a, .top-menu-links li a, #logged-user, #logout-button { 
	 display: inline-block; 
 }
 
 .relative { position: relative; }

 .currency-btn{
	 background-color: var(--currency_bg);
	 color: var(--currency_color);
	 border: 1px solid #ddd;
	 padding: 6px 8px;   
	 font-size: 14px;
 }
 .currency-list li{ border-bottom: 1px solid #ddd; }
 
 .currency-list li a{ 
	 padding: 3px 10px;
	 font-size: 14px;
 }
 .currency-list {
	 margin: 0;
	 padding: 0;
	 min-width: 115%;
	 z-index: 5;  
 }
 #newsletter-contact li, #newsletter-contact a {
	 color: #fff;
 }
 #newsletter-contact ul {
	 margin: 15px 0;
 }
 #newsletter-contact a:hover {
	 color: #0077B5;
 }
 
 /*======================*/
 
 .dr-cont{ 
	margin-left: auto;
	margin-right: 10px;
	cursor: pointer;
}
 .dr-content{
	position: absolute;
	display: none;
	left: 0;
	top: 30px;
	width: 100%;
	background: #0b2d33;
	border: 1px solid #fff;
	box-shadow: 0 0 3px rgba(0,0,0,.4);
	z-index: 1; 
	min-width: 80px;
 }
 .dr-content li a{
	 color: #fff;
	 border-bottom: 1px solid #ddd;
	 margin: 5px;
 }
 .dr-content li a:hover{
	color: #c0c0c0;
 }
 .dr-content li:last-child a{
	 border: none;
 }
 .dr-cont:hover .dr-content, .dr-content li a{
	 display: block;
 }
 .dr-text{
	color: #fff;
 }
 .dr-text:hover{
	color: #c0c0c0;
 }

 /*.logins li a{  padding: 5px 20px; }*/
 
 .pagination { margin: 2px 0; vertical-align: middle; }
 [class*="col-"]{ min-height: 0; }
 .pagination li a {
	 font-size: 12px;
	 background-color: var(--pagination_bg);
	 margin-left: 4px;
	 display: inline-block;
	 vertical-align: top;
	 min-width: 34px;
	 line-height: 32px;
	 padding: 0 10px;
	 border: 1px solid #dddddd;
	 border-radius: 4px;
	 -webkit-border-radius: 4px;
	 transition: .2s;
	 -webkit-transition: .2s;
	 text-align: center;
	 color: #333;
	 display: flex;
	 align-items: center;
	 justify-content: center;
 }
 .pagination .page-link {
 	padding: 0 10px;
    height: 100%;
    display: flex;
    align-items: center;
 }
 .pagination .page-item {
 	margin: 4px;
 }
 .pagination li a:hover, .pagination .active a{
	 color: #fff;
	 background-color: var(--blue);
 }
 .pagination .disabled a:hover{
	 cursor: pointer;
 }
 .btn.focus, .btn:focus, .btn:hover { outline: none; color: inherit;}
 .header-search input[type="text"]:focus{color: var(--gray);}
 .flex{
	 display: flex;
	 align-items: center !important;
	 flex-wrap: wrap;
	 display: -webkit-flex;
	 -webkit-align-items: center;
	 -webkit-flex-wrap: wrap;
 }
 .vert-align{ vertical-align: middle; }
 
 .facebook-btn-share{ line-height: 1; display: flex; display: -webkit-flex; }
 .soc-network{ margin: 0 2px; }
 #main-content hr{
	 margin: 10px 0;
 }
 #main-content .excerptDescription,
 #main-content .page-title{
	padding: 0 20px;
 }

 input[type="checkbox"], input[type="radio"] { margin: 0; }
 
 .nav>li>a:focus, .nav>li>a:hover{ background-color: transparent; }
 
 a:link, a:visited, a:active { text-decoration: none; outline: none; color: var(--a_href_color); }
 a:hover{ color: var(--blue); transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; }
 ul { list-style-type: none; margin: 0; padding: 0; }
 h1, h2, h3, h4, h5, h6 { font-weight: 600;  margin: 0; }
 h1 { font-size: 1.8em; }
 h4 { font-size: 1.2em; }
 h5 { font-size: 1.1em; }
 h6 { font-size: 1em; }
 
 .h2-title{ color: var(--h2_color); }
 
 .heading-background{
	 position: relative;
	 display: block;
	 margin: 0 0 10px;
	 font-size: 24px;
	 color: #000;
	 padding: 5px 0 10px;
	 background-image: url('/images/bg-title-block.png');
	 background-repeat: repeat-x;
	 background-position: left bottom;
	 font-weight: normal;
 }
 /*.h2-container .heading-background:after{
	 content: "";
	 position: absolute;
	 left: 0;
	 bottom: 0;
	 height: 3px;
	 width: 60px;
	 background-color: var(--global_color);
 }*/
 .article-heading {
	 margin: 10px 0;
	 font-size: 200%;
	 color: #222;
	 font-weight: normal;
 } 
 .breadcrumb{
	 margin: 0;
	 background-color: var(--breadcrumb_bg); 
	 letter-spacing: 1px;
	 font-size: 12px;
	 padding: 8px 15px;
 }
 .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
 /*--- FOUNDATION OVERRIDES ---*/
 button, #loginModal .create-acc{
	 padding: 5px 10px;
	 background-color: var(--btn_bg);
	 border: none;
	 transition: background-color 100ms ease-out;
	 -webkit-transition: background-color 100ms ease-out;
	 color: var(--btn_color);
 }
 /*BTN HOVER*/
 .newslett-btn:hover, .add-to-cart-artikal:hover, .btns:hover, .no-registration-btn:hover,
 .cart-page .forward:hover, .legal-person-link-button:hover, .login-form-button:hover, .submit:hover,
 .text-log-and-reg .legal-person-link-button:hover, a.JSreset-filters-button:hover, .submit-btn-edit:hover{
	 background-color: var(--btn_hover_bg);
 }
 /*BTN RADIUS*/
 .btns, .cart-remove-all, .no-registration-btn, .cart-page .forward, #loginModal .create-acc,
 .text-log-and-reg .legal-person-link-button, .login-form-button, .submit, a.JSreset-filters-button, 
 .close-me-btn, #JScompareTable .JSclearCompare,
 .show-compered, .show-compered-active, .submit-btn-edit, button.submit, .tab-titles li button, .JSheader-cart-content .img-wrap,
 .without-btn, .borderay, .elevatezoom-gallery, #available_soon button {
	 border-radius: 5px;
 }
 button:focus, .JSrelated-custom:focus, .JSrelated-custom >*:focus{ outline: none; }
 button.submit { margin: 5px 0; }
  
 input[type="text"], input[type="password"] {
	 width: 100%;
	 margin: 0 0 5px 0;
	 color: #666;
	 padding: 5px 10px;
	 height: 42px;
	 border: 1px solid #ddd;
	 background-color: var(--input_bg_color);
 }
 textarea { resize: none; background-color: var(--input_bg_color); }
 select:not(.JSKamata) {
	 background-color: var(--input_bg_color);
	 height: 42px;
	 padding: 0 7px;
	 color: #747474;
	 width: 100%;
	 border: 1px solid #ddd;
	 position: relative;
	 appearance: none;
	 -moz-appearance: none;
	 -webkit-appearance: none;
 }
 .select2-selection, .select2-container .select2-selection--single, .select2-dropdown {
	 border-color: #ddd !important;
 }
 .select2-selection, .select2-container .select2-selection--single {
	 border-radius: 0 !important;
	 height: 34px !important;
	 margin: 3px 0 !important;
	 
 }
 .select2-container--default .select2-selection--single .select2-selection__arrow {
	 top: 5px !important;
 }
 #JSSelectMesto ~ .caret {
	 position: absolute;
	 right: 22px;
	 top: 42px;
	 border-top-color: #888;
 }
 
 label { 
 	color: var(--label_color); 
 	font-weight: 500;
 }
 .registration-form label:not(.news-reg-checkbox) {
    margin-bottom: 5px; 
    padding-left: 0!important; 
    padding-right: 0!important;
}
 .text-label {
	 color: #800000;
	 text-align: center;
	 font-size: 15px;
	 margin-left: 25px;
	 font-weight: 600;
 }
 
 /*COLOR WHITE*/
 .for-sale, .for-sale-price, .timer, .footer-sec-title {
	 color: #fff;
 } 
 
 /*TEXT UPPERCASE*/
 #main-menu li a, .JSlevel-1 .level-1-list > a, .lvl-2 > a{
	 text-transform: uppercase; 
	 line-height: 31px;
	 font-size: 116.67%; 
	 padding: 0 10px; 
	 transition: .2s; 
	 -webkit-transition: .2s;
 }
 
 /*FSIZE 12*/
 /*.logins li a, .logins li, .top-menu-links li a, .for-sale, .for-sale-price, .breadcrumb li, .dr-text,
 #logged-user, #logout-button {
	 font-size: 12px;
 }*/
 /*--- POPUP ADD TO CART ---*/
 .popup {
	 position: fixed;
	 display: none; 
	 width: 100%;
	 height: 100%;
	 left: 0;
	 top: 0;
	 overflow: hidden;
	 background: rgba(44, 44, 44, 0.7);
	 z-index: 99999;
 }
 .popup-wrapper {    
	 position: relative;
	 max-width: 315px;
	 width: 100%;
	 display: inline-block;
	 top: 40%;
	 left: 50%; 
	 transform: translate(-50%, 0);
 } 
 .JSinfo-popup .p-info {
	 margin: 0;
	 color: #474747;
	 text-align: center;
	 background: white;
	 padding: 30px;
	 border-radius: 8px;
	 box-shadow: 5px 5px 20px 5px #333;
	 font-size: 16px;
 }
 /*========================*/ 
 .first-popup {
	 position: fixed;
	 top: -1000px; 
	 left: 50%;
	 transform: translate(-50%, -50%);
	 z-index: 70;
	 background-color: rgba(0,0,0,.7);
	 width: calc(100% + 1px);
     height: calc(100% + 1px);
	 display: flex;
	 display: -webkit-flex;
	 overflow: auto;
	 /*display: none;*/
 }
 .first-popup .first-popup-inner { margin: auto;  border: 1px solid #ddd;}
 .first-popup .JSclose-me-please {
	 color: #f2f2f2;
	 position: absolute;
	 top: -25px;
	 right: -25px;
	 z-index: 5;
	 font-size: 30px;
	 line-height: 1;
	 padding: 0 5px;
	 cursor: pointer;
	 text-shadow: 0 0 3px #000; 
 }
 .first-popup .JSclose-me-please:hover {
	 opacity: .8;
	 text-shadow: 0 0 10px #000;
 }
 .first-popup-inner img {
	 max-width: 100%;
	 max-height: 380px;
	 padding: 2px;
 } 
 /*======================*/
 .slick-slider img { margin: 0 auto;  }
 .slick-slider { margin-bottom: 10px !important; }
 /*======================*/
  
 .JSActionSlick .slick-prev, .JSActionSlick .slick-next,
 .JSproduct-slider .slick-prev, .JSproduct-slider .slick-next,
 .brandSlider .slick-prev, .brandSlider .slick-next,
 .vezani_artikli .slick-prev, .vezani_artikli .slick-next,
 .JSblog-slick .slick-prev, .JSblog-slick .slick-next { 
	 top: -50px;
	 right: 5px;  
	 color: #fff;
	 background: var(--blue);
	 width: 28px;
	 height: 28px;
	 border-radius: 4px;
	 position: absolute;
 }
 .JSActionSlick .slick-prev, .JSproduct-slider .slick-prev, .brandSlider .slick-prev, .vezani_artikli .slick-prev, .JSblog-slick .slick-prev{
	 left: unset; 
	 right: 40px;
	 top: -50px;
 }
 .JSActionSlick .slick-next:before, .JSActionSlick .slick-prev:before,
 .JSproduct-slider .slick-next:before, .JSproduct-slider .slick-prev:before,
 .brandSlider .slick-prev:before, .brandSlider .slick-next:before,
 .vezani_artikli .slick-prev:before, .vezani_artikli .slick-next:before,
 .JSblog-slick .slick-prev:before, .JSblog-slick .slick-next:before {
	 font-family: FontAwesome; 
	 font-size: 12px;
	 color: inherit;
 }
 .JSActionSlick .slick-next:focus, .JSActionSlick .slick-next:hover, 
 .JSActionSlick .slick-prev:focus, .JSActionSlick .slick-prev:hover,
 .JSproduct-slider .slick-next:focus, .JSproduct-slider .slick-next:hover, 
 .JSproduct-slider .slick-prev:focus, .JSproduct-slider .slick-prev:hover,
 .brandSlider .slick-next:focus, .brandSlider .slick-next:hover,
 .brandSlider .slick-prev:focus, .brandSlider .slick-prev:hover, 
 .vezani_artikli .slick-prev:focus, .vezani_artikli .slick-next:focus,
 .vezani_artikli .slick-prev:hover, .vezani_artikli .slick-next:hover,
 .JSblog-slick .slick-prev:focus, .JSblog-slick .slick-next:focus,
 .JSblog-slick .slick-prev:hover, .JSblog-slick .slick-next:hover {
	 background: #ccc;
	 color: inherit;
 }
 .JSActionSlick .slick-prev:before, 
 .JSproduct-slider .slick-prev:before, 
 .brandSlider .slick-prev:before, 
 .vezani_artikli .slick-prev:before, 
 .JSblog-slick .slick-prev:before { 
 	content: "\f053"; 
 }

 .JSActionSlick .slick-next:before, 
 .JSproduct-slider .slick-next:before, 
 .brandSlider .slick-next:before, 
 .vezani_artikli .slick-next:before, 
 .JSblog-slick .slick-next:before { 
 		content: "\f054"; 
 	}
 
 /*======================*/
 /* filters */
 .filter-links{
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 display: -webkit-flex;
	 -webkit-align-items: center;
	 -webkit-justify-content: space-between;
	 padding: 5px 10px;
	 border-bottom: 1px solid #ddd;
	 margin: 5px 0;
	 background-color: var(--filters_bg);
 }
 .filter-price{ display: block; margin: 0 0 10px; }
 
 .selected-filters-title{ margin: 10px 0 0; }
 .selected-filters li {
	 display: inline-block; 
	 background-color: #fff;
	 margin: 5px 0;
	 border: 1px solid #dddddd;
	 padding: 3px 5px;
 }
 .selected-filters li a{
	 font-size: 20px;
	 line-height: 1;
	 vertical-align: sub;
	 border-left: 1px solid #ddd;
	 padding: 0 2px 0 6px;
	 margin: 0 0 0 3px;
	 font-weight: 600;
	 display: inline-block;
 }
 .filter-box label{ 
	 margin: 0;
	 cursor: pointer;
 }  
 .filter-text{ margin: 0 5px; font-weight: normal; }
 
 #JSslider-range{
	 height: 5px;
	 background: var(--blue);
	 width: 85%;
	 margin: 0 0 0 10px;
 }
 #JSslider-range > div{ opacity: 0; }
 #JSslider-range > span{
	 background: #fff;
	 border: 3px solid var(--blue);
	 border-radius: 50px;
	 top: -7px;
	 outline: none;
	 margin: 0;
 }
 
 /* SLAJDER ZA CENU END */
 a.JSreset-filters-button {
	 font-size: 13px;
	 color: var(--btn_color);
	 padding: 4px 15px; 
	 background: var(--btn_bg);
	 margin: 10px 0;
 }
 
 /* CYBERWEEK */
 .cyberweek {
	 background: linear-gradient(94.09deg,#fb7099 3.33%,#fb7099 23.37%,#fbb257 50.24%,#fb7099 75.64%,#fb7099 97.14%);
	 height: 56px;
	 display: flex;
	 align-items: stretch;
	 padding: 0 2rem;
 }
 .cyberweek .cyberweek-images {
	 display: flex;
	 flex: 1;
	 justify-content: center;
	 gap: 5rem;
	 align-items: stretch;
 }
 .cyberweek .cyberweek-images div:first-child { align-self: flex-end; }
 .cyberweek .cyberweek-images div:nth-child(2), .cyberweek-action { align-self: center; }
 .cyberweek .cyberweek-images div:last-child { align-self: flex-start; }
 
 .cyberweek-action a {
	 background-color: #000;
	 border-color: #000;
	 color: #fff;
	 padding: 1.1rem 2.5rem;
	 font-size: 16px;
	 border-radius: 50px;
	 font-weight: bold;
 }
 .cyberweek-action a:hover {
	 background-color: #ff1776;
	 border-color: #ff1776;
 }
 
 /*--- PREHEADER ---*/
 #preheader { background-color: var(--top_menu_bg); } 
 .preheader-icons{ min-height: auto; border: none; }
 /*.preheader-icons button{
	 margin: 5px;
	 padding: 5px;
	 border-radius: 0;
	 border: 1px solid #fff;
 } */
 .top-menu-links .dr-content li a{
	color: #fff;
	border-bottom: 1px solid #ddd; 
	margin: 5px;
	padding: 5px 0;
	text-align: center;
} 

.dropdown_toggle_caret:after {
	vertical-align: middle;
	margin-left: 2px!important;
}
 
 .top-menu-links li a, .logins li a, .dr-text, #logged-user, header, #preheader {
	 padding: 8px 2px 15px 2px; 
	 background: var(--header_bg);
	 color: #fff; 
 } 
 header a:hover,
 #preheader a:hover{
	color: var(--global_color);
 }
 .header-cart.relative,
 .resp-nav-btn-cont{
	color: #fff;
 }
 .resp-nav-btn{
	border: 1px solid #fff;
 }
 .top-menu-links li a:hover, .logins li a:hover{
	 color: var(--blue);
	 text-shadow: .1px .1px;
 }
 .dr-text:hover{
	color: #fff;
	text-shadow: .1px .1px;
 }

/* TOP BANNER */
.top-banner.outer-container {
    width: 100%;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #37ebb4;
    color: var(--btn_color);
}

.top-banner .inner-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
  
.top-banner .cell {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
}
  
.top-banner .image-cell img {
    height: 64px;
    max-height: 64px; /* Adjust as needed */
}
  
.top-banner .text-cell span{
    word-break: keep-all;
}
.top-banner .text-cell {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 10px;
}
.top-banner .text-cell h2{
    font-size: 20px;
}
.top-banner .text-cell h2, .top-banner .text-cell p {
    margin: 0;
    color: #003333;
}
  
.top-banner .button-cell button {
    border-radius: 5px;
    padding: 11px 20px 7px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--btn_bg);
    color: var(--btn_color);
    font-size: 18px;
}
.top-banner .button-cell button:hover {
    background: var(--cart_btn_hover);
}
.showOnMobile{
    display: none;
}

@media screen and (max-width:338px) {
    .top-banner .text-cell h2{
        font-size: 16px;
    }
}

@media screen and (max-width:394px) {
    .top-banner.outer-container{
        padding: 5px 0;
        height: auto;
    }
}

@media screen and (max-width:799px) {
    .showOnMobile{
        display: inline-block;
	}
    .top-banner .image-cell img{
        max-height: 60px;
        width: auto;
    }
    .top-banner .button-cell{
        display: none;
    }
    .top-banner .text-cell p{
        font-size: 12px;
    }
    .top-banner .text-cell h2{
        font-size: 22px;
        /* text-align: center; */
    }
}
  
/* END TOP BANNER */
 
 .required-fields{ font-size: 17px; }
 .required-fields span{ color: red; }
 .red-dot-error{ color: red;  }
 
 /*- MAIN MENU -*/
 .menu-background {
	 background-color: var(--menu_bg); 
	 font-weight: 700; 
 }
 .current-log-user{ padding: 10px 10px 0; }
 #main-menu li a { 
	 border-radius: 5px;  
	 background-color: var(--blue); 
	 color: #fff;
	 padding: 0 5px;
     margin-bottom: 5px;
 }
 /*===============================*/
 .drop-2 {
	 display: none;
	 position: absolute;
	 top: 100%;
	 left: 0;
	 min-width: 160px; 
	 z-index: 3;
 }
 #main-menu .drop-2 li {  
	 line-height: 1;
 }  
 #main-menu .drop-2 li a{
	 display: block; 
 }
 #main-menu .drop-3 li a{
	 padding: 10px 10px 10px 30px;
 }
 .header-dropdown:hover .drop-2{
	 display: block;
 }
 
  /*===============================*/
 /*- LOGIN & REGISTRATION ICONS -*/
 #logout-button {
	 padding: 0 6px;  
	 border-left: 1px solid #ccc;
	 border-right: 1px solid #ccc;
 }
  
 /*--- HEADER ---*/
 header { background: var(--header_bg); }
 .header-cart-container{
	padding: 5px 0;
 }
 .header-search select{
	 border-right: 0;     
	 padding: 0 20px 0 5px;
	 text-overflow: ellipsis;
	 white-space: nowrap;
 }
 .num-rates{
	 margin: 10px 0px;
 }
 /* Related Products Header */
 .product-titling { height: unset !important; }
 /**************************/
 .btr-price{
	 text-shadow: 0 0.4px;
	 line-height: 1.1;
	 letter-spacing: .7px;
	 margin: 0;
 }
 .btr-price span{
	 color:#0b2d33;
 }
 /**************************/
 span.select-wrapper{ position: relative; display: block; }
 .header-search span.select-wrapper::after, .form-group span.select-wrapper::after{
	 content: " ";
	 border-top: 0.4em solid #808080;
	 border-right: 0.3em solid transparent;
	 border-left: 0.3em solid transparent;
	 position: absolute;
	 top: 42%;
	 right: 8px;
 }
 .infocredit{
   padding: 10px 7px 0px;
   border:1px solid black;
   font-weight:600;
   line-height:1;
   width: 282px;
 }
 .infocredit p:not(:first-Child){
	 color:#ff5555;
 }
 .infocredit img{
	 vertical-align: text-top;
 } 
 .selectandwrapper{
	 position: absolute;
	 top:0;
	 margin:0 6px;
	 display: inline-block;
 }
 .JSKamata{
	 width: 60px;
	 height: 33px;
	 padding: 0 7px;
	 border-radius: 5px;
	 cursor: pointer;
	 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	 color: #747474;
	 appearance: none;
	 -moz-appearance: none;
	 -webkit-appearance: none;
	 border:none;
 }
.selectandwrapper p{
 	color:#0b2d33;
	font-weight: 600;
 }
 .selectandwrapper span.select-wrapper::after{
	 content: '\25BD';
	 position: absolute;
	 line-height: 2.36;
	 right: 0;
	 padding: 0 3px;
	 background-color: var(--btn_bg);
	 cursor: pointer;
	 pointer-events: none;
	 color: #fff;
	 border-radius: 0 5px 5px 0;
	 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 }
 .selectandwrapper span.select-wrapper:hover::after{
	background-color: var(--btn_hover_bg);
 }
 .resp-nav-btn-cont,  .menu-close, .JSfilters-slide-toggle-content, .JShidden-msg, .slick-dots li,
 .JSRelated, .JSLinked, .JSrelated-title
 { display: none; }
 
 .caller, .JSlevel-3 a, .after-slide .box, .product-name h2, .sub-category a, .manufacturer-categories li a,
 .filter-text, .header-cart-summary, .cart-title, .without-btn, .cart-page .forward, .shop-product-card-list .product-name{
	 font-size: 116.67%;
 }
 .caller-content svg,
 .caller-content .fa{
	fill: #fff;
	color: #fff;
	margin: 0 5px;
 }
 .caller-content, .caller {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 1rem;
 }
 .caller-content a{
	display: flex;
 }
 .caller-content a:hover svg,
 .caller-content a:hover{
	opacity: .8;
	fill: #c0c0c0;
	color: #c0c0c0;
	scale: 1.1;
	transition: all .3s;
 }
 .caller-content svg{
	width: 35px;
	height: 35px;
 }

 .soc-cont {
	display: flex;
}

.soc-cont svg{
	width: 35px;
	height: 35px;
	/* fill: #0b2d33; */
	transition: all 0.3s;
}

.soc-cont svg:hover{
	scale: 1.1;
}
.soc-cont .yt-cont,
.soc-cont .tt-cont,
.soc-cont .insta-cont{
    margin-left: 10px;
}

.caller-content,
.caller{
	gap: 0rem;
}

.dropdown-menu {
	min-width: max-content;
}

.form-control#email, .form-control#lozinka, #JSemail_login, #JSpassword_login {
	background-color: #e8f0fe!important;
}
.form-control:focus {
    color: var(--bs-body-color);
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

 .header-search input[type="text"]{ 
	 margin: 0;  
	 padding: 0 45px 0 20px;
	 border-radius: 21px;
 }
 .header-search input[type="text"]:focus{
	 border-color: var(--blue); 
 }
 .div-in-header{
	 display: -webkit-flex;
	 -webkit-flex-wrap: wrap;
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 -webkit-align-items: center;
 }
 .header-cart-container:hover .JSheader-cart-content{ visibility: visible; opacity: 1; }
 .JSheader-cart-content {
	 background: #fff;
	 position: absolute;
	 width: 350px;
	 right: 0;
	 top: calc(100% + 10px);
	 padding: 0 10px;
	 box-shadow: 0 0 5px rgba(0,0,0,0.2);
	 border-radius: 2px;
	 visibility: hidden;
	 opacity: 0;
	 z-index: 40;
	 transition: .1s ease-in-out;
	 -webkit-transition: .1s ease-in-out; 
 }
 .JSheader-cart-content ul{
	 max-height: 260px;
	 overflow-y: auto;
 }
 /*.login-btn{
	 background: var(--login_btn_bg);
	 padding: 2px;
	 border-bottom: 1px solid;
	 color: var(--login_btn_color);
 }*/
 /*======= STICKY HEADER ANIMATION ========*/
 .JSsticky_header {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 z-index: 60;
	 animation: smooth_slide .3s;
	 background: var(--header_bg);
	 box-shadow: 0 1px 4px #a6a6a6;
 }
 @keyframes smooth_slide {
	 0% {
		 opacity: 0;
		 transform: translateY(-100%);
	 } 
	 100% {
		 opacity: 1;
		 transform: translateY(0);
	 } 
 }
 .JSsticky_header .logo{ padding: 0; }
 .JSsticky_header .logo img{ max-width: 200px; }
 .JSsticky_header .header-cart{ margin: 12px 0; }
 
 /*===== LOGO ==========*/
 .logo { 
	 padding: 0 0 10px 0;
	 vertical-align: middle;
 }
 .logo img { max-height: 75px;  }
 
 /*- SEARCH -*/
 .JSsearch-button2 {   
	 color: var(--gray);
	 font-size: 16px;
	 background: transparent;
	 position: absolute;
	 top: 0;
	 right: 0;
	 height: 100%;
	 width: 50px;
 } 
 .JSsearch-button2:hover{
	 background-color: transparent !important;
 }
 /* Search sugestions */
 ul.JSsearch_list {
	 position: absolute;
	 left: 0px;
	 top: 100%;
	 z-index: 999;
	 width: 100%;
	 background: #fff;
	 box-shadow: 1px 1px 10px #b3b3b3;
	 max-height: 400px;
	 overflow: auto;
	 font-size: 13px;
	 color: #000;
 }
 .JSsearch_list li:not(.search_list__title){ 
	 margin: 0 0 5px;
	 background: rgba(0,0,0,.02);
	 padding: 4px 16px;
	 line-height: 1.2;
 } 
 .search_list__item__link__cat { 
	 color: #000; 
	 text-align: right; 
/*	 float: right;*/
	display: block;
 }
 .product-old-price.search_list__item__link__cat {
 	font-size: 90% !important;
 }
 .search_list__title{
	 font-weight: 600;
	 padding: 3px 5px;
	 background: rgba(0,0,0,.06);
	 border-bottom: 1px solid rgba(0,0,0,.05);
 }
 .search_list__item__link { display: block; }
 
 /*- HEADER CART -*/
  
 .header-cart { 
	 margin: 0;
	 background-image: url('/images/cart-icon.png'); 
	 background-repeat: no-repeat;
	 background-position: 0 0;
	 background-size: contain; 
	 padding: 0 0 0 33px;
	 height: 36px;
	 display: block;
  }
 .my-cart{
	 font-weight: 600;
 }
 .header-cart > span { display: block; }
 .JSbroj_cart {
 	position: absolute;
 	left: -10px;
 	bottom: -10px;
 	background: var(--cart_number_bg);
 	padding: 5px 10px;
 	border-radius: 10px;
 	min-width: 10px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
 }
 .JSbroj_wish, .price-range{ color: var(--orange); } 
 
 .JSbroj_wish span{ display: inline-block; font-weight: 600; }
 
 .JSheader-cart-content li {
	 padding: 10px 0; 
	 border-bottom: solid 1px #ddd; 
 }
 .JSheader-cart-content li:last-child { border-bottom: none; }
   
 .JSheader-cart-content li .close{
	 position: absolute;
	 top: 45%;
	 right: 10px;
	 opacity: 1;
	 font-size: 16px;
 }
 .JSheader-cart-content .img-wrap{
	 border: 1px solid #ddd;
	 padding: 3px; 
	 height: 110px;
	 display: flex;
	 display: -webkit-flex;
	 align-items: center;
	 -webkit-align-items: center;
 }
 .JSheader-cart-content img {
	 max-width: 100%; 
	 max-height: 95px; 
 } 
 .cart-price, .JScart-item-price{
	 font-size: 18px; 
 } 
 .cart-price span, .JScart-item-price{
	 color: var(--orange);
	 font-weight: 600;
 }
 
 .header-cart-summary, .cart-title { 
	 padding: 5px; 
	 font-weight: 600; 
	 margin: 5px 0 3px;
 }
 .cart-title{
	 border-bottom: 1px solid #ddd;
 }
 .header-cart-summary i{
	 font-size: 150%;
	 color: var(--orange);
	 font-style: normal;
	 line-height: 1; 
 }
 .JSheader-cart-content .close:hover { opacity: .7; color: #000 }

 /* ROBOT BLOCKER CAPTCHA */
.JSrobot_blocker > * {
    display: inline-block;
}
.JSrobot_blocker {
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 6px 6px;
}
.JSrobot_blocker, .JSrobot_blocker_block {
    display: flex;
    flex-direction: row;
    align-items: center;
}
#roboto { display: none; }
#roboto_front {
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer;
}
#roboto_front:after {
    width: 35px;
    height: 35px;
    content: " ";
    display: block;
    transition: 300ms;
    border-radius: 6px;
    border: 3px solid #0d436c;
}
#roboto_front.animated:after {
    content: " ";
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid #fdd;
    border-color: #0d436c transparent #f68938 transparent;
    animation: roboto-ring 1.2s linear infinite;
}
@keyframes roboto-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.roboto_terms {
    font-size: 10px;
}
.roboto_tico {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#roboto_front i {
    display: none;
    position: absolute;
    transition: 300ms;
    color: #009325;
    font-size: 25px;
    top: 50%;
    left: 50%;
    transform: translate(-52%, -52%);
}
  
 /* category acccent button */
  
 /*.sub_category_item{
	 height: 70px;
	 padding: 0;
	 transition: 0.2s ease-in;
	 overflow: hidden;
	 position: relative;
	 margin: 3px 0;
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 display: -webkit-flex;
	 -webkit-flex-wrap: wrap;
	 -webkit-align-items: center;
	 -webkit-justify-content: center;
	 justify-content: center;
 }
 .sub_category_item:after {
	 content: " ";
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 right: 5px;
	 bottom: 0px;
	 border: 1px solid #b3b3b3;
	 border-radius: 3px;
 }
 .sub_category_item:hover:after{
	 border-color: #ff3333;
	 transition: all 0.3s ease 0s;
	 -webkit-transition: all 0.3s ease 0s;
 }
 .sub_category_item img{
	 max-height: 55px;
	 max-width: 50px;
	 width: auto;
	 height: auto;
	 padding: 5px 0;
	 margin: 0 8px;
 }
 .sub_category_item p{
	 margin: 0;
	 padding: 0 8px 0 0;
	 line-height: 1;
	 font-size: .9em;
	 word-wrap: break-word;  
 } */
 .sub-title{
	 /* font-size: 150%;
	 color: #222;
	 font-weight: normal;
	 margin: 0 10px 5px; */
	padding: 8px 0 5px;
    border-bottom: 1px solid #ddd;
    background-color: var(--filters_bg);
	font-weight: normal;
 }
 .sub-category, .manufacturer-categories{
	 margin: 5px;
	 border: 1px solid #dddddd;
	 overflow: hidden;
	 border-radius: 4px;
	 -webkit-border-radius: 4px;
	 background-color: #f8f8f8; 
 }
 .sub-category a { width: 85%; }
 .sub-category a, .manufacturer-categories li a, .filter-box label{ 
	 display: block;
	 padding: 8px 12px; 
	 border-bottom: 1px solid #ddd; 
	 color: var(--gray);
 }
 .sub-category a:last-of-type, .manufacturer-categories li:last-of-type a, .filter-box label:last-of-type{
	 border-bottom: none;
 }
 .sub-category a:hover, .manufacturer-categories li a:hover, .filter-box label:hover { background-color: #fff; }
 
.manufacturer-categories li a, .filter-box label {
	background: #f5f5f5;
    padding: 2px 8px;
	margin: 5px 0 0;
}

.close {
	float: right;
	background-color: transparent;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity = 20);
    opacity: .2;
    padding: 0;
}

 /* .bg-dirt-white{
	 background-color: #f8f8f8; 
	 border: 1px solid #ddd;
	 border-radius: 5px;
	 margin: 0 5px 10px;
 } */
.sub-category{
	 max-height: 240px;
	 overflow-y: auto;
 } 
 .limit-filters::-webkit-scrollbar, .sub-category::-webkit-scrollbar, .JSheader-cart-content ul::-webkit-scrollbar,
 .modal-img-cont::-webkit-scrollbar {
	 width: 6px;
 } 
 .limit-filters::-webkit-scrollbar-thumb, .sub-category::-webkit-scrollbar-thumb, .JSheader-cart-content ul::-webkit-scrollbar-thumb,
 .modal-img-cont::-webkit-scrollbar-thumb {
   background-color: darkgrey;
   outline: 1px solid slategrey;
 }
 
 .product_block {
	 display: flex;
	 align-items: center !important;
 }
 
 /*============= Manufacturer =================*/
 /*.categoru-set-title {
	 font-size: 14px;
	 margin: 5px 10px;
	 padding: 5px;
	 font-weight: 100; 
	 text-align: center;
 }*/
 /*.manufacturer-categories ul li a{
	 border-left: 2px solid #ccc;
	 margin: 3px 0;
	 display: block;
	 padding: 2px 5px;
	 background-color: #f8f8f8;
 }*/
 /*==========================================*/
 /*- CATEGORIES -*/
 /*.category-nav{ width: 270px; float: left; }*/
 
 .level-1-img-container{
	 display: inline-block;
	 width: 25px;
	 height: 25px;
	 text-align: center;
	 margin: 0 5px 0 0;
 }
 .level-1-img{
	 max-width: 25px;
	 max-height: 23px;
	 width: auto;
	 height: auto;
	 display: inline-block;
	 padding: 1px;
 }
 .level-2-img{ 
	 max-height: 150px;
	 max-width: 100%;
 }
 .level-2-container-for-image{
	 width: 100%;
	 height: 150px;
	 padding: 0 !important;
 }
 #JScategories .JSlevel-2 li { position: relative; }
 #JScategories .JSlevel-2 {
	 position: absolute;
	 width: 100%;
	 display: none;
	 top: 100%;
	 left: 0; 
	 overflow: hidden;
	 z-index: 30; 
 } 
 .JSlevel-1 .level-1-list > a, .lvl-2 > a { 
	 color: var(--gray);
	 padding: 10px 6px;
 }  
 .JSlevel-1 .level-1-list > a{ 
	 padding: 0 6px;
	 border-radius: 5px;
 }
 .JSlevel-3  a{
	 padding: 3px;
	 color: #777;
	 font-weight: normal;
	 width: 100%;
 }
 /*#JScategories h3 {
	 padding: 12px;
	 text-align: center;
	 background: var(--categories_title_bg);
	 color: #FFF;
	 font-size: 16px;
 }*/
 /*#JScategories .JSlevel-1 {  
	 font-weight: 600;
 }*/
 /*#start-page #JScategories .JSlevel-1 { display: block; }*/ 
 #JScategories .level-3 li a{ font-weight: normal; }
 .JSsubcategory-toggler {
	 display: none;
	 position: absolute;
	 right: 10px;
	 top: 5px;
	 text-align: center;
	 background: #f8f8f8;
	 font-size: 12px; 
 }
 .JSsubcategory-toggler span { 
	 width: 29px;
	 height: 26px;
	 line-height: 28px;  
 }
  
 /*#JScategories .JSlevel-3 li a{ padding: 5px 0 3px 15px; border: none; }*/
 #JScategories .JSlevel-4 { display: none; }
 /*#JScategories .JSlevel-4 li a{ padding: 5px 0 4px 20px; }*/
 
 .JSCategoryLinkExpend{
	 padding: 3px 0;
	 cursor: pointer;  
	 color: #bbb;
	 position: absolute;
	 top: 0;
	 right: 0;
	 z-index: 1;
 }
 #JScategories .level-3 { margin: 0; line-height: 1.4;   }
 
 /*----------- CATEGORI HORIZONTAL  -----------*/
 /*#JScat_hor .JScategories-titile, #JScat_hor .JStoggler { display: none; }
 #JScat_hor .JSlevel-1{
	 position: relative;
	 background-color: #f2f2f2;
	 display: block;
	 width: auto;
	 border: none;
 }
 #JScat_hor .JSlevel-1 > li:hover{ box-shadow: initial !important; }
 #JScat_hor .JSlevel-1 li { display: inline-block; padding: 0; position: static; }
 #JScat_hor .JSlevel-1 li a {
	 border-bottom: none;
	 padding: 7px;
	 max-height: initial;
	 display: block;
 }
 #JScat_hor .JSlevel-2 {
	 left: 0px;
	 top: 100%;
	 width: 100%;
	 padding: 10px;
	 background-color: #f2f2f2;
	 min-height: auto !important;
	 border-left: none !important;
	 box-shadow: none !important;
	 border-top: 1px solid #ddd;
 }
 #JScat_hor .JSlevel-2 li { display: flex; align-items: center; flex-wrap: wrap; }
 #JScat_hor .level-3 { display: block; }
 */
 /*- MAIN CONTENT -*/
 #main-content { 
 	overflow: hidden;
    min-height: 650px;
}
 /*- MAIN SLIDER -*/
 #JSmain-slider {
	 max-height: 550px; 
	 overflow: hidden;  
 } 
 #JSmain-slider .sliderText {
	 position: absolute;
	 left: 20px;
	 top: 50%;
	 transform: translateY(-50%); 
	 width: 100%;
	 max-width: 550px;
	 z-index: 1; 
	 background: rgba(0,0,0,.2); 
	 font-size: 20px;
 }
 #JSmain-slider .sliderText div > *{
	 margin: 5px 0;
	 text-shadow: 0 0 1px #000;
	 color: #fff;
	 padding: 0 50px;
	 display: inline-block;
 } 
 #JSmain-slider {
	 max-height: 350px;
 }
 
 #JSmain-slider .slick-next, .gallery_slider .slick-next{ right: 0; }
 #JSmain-slider .slick-prev, .gallery_slider .slick-prev { left: 0; }
 #JSmain-slider .slick-next, #JSmain-slider .slick-prev, .gallery_slider .slick-next, .gallery_slider .slick-prev{
	 height: 50px;
	 width: 50px;
	 margin: 0 20px;
	 transform: translateY(-50%);
	 transition: .2s;
	 -webkit-transition: .2s;
	 position: absolute;
	 top: 50%;
	 z-index: 10;
	 border-radius: 50%;
 }
  
 #JSmain-slider .slick-prev:before, #JSmain-slider .slick-next:before, .gallery_slider .slick-prev:before, .gallery_slider .slick-next:before {
	 position: absolute;
	 top: 0;
	 font-family: FontAwesome;
	 line-height: 50px;
	 height: 100%;
	 width: 100%;
	 opacity: 1;
	 font-size: 12px;
	 background: var(--blue);
	 border-radius: 50px;
 }
 #JSmain-slider .slick-next:before, .gallery_slider .slick-next:before { content: "\f054"; right: 0;  }
 #JSmain-slider .slick-prev:before, .gallery_slider .slick-prev:before { content: "\f053"; left: 0; }
 #JSmain-slider .slick-prev:hover:before, .gallery_slider .slick-prev:hover:before, .gallery_slider .slick-next:hover:before, #JSmain-slider .slick-next:hover:before{    
	 background-color: #222;
	 opacity: 0.5;
 }
 #JSmain-slider .slick-dots{
	 bottom: 10px;
 }
 #JSmain-slider .slick-dots li button{
	 background: #fff;
	 border-radius: 50px;
	 width: 10px;
	 height: 10px;
 }
 #JSmain-slider .slick-dots .slick-active button{
	 box-shadow: 0 0 0 3px #fff;
 }
 #JSmain-slider .slick-dots li button:before{ display: none; }
 /*==== JSMAIN SLIDER TIMER ========*/
 .sliderTimer {
	 position: absolute;
	 z-index: 100;
	 color: #000;
	 background: #dddddd;
	 border: 2px solid #fff;
	 transform: translate(-50%, 0);
	 left: 50%;
	 bottom: 50px;
	 padding: 0 20px;
	 opacity: .7;
 }
 .sliderTimer > div:not:last-of-type { border-right: 1px solid #fff; }
 
 .sliderTimer > div > div {
	 padding: 10px;
	 line-height: 1;
	 text-align: center;
	 font-size: 40px;
	 letter-spacing: .3px;
 }
 .sliderTimer p { 
	 font-size: 14px; 
	 margin-bottom: 0;
 }
 .sliderTimer > p {
	 font-size: 18px;
	 font-weight: 600;
	 padding-top: 10px;
 }
 /*====================*/
 .after-slide{
	 border-bottom: 1px solid #ddd;
	 margin: 0 0 20px;
 }
 .after-slide .box{
	 padding: 10px 0;
	 margin: 15px 0;
	 font-weight: 600;
	 color: #333;
 }  
 .del-info{  
	 background-size: contain;
	 background-position: center;
	 background-repeat: no-repeat;
	 width: 50px;
	 height: 50px;
	 margin: 0 10px;
	 opacity: 0.4;
	 transition: .2s;
	 -webkit-transition: .2s;
 }
 .after-slide .foo-1{
	  background-image: url('/images/isporuka icon.png');
 }
 .after-slide .foo-2{
	  background-image: url('/images/6-rata icon.png');
 }
 .after-slide .foo-3{
	  background-image: url('/images/kartice icon.png');
 }
 .after-slide .box:hover .del-info{
	 opacity: 1;
 }
 
 .over-order {
	 font-size: 80%;
	 color: rgba(0,0,0, .5);
	 letter-spacing: .3px;
 }
 .wrapper_text_right div p {
 	margin: 0;
 }
 
 /*BANNERS */
 .banners-right a {
	 display: block;
	 margin: 5px 0 15px; 
 } 
 .banners-right img { 
	 max-height: 200px;
	 padding: 0 5px;
	 margin: 0 auto;
 }
 .banners-right img:hover{ opacity: .8; }
 
 /*- PRODUCT */
 .shop-product-card {
	 overflow: hidden; 
	 background: var(--product_bg); 
	 -webkit-transition: 0.3s all;
	 transition: 0.3s all;
	 margin: 15px 3%;
 }
 
 .product-sticker{
	 position: absolute;
	 z-index: 2;
	 top: 5px;
	 right: 5px;
 }
 .sticker img{
	 max-height: 75px;
 }
 
 /*.shop-product-card .sale-label{
	 border-radius: 0;
	 background: var(--sale_action_price_bg);
	 z-index: 2;
	 position: absolute;
	 left: 0;
	 top: 0;
	 padding: 0;
	 font-size: 14px;
 }*/
 
 /*ACTION*/
 .for-sale, .for-sale-price {
	 position: absolute;
	 width: 40px;
	 height: 40px;
	 line-height: 40px;
	 top: 0;
	 margin: 10px;
	 background: var(--blue); 
	 text-align: center;
	 border-radius: 50px; 
	 z-index: 3;
 } 
 .for-sale-price{
	 right: 0;
	 background: var(--orange);
 }
 .timer{
	 margin: 0;
	 position: absolute;
	 bottom: 0;  
 }
 .timer tr td{
	 border: none;
	 font-weight: 600; 
	 background-color: #999; 
 }
 /*=============================*/
 .shop-product-card .product-meta{ padding: 0 5px 15px; background-color: var(--product_bottom_bg); }
 .buy-btn, .not-available{
	 display: inline-block;
	 padding: 9px 9px 7px 9px;
	 margin: 5px; 
	 color: #777;
	 background-color: #fff;
	 cursor: pointer;
	 border: 1px solid #ddd;
	 border-radius: 5px;
	 min-width: 130px;
	 text-transform: uppercase;
	 text-align: center;
 } 
 .like-it, .printer a i { 
	 border: none;
	 white-space: nowrap;
	 width: 40px;
	 height: 40px;
	 background-color: #fff;
	 color: #222;
	 font-size: 14px;
	 line-height: 40px;
	 text-align: center;
	 margin: 5px 0 0;
	 border-radius: 4px;
	 -webkit-border-radius: 4px;
	 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	 transition: .1s;
	 -webkit-transition: .1s;
	 position: relative;
	 z-index: 2;
	 cursor: pointer;
 }
 .like-it a {
	text-decoration: none;
 }
 /*QUICK VIEW*/
 #JSQuickView .modal-header {
 	padding: 14px!important;
 }
 #JSQuickViewCloseButton {
 	background-color: transparent;
 	color: #000;
 	opacity: .2;
 	font-size: 21px;
 	font-weight: 700;
 	padding: 0;
 	line-height: 1;
 }
 .quick-view-btn {
	 padding: unset;
	 width: 100%;
	 background: unset;
	 color: inherit;
 }
 .quick-view-wrapper img{
	 margin: 20px auto;
	 max-height: 330px;
 }
 .gif-loader { display: block; margin: auto; }
 /*==================*/
 .like-it i, .printer a i{ background-color: transparent; color: inherit; }
 
 .like-it:hover, .like-it.active, .printer a i:hover {
	 background-color: var(--blue);
	 color: #fff;
 }
 .like-it:hover a{
	 color: #fff;
 }
 .add-to-cart-container{
	 display: flex;
	 align-items: center;
	 flex-wrap: wrap;
	 display: -webkit-flex;
	 -webkit-align-items: center;
	 justify-content: center;
	 -webkit-justify-content: center;
	 -webkit-flex-wrap: wrap; 
	 -webkit-transition: 0.3s all;
	 transition: 0.3s all;
 } 
 .shop-product-card .product-name{
	 display: block;
	 height: 42px;
	 overflow: hidden;
	 padding: 0 2px;
	 margin: 7px 0;
 }
 .product-name h2 {  
	 color: var(--product_title_color); 
	 font-weight: normal;
 }
 .product-price, .quick-view-price {
	 display: block; 
	 font-size: 16px; 
	 color: var(--product_price_color);
 } 
 .shop-product-card-list .product-price { font-size: 18px; font-weight: 600; }
 
 .shop-product-card-list .product-old-price { font-size: 14px; }
 
 .price-holder { 
	 height: 45px; 
	 line-height: 1;
	 overflow: hidden;
	 margin: 5px 0 0;
 }
 .JSproduct 
 
 .full-price {
	 color:#fd8888 !important;
	 font-size: 21px !important;
	 padding: 4px 0px !important;
 }
 .full-price-title {
	 font-weight: 600;
	 font-size: 20px;
	 display: none;
	 color: #ff0000;
 } 
 /* .price-discount-span  {
 	text-decoration: line-through;
 } */
 .black-friday {
	font-weight: 600;
    line-height: 1.2;
    margin: 0 25px 10px 0;
    font-size: 20px;
    color: #fff;
    background: #8f1b8f;
    letter-spacing: .5px;
    vertical-align: top;
    justify-self: start;
    padding: 1.2rem;
    font-size: 28px;
    border-radius: 16px;
 }
 .price-title-older {
	 display: none;
	 color: var(--article_product_price_color);
	 font-weight: 600;
	 line-height: 1.1;
 }
 .old-price-name {
	 color: var(--product_old_price_color);
	 font-size: 18px;
	 font-weight: normal;
	 margin-bottom: -10px;
 }
 /* .product-preview-price-new > span {
	 display: block;
 } */
 body:has(.black-friday) .JSAkcCena {
	position: relative;
 }
 body:has(.black-friday) .JSAkcCena::before, body:has(.black-friday) .JSAkcCena::after {
	content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
 }
body:has(.black-friday) .JSAkcCena::before {
	border-bottom: 2px solid #ff0000;
    transform: skewY(-10deg);
}
body:has(.black-friday) .JSAkcCena::after {
	border-bottom: 2px solid #ff0000;
    transform: skewY(10deg);
}

.black-friday div:first-child { font-size: 20px; }

 .JSAkcCena > div, .price-title-older  {
	 font-size: 20px;
	 line-height: 1;
 }
 .product-old-price {
	 text-decoration: line-through;
	 color: var(--product_old_price_color); 
	 font-size: 60%;
	 font-weight: normal;
 }
 .price-holder .product-old-price {
	 font-size: 100%;
 }
 .product-preview-price .product-old-price { font-size: 21px;}
 .shop-product-card:hover .buy-btn, .shop-product-card-list:hover .buy-btn{
	 background-color: var(--btn_bg);
	 color: #fff;
	 border-color: var(--btn_bg);
 }
 .shop-product-card:hover .not-available, .shop-product-card-list:hover .not-available, .not-available:hover{
	 background-color: var(--orange); 
	 border-color:  var(--orange);
	 color: #fff;
 }
 .shop-product-card:hover .text-state, .shop-product-card-list:hover .text-state, .text-state:hover{
	 background-color: #FEC240; 
	 border-color:  #FEC240;
 } 
 .product-image-wrapper {
	 height: 270px;
	 display: flex;
	 display: -webkit-flex;
	 overflow: hidden;
	 border: 1px solid #ddd;
	 border-radius: 5px;
 }
 .pay-info {
	 color: #ff5555;
	 font-weight: 600;
	 position: absolute;
	 top: 100%;
	 margin: 10px 0;
	 line-height: 1;
	 max-width: 400px;
	 width: 100%;
 }
 .captcha-group {
	 top:15px;
 }
 .product-image-wrapper a { margin: auto; }
 
 .article-details{
	 position: absolute;
	 bottom: 5px;
	 right: 5px;
	 z-index: 2;  
 }
 .shop-product-card-list .article-details{
	 bottom: 5px;
 }
 .shop-product-card .product-image {
	 max-height: 250px;
	 padding: 0 5px; 
 } 
 
 .buy-btn:hover {
	background-color: var(--cart_btn_hover) !important; 
 } 
 .JSrelated-products, .JSrelated-custom { overflow: hidden; } 

 .modal-content {
 	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
 }
 
 /*AVAILABLE SOON MODAL*/
 #available_soon .modal-content > div {
	 padding-right: 25px;
	 padding-left: 25px;
 }
 #available_soon .modal-content > .modal-header {
	 padding-top: 30px;
 }
 #available_soon .modal-content > .modal-footer {
	 padding-bottom: 30px;
	 padding-top: 0;
 }
 #available_soon button:not(.close) {
	 padding: 7px 14px;
	 background-color: var(--orange);
 }
 #available_soon .close {
	 margin-top: 2px;
 }
 #available_soon h4 { 
	 font-size: 20px; 
 }
 
 /**********************/
 /*.JSrelated-custom .card{
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 display: -webkit-flex;
	 -webkit-flex-wrap: wrap;
	 -webkit-align-items: center;
	 padding: 15px 0;
 }*/
 .JSrelated-custom .img-wrap img{
	 /* max-height: 70px; */
	 height: auto;
 }
 .JSrelated-custom .img-wrap {
	 height: 130px;
	 overflow: hidden;
	 border: 0.1rem solid #ddd;
	 margin-inline: 2px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 border-radius: 5px;
 }
 .price_piece {
	 gap: 1rem; 
	 font-weight: bold; 
	 height: unset !important;
 }
 /*.JSrelated-custom .title{
	 font-size: 12px;
	 white-space: nowrap;
	 text-overflow: ellipsis;
	 overflow: hidden;
 }
 .JSrelated-custom .price{
	 font-size: 16px;
 }*/
 /**********************/
 /*========================*/
 .generic_car ul, .generic_car_list ul {
	 font-size: 13px;
	 line-height: 1;
	 color: #333;
	 height: 55px;
	 overflow: hidden;
 }
 .generic_car_list ul{
	 height: auto;
 }
 .generic_car ul li, .generic_car_list ul li{
	 width: 48%;
	 display: inline-block;
	 padding: 0 5px;
 } 
 /*=========== PRODUCT ON LIST ==================*/
 .shop-product-card-list{
	 margin: 5px 0; 
	 background-color: var(--product_bg); 
 } 
 
 .shop-product-card-list .product-image-wrapper{ height: 240px; border: none;}
 
 .shop-product-card-list .product-image-wrapper .product-image{
	 max-width: 100%;
	 max-height: 230px; 
	 padding: 5px 0;
	 margin: auto;
 }
 .shop-product-card-list .product-name, .shop-product-card-list .price-holder { margin: 8px 0; } 
 
 .shop-product-card-list .add-to-cart-container{ 
	 justify-content: flex-end;
	 -webkit-justify-content: flex-end;
 } 
 .shop-product-card-list .ribbon-sale {
	 position: absolute;
	 left: -5px; 
	 top: -5px;
	 z-index: 1;
	 overflow: hidden;
	 width: 75px; height: 75px;
 }
 .shop-product-card-list .ribbon-sale span {
	 font-size: 13px;
	 font-weight: bold;
	 color: #FFF;
	 text-transform: uppercase;
	 text-align: center;
	 line-height: 20px;
	 transform: rotate(-45deg);
	 -webkit-transform: rotate(-45deg);
	 width: 100px;
	 display: block;
	 background: #f8694a;
	 box-shadow: 1px 1px 5px #bbb;
	 position: absolute;
	 top: 19px;
	 left: -21px;
 }
 .shop-product-card-list .ribbon-sale span::before {
	 content: "";
	 position: absolute; left: 0px; top: 100%;
	 z-index: -1;
	 border-left: 3px solid #f8694a;
	 border-right: 3px solid transparent;
	 border-bottom: 3px solid transparent;
	 border-top: 3px solid #f8694a;
 }
 .shop-product-card-list .ribbon-sale span::after {
	 content: "";
	 position: absolute; right: 0px; top: 100%;
	 z-index: -1;
	 border-left: 3px solid transparent;
	 border-right: 3px solid #f8694a;
	 border-bottom: 3px solid transparent;
	 border-top: 3px solid #f8694a;
 }
 
 .shop-product-card-list .available-green img, .shop-product-card-list .not-available-red img { max-height: 15px; margin-right: 2px; }
 
 .shop-product-card-list .available-green, .shop-product-card-list .not-available-red { 
	 /*color: #21a142; */
	 color: #2bbf93;
	 margin: 5px 0; 
	 font-size: 12px; 
	 font-weight: 600;
	 line-height: 1;
 }
 .shop-product-card-list .not-available-red, .available.not-available-article {/* color: #f55;*/ color: #EBC63B; }
 
 .flex-end { align-items: flex-end; -webkit-align-items: flex-end; }
 
 .shop-product-card-list .product-descr br { display: none; }
 
 .shop-product-card-list .product-descr,.shop-product-card-list .product-descr * {
	 color: #222222;
	 font-weight: 400;
	 /*font-size: 12px;*/
	 letter-spacing: .1px;
 }
 .product_manufuct, .product_manufuct a { color: #999; }
 
 .shop-product-card-list  .product-descr , .product-manufacturer { margin: 10px 0; }
 
 .shop-product-card-list .article-brand-img img { max-height: 55px; }
 
 .JSavailable_soon, .add-to-cart-area .JSavailable_soon {
	 background-color: #181818 !important;
	 border-color: #181818 !important;
	 color: #fff;
 }
 .shop-product-card:hover .JSavailable_soon, .shop-product-card-list:hover .JSavailable_soon,
 .JSavailable_soon:hover {
	 background-color: #2BBF93 !important;
	 border-color: #2BBF93 !important;
 }
 /* ========= TAGS ============== */
  .product-tags div a{
	 color: #fff;
	 font-size: 14px;
	 margin: 2px;
	 border-radius: 5px;
	 padding: 0px 5px;
	 display: inline-block;
	 background-color: #44aacb;
  }
 .product-tags span{ font-weight: 700; display: block; border-bottom: 1px solid #ddd; }
 
 /*===========================*/
 .PDV_price{ font-size: 15px; color: #333; margin-right: 10px; }
 
 .PDV{ font-weight: 600; font-style: normal; }
 
 .article-manufacturer-text{ font-style: italic; font-weight: bold; color: #666; }
 
 .article-brand-img img{ max-width: 100%; max-height: 70px; padding: 5px 0; }
 
 .artical-brand-text{
	 display: inline-block;
	 font-style: italic;
	 padding: 5px 0;
	 font-weight: 600; 
 } 
 /**********************************/
 .JSmagacin_isporuke {
	 display: none;
 }
 .JScustom-modal{ 
	 display: none;
	 position: fixed;
	 z-index: 60; 
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 overflow: hidden;
	 background-color: #fff;
 }
 .custom-modal-inner{ 
	 height: 100%; 
 }
 .modal-img-cont{
	 display: flex;
	 display: -webkit-flex;
	 height: 100%; 
	 max-height: 70%;
	 overflow: auto;  
 } 
 .JSmodal-img-wrapp {
	 margin: auto; 
	 height: 100%; 
	 /*overflow: auto;*/
 }
 .JSclose-modal, .zoomImg{
	 color: #ccc;
	 font-size: 60px; 
	 line-height: 1;
	 cursor: pointer;
	 width: 100%;
	 max-width: 60px;
	 -webkit-user-select: none;   
	 user-select: none;
	 margin-top: 40px;  
 }
 .JSclose-modal:hover, .zoomImg > div:hover{
	 color: #999;
 } 
 .JSmodal-img {
	 max-width: 100%; 
	 max-height: 85%;
	 margin: auto;
	 transform-origin: 50% 50%; 
	 -webkit-transform-origin: 50% 50%; 
 /*    transition: all .2s ease;
	 -webkit-transition: all .2s ease;*/
 }
 
 .JSmodal-gal{
	 position: absolute;
	 bottom: 10px;
	 left: 0;
	 display: flex;
	 align-items: center;
	 display: -webkit-flex;
	 -webkit-align-items: center;
	 width: 100%;
	 border-top: 1px solid #ddd;
	 padding: 10px 10px 0;
	 background: #fff;
 }
 .JSmodal-gal .elevatezoom-gallery{
	 margin: 3px;
 }
  
 /*--- FOOTER ---*/
 footer{ 
	 background-color: var(--footer_bg);  
	 padding: 0 0 20px;
 } 
 .footer-logo img{
	 margin: 10px 0;
	 max-width: 165px;
	 
 }
 .footer-sec-title, .sec-title{
	 min-height: 30px;
	 margin: 5px 0 25px;
	 position: relative;
	 font-size: 150%;
	 text-transform: uppercase;
 }
 .footer-sec-title:after{
	 content: ""; 
	 position: absolute;
	 left: 0;
	 bottom: 0;
	 height: 2px;
	 width: 40px;
	 background-color: var(--blue);
 }
  
 footer .mailto{ color: inherit; }
 
 footer .foot-note a, footer, .footer-links li a, .footer-desc-div a { 
	 color: #ccc; 
 }
 .foot-border{
	 border-top: 1px solid rgba(255,255,255,.2);
	 margin: 25px 0;
 }
 
 /*- FOOTER LINKS -*/
 .footer-links li a {  
	 display: inline-block; 
	 margin: 0 0 12px;
 } 
 .after-footer { 
	 background-color: #fff; 
	 padding: 10px 0;
 }
 .after-footer .banks div ul li img{
	 max-height: 40px;
	 max-width: 150px;
	 margin: 10px 0;
	 width: auto;
	 height: auto;
 }
 /*- NEWSLETTER -*/
 .newsletter {
	 background-color: #181818;
	 padding: 15px 0;
	 line-height: 1.1;
 }
 .newsletter input{ margin: 0; }
 .newslett-btn{
	 height: 42px;
	 margin: 0 7px;
	 border-radius: 4px;
	 padding: 0;
	 width: 100%;
	 background: var(--global_color);
 }
 .newsletter .sec-title{
	 color: var(--global_color);
	 min-height: unset;
	 margin: 0;
 }
   
 /*--- SCROLL TO TOP ---*/
 a.JSscroll-top {
	 font-size: 18px;
	 right: -70px;
	 bottom: 120px;
	 background: var(--scroll_top_bg);
	 z-index: 20; 
	 width: 40px;
	 height: 40px;
	 display: inline-block; 
	 text-align: center;
	 line-height: 40px;
	 color: #fff;
	 position: fixed;
	 opacity: 0.6;
 }
 a.JSscroll-top:hover { opacity: 1; }
 
 /* ======= NEWS ========= */
 .news {
 	 padding: 18px;
	 margin: 30px 15px;
	 background: #fff;
	 box-shadow: 1px 1px 7px #ddd;
 }
 .news-title{
	padding-top: 20px;
 }
.news-short-desc {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
 }
 .news img{ padding: 10px 0; width: 100%; max-width: 100%;}
 
 a.news__more {
	 padding: 5px 15px;
	 display: inline-block;
	 color: var(--btn_color);
	 background: var(--btn_bg);
 }
 a.news__more:hover{ background: var(--btn_hover_bg); color: var(--btn_color); } 
 /*- PRODUCT LIST OPTIONS -*/
 .JSproduct-list-options { 
	 background-color: var(--product_list_bg); 
	 margin: 5px 0 10px;
	 width: 100%; 
	 border: 1px solid #ddd;
	 padding: 10px 5px;
	 border-radius: 4px;
	 -webkit-border-radius: 4px;
 }
 .view-buttons span {
	 color: var(--global_color);
	 vertical-align: middle;
	 font-size: 16px;
	 display: inline-block;
	 background-color: #fff;
	 border: 1px solid #dddddd;
	 width: 34px;
	 height: 34px;
	 text-align: center;
	 line-height: 34px;
	 border-radius: 4px;
	 -webkit-border-radius: 4px;
	 transition: .2s;
	 -webkit-transition: .2s;
 }
 .view-buttons span.active, .view-buttons span:hover {
	 background-color: var(--blue);
	 border-color: var(--blue);
	 color: #fff;
 }
 .view-buttons{ margin: 0 10px; }
 .pr-list-sort{ text-transform: capitalize; } 
 .descr-title{ font-weight: 600; }
 
 /*========= COMPARED ARTICLES ==============*/
 .show-compered, .show-compered-active {
	 background-color: #30323A;
	 padding: 7px 10px;
	 margin: 0 10px; 
	 color: #fff;
 }
 /*.show-compered-active{
	 animation: pulse 1.5s ease-in-out infinite;
 }
 .show-compered-active:hover, .show-compered-active:focus{ color: #fff; }
 @keyframes pulse {
   0% {
	 box-shadow: 0 0 0 0 rgba(0, 131, 193, 0); 
   }
   70% {
	 box-shadow: 1px 1px 5px 20px rgba(0, 131, 193, .2);
   }
   100% {
	 box-shadow: 0 0 0 0 rgba(0, 131, 193, 0);
   }
 }*/
 .show-compered:focus{ color: #fff; }
 .show-compered:hover { background: var(--blue); color: #fff; }
 
 #JScompareTable .JSclearCompare {
	 display: inline-block;
	 background: #D13E3B;
	 color: #fff;
	 cursor: pointer;
	 padding: 2px 7px;
 }
 .table-responsive{ border: none; }
 .compare-table table{ width: 100%; }
 .compare-table table td { border-left: none; border-right: none; }
 .compare-table table tr td img{
	 max-height: 75px;
	 max-width: 100%;
 }
 .compare-table tr td:first-child { text-transform: uppercase; font-weight: bold; font-size: 13px; }
 
 /*--- PRODUCT PREVIEW ---*/
 .rate-me-artical{ margin: 5px 0; font-size: 150% }
 
 /*- PRODUCT PREVIEW IMAGE -*/
 .borderay{
	 border: 1px solid #ddd;
 }
 
 .zoomWrapper {
	 width: 100% !important;
	 height: 100vh !important;
	 max-height: 600px;
	 text-align: center;
	 background: #fff;
	 overflow: hidden !important;
	 position: relative;
 } 
 .zoomContainer:last-of-type, .zoomWindowContainer { display: none !important; }
 
 .zoomContainer { opacity: 0; visibility: hidden; }
 
 .zoomWrapper span { width: 100% !important; }
 .zoomWrapper img {
	 position: relative !important;
	 max-height: 600px !important;
	 max-height: 100% !important;
	 transform: translateY(-50%);
	 -webkit-transform: translateY(-50%);
	 top: 50%;
	 width: auto !important;
	 margin: auto;
	 padding: 10px 0;
 }
 a.elevatezoom-gallery {
	 position: relative;
	 width: 60px;
	 height: 70px;
	 display: flex;
	 display: -webkit-flex;
	 align-items: center;
	 -webkit-align-items: center;
	 background: #fff;
	 z-index: 1;
	 overflow: hidden;
	 border: 1px solid #ddd;
	 margin: 0 auto 5px;
	 padding: 5px; 
	 vertical-align: middle;
 }
 a.elevatezoom-gallery:hover{
	 border-color: var(--blue);
 }
 a.elevatezoom-gallery img { 
	 margin: auto;
	 max-height: 60px; 
	 max-width: 100%;
 }
 .zoomLens, a.elevatezoom-gallery { cursor: pointer; }
 .zoomLens { opacity: 0; }
 .fancybox-overlay-fixed { background: rgba(0, 0, 0, .7); }
 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	 background-image: url('../../../images/fancybox/fancybox_sprite.png') !important;
 } 
 .additional_img a{ 
	 border: 1px solid #dddd;
	 max-width: 60px;
	 width: 100%;
	 overflow: hidden;
 }
 .additional_img a:hover{
	 border-color: var(--global_color);
 }
 .additional_img img{
	 max-height: 45px; 
	 padding: 5px;
	 margin: 2px 0;
 }
 /* ======================= */ 
 .article-password{
	 margin: 6px 0;
	 text-align: right;
	 font-size: 12px;
	 font-weight: 600;
	 opacity: .9;
	 padding: 0 10px;
 }
 .article-sifra{ font-size: 13px; }

 .modal-content .add-to-cart-area {
 	flex-direction: row;
 	align-items: center;
 }

 .modal-content .like-it {
 	margin: 0;
 }
 
 .add-to-cart-area {
	 margin: 10px 0; 
	 display: flex;
	 align-items: flex-start;
	 flex-direction: row;
	 flex-wrap: nowrap;
 }
 .add-to-cart-area > div:first-child {
	 min-width: 365px;
 }
 .mp_locations {
	 margin: 5px;
	 width: 100%;
	 max-width: 220px;
 }
 .mp_locations > div {
	 font-size: 16px;
	 font-weight: 600;
 }
 .mp_locations > ul {
	 border: 1px solid black;
	 padding: 5px;
	 color: #787878;
	 box-shadow: 0px 0px 4px 0px;
	 margin-top: 5px;
 }
 .product-descr{
	 margin: 10px 0 0;
 }
 /*.nivogrupe li{ padding: 0; font-size: 13px; line-height: 1.4; }*/
 
 /*- PRODUCT PREVIEW INFO -*/
 .product-preview-info ul li a { font-weight: bold; color: #666; }
 
 /*.add-to-cart-area .not-available {
	 background-color: var(--add_to_cart_btn_bg_not_available);
	 cursor: not-allowed;
	 margin: 10px 0;
	 padding: 9px;
 }*/
 /* OSOBINE */
 .karakteristike_osobine, .osobina_karakteristika { display: inline-block; position: relative; margin: 3px 0; }
 .osobina { margin-bottom: 5px; border-bottom: 1px solid #ddd; }
 .osobina_naziv { min-width: 60px; display: inline-block; }
 .osobina_karakteristika span {
	 display: inline-block;
	 min-width: 30px;
	 height: 30px;
	 padding: 4px;
	 color: #fff;
	 text-align: center;
	 cursor: pointer;
	 text-shadow: #000 0 0 1px, #000 0 0 1px, #000 0 0 1px, #000 0 0 1px;
	 border: 3px solid #ddd;
 }
 .osobina_karakteristika input { position: absolute; top: 0px; visibility: hidden; }
 .osobina_karakteristika input:checked + span { border: 3px solid #d13e47; }
 .input_kolicina { display: inline-block; margin: 0 5px; }
 
 /* OSOBINE KRAJ */
 a.add-amount-less, a.add-amount-more {
	 display: inline-block;
	 height: 31px;
	 width: 20px;
	 line-height: 31px;
	 color: #fff;
	 text-align: center;
	 background: #ddd;
 }
 .product-preview-price .flex {
	 align-items: baseline;
	 -webkit-align-items: baseline;
	 /* align-items: flex-end;
	 -webkit-align-items:flex-end;
	 height: 90px; */
 }
 .product-preview-price { margin: 0 0 10px 0; }
 .discount-price{  
	 color: var(--orange);
	 font-size: 120%;
	 font-weight: 600;
 }
 .product-preview-price-old {
	 display: block;
	 font-size: 1.4em;
	 text-decoration: line-through;
	 padding: 0 15px;
 }
 .product-preview-price-new { 
	 color: var(--article_product_price_color);
	 font-size: 200%; 
	 margin: 5px 25px 15px 0 !important;
	 font-weight: 600;
	 line-height: 1.1;
	 align-self: center;
	 -webkit-align-self:center;
 }
 .pdv-price { color: #000; font-size: 14px; font-weight: 400; }
 .shop-product-card .product-preview-price-new, .shop-product-list .product-preview-price-new {
	 margin: 0 !important;
 }
 
 .price_size {font-size: 200%;}
 .JSnew_price {
	 color: var(--article_product_price_color);
	 font-weight: 600;
	 line-height: 1.1;
	 /*color: #fff;
	 font-size: 18px;
	 background: linear-gradient(50deg, #c0c0c0, #ff5555);
	 border-radius: 4px;
	 padding: 0 5px;*/
	 display: none;
 }
 .MP-price{
	 display: block;
	 font-size: 16px;
	 color: #666;
	 padding: 0 20px 0 0;
 }
 .available {
	 color: #fff;
	 font-weight: 600;
	 padding: 10px 8px 8px 8px;
	 text-transform: uppercase;
	 background: #008000;
	 border-radius: 6px;
 }
 .img-bd>img {
	 width: 90px;
	 margin-bottom: 10px;
 }
 .page-title{
	 font-size: 250%;
	 font-weight: normal;
	 margin: 0 0 20px;
 }
 /*- PRODUCT PREVIEW TABS */
 .product-preview-tabs { margin-top: 20px; }

 .tab-titles li button{  
	 margin: 5px 3px;
	 padding: 7px 13px;
	 border: 1px solid #ddd;
	 text-transform: uppercase;
	 font-weight: 600;
 }
 .nav-item .nav-link {
 	margin: 5px 0;
 	color: #000;
 }
 .tab-titles li.active a, .tab-titles li.active a:focus, .tab-titles li.active a:hover, .tab-titles button.active, .tab-titles li button:hover{
	 background-color: var(--blue)!important;
	 color: #fff!important; 
	 border-color: transparent;
 }
 .tab-content {
	 border: 1px solid #ddd;
	 border-top: 0;
	 padding: 10px 5px;
	 min-height: 100px;
 }
 .tab-content img{
	 max-width: 100%;
 }
 .tab-content table td{ text-align: left; padding: 4px 5px !important; }
 .tab-content table{ width: 100%; }
 
 /*===== COMMENTS ========= */
 .comment-content {
	 display: block;
	 margin-bottom: 5px;
	 padding: 6px 10px;
	 font-size: 13px;
	 box-shadow: 0px 0px 10px #ddd;
	 position: relative;
 }
 .comment-content span{ display: block; }
 .comment-name { font-weight: bold; }
 .comment-date {
	 font-size: 11px;
	 position: absolute;
	 top: 5px;
	 right: 5px;
 }
 .replies { margin: 0 0 0 20px; }
 .replies .comment-content { color: #000; background: #e6e6e6; }
 
 /* ============ INSIDE CART =============== */
 .without-btn { 
	 background-color: #f5f5f5; 
	 margin: 5px 0px 10px; 
	 text-transform: uppercase;
	 cursor: pointer; 
	 font-weight: bold; 
 }
 .without-btn.active { background: var(--btn_bg); color: var(--btn_color); } 
 .without-btn i {
	 margin: 2px;
	 font-size: 20px;
	 line-height: 30px;
	 -webkit-transform: scale(0);
	 transform: scale(0);
	 -webkit-transition: all 0.25s ease;
	 transition: all 0.25s ease; 
 }
 .without-btn.active i { -webkit-transform: scale(1); transform: scale(1); }
 
 /*- CART ITEMS -*/
 .cart-labels {
	 margin-top: 20px; 
	 border-bottom: 2px solid #ddd; 
	 font-weight: 600;
 }
 .cart-labels li {
	 padding: 7px 8px; 
 } 
 .JScart-item li {
	 padding: 6px 5px;
	 overflow: hidden; 
	 display: flex;
	 flex-wrap: wrap;
	 display: -webkit-flex;
	 -webkit-flex-wrap: wrap;
	 min-height: 115px;
	 align-items: center;
	 -webkit-align-items: center;
 }
 .JScart-item {
	 border-bottom: 2px solid #ddd; 
 }
 .JScart-item li > * { margin: auto 0; }
 .JScart-image img {  max-height: 100px; }
 .cart-name a{ line-height: 1.2; } 
 a.JScart-less, a.JScart-more {    
	 vertical-align: middle;
	 color: #999;
	 font-size: 20px;
	 padding: 0 5px; 
 }
 input.JScart-amount, input.cart-amount {
	 width: 35px;
	 text-align: center;
	 height: 30px;
	 padding: 0;
	 margin: 0;
 }
 input.cart-amount {
	 width: 40px; 
	 height: 40px;
 }
 .cart-page{ padding: 15px 0; }
 
 /*- BELOW CART -*/ 
 .cart-summary-wrapper{
	 margin: 5px 0;
 }
 .cart-summary-wrapper > div{ 
	 padding: 7px 10px;
	 background: #f5f5f5;
	 border-bottom: 1px solid #ccc;
 }
 .cart-remove a { opacity: 1; font-size: 18px; } 
 
 .JSdelivery-wrapper {
	 background-color: #0083c1;
	 color: #fff;
	 width: 100%;
	 display: none;
 }
 
 .below-cart { margin-top: 10px; }
 
 .cart-remove-all{  
	 background: #f2f2f2;
	 border: 1px solid #cdcdcd;
	 color: #333;
	 margin: 5px 0;
 }
 .cart-remove-all:hover{
	 background: #e2e2e2;
	 border-color: #cdcdcd;
 }
 .summary-amount {   
	 font-size: 18px;
	 color: var(--orange);
	 text-align: right;
 }  
 /*- CART ACTION BUTTONS -*/
 .cart-action-buttons { margin-top: 15px;  }
 .no-registration-btn, .btns{
	 background-color: var(--btn_bg);
	 color: var(--btn_color) !important;
	 padding: 4px 10px;
	 margin: 5px 0; 
 }
 .btns{
	 background-color: #333;
	 text-transform: uppercase;
	 padding: 6px 16px;
 }
 .cart-registration-button{ background-color: #087DC2; font-size: 15px; }
 .without-reg-form { margin-top: 10px; }
 .JSwithout-reg-none-personal, .JSwithout-reg-personal { display: none; }
 .JSwithout-reg-none-personal.active, .JSwithout-reg-personal.active { display: block; }
 .cart-page .forward { max-width: 200px; width: 100%; }
 
 /* SHOPPING INFORMATION */
 .shopping-information table { width: 98%; margin: 0 auto; font-size: .9em; }
 .shopping-information table th { padding: 20px 10px 10px; }
 .shopping-information table td { padding: 3px 10px; text-align: left; }
 .shopping-information table .summary { padding-right: 10px; text-align: right; font-weight: bold; }
 
 /*--- USER PAGE ---*/
 .user-info-form { margin: 20px 0; }
 .user-info-form .submit {
	 float: left;
	 margin-left: 0.9375em;
	 margin-top: 20px;
	 padding: 1px 8px;
	 font-size: 1em;
 }
 .user-orders-table { width: 100%; margin: 10px 0; }
 .user-orders-table th,td{ border: 1px solid #ddd; padding: 5px 0; text-align: center; }
 .dont-erase-me{ padding: 10px 5px; }
 .user-order-button{ border-radius: 50px; } 
 .modal-footer, .modal-header{ border: none; }

 .modal-header-text {
 	border-bottom: solid 1px #eee;
    margin-bottom: 20px;
    padding-bottom: 20px;
 }
 
 /*BECAUSE OF FREE DELIVERY AND ADMIN MENU TOP*/
 .modal-dialog { margin-top: 60px!important; }
 
 .bootbox p {    
	 font-size: 17px;
	 text-align: center;
	 margin: 10px 0 0;
 }
 .bootbox .modal-dialog{ top: 25%; }
 .bootbox .modal-dialog .btn{ padding: 5px 30px; border: none; }
 .bootbox .modal-dialog .btn:nth-child(1){
	 background-color: var(--orange);
	 color: #fff;
 } 
 .bootbox .modal-dialog .btn:nth-child(2){
	 background-color: var(--blue);
	 color: #fff;
 }
 .bootbox .modal-dialog .btn:hover{ box-shadow: 1px 1px 5px #666; }
 /*--- CONTACT PAGE ---*/
 #map_canvas { height: 330px; margin: 10px 0; }
 
 /*--------- AlL  CATEGORY PAGE -------------*/
 .category-heading {
	 margin: 15px 0 0;
	 padding: 4px 10px;
	 border-radius: 2px;
	 color: #000;
	 background-color: #f0f0f0;
 }
 .category-name-link {
	 margin: 3px 0;
	 display: block;
	 border-bottom: 1px solid #ddd;
 }
 .category__list { display: block; }
 .category__list__item__link { display: block; line-height: 1.7; }
 .category-name-link, .category-heading, .category__list__item__link { font-size: 1em; } 
 /*--------- ALL  CATEGORY SIDEBAR ------------- */
 
 .JScategory-sidebar__list { margin: 20px 0; background: #f0f0f0; z-index: 801; }
 .category-sidebar__list--fix { position: fixed; top: 15px; width: 270px; }
 .category-sidebar__list__item__link {
	 display: block;
	 padding: 2px 10px;
	 font-weight: 600;
	 font-size: 13px;
 }
 #b2b-login-icon:hover, .footer-links li a:hover, .top-menu-links li a:hover
 { color: var(--global_color); }
 
.list-inline>li{
	display: inline-block;
	padding: 0 5px 0 0;
}

.top-menu-links>li {
	padding: 0 5px 0 0;
}
  
 .contact-heading{ margin: 10px 0; border-bottom: 1px solid #ddd; }
 
 .vezani_artikli .linked-articles-input{ margin: 0; text-align: center; border: none; }
 
 .add-to-cart-artikal {
	 padding: 10px 0 8px 0; 
	 margin: 10px;
	 width: 100%;
	 max-width: 140px;
	 border-radius: 5px;
	 text-transform: uppercase;
 }
  
 /* article page admin button*/
 .admin-article .supplier{ display: block; }
 
 .admin-article{
	 position: absolute;
	 top: 25%;
	 right: 0;
	 background: linear-gradient(#fff,#ddd);
	 text-align: center;
	 padding: 0 7px;
	 margin: 5px;
	 z-index: 2;  
	 border: 1px solid #ddd;
 }
 .article-level-edit-btn{
	 font-weight: bold;
	 border: 1px solid #bbb;
	 font-size: 11px;
	 padding: 0 5px;
	 display: inline-block;
 } 
 /*======================*/
 .new-content { padding: 30px 15px; }
 .new-content p, .new-content ul li { font-size: 1em; }
 .new-content img{ 
	 max-width: 100%;
	 max-height: 700px;     
	 display: inline-block;
	 margin: 0 5px; 
 }
 /* Login/Registration Forms */
 .login-page-padding {
	 padding: 30px 0;
	 min-height: 600px;
	 flex-wrap: wrap;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 -webkit-align-items: center;
	 display: -webkit-flex;
	 -webkit-justify-content: center;
	 -webkit-flex-wrap: wrap;
	 position: relative;
 /*  background: -webkit-linear-gradient(#f0f0f0, #fff);
	 background: linear-gradient(#f0f0f0, #fff);*/
 }
 /*.login-page-padding::before, .login-page-padding::after {
	 content: ' ';
	 background: -webkit-linear-gradient(#f0f0f0, #fff);
	 background: linear-gradient(#f0f0f0, #fff);
	 width: 15px;
	 height: 100%;
	 position: absolute;
	 display: block;
	 left: -15px;
 }*/
 .login-page-padding::after { right: -15px; left: initial; }
 .login-page-padding .log-in h3{
	 font-size: 1.5em;
	 border-bottom: 1px solid #ccc;
	 padding: 5px 0;
	 opacity: .8;
 }
 .login-page-padding .log-in span, .news-reg-checkbox-wrapper label {
	 color: #666;
	 font-size: 13px;
	 display: block;
 }
 .text-log-and-reg .legal-person-link-button{
	 background-color: var(--btn_bg);
	 color: var(--btn_color);
	 padding: 5px 15px;
 } 
 .overlay-log-and-reg{
	 position: absolute;
	 bottom: 100%;
	 left: 0;
	 right: 0;
	 background-color: rgba(48, 50, 58, .7);
	 overflow: hidden;
	 width: 100%;
	 height:0;
	 transition: .5s ease;
 }
 .text-log-and-reg{
	 font-size: 16px;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 -ms-transform: translate(-50%, -50%);
 }
 .overlay-container{ position: relative; max-width: 300px; }
 .overlay-container:hover .overlay-log-and-reg { bottom: 0; height: 100%; }
 .login-page-image{
	 display: flex;
	 align-items: center;
	 flex-wrap: wrap;
	 display: -webkit-flex;
	 -webkit-align-items: center;
	 -webkit-flex-wrap: wrap;
 }
 .welcome-login{ color: var(--gray); display: block; }
 .welcome-login span{ 
	 margin: 5px 0;
	 display: block; 
 }
 .login-form-button{ margin: 5px 0 0; } 
 .forgot-psw{
	 background: #fff;
	 color: #777;
 }
 .whats-registration{
	 font-size: 16px;
	 font-weight: 600;
	 opacity: .8;
	 display: inline-block;
	 margin: 10px 0;
 } 
 .news-reg-checkbox-wrapper {
 	padding: 10px 0;
    flex-wrap: nowrap;
 }
 .news-reg-checkbox-wrapper label {
 	margin-bottom: 0;
 	padding: 1px 0 0 5px ;
 }
  .news-reg-checkbox-wrapper label,  .news-reg-checkbox-wrapper input {
  	cursor: pointer;
  }
 /*======= ACTION SLIDER ==============*/
 .btn-slider {
	 padding: 1px 5px;
	 color: var(--global_color);
	 background-color: transparent;
	 outline: none;
	 top: -35px;
	 position: absolute;
 }
 .btn-slider:active{ opacity: .6; }
 .previous, .slider-prev { right: 35px; }
 .next, .slider-next { right: 0; }
  
 /* NEWS */
 /* .single-news img { 
	max-height: 350px;
 } */
.single-news .img-responsive.center-block{
	width: 100%;
	max-width: 100%;
 }
 .single-news { padding: 30px 10px; }
 .news .news__more{
	margin-top: 20px;
 }
 /* ADDITIONAL FILES */
 .files-list-item {
	 font-size: 12px;
	 font-weight: bold;
	 position: relative;
	 display: inline-block;
	 margin: 10px;
 }
 .files-name { font-weight: normal; margin: 6px; }
 
 .features-list li {
	 font-size: 12px;
	 border-bottom: 1px solid #ddd;
	 padding: 2px 10px;
	 display: inline-block;
	 width: 49%;
 }
 .features-list li:nth-child(even){ background: #f5f5f5; }
 .generated-features-list:nth-child(even){ background: #f5f5f5; }
 .generated-features-list > li:nth-child(1), .generated-features-list > li:nth-child(2), .generated-features-list > li ul li{
	 display: inline-block;
	 padding: 2px 10px;
	 line-height: 1.3; 
	 vertical-align: middle;
 }
 .generated-features-list > li:nth-child(1){ width: 28%; }
 .generated-features-list > li:nth-child(2){ width: 70%; }
 .generated-features-list > li ul li{ border-bottom: 1px solid #ddd; width: 50%; }
 .generated-features-list > li ul li:nth-last-child(-n+2){ border-bottom: none; }
 .files-link img { max-width: 60px; }
  
 /*============ BRENDS ==============*/
 .brend-item {
	 background: #fff;
	 overflow: hidden;
	 padding: 5px 15px;
	 font-weight: bold;
	 color: #222;
	 height: 80px;
	 margin: 15px 0;
	 border-radius: 2px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 box-shadow: 1px 1px 3px #f2f2f2;
 }
 .brend-item img{ max-height: 65px; padding: 5px 0; width: auto; }
 
 .brandSlider img{
	 max-width: 100%;
	 max-height: 100px;
	 margin: 15px 0;
 } 
 /*=======================*/
 .article-edit-btn {
	 font-weight: bold;
	 text-align: center;
	 max-width: 150px;
	 border: 1px solid #bbb;
	 border-radius: 2px;
	 font-size: 11px;
	 padding: 0 5px;
	 position: absolute;
	 right: 0px;
	 top: 0;
	 background-color: #fff;
	 z-index: 4;
 } 
 .no-articles{
	 padding: 10px;
	 display: block; 
	 background: #f8f8f8;
 }
 .padding-5 {
	 padding: 5px;
 }
 #admin-menu { 
	 background: #f2f2f2; 
	 position: sticky;
	 top: 0;
	 z-index: 9999; 
 }
 #admin-menu a i{ color: #e55539; font-size: 15px; }
 #admin-menu div{ font-size: 13px; }
 .ms { margin: 0 3px; }
 #admin-menu a:hover { color: #aaa; }
 .success { margin: 10px 0 0; font-weight: bold; padding: 5px; }
 
 /* OCENE */
 .review-star { cursor: pointer; }
 .review{ font-size: 12px; }
 #the-comments .review {
	 font-size: 150%;
 }
 #review-number { display: none; }
 .fa-star, .fa-star-o { color: var(--review_star_color); }
 .comment-rating { font-size: 12px; }
 .bw { background-color: var(--inner_body_bg); }
 .karak-row {
	 min-height: 25px;
	 border-bottom: 1px solid #bbb;
	 display: flex;
	 align-items: center;
	 flex-wrap: wrap;
	 display: -webkit-flex;
	 -webkit-align-items: center;
	 -webkit-flex-wrap: wrap;
 }
 .karak-row:last-child{
	 border-bottom: none;
 }
 #main-menu li a{
	border-radius: 5px;
	padding: 0 8px;
}
.heading-background.JSInlineShort{
	max-width: calc(100% - 70px);
}
#JScategories .level-1-list a {
	padding: 0 5px;
	white-space: nowrap;
}

.logo{
	padding: 3px 0 0 0;
}
.logo svg{
	width: 165px;
 }

 
 .logo .st0{fill:url(#SVGID_1_);}
 .logo .st1{fill:#FFFFFF;}

 .JSsticky_header .logo .st0{fill:#fff;}
 .JSsticky_header .logo {padding: 5px 0 0 0;}

 .footer-logo svg#Layer_1 .st0,
 .footer-logo svg{
	max-width: 200px;
	fill: #ffffff;
 }

/*---------- MEDIAQUERIES ----------*/
  @media screen and (min-width:1300px) {
	 #JSmain-slider {
		 height: 350px; 
	 }
  }
  @media screen and (min-width:1600px) {
	 #JSmain-slider {
		 height: 430px; 
	 }
 
	 .container {
		 max-width: 1500px !important;
	 }
  }
  @media screen and (max-width: 1500px) {
	 .JSlevel-1 .level-1-list > a { padding-inline: 2px; }
	 #main-menu li a, .JSlevel-1 .level-1-list > a, .lvl-2 > a { font-size: 100.67%; }
 
	 #responsive-nav {
		 display: flex;
		 align-items: center;
		 flex-direction: column;
		 align-items: flex-start;
		 gap: 0rem;
	 }
	 #responsive-nav #JScategories { flex: 1; }
	 #the_categories li { padding-inline: 0px !important; }
	 #main-menu li a { padding-inline: 8px; }
	 
  }
  @media screen and (min-width:1334px) {
	 #JSmain-slider .slick-prev{
		left: 3%;
	 }
	 #JSmain-slider .slick-next {
		right: 3%;
	 }
	 #JSmain-slider img {
		 max-width: 1334px;
	 }
	 #JSmain-slider .slick-slide {
		 padding: 0 15px;
	 }
  }
  @media screen and (min-width: 1470px){
	#JSmain-slider .slick-prev{
		left: 10%;
	}
	#JSmain-slider .slick-next {
		right: 10%;
	}
 }

  @media screen and (min-width: 1720px){
	#JSmain-slider .slick-prev{
		left: 16%;
	}
	#JSmain-slider .slick-next {
		right: 16%;
	}
 }
  @media screen and (max-width: 1300px) {
	 .add-to-cart-area {
		 flex-direction: column;
	 }
	 .mp_locations {
		 margin: 0 0 5px 0;
	 }
  }
  @media screen and (max-width: 1100px) {
	 #main-menu li a, .JSlevel-1 .level-1-list > a, .lvl-2 > a { font-size: 90.67%; }
  }
  @media screen and (min-width:1900px) {
	 #JSmain-slider {
		 height: 500px; 
	 }
  }
  @media screen and (min-width:992px) {  
	.menu-background { 
		margin: 8px;
	}
	#main-menu li {
		padding: 0 5px 0 0;
	}
	.logo img {
		max-width: 200px;
		width: 100%;
	}
	.container {
		max-width: 100%;
		width: 100%;
	}	
	.modal-lg {
        width: 900px!important;
        --bs-modal-width: 100%!important;
    }
	.JSlevel-3 a:hover:before,
	.footer-links li a:hover:before {
		color: var(--global_color);
	}
	#JScategories .JSlevel-2 li a:hover{
		color: var(--global_color);
	}
	#JScategories .JSlevel-3 li a:hover{
		color: var(--footer_bg);
	}
	#JScategories .JSlevel-3 a:hover:before, #JScategories .footer-links li a:hover:before{
		color: var(--gray);
	}

    .JSdelivery-wrapper * { font-size: 17px;  } 
 
	.container {
		 max-width: 95%;
		 width: 100%;
	 }
 /*    #JScategories:hover > .JSlevel-1 { display: block !important; }
	 #JScategories .JSlevel-1 > li { border-left: 2px solid transparent; }
	 #JScategories .JSlevel-1 > li:hover { border-left: 2px solid var(--global_color); }*/
	 body.modal-open { 
	 	overflow-y: auto!important; 
	 	margin-right: -17px!important; 
	 	overflow-x: hidden!important; 
	 }
	 .drop-2{ background-color: var(--menu_bg); }
	 #main-menu .drop-2 > li > a{
		 border-bottom: 1px solid #fff;    
		 margin: 0 10px;
		 text-shadow: 0.5px 0 0;
	 }
	 .logo img { max-width: 200px; }
	 .after-slide .box:nth-of-type(2){
		 border-left: 1px solid #ddd;
		 border-right: 1px solid #ddd;
	 }
	 .img-link:after, .JSrelated-custom .img-wrap:after {
		 background-color: rgba(0, 0, 0, 0.35);
		 content: "";
		 display: inline-block;
		 position: absolute;
		 left: 0;
		 right: 0;
		 bottom: 0;
		 top: 0;
		 opacity: 0;
		 transform: rotate(-45deg) scale(0.5);
		 -webkit-transform: rotate(-45deg) scale(0.5);
		 -ms-transform: rotate(-45deg) scale(0.5);
		 transition: all 0.2s ease 0s;
		 -webkit-transition: all 0.2s ease 0s;
		 border-radius: 4px;
		 -webkit-border-radius: 4px;
		 z-index: 1;
		 pointer-events: none;
	 }
	 .shop-product-card:hover .img-link:after, .shop-product-card-list:hover .img-link:after, .JSrelated-custom .img-wrap:hover::after {
		 opacity: 1;
		 transform: rotate(0deg) scale(1);
		 -webkit-transform: rotate(0deg) scale(1);
		 -ms-transform: rotate(0deg) scale(1);
	 }
	 #JScategories .JSlevel-2{
		 padding: 10px 5px!important;
	 }
	 .article-details{ 
		 opacity: 0;  
		 visibility: hidden;  
	 }
	 .shop-product-card:hover .article-details, .shop-product-card-list:hover .article-details{ opacity: 1;  visibility: visible;  }
	 #JScategories .JSlevel-2 { 
		 background: #fff;
	 }
  
	 .JSlevel-3 a:before, .footer-links li a:before{
		 content: '\f111';
		 display: inline-block;
		 font-family: FontAwesome;
		 font-size: 0;
		 transition: .2s;
		 -webkit-transition: .2s;
		 color: var(--blue);
		 vertical-align: middle;
		 padding: 0 3px 0 0;
	 }
	 .JSlevel-3 a:hover:before, .footer-links li a:hover:before{
		 font-size: 5px;
		 padding-right: 5px;
	 }
	 
	 .JSsearchContent2{
		 width: 90%;
		 margin: auto;
	 }
	 .JSlevel-1 .level-1-list:hover > a, .JSlevel-1 .active > a, #main-menu li:hover > a {  
		 background-color: var(--blue);
		 color: #fff;
	 }
	 .JSlevel-1 .level-1-list > a{
		 line-height: 31px; 
	 }
	 
	 /* #JSmain-slider .slick-next, #JSmain-slider .slick-prev{
		 opacity: 0;
	 } */
	 #JSmain-slider:hover .slick-next, #JSmain-slider:hover .slick-prev{
		 opacity: 1;
	 }
	 .footer-cols{
		 padding: 30px 0 0;
	 }
  
	 #JScategories .active-cat{
		 display: block; 
		 -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
		 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); 
	 } 
  }
 
   /*--- MIN WIDTH 641px ---*/
 @media screen and (min-width:769px) {
	 #JSmain-slider_mobile {
		 display: none;
	 }
 }
 
 /*--- MIN WIDTH 641px ---*/
 @media screen and (min-width:641px) {
	 .generated-features-list:last-child { border-bottom: none; }
	 .generated-features-list{
		 font-size: 1em;
		 padding: 0 10px;
		 display: table;
		 width: 100%;
		 border-bottom: 1px solid #ccc;
	 } 
 
	 #available_soon .modal-content {
		 max-width: 80%;
		 margin: auto;
	 }
 }
 /*======================*/
 @media screen and (max-width:1024px) {
	.header-cart.relative{
		margin-left: 20px;
	} 
	 .JSheader-cart-content{ display: none; }
	 .sub_cats_item_brend img{ max-width: 130px; } 
 }

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

  	#JScategories .level-1-list a {
  		white-space: inherit;
  	}

  	#responsive-nav #main-menu li {
  		padding: 0 5px 0 0;
  		margin-top: 1px;
  	}
  	.gallery-ban {
  		display: flex;
  		flex-direction: column;
  		gap: 40px;
  	}

  	/* SLIDER DEVICE FLAGS */
    .JSsliderDeviceFlag[data-device='4']  {
        display: block;
    }
    .JSsliderDeviceFlag[data-device='4'] .bg-img {
        padding-top: 100%;
    }
    .JSsliderDeviceFlag[data-device='1'], .JSsliderDeviceFlag[data-device='2'], .JSsliderDeviceFlag[data-device='3'] {
        display: none;
    }


	.JSlevel-2,
	.JSlevel-3{
		padding-left: 10px!important;
	}
	.level-1-list .JSsubcategory-toggler,
	.level-1-list{
		transition: background 0.3s;
	}
	.level-1-list.active .JSsubcategory-toggler,
	.level-1-list.active{
		transition: background 0.3s;
		background: #e9e9e9;
	}
	.level-1-list.active .fas.fa-plus:before {
		content: "\f068";
	}
	.level-1-list.active .JSlevel-2 .fas.fa-plus:before {
		content: "\f067";
	}
	
	.col-md-3.col-sm-3.col-12.lvl-2 .fas.fa-plus:before {
		content: "\f067";
	}
	.col-md-3.col-sm-3.col-12.lvl-2.active .fas.fa-plus:before {
		content: "\f068";
	}
.crveno{
	background: #ff0000;
}
	#responsive-nav {
		 position: fixed;
		 left: 0;
		 top: 0;
		 bottom: 0;
		 max-width: 270px;
		 width: 100%;
		 overflow: hidden;
		 background-color: #f8f8f8;
		 -webkit-transform: translateX(-200%); 
		 transform: translateX(-200%);
		 -webkit-transition: 0.5s all;
		 transition: 0.5s all;
		 z-index: 990;
		 overflow-y: scroll;
		 padding: 30px 0 0 15px;
		 box-shadow: 0 5px 10px rgba(0,0,0,.3);
		 flex-direction: column !important;
	 }
	 .header-search { margin-left: 15px; }
	 .logo img { max-width: 200px; }
	 #preheader{
		padding: 8px 2px 0px 2px;
	 }
	 /* .JSsearchContent2{
		padding-top: 20px;
	 } */
	 .resp-nav-btn-cont {
		 position: absolute;
		 right: 20px;
		 top: 5px;
		 z-index: 1;
		 color: #fff;
		 display: inline-block;
	 }
	 .resp-nav-btn  {
		 border: 1px solid #fff;
		 padding: 4px 11px;
		 border-radius: 4px;
	 }
	 .mobile-categories-text {
		 font-size: 18px;
	 }
	 .openMe {
		 width: 100% !important;
		 -webkit-transform: translateX(0%) !important; 
		 transform: translateX(0%) !important;
	 }
 /*  #JScategories .JSlevel-1, .drop-2{ position: relative; display: block; }*/
	 #main-menu .drop-2 li a{ background-color: #f2f2f2; } 
	 .JSsubcategory-toggler { display: inline-block; }
	 .level-1-list{ position: relative; width: 100%; }
 
 /*  #main-menu li a{
		 color: #222;
		 padding: 6px 0;
		 font-size: 13px;
	 }*/
 /*  .pages-in-header{ margin: 20px 0; } 
	 .pages-in-header li{ float: none; }*/ 
	 .container { width: auto;  padding: 0; max-width: 100%; }
	 .overlay-log-and-reg{ bottom: 0; height: 100%; }
	 .JSclose-nav{
		 display: inline-block;
		 position: absolute;
		 right: 15px;
		 top: 5px;
		 font-size: 30px;
		 line-height: 1;
		 color: #f00;
	 }
	 #JScategories .JSlevel-2 li, .JSlevel-1 .level-1-list > a, .lvl-2 > a{ width: 100%; }
 
	 #JScategories .JSlevel-2 li{
		 padding: 0 0 0 15px;
	 }
	 #JScategories .JSlevel-2 {
		 position: relative; 
	 }
	 .JSCategoryLinkExpend, .JSlevel-3 { display: none; } 
 /*  .JSlevel-1 li a{ margin: 3px 0; } */
	 .JSlevel-1 .level-1-list > a, .lvl-2 > a{
		 padding: 2px 8px; 
		 border-bottom: 1px solid #ccc;
	 }
	 #main-menu li a, .JSlevel-1 .level-1-list > a, .lvl-2 > a, .JSlevel-3 a, .caller, .after-slide .box{
		 font-size: 90%;
	 } 
	 .pay-info { position: static; max-width: unset; }
	 .captcha-group {
		 top:0;  
	 }
	 .capcha {
		 margin: 0;
	 }    
	 .capcha img { 
		 display: block;
		 margin: 5px auto;
	 }
 }
 /*=================*/
 @media (min-width:768px) and (max-width:970px) {
	.col-lg-3.col-md-4.col-sm-3.col-9.text-center.caller{
		width: 32%;
	}
	.col-lg-2.col-md-2.col-sm-2.col-3.header-cart-container{
		width: 16%;
	}
	.col-lg-5.col-md-4.col-sm-12.col-12.header-search{
		width: 50%;
	}
	.col-lg-2.col-md-2.col-sm-12.col-12{
		width: 100%;
	}
 }
 @media screen and (max-width: 960px) {
	.shop-product-card-list .buy-btn,
	.shop-product-card .buy-btn {
		background-color: #0b2d33;
		color: #fff;
	}

	.article-sifra b{
		padding: 0;
	}

	.JSclose-nav{
		color: #ed145b;
	}	
}
  
 @media only screen and (max-width: 860px){
	.caller-content, .caller{
		gap: 0rem;
	}

	.header-cart.relative{
		margin-left: 10px;
	} 
	.resp-nav-btn-cont{
		right: 17px;
	}
}
@media (min-width:768px) and (max-width:900px) {
     .JSsearchContent2{
		padding-right: 20px;
	}
	.JSsearchContent2 .search-field::placeholder{
		color: #fff;
	}
}
@media only screen and (min-width: 768px){
	.footer-cols > div:nth-child(2) .links-order{
		position: absolute;
		left: 0;
		top: 200px;
	}
	.modal-dialog {
		width: 100%;
		min-width: 600px;
	}
	#JSQuickView .modal-dialog {
		max-width: 90%;
	}
}
 @media only screen and (max-width: 768px){

 	#JSQuickView .modal-dialog {
		max-width: 90%;
	}

 	 #JSmain-slider .slick-next, #JSmain-slider .slick-prev {
 	 	display: none!important;
 	 }
 	 #JSmain-slider {
 	 	max-height: max-content;
 	 }

	.col-lg-5.col-md-4.col-sm-12.col-12.header-search{
		margin: 10px 0;
	}
	.header-cart.relative{
		margin-left: 20px;
	}
 	.mobile-categories-text {
 		display: inline-block!important;
 	}
 	.JScategory-sidebar__list {
 		position: fixed;
 		top: 50%;
 		right: 0px;
 		margin-right: -80%;
 		width: 80%;
 		-webkit-transform: translateY(-50%);
 		transform: translateY(-50%);
 		-webkit-transition: margin 0.2s ease-in-out;
 		transition: margin 0.2s ease-in-out;
 		border: 1px solid #ddd;
	}
	 .shop-product-card-list .buy-btn, .shop-product-card .buy-btn {
		 background-color: var(--btn_bg);
		 color: #fff;
	}
	 .shop-product-card .text-state, .shop-product-card-list .text-state {
		 background-color: #FEC240; 
		 border-color:  #FEC240;
	} 
	 .currency-list li { padding: 10px 0; }
	 .shop-product-card-list { border: 1px solid #858585; border-radius: 5px; }
	 .mobileCategoryFirstLevel { display: flex; flex-wrap: wrap; }
	 
	 .mobile-category { padding-inline: 24px; }
	 .level-1-img-container-mobile, 
	 .level-1-img-container-mobile img { max-width: 65px; }
	 .level-1-list-mobile a {
		 display: flex;
		 align-items: center;
		 gap: 1rem;
		 justify-content: center;
	}
	 .level-1-list-mobile {
		 padding: 8px 12px 8px 8px;
		 margin-bottom: 5px;
		 border-bottom: 1px solid rgb(232, 232, 232);
	 }
  .header-search { margin-left: 0; }
  .logo img { max-width: 200px; }
  .JScategory-sidebar__list__toggler {
	 line-height: 30px;
	 text-align: center;
	 font-size: 20px;
	 width: 35px;
	 height: 35px;
	 position: absolute;
	 top: 40%;   
	 transform: translateY(-40%);
	 left: -35px;
	 background: #f0f0f0;
	 border-radius: 3px 0px 0px 3px;
	 color: #747474;
	 font-weight: 700;
	 border: 1px solid #747474;
	 cursor: pointer;
 }
	 .category-sidebar__list--open { margin-right: 0%;} 
	 .category-sidebar__list--open .JScategory-sidebar__list__toggler:before { content: "\2192";} 
	 .JScategory-sidebar__list__toggler:before { content: "\2190";} 
 
	 .product-preview-price .flex {
		 height: auto;
	 }
   
 /*  .top-menu-links li a:after{
		 content: '';
		 position: absolute;
		 height: 100%;
		 width: 96%;
		 bottom: 0;
		 left: 5px;
		 border-bottom: 1px solid #fff;
	 }*/
	 .footer-links li a { margin: 0 0 15px; } 
	 .banners-right a, .banners-right img{ max-height: initial; margin: 5px auto; } 
	 #preheader>.social-icons, .zoomImg{ display: none; } 
	 .sm-text-center { text-align: center; }
 
	 .disableZoomer:after{
		 content: ''; 
		 position: absolute;
		 z-index: 1;
		 left: 0;
		 top: 0;
		 width: 100%;
		 height: 100%;
	 }
	 .currency-btn{
		 margin: 5px 0;
	 } 
	 a.elevatezoom-gallery{ display: inline-flex; height: 60px;}
	 #JScategories .JSlevel-1, .generated-features-list > li:nth-child(2){ width: 100%; }
	 #main-content{ min-height: 800px; }
	 #JScategories .level-4{ display: block; }  
	 .footer-sec-title{ min-height: auto; margin: 15px 0; padding: 0 0 5px; }
	 .karak-row{ height: auto; border: none; }
	 .category-sidebar__list__item__link{ padding: 5px 10px; }  
	 .product-preview-price-new, .price_size  { font-size: 220%;}
	 .generated-features-list { margin: 30px 0;  }
	 .product-preview-tabs .generated-features-list .features-list-title { 
		 border-top: 1px solid #bbb;
		 border-bottom: 1px solid #bbb;
		 color: #000; 
		 font-weight: 600; 
		 width: 100%;
	 } 
	 .heading-background{ font-size: 70%; }
	 .footer-sec-title, .article-heading, .footer-sec-title, .sec-title{
		 font-size: 120%;
	 }
	 .contact-us-page h2, .contact-us-page h3, .contact-heading{
		 font-size: 150%;
	 }
	 .zoomWrapper{ 
        max-height: 400px;
        line-height: 400px;
	 }  

	 .product_block {display: block;}
	 #JSmain-slider .slick-dots {
		 display: none !important;
	 }
 
	 .shop-product-card-list .price-holder, .shop-product-card-list .product-manufacturer { text-align: left; }
 
	 .xs-no-padd { padding: 0; }
 
	 /*==== JSMAIN SLIDER TIMER ========*/
	 .sliderTimer { 
		 position: static; 
		 transform: none; 
	 }
	 .sliderTimer > .flex { justify-content: center; -webkit-justify-content: center; }
 
	 .sliderTimer > p { font-size: 12px; }
 
	 .sliderTimer { width: 100%; bottom: 0; }
 
	 .sliderTimer > div > div { font-size: 13px; padding: 5px; }
 
	 .sliderTimer > div p { display: inline-block; }
 
	 iframe { max-height: 400px; }
	 .new-content iframe { max-height: 800px; }
	 #black-friday iframe, .synth-iframe iframe { max-height: unset; }
 }
 @media screen and (max-width: 767px) {
	.header-cart { 
		margin: 0;
	}
	#preheader .col-12{
		width: 100%;
		text-align: center;
	}

	.dr-text{
		padding: 8px 2px;
	}
}

  
 /*--- MAX WIDTH 480px ---*/
 @media screen and (max-width:576px) {  
	 .scrollable { overflow-y: scroll; height: 400px; display: block; }  
	 .tab-titles li { font-size: 12px; } 
	 .product-image-wrapper { height: 200px; }
	 .shop-product-card .product-image, .quick-view-wrapper img { max-height: 190px; }
	 .after-footer .banks div ul li img { max-height: 30px; }
	 .JScart-item li { min-height: auto; }
	 .login-form-button, #loginModal .create-acc { width: 100%; }

     .registration-form .login-form-button {
        width: auto;
    }
	 
	 #JSmain-slider .sliderText{ font-size: 14px; } 
	 .zoomContainer{ display: none; }
	 .after-slide .box{ font-size: 10px; margin: 0; } 
	 .add-to-cart-artikal{
		 max-width: 105px;
	 }
	 #JSmain-slider .slick-next, #JSmain-slider .slick-prev{
		 height: 30px;
		 width: 30px;
	 }
	 #JSmain-slider .slick-prev:before, #JSmain-slider .slick-next:before{ line-height: 30px; }
	 .cart-remove {
		 position: absolute;
		 right: 0;
		 top: 0;
	 }
	 .page-title{
		 font-size: 180%;
		 margin: 5px 0px;
	 }
	 .infocredit{
		 width: 58%;
	 }
	 .price_size, .JSnew_price {font-size: 21px;}
	 
	 .first-popup {
		 padding: 2rem;
	 } 
	 .first-popup .JSclose-me-please {
		 top: 0;
		 right: 0;
	 }
 }
 
 @media screen and (max-width: 390px) {
	.header-cart.relative{
		margin-left: 10px;
	} 
	.col-9 {
		width: 72%;
	}
	
	.col-3{
		width: 23%;
	}
}
@media screen and (max-width: 351px) {
	.mobile-categories-text{
		display: none;
	}
	.header-cart .my-cart {
		display: none;
	  }
	
	  .col-9 {
		width: 72%;
	}
	
	.col-3{
		width: 23%;
	}	
}