/*---------- GENERAL STYLES ----------*/
body {
    font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: var(--body_color);
	-webkit-font-smoothing: antialiased;
	background-color: var(--body_bg);
} 
.flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-flex-wrap: wrap;
}

.gallery-images a {
    display: block;
    float: left;
    width: 20%;
    margin: 5px 0;
}

.footer-links li:hover a {
	padding-left: 40px;
	transition: .3s ease-in-out;
}

.setting-button {
	padding: 4px 12px;
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	border-radius: 3px;
	font-weight: 300;
	color: #9F9F9F;
	background: #DFDFDF;
}
.setting-button.active {
	background: #039042;
	color: #fff;
}
.setting-button:hover {
	background: #039042;
}
.container-fluid{
	padding: 0;
}
.row{
	margin: 0;
}
.JShidden-msg{ display: none; }
.navbar-header{
	margin: 0;
	min-height: 0;
	border: 0;
	float: none;
    display: inline-block;
}
.dropdown, .dropup{
	display: inline-block;
} 
.currency-btn{
	background-color: var(--currency_bg);
	color: var(--currency_color);
    border: 1px solid #ccc;
    padding: 2px 10px;
    margin: 7px 0 7px 5px;
}
.currency-list li{
	border-bottom: 1px solid #ddd;
}
.currency-list, .login-dropdown{
	margin: 0;
	padding: 0;
}
.vertical-align{
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	display: -webkit-inline-flex;
	-webkit-align-items: center;
	-webkit-flex-wrap: wrap;
}
.pagination {
     margin: 2px 0;
}
.form-control:focus {
    border-color: #039042;
    outline: 0;
    box-shadow: 0 2px 4px rgba(3, 144, 66, 0.4);
	-webkit-box-shadow: 0 2px 4px rgba(3, 144, 66, 0.4);
}
[class*="col-"]{
	min-height: 0;
}
.pagination li a {
    padding: 5px 10px;
    font-size: 12px;
    background-color: var(--pagination_bg);
    color: #777;
}
.pagination>.active>a, .pagination>.active>a:hover {
	border-color: var(--pagination_color_active);
    background: var(--pagination_bg_active);
    color: var(--pagination_color_active);
}
.btn.focus, .btn:focus, .btn:hover{
	outline: none;
}
.facebook-btn-share{
	line-height: 1;
	display: flex;
	display: -webkit-flex;
}
.soc-network{
    display: inline-block;
    margin: 0 2px;
}
.nav-togg-btn{
	margin: 0;
    background-color: #fff;
}
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: #039042;
    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;
	font-family: 'Open Sans', Arial, sans-serif;
	margin: 0;
}
h1 {
	font-size: 1.8em;
}
.h2-container{
	text-transform: uppercase;
    color: var(--h2_color);
}
.heading-background{
    position: relative;
    display: block;
    margin: 0 0 10px;
    font-size: .7em;
    padding: 5px 0;
    border-bottom: 1px solid #DADADA;
}
.h2-container h2 .heading-background:after{
	content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 60px;
    background-color: #039042;
}
.article-heading {
    margin: 10px 0;
    font-size: 20px;
    font-weight: bold;
    color: #747474;
    padding: 5px;
    background: linear-gradient(to left, #fff, #f2f2f2);
    border-bottom: 1px solid #ddd;
}
.breadcrumb li{
	font-size: 12px;
    font-weight: 600;
}
.icon-bar{
	background-color: #fff;
}
.breadcrumb{
	margin: 0;
	background-color: var(--breadcrumb_bg);
}
/*p{
	color: var(--paragraph_color);
}*/
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
	color: var(--h5_color);
}
h6 {
	font-size: 1em;
}
/*--- FOUNDATION OVERRIDES ---*/
button {
    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);
}
button:hover:not(.login-btn):not(.currency-btn):not(.show-compered):not(.wish-list):not(.close):not(.btn-slider):not(.buy-btn) {
	background-color: var(--btn_hover_bg);
}
button:focus{
	outline: none;
}
input[type="text"], input[type="password"] {
	width: 100%;
	margin: 0 0 5px 0;
	color: #999;
	padding: 5px 10px;
	height: 34px;
    border: 1px solid #ddd;
    background-color: var(--input_bg_color);
}
button.submit {
    margin: 5px 0;
}
/*@media only screen and (-webkit-min-device-pixel-ratio:1) {
	::i-block-chrome, input {
		line-height: 1 !important;
	}
}*/
textarea {
	resize: none;
    background-color: var(--input_bg_color);
}
select {
    background-color: var(--input_bg_color);
    height: 34px;
    padding: 0 7px;
    color: #747474;
    width: 100%;
    border: 1px solid #ddd;
    position: relative;
}
label{
	color: var(--label_color);
}
/*=========== FIREFOX FIX ======*/
@-moz-document url-prefix() {
	.select-wrapper {
	 display: block;
	 position: relative;
	}
	.select-wrapper span {
		position: absolute;
		width: 24px;
		height: 94%;
		top: 1px;
		right: 1px;
		background-color: #fff;
		background-image: url('../../../images/mini-icons.png');
		background-position: 0 -270px;
		background-repeat: no-repeat;
		pointer-events: none;
		z-index: 1;
		border-radius: 3px;
	}
}
.no-padding{
	padding: 0;
}
/*======= POPUP IN HEADER ==============*/ 
.first-popup {
    position: fixed;
    top: -1000px; 
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    background-color: rgba(0,0,0,.7);
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    /*display: none;*/
}
.first-popup .first-popup-inner { margin: auto; }

.first-popup .JSclose-me-please {
    color: #f2f2f2;
    font-size: 30px;
    line-height: 1;
    padding: 0 5px;
    cursor: pointer;
    text-shadow: 0 0 3px #000; 
    text-align: right;
}
.first-popup .JSclose-me-please:hover {
    opacity: .8;
    text-shadow: 0 0 10px #000;
}
.first-popup-inner img {
    max-width: 100%;
    max-height: 500px;
    padding: 2px;
} 
/*--- POPUP ADD TO CART ---*/
.popup {
	position: fixed;
	display: block;
	width: 100%;
	height: 0;
	left: 0;
	top: -2000px;
	overflow: hidden;
	background: rgba(0, 0, 0, .85);
	z-index: 9999999999999;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.popup-opened {
	top: 0;
	height: 100%;
}
.popup-wrapper {
	left: 50%;
	top: 35%;
	position: relative;
}
.JSpopup-inner {
	left: -50%;
	top: -50%;
    position: relative; 
	background: #fff;
}
.popup-close {
    position: absolute;
    right: 8px;
    top: 2px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 25px;
    color: #5A5A5A;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    background: none;
}
.popup-close:hover {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.popup h3 {
	padding: 3px 10px;
	font-size: 1.2em;
	background: #f0f0f0;
}
.popup .submit, .popup input.submit[type="submit"] {
	font-size: .9em;
}
.popup label {
	font-size: .9em;
	font-style: italic;
}
.popup input, .popup select {
	margin-bottom: 10px;
}
.popup input.submit[type="submit"] {
	padding: 2px 4px;
}
.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;
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}
/*--- PRODUCT SLIDER ---*/
.JSproduct-slider .slick-prev, .JSproduct-slider .slick-next {
	height: 20px;
	width: 20px;
	top: -30px;
	background: transparent !important;
	background-position: center center;
	background-repeat: no-repeat;
}
.JSproduct-slider .slick-prev:hover, .JSproduct-slider .slick-next:hover {
	background: #039042;
	background-repeat: no-repeat;
	opacity: .8;
}
.JSproduct-slider .slick-prev:focus, .JSproduct-slider .slick-next:focus {
	background-color: #039042;
}
.JSproduct-slider .slick-prev, .JSproduct-slider .slick-prev:hover {
	right: 45px;
	left: auto;
	/* background-image: url('../../../images/mini-icons.png'); */
	background-position: -2px -327px;
}
.JSproduct-slider  .slick-next, .JSproduct-slider .slick-next:hover {
	right: 10px;
	/* background-image: url('../../../images/mini-icons.png'); */
	background-position: -2px -352px;
}
.JSproduct-slider .slick-prev:before, .JSproduct-slider .slick-next:before {
	content: '';
    border: 3px solid;
    border-color: #039042 #039042 transparent transparent;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: inline-block;
    width: 11px;
    height: 11px;
}
.JSproduct-slider .slick-prev:before {
	border-color: transparent transparent #039042 #039042;
}

.slick-slider img {
    margin: 0 auto; 
}
/* BANNER */
.banners a {
    margin-top: 10px;
    padding: 0 5px;
}
/* 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;
    display: block;
}
.JSfilters-slide-toggle-content{
	display: none;
}
.selected-filters li {
	display: inline-block;
	height: 24px;
	font-size: 12px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.6);
	line-height: 24px;
	padding: 0 10px;
	border-radius: 3px;
	background-color: #f2f2f2;
	margin: 5px 0;
}
.filter-box label{
	display: flex;
	display: -webkit-flex;
    background: linear-gradient(to left, #fff, #ddd);
    padding: 3px 8px;
	align-items: center;
	-webkit-align-items: center;
    font-size: .9em;
    line-height: 1;
}
.filter-box label:hover{
     box-shadow: 1px 1px 2px #ccc;
}
.filter-text{
	margin: 0 5px;
    display: block;
    width: 100%; /*for flexbox*/
}
/* SLAJDER ZA CENU END */
a.JSreset-filters-button {
	font-size: 13px;
	color: var(--btn_color);
	display: inline-block;
	padding: 4px 15px;
	border-radius: 3px;
	background: var(--btn_bg);
    margin: 10px 0;
}
/*---------- PRODUCT LIST ----------*/
.sub_cats_item_brend{
    background: #fff;
    padding: 0;
    height: 80px;
    display: flex !important;
	display: -webkit-flex !important;
	align-items: center;
	-webkit-align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    margin: 15px 0 0;
}
.sub_cats_item_brend:before{
	content: " ";
	position: absolute;
	width: 90%;
	left: 10px;
	bottom: 0px;
	top: 0;
	right: 0;
	border: 1px solid #b3b3b3;
	border-radius: 3px;
    z-index: 1;
}
.brand-link{
	z-index: 1;
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 90%;
    height: 100%;
}
.dragg{
	 position: relative;
	 overflow: hidden;
}
.dragg button{
	display: none !important;
}	
.sub_cats_item_brend img {
    max-width: 160px;
    padding: 8px;
    max-height: 80px !important;
    height: auto !important;
}
/*--- PREHEADER ---*/
#preheader {
    background-color: var(--top_menu_bg);
}
.preheader-icons a {
    color: var(--top_menu_color);
}
.preheader-icons{
    min-height: auto;
    border: none;
}
.top-menu-links li a{
	padding: 13px 5px;
	line-height: 1;
	display: block;
	font-size: 13px;
}
.top-menu-links li a:hover{
	color: #d5b347;
}
.preheader-icons button{
    margin: 5px;
    padding: 5px;
    border-radius: 0;
    color: #fff;
}
.preheader-icons button span{
	color: #fff;
}
.required-fields{
    font-size: 17px;
}
.required-fields span{
    color: red;
    font-size: 23px;
    display: inline-block;
}
.red-dot-error{
    color: red;
    font-size: 12px;
 }
/*- MAIN MENU -*/
.menu-background {
    position: relative;
    background-color: var(--menu_bg);
}
.current-log-user{
    padding: 10px 10px 0;
}
#main-menu li a {
     color: #fff;
     padding: 12px 5px;
}
.configurator .dropdown-menu{
	background-color: #30323A;
	padding: 0;
}
.chevy-chase{
	display: none;
	font-weight: 600;
	font-size: 9px;
	margin: 0 10px;
}
/*- LOGIN & REGISTRATION ICONS -*/
#logout-button {
    padding: 0px 7px;
    margin: 10px 0;
    display: inline-block;
    font-size: .9em;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
 #logged-user {
	font-size: .9em;
	display: inline-block;
    opacity: .8;
    border-bottom: 1px solid #ccc;
}
/*--- HEADER ---*/
header {
	position: relative;
	background: var(--header_bg);
}
.header-search select{
	border-right: 0;
	-moz-appearance: none;
}
.header-search{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-flex-wrap: wrap;
}
.resp-nav-btn {
	display: none;
}
.header-search input[type="text"]{
	margin: 0;
	border-right: 0;
}
.div-in-header{
    display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-webkit-align-items: center;
    padding: 0;
}
.header-cart-container:hover .JSheader-cart-content{
	visibility: visible;
	opacity: 1;
}
.JSheader-cart-content {
	background: #fff;
	position: absolute;
	width: 450px;
	right: -5px;
	padding: 0 10px;
	box-shadow: 0 0 5px 0 #999;
	border-radius: 2px;
	visibility: hidden;
	opacity: 0;
	z-index: 9999999;
	transition: .1s ease-in-out;
	-webkit-transition: .1s ease-in-out;
}
.login-btn{
	background: var(--login_btn_bg);
    padding: 2px 8px;
    color: var(--login_btn_color);
    border-radius: 5px;
}
/*======= STICKY HEADER ANIMATION ========*/
.sticky_header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
    animation: smooth_slide .3s;
    background: var(--header_bg);
    box-shadow: 1px 1px 5px #bbb;
}
@keyframes smooth_slide {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}
.sticky_header .logo{
	padding: 0;
}
.sticky_header .logo img{
	max-height: 35px;
}
.sticky_header .header-cart{
    margin: 12px 0;
}
/*===============*/
/*- LOGO -*/
.logo {
	display: inline-block;
	position: relative;
	padding: 10px 0;
}
.logo img {
    max-height: 124px;
}
/*- SEARCH -*/
.JSsearch-button, .JSsearch-button2 {
   padding: 6px 20px;
   height: 34px;
}
.JSsearch-button i, .JSsearch-button2 i {
	font-size: 20px;
    color: #fff;
}
.JSsearch-button2 {
	background: #d5b347;
}
/* Search sugestions */
ul.JSsearch_list {
	position: absolute;
	left: 0px;
	top: 35px;
	z-index: 999;
	width: 100%;
	background: #fff;
	box-shadow: 1px 1px 10px #b3b3b3;
	max-height: 400px;
	overflow: auto;
	font-size: .8em;
}
li.search_list__item:last-child a {
	border-bottom: none;
}
.search_list__item__link {
	border-bottom: 1px solid  #ddd;
    line-height: 1.4;
    margin: 0 0 5px;
    padding: 5px 10px;
    display: block;
    background: #f2f2f2;
}
.search_list__item__link__text {
    display: inline-block;
    width: 70%;
}
.search_list__item__link__cat {
	color: #808080;
    width: 30%;
    display: inline-block;
}
/*- HEADER CART -*/
.header-cart {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	display: -webkit-inline-flex;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	flex-direction: column;
	width: 50px;
	height: 35px;
	margin: 20px 0;
}
.header-cart-icon:before {
    content: ' ';
    display: block;
    float: none;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background-image: url(../../../images/cart.png);
    background-position: center;
    background-repeat: no-repeat;
}
.cart-me{
    font-size: 20px;
}
.JSbroj_cart {
   color: #d5b347;
}
.wrapp_cart_text {
	display: flex;
    width: max-content;
    gap: 3px;
    color: #999;
}
.partner-logos li {
    margin-top: 15px;
    margin-right: 15px;
}
.partner-logos li img {
    max-height: 25px;
}
.JSbroj_wish{
    color: #ff0000;
    font-size: 15px;
}
.JSbroj_wish span{
    display: inline-block;
    font-weight: 600;
}
.JSheader-cart-content li {
	padding: 10px 0;
    font-size: .9em;
	border-bottom: solid 1px #ddd;
	display: flex;
	align-items: center;
	justify-content: space-between;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
}
.JSheader-cart-content li:last-child {
	border-bottom: none;
}
.header-cart-image-wrapper {
	display: inline-block;
	width: 52px;
	height: 52px;
	line-height: 48px;
	text-align: center;
	background: #fff;
	overflow: hidden;
}
.header-cart-image-wrapper img {
	display: inline;
	max-width: 95%;
	height: auto;
	max-height: 95%;
}
.JSheader-cart-content li a {
	display: inline-block;
	width: 47%;
	padding: 0 5px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.header-cart-amount {
	display: inline-block;
	width: 25px;
	height: 20px;
	line-height: 18px;
	text-align: center;
	border: solid 1px #ddd;
    border-radius: 2px;
    color: #666;
}
.header-cart-price {
    color: #999;
    min-width: 85px;
}
.header-cart-summary {
	display: block;
	text-align: right;
	padding: 5px 7px;
	margin: 8px 0;
	background: #f0f0f0;
	color: #000;
}
.header-cart-summary span {
	margin-left: 10px;
}
.header-cart-summary span span {
	margin: 0;
}
.JSheader-cart-content .close {
	width: 16px;
	height: 16px;
	padding: 0;
    line-height: 0;
	border: 2px solid;
	display: flex;
	justify-content: center;
	align-items: center;
	display: -webkit-flex;
	-webkit-justify-content: center;
	-webkit-align-items: center;
}
.JSheader-cart-content .close:hover {
    background: #F02626;
    color: #fff !important;  
    font-size: .8em;
}
/*--- MIDDLE AREA---*/
#sidebar-left {
	padding: 0;
	z-index: 9;
}
#middle-area #sidebar-left {
    z-index: 0;
}
.category-nav{
	width: 320px;
	display: inline-block;
	float: left;
}
/* 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-width: 100%;
    max-height: 65px;
    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;  
}
.group-parent-div a:hover{
	color: #595959;
}
/*- CATEGORIES -*/
.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;
    display: inline-block;
    padding: 1px;
}
.level-2-img{
    height: 100%;
    max-height: 50px;
    max-width: 55px;
    display: inline-block;
}
.level-2-container-for-image{
    width: 60px;
    height: 50px;
    padding: 6px 0 !important;
}
#JScategories .JSlevel-2 li {
  	position: relative;
  	padding: 0 2.5%!important;
}
#JScategories .JSlevel-2 {
    padding: 0 0 3px 0;
    width: 100%;
    background: var(--categories_level_2_bg);
    overflow: hidden;
    z-index: 700;
    display: none;
}
#JScategories .JSlevel-1 li a {
	position: relative;
    padding: 12px 0;
    overflow: hidden;
    color: var(--level_1_color);
    font-size: 1.2em;
    display: block;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-flex-wrap: wrap;
    font-style: italic;
    font-weight: bold;
    border-bottom: solid 1px #f0f0f0;
    text-decoration: none;
    cursor: pointer;
}
#JScategories .JSlevel-1 > li > a {
    padding: 11px 10px;
}
#JScategories .JSlevel-1 li {
	padding: 0 15px;
}
/*============= Manufacturer =================*/
.manufacturer-categories h3{
	font-size: 1em;
    font-style: italic;
    margin: 15px 0 5px;
    padding: 5px;
    font-weight: 100;
    border-bottom: 1px solid #ccc;
}
.manufacturer-categories ul li a{
    border: 1px solid #ddd;
    margin: 2px 0;
    display: block;
    padding: 2px 5px;
    background-color: #f5f5f5;
    border-radius: 2px;
}
/*==========================================*/
#JScategories{
	position: relative;
}
#JScategories h3 {
    padding: 13px 15px;
    text-align: left;
    background: var(--categories_title_bg);
    color: #FFF;
    font-size: 16px;
    position: relative;
}
.JSclose-nav{
	display: none;
}
#JScategories .fa-bars {
    padding: 5px;
}
#JScategories .JSlevel-1 {
    display: none;
    position: absolute;
    background-color: var(--categories_level_1_bg);
    font-weight: 600;
    width: 320px;
    border-bottom: 1px solid #DADADA;
    border-right: 1px solid #DADADA;
    z-index: 50;
    line-height: initial;
}
#start-page #JScategories .JSlevel-1 {
    display: block;
}
.resp-nav-class{
	line-height: 0;
}
#JScategories .level-3 li a{
	 font-weight: normal;
}
.JSsubcategory-toggler {
	display: none;
	position: absolute;
	right: 15px;
	top: 0;
	text-align: center;
}
.JSsubcategory-toggler span {
    display: inline-block;
    position: relative;
    width: 29px;
    height: 26px;
    line-height: 28px;
    top: 0;
    right: 0;
    cursor: pointer;
    font-size: 12px;
    box-shadow: inset 2px 2px 5px #bbb;
}
#JScategories .JSlevel-2 li a {
   max-height: initial;
   padding: 13px;
   width: 100%;
   color: var(--level_2_color);
   font-weight: normal;
   font-size: 1em;
}
#JScategories .JSlevel-2 li a:hover {
	background: none; 
}
#JScategories .JSlevel-3 li a{
    padding: 5px 0 2px 15px;
    border: none;
}
#JScategories .JSlevel-4 li {
	display: none;
}
#JScategories .JSlevel-4 li a{
    padding: 5px 0 4px 20px;
}
.JSCategoryLinkExpend{
    padding: 3px 5px;
    cursor: pointer;
    box-shadow: inset 2px 2px 5px #ddd;
    position: absolute;
    top: 0;
    right: 0;
}
#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 a {
	width: auto;
}*/
#JScat_hor .JSlevel-2 li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
/*#JScat_hor .parent.dropdown-left .JSlevel-2 {
	left: auto;
	right: 0px;
}*/
#JScat_hor .level-3 {
	display: block;
}
/*- MAIN CONTENT -*/
#main-content {
	overflow: hidden;
    min-height: 700px;
    padding-bottom: 15px;
}
#product-page #main-content{
	padding: 0 0 30px;
}
/*- MAIN SLIDER -*/
#JSmain-slider {
	max-height: 500px;
    max-width: 100%;
	overflow: hidden;
	padding: 0;
    margin-left: 320px;
    margin-bottom: 10px;
}
#JSmain-slider img{
    width: 100%;
    max-height: 480px;
}
#JSmain-slider .slick-prev:before, #JSmain-slider .slick-next:before {
	content: '  ';
}
#JSmain-slider .slick-prev, #JSmain-slider .slick-next {
	height: 50px;
    width: 30px;
    background: #999;
    background-repeat: no-repeat;
    border-radius: 5px;
}
#JSmain-slider .slick-prev:hover, #JSmain-slider .slick-next:hover {
	background-repeat: no-repeat;
    opacity: 1;
}
#JSmain-slider .slick-prev, #JSmain-slider .slick-prev:hover {
	left: 0;
	background-image: url('../../../images/large-icons.png');
	background-position: -62px center;
}
#JSmain-slider .slick-next, #JSmain-slider .slick-next:hover {
	right: 0;
	background-image: url('../../../images/large-icons.png');
	background-position: -110px center;
}
/*BANNERS RIGHT OF THE MAIN SLIDER*/
.banners-right a {
    display: block;
    margin: 15px 0;
    padding: 0 15px;
}
.banners-right img {
    margin: 0 auto;
}
.banners-right img:hover{
	opacity: .7;
}
/*- PRODUCT */
.JSproduct .shop-product-card {
    position: relative;
    overflow: hidden;
    background: var(--product_bg);
    font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    margin: 15px 10px;
    background: #f0f0f0;
    overflow: visible;
}
.JSproduct .shop-product-card:before {
    content: ' ';
    width: 0;
    height: 0;
    top: 0;
    display: block;
    position: absolute;
    border: solid;
    border-width: 0 0 25px 25px;
    border-color: transparent transparent #ddd transparent;
    background: #fff;
    z-index: 1;
}
.JSproduct .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;
}
.JSproduct .shop-product-card .sale-label .for-sale, .JSproduct .shop-product-card .sale-label .for-sale-price{
	display: block;
    padding: 6px 15px;  
}
.JSproduct .shop-product-card .sale-label .for-sale{
    background-color: var(--sale_action_bg);
}
.JSproduct .shop-product-card .product-meta{
    padding: 0 0 20px 5px;
    background-color: var(--product_bottom_bg);
}
.JSproduct .shop-product-card .buy-btn, .JSproduct .shop-product-card .not-available, .shop-product-card-list .buy-btn, .shop-product-card-list .not-available{
    display: inline-block;
    padding: 10px;
    margin: 5px;
    font-weight: 600;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    color: var(--btn_color);
    background-color: var(--btn_bg);
    cursor: pointer;
}
.JSproduct .shop-product-card .not-available, .shop-product-card-list .not-available {
    opacity: 0.6;
}
.JSproduct .shop-product-card .like-it, .shop-product-card-list .like-it, .add-to-cart-area .like-it{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    display: -webkit-inline-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
    cursor: pointer;
    width: 40px;
    height: 40px;
    -webkit-box-shadow: 0px 0px 0px 1px #DADADA inset, 0px 0px 0px 6px transparent;
    box-shadow: 0px 0px 0px 1px #DADADA inset, 0px 0px 0px 6px transparent;
}
.JSproduct .shop-product-card .like-it:hover, .shop-product-card-list .like-it:hover, .add-to-cart-area .like-it:hover, .JSproduct .shop-product-card .like-it.active, .shop-product-card-list .like-it.active{
    color: #039042;
    -webkit-box-shadow: 0px 0px 0px 1px #039042 inset, 0px 0px 0px 0px #039042;
    box-shadow: 0px 0px 0px 1px #039042 inset, 0px 0px 0px 0px #039042;
}
.like-it .wish-list{
	padding: 10px;
    background-color: #fff;
    color: #000;
}
.JSproduct .shop-product-card .add-to-cart-container, .shop-product-card-list .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;
}
.JSproduct .shop-product-card .review{
	padding: 7px 5px 0 0;
	display: inline-block;
}
.JSproduct .shop-product-card .product-name{
	display: block;
    height: 32px;
    overflow: hidden;
    padding: 0 2px;
    margin: 5px 0 10px 0;
}
.JSproduct .shop-product-card .product-name h2, .shop-product-card-list .product-name, .vezani_artikli .shop-product-card .product-name h2{
	font-weight: 700;
    font-size: 14px;
    color: var(--product_title_color);
    margin: 0 0 10px;
}
.JSproduct .shop-product-card .product-price, .shop-product-card-list .product-price{
    display: block;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: var(--product_price_color);
} 
.price-holder{
    height: 45px;
}
.marker {
    position: absolute;
    margin-right: 1em;
    z-index: 1;
    top: 50px;
    left: 0;
  	transform: translateX(-5px);
}
.JSproduct .shop-product-card .product-old-price, .shop-product-card-list .product-old-price{
    text-decoration: line-through;
    color: var(--product_old_price_color);
    font-weight: 700;
}
.JSproduct .shop-product-card:hover{
    -webkit-box-shadow: 0px 6px 10px -6px rgba(0, 0, 0, 0.175);
    box-shadow: 0px 6px 10px -6px rgba(0, 0, 0, 0.175);
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
}
.JSproduct .shop-product-card .product-image-wrapper, .shop-product-card-list .product-image-wrapper{
    position: relative;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    -webkit-flex-wrap: wrap;
    overflow: hidden;
}
.JSproduct .shop-product-card .article-details{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0; 
    visibility: hidden; 
    z-index: 5;
    font-weight: 700;
    color: #30323A;
    background-color: #FFF;
    box-shadow: 1px 1px 5px #30323A;
    display: inline-block;
    padding: 10px 5px;
   -webkit-transition: 0.3s all;
    transition: 0.3s all;
}
.JSproduct .shop-product-card:hover .article-details{
	opacity: 1; 
    visibility: visible; 
}
.JSproduct .shop-product-card .product-image {
    max-height: 125px;
    padding: 0 10px;
}
.JSproduct .shop-product-card .buy-btn i {
	font-size: 13px;
	margin-right: 5px;
}
.JSproduct .shop-product-card .buy-btn:hover, .shop-product-card-list .buy-btn:hover {
    color: #FFF;
    background-color: var(--add_to_cart_btn_bg_hover);
}
#product-page .JSproduct {
    width: 33%; 
}
.JSrelated-products{
	overflow: hidden;
}
/*=========== PRODUCT ON LIST ==================*/
.shop-product-card-list{
	margin: 5px 0;
    box-shadow: 1px 1px 10px #ddd;
    background-color: var(--product_bg);
    transition: .1s ease-in-out;
    -webkit-transition: .1s ease-in-out;
}
.shop-product-card-list:hover{
	box-shadow: 1px 1px 2px #8c8c8c;
}
 .shop-product-card-list .product-image-wrapper{
    height: 160px;
 }
.shop-product-card-list .product-image-wrapper .product-image{
    max-width: 90%;
    max-height: 160px;
    padding: 5px 0;
    margin: auto;
}
.shop-product-card-list .product-name{
	display: inline-block;
	margin: 10px 0;
}
.shop-product-card-list .buy-btn, .shop-product-card-list .not-available{
    padding: 10px;
    margin: 15px 5px;
}
.shop-product-card-list .add-to-cart-container{
	visibility: visible;
	opacity: 1;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}
 /*=============================*/
 .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;
}
/* ========= 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;
}
/*===========================*/
/*DECLARATION*/
#declaration-tab {
	padding: 10px;
}
.product_title_declaration {
	font-size: 16px; 
	font-weight: 600;
}
/*===========================*/
.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: 50px;
    padding: 5px 0;
}
.artical-brand-text{
    display: inline-block;
    font-style: italic;
    border: 1px solid #ccc;
    padding: 5px;
    font-weight: 600; 
}
.slick-dots li{
	display: none;
}
/*--- FOOTER ---*/
.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;
}
footer{
	background-color: var(--footer_bg);
    color: #fff;
    padding: 50px 0;
}
footer button {
	background: #d5b347;
}
.footer-logo img{
    padding: 5px;
    margin: 10px 0;
    max-width: 100px;
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    display: inline-block;
}
.footer-box-pages-title{
    min-height: 30px;
    margin: 5px 0;
}
footer .developed-by {
	color: #fff;
}
footer .mailto{
	color: inherit;
}
/*- FOOTER LINKS -*/
.footer-links li a {
    color: #fff;
    display: inline-block;
    margin: 2px 0;
    padding: 5px 15px 5px 30px;
}
.footer-links li a:before {
    position: absolute;
    left: 10px;
    top: 8px;
    content: ' > ';
    margin-right: 10px;
    font-family: Arial;
    font-size: 12px;
}
.footer-links li a:hover{
	color: #d5b347;
}
.footer-links li {
	border-bottom: solid 1px #fff;
	position: relative;
}
/*=========================================*/
footer .social-icons a {
    margin-right: 15px;
    border-radius: 100%;
    box-shadow: 1px 1px 2px #000;
}
footer .social-icons .facebook {
	background-position: 0 0;
}
footer .social-icons .twitter {
	background-position: -30px 0;
}
footer .social-icons .google-plus {
	background-position: -60px 0;
}
footer .social-icons .skype {
	background-position: -89px 0;
}
footer .social-icons .instagram {
	background-position: -120px 0;
}
/*- NEWSLETTER -*/
.newsletter {
	margin: 15px 0;
}
/*============== SOCIAL ICONS ===========*/
#preheader>.social-icons{
    position: fixed;
    right: 0;
    top: 35%;
    transform: translateY(-35%);
	display: -webkit-flex;
	-webkit-flex-direction: column;
	/* display: flex; */
	display: none;
	flex-direction: column;
	z-index: 50;
}
#preheader>.social-icons>.twitter {
	background-position: -30px 0;
}
#preheader>.social-icons>.google-plus {
	background-position: -60px 0;
}
#preheader>.social-icons>.skype {
    background-position: -90px 0;
}
#preheader>.social-icons>.instagram {
    background-position: -120px 0;
}
/*=========================================*/
.social-icons a {
    display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url('../../../images/social-icons2.png');
	background-repeat: no-repeat;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
    z-index: 2;
    background-size: cover;
}
.social-icons a:hover{
	transform: scale(1.1);
}
/*--- INFO & CONFIRM POPUP ---*/
.info-confirm-popup {
	display: none;
}
.JSinfo-popup, .confirm-popup {
	top: 0;
	height: 100%;
	background: rgba(44, 44, 44, 0.8);
}
.JSinfo-popup .popup-wrapper, .JSinfo-popup .JSpopup-inner {
	width: 315px;
}
.confirm-popup .popup-wrapper, .confirm-popup .JSpopup-inner {
	width: 300px;
}
.JSinfo-popup .JSpopup-inner, .confirm-popup .JSpopup-inner {
	background: rgba(153, 153, 153, 0);
}
.confirm-popup .JSpopup-inner {
	text-align: center;
}
.JSinfo-popup .p-info, .confirm-popup p {
	margin: 0;
    color: #474747;
    text-align: center;
    background: white;
    padding: 30px;
    border-radius: 8px;
}
/*--- SCROLL TO TOP ---*/
a.JSscroll-top {
    position: fixed;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #747474;
    right: -70px;
    bottom: 20px;
    border: 1px solid #ddd;
    background: var(--scroll_top_bg);
    z-index: 999;
    padding: 11px;
    border-radius: 10%;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out
}
a.JSscroll-top:hover {
    background: var(--btn_bg);
    color: var(--btn_color) !important; 
}
/* ======= NEWS ========= */
.news {
    padding: 18px;
    margin: 30px 15px;
    background: #fff;
	box-shadow: 1px 1px 7px #ddd;
}
.news img{
    max-height: 100px;
    padding: 10px 0;
}
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 {
	font-size: .9em;
    background-color: var(--product_list_bg);
    margin: 5px 0;
}
.view-buttons span {
	display: flex;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    width: 25px;
    height: 20px;
    color: #039042;
}
.view-buttons span.active {
	color: #000;
}
.icon-sizes{
	font-size: 16px;
}
.view-buttons{
    display: -webkit-inline-flex;
    display: inline-flex;
    align-items: center;
    -webkit-align-items: center;
    margin: 0 10px;
}
.vidiKao{
	font-size: 11px;
    font-weight: bold;
    font-style: normal;
    margin: 0 5px 0 0;
}
.view-buttons span:hover {
   transform: scale(1.2);
   -webkit-transform: scale(1.2);
}
.fa-th-large, .fa-bars {
    font-size: 18px;
}
.descr-title{
	font-weight: 600;
}
/*========= COMPARED ARTICLES ==============*/
.show-compered {
    background-color: #30323A;
    color: #fff;
    padding: 2px 10px;
    margin: 7px 10px;
}
.show-compered:focus{
	color: #fff;
}
.show-compered:hover {
	background: #595959;
    color: #fff;
}
.flexed-div{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
#JScompareTable .JSclearCompare {
	display: inline-block;
	background: #D13E3B;
	color: #fff;
	border-radius: 2px;
	line-height: 1;
	cursor: pointer;
	line-height: 26px;
	height: 26px;
	padding: 0 7px;
}
.table-responsive{
	border: none;
}
.compare-table table{
	width: 100%;
}
#JScompareTable tr td:first-child {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
}
/*--- PRODUCT PREVIEW ---*/
#product-preview {
   position: relative;
}
.rate-me-artical{
   margin: 5px 0;
}
/*- PRODUCT PREVIEW IMAGE -*/
.zoomWrapper {
	width: 100% !important;
	height: 350px !important;
	line-height: 350px;
	text-align: center;
	background: #fff;
	overflow: hidden !important;
    position: relative;
}
.zoomWrapper span {
	width: 100% !important;
	margin-top: 1px;
}
.zoomWrapper img {
	position: relative !important;
	height: auto !important;
	max-height: 100% !important;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    top: 50%;
    width: auto !important;
    margin: auto;
    padding: 10px 0;
}
.zoomWindow {
	width: 100% !important;
	height: 352px !important;
	margin-top: -1px;
	border: solid 1px #f0f0f0 !important;
}
.zoomContainer {
	height: auto !important;
}
.zoomContainer:nth-child(even) {
	display: none !important;
}
.zoomLens {
	max-width: 100%;
	max-height: 350px;
	border: 1px solid rgb(153, 153, 153) !important;
}
.background-center {
	background-position: center center !important;
}
a.elevatezoom-gallery {
    position: relative;
    width: 100%;
    height: 90px;
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    z-index: 1;
    border: 1px solid #ddd;
    margin: 5px 0;
    padding: 10px;
}
a.elevatezoom-gallery img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
}
.zoomLens, a.elevatezoom-gallery {
	box-shadow: 0 0 0 1px #f0f0f0;
}
 .available_in_shop{
    color: #0080b3;
    font-weight: 600;
    padding: 5px;
    margin: 10px 0;
    box-shadow: 0 1px 4px 0 #0080b3;
    display: inline-block;
}
/* ======================= */ 
.article-password{
	margin: 6px 0;
    text-align: right;
    font-size: 12px;
    font-weight: 600;
    opacity: .9;
    padding: 0 10px;
}
.add-to-cart-area{
	display: flex;
	align-items: center;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-align-items: center;
    margin: 20px 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: 15px;
    padding: 9px;
}
/* OSOBINE */
.karakteristike_osobine, .osobina_karakteristika {
    display: inline-block;
    position: relative;
    margin: 3px 0;
}
.osobina {
    margin-bottom: 5px;
    padding: 0 5px;
    border-bottom: 1px solid #ddd;
}
.osobina_naziv {
    min-width: 60px;
    display: inline-block;
}
.osobina_karakteristika span {
	display: inline-block;
	border: 1px solid #bbb;
    min-width: 30px;
    min-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;
    font-weight: bold;
}
.osobina_karakteristika input {
	position: absolute;
	top: 0px;
	visibility: hidden;
}
.osobina_karakteristika input:checked + span {
	box-shadow: 0 0 0 2px #F74922;
}
.input_kolicina {
	display: inline-block;
    margin: 0 5px;
}
/* OSOBINE KRAJ */
a.add-amount-less, a.add-amount-more, a.JScart-less, a.JScart-more {
    display: inline-block;
	height: 31px;
	width: 20px;
	line-height: 31px;
	color: #fff;
	text-align: center;
	background: #ddd;
}
.product_info{
	padding: 5px 10px;
	font-size: 12px;
	font-weight: 600;
	border-left: 2px solid #0080b3;;
    background-color: whitesmoke;

}
.product_info>a{
	color:#0080b3;;
}
.product_info>a:hover{
	color: #039042;
}
.product-preview-price {
	margin: 0 0 10px 0;
}
.discount-price{
	font-style: normal;
    color: var(--discount_price_color);
    font-size: 18px;
}
.product-preview-price-old {
	display: block;
	font-size: 1.4em;
	text-decoration: line-through;
	padding: 0 15px;
}
.product-preview-price-new {
    display: block;
    color: var(--article_product_price_color);
    font-size: 30px;
}
.MP-price{
    display: block;
    font-size: 16px;
    color: #666;
    padding: 0 20px 0 0;
}
/*- PRODUCT PREVIEW TABS */
.product-preview-tabs {
	margin-top: 20px;
}
.tab-titles li {
 	font-size: 15px;
    font-weight: 600;
}
.tab-content {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 10px 5px;
}
.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;
}
.comment-name {
	display: block;
	font-weight: bold;
}
.comment-text {
	margin: 0;
	font-size: 13px;
}
.comment-date {
	float: right;
    font-size: 11px;
    position: relative;
    top: -21px;
}
.replies {
	margin: 0 0 0 20px;
}
.replies .comment-content {
    color: #000;
    background: #e6e6e6;
}
/* ============ INSIDE CART =============== */
.without-btn {
    border-radius: 3px;
    background-color: #E0E0E0;
    color: #808080;
    margin: 15px 0px;
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid transparent;
    font-weight: bold;
    -webkit-transition: all 0.25s cubic-bezier(0.42, 0, 0.51, 1.91);
    transition: all 0.25s cubic-bezier(0.42, 0, 0.51, 1.91);
}
.without-btn.active {
	background: var(--btn_bg);
	color: var(--btn_color);
}
.without-btn:hover {
    background: #fff;
    color: #039042;
    border: 1px solid #039042;
}
.without-btn .fa {
	margin-left: 10px;
	font-size: 20px;
	line-height: 35px;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.without-btn.active .fa {
	-webkit-transform: scale(1);
	transform: scale(1);
}
/*- CART ITEMS -*/
.cart-labels {
    margin-top: 20px;
    border: 1px solid #e9e9e9;
}
.cart-labels li {
	padding: 7px 8px;
	color: #747474;
	text-align: center;
	border-right: solid 1px #e9e9e9;
}
.cart-labels li:last-child {
	border-right: none;
}
.JScart-item {
	border-left: solid 1px #e9e9e9;
	display: flex;
	flex-wrap: wrap;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
}
.JScart-item li {
	padding: 6px 5px;
	overflow: hidden;
    border-bottom: solid 1px #e9e9e9;
    border-right: solid 1px #e9e9e9;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	-webkit-flex-wrap: wrap;
}
.JScart-item div:last-child li:last-child {
	border-right: none;
}
.flex-me{
	display: flex;
	justify-content: center;
    align-items: center;
	display: -webkit-flex;
	-webkit-justify-content: center;
	-webkit-align-items: center;
}
.JScart-image img {
    max-height: 70px;
}
.cart-name a{
	line-height: 1.2;
}
li.JScart-image:first-child {
    border-right: none;
}
.cart-add-amount {
    display: flex;
    justify-content: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
}
a.JScart-less, a.JScart-more {
	height: 20px;
	line-height: 20px;
}
input.JScart-amount {
	width: 25px;
    text-align: center;
    height: 20px;
    font-size: 12px;
    padding: 0;
    margin: 0;
}
.cart-remove .close {
    width: 15px;
    height: 15px;
    font-size: 13px;
    border: 2px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
}
.cart-page{
	padding: 20px 0;
}
/*- BELOW CART -*/
.cart-summary-wrapper, .cart-remove-all-wrapper {
	padding: 0;
}
.cart-summary {
	padding: 7px 0;
	border-left: solid 3px #30323A;
	background: #f0f0f0;
}
.cart-remove-all{
	margin: 10px 0;
}
.summary-amount {
	font-size: 1.2em;
}
.cart-remove-all:hover {
 	box-shadow: 1px 1px 5px #ddd;
}
/*- CART ACTION BUTTONS -*/
.cart-action-buttons {
	margin-top: 30px;	 
}
.no-registration-btn{
    background-color: var(--btn_bg);
    color: var(--btn_color) !important;
    display: inline-block;
    padding: 4px 10px;
    margin: 5px 0;
}
.no-registration-btn:hover{
	background-color: var(--btn_hover_bg);
}
.cart-registration-button{
	background-color: #087DC2;
	font-size: 15px;
}
/* BUY WITHOUT REGISTRATION - FORM */
.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;
}
.without-reg-form .forward {
    padding: 6px 70px;
}
/* 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: 30px 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;
}
.user-order-button{
    border-radius: 50px;
    padding: 5px 15px;
}
.close-me-btn{
    color: var(--btn_color);
}
.modal-footer, .modal-header{
	border: none;
}
/*--- CONTACT PAGE ---*/
#map_canvas {
	height: 330px;
    margin: 20px 0;
}
/*--------- AlL  CATEGORY PAGE -------------*/
.category-heading {
	margin: 20px 0 0;
	padding: 4px 10px;
    border-radius: 2px;
    color: #595959;
    background-color: #f0f0f0;
}
.category-name-link {
	font-weight: 600;
	margin: 5px 0;
	display: block;
	border-bottom: 1px solid #ddd;
}
.category__list {
	display: block;
}
.category__list__item__link {
	display: block;
	line-height: 1.7;
}
/*.category__link-group__link__text {
	display: block;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;
	padding: 0 10px;
}*/
.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:  0;
    width: 270px;
 }
.category-sidebar__list__item__link {
	display: block;
	padding: 2px 10px;
 	font-weight: 600;
	font-size: 13px;
}
#main-menu li a:hover {
	-webkit-transition: 0.2s ease-in-out; 
	transition: 0.2s ease-in-out; 
	color: #039042;
}
/* Dodato Tamara */
#content {
	width: 100%;
}
.contact-heading{
    margin: 10px 0;
    border-bottom: 1px solid #ddd;
}
/*.file-upload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.file-upload input.file-input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
}*/
.vezani_artikli .linked-articles-input{
	margin: 0;
	text-align: center;
    border: none;
}
.add-to-cart-artikal {
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), 0 0 1px 1px rgba(255,255,255,0.8), 0 0 0 6px rgba(0,0,0,0.06), 0 0 0 3px rgba(0,0,0,0.1);
    display: inline-block;
    padding: 10px 15px;
    font-weight: 700;
    margin: 10px;
    color: var(--add_to_cart_btn_color);
    background-color: var(--add_to_cart_btn_bg);
}
.add-to-cart-artikal:hover{
    color: var(--add_to_cart_btn_color);
}
/* article page admin button*/
.admin-article .supplier{
    display: block;
}
.admin-article{
    position: absolute;
    top: 20%;
    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;
}
.mpPrice{
    font-size: 22px;
}
.new-content {
	padding: 30px 15px;
}
.new-content p, .new-content ul li {
	font-size: 1em;
}
.new-content img{
	max-width: 100%;
    max-height: 300px;
    display: block;
}
/* 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);
}
.text-log-and-reg .legal-person-link-button{
    display: inline-block;
    background-color: var(--btn_bg);
    color: var(--btn_color);
    padding: 5px 15px;
}
.legal-person-link-button:hover{
	background-color: var(--btn_hover_bg);
}
.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: 20px;
	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;
}
.reg-page-padding{
	padding: 30px 0;
    align-items: center; 
	-webkit-align-items: center;
	flex-wrap: wrap;
	display: flex;
    min-height: 600px;
	justify-content: center;
	display: -webkit-flex;
	-webkit-justify-content: center;
	-webkit-flex-wrap: wrap;
	background: -webkit-linear-gradient(#f0f0f0, #fff);
	background: linear-gradient(#f0f0f0, #fff);
}
.welcome-login{
    font-size: 13px;
    color: #8c8c8c;
    display: block;
}
.welcome-login span{
    font-size: 15px;
    margin: 5px 0;
    display: block;
    color: #595959;
}
.login-form-button{
    font-weight: 600;
    margin: 5px 0 0;
}
.login-form-button:hover{
	background-color: #f74922;
}
.fiz-lice-page-span{
	color: #666;
    font-size: 13px;
    line-height: 1.3;
    margin: 10px 0;
    display: inline-block;
}
.whats-registration{
    font-size: 16px;
    font-weight: 600;
    opacity: .8;
    display: inline-block;
    margin: 10px 0;
}
.registracija-fizickog-lica{
	 font-size: 1.5em;
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
    opacity: .8;
    font-family: Sans-serif;
    background: none;
}
/* LOGIN_POPUP END */
.fa-user-plus, .fa-sign-in {
    position: relative;
    font-size: 15px;
 }
#b2b-login-icon {
	display: inline-block;
    padding: 4px;
}
#b2b-login-icon:hover {
	color: #F8694A;
}
/*======= ACTION SLIDER ==============*/
.btn-slider {
	padding: 1px 5px;
    color: #039042;
    background-color: transparent;
    outline: none;
    top: -35px;
    position: absolute;
}
.btn-slider:active{
    border: 1px solid #039042;
    border-radius: 50px;
}
.previous, .slider-prev {
	  right: 35px;
}
.next, .slider-next {
     right: 0;
}
.JSproduct-list .slider {
	position: relative !important;
}
.menu-close {
	display: none;
}
.tip-list, .sale-list {
	position: relative;
}
/* NEWS */
.single-news img {
	max-height: 200px;
}
.single-news {
    padding: 30px 10px;
}
/* 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;
    font-family: 'Open Sans', Trebuchet;
}
.generated-features-list li{
    display: inline-block;
    padding: 2px 10px;
    line-height: 1.3;
    width: 48%;
    vertical-align: middle;
}
.generated-features-list li ul li{
	border-bottom: 1px solid #ddd;
}
.generated-features-list li ul li:nth-last-child(-n+2){
	border-bottom: none;
}
.files-link img {
    max-width: 60px;
}
.konfigurator {
    margin-top: 30px;
    border: 1px solid #ddd;
}
.konfigurator tr td{
	vertical-align: initial !important;
}
.konfigurator-grupa {
	max-width: 120px;
    overflow: hidden;
}
/*============ 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 6px #bbb;
}
.brend-item img{
    max-height: 65px;
    padding: 5px 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;
} 
.no-articles{
 	padding: 10px;
    display: block;
    font-weight: 600;
    background: #f2f2f2;
}
#admin-menu {	
    font-size: 12px;
    background: #f2f2f2;
}
.ms {
	margin: 0 5px;
}
.admin-links a:hover {
	color: #aaa;
}
.success {
    margin: 10px 0 0;
    font-weight: bold;
    padding: 5px;
}
/* OCENE */
.review-star {
	cursor: pointer;
}
#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;
}
/*TRUSTMARK*/
.e-trustmark, .add-to-cart-area {
	display: inline-block;
	vertical-align: middle;
}
.e-trustmark a img {
    max-height: 70px;
}
/*---------- MEDIAQUERIES ----------*/
 @media screen and (min-width:991px) {
    #JScategories:hover > .JSlevel-1 {
		display: block !important;
	}
	#start-page #main-content {
	    margin-left: 320px;
	    width: calc(100% - 320px);
	}
	#JScategories .JSlevel-1 > li a {
		transition: .2s ease-in-out;
	}
	#JScategories .JSlevel-1 > li > a:hover {
		padding-left: 10px;
	}
	#JScategories .JSlevel-1 > li:hover > a {
		background: #f0f0f0;
		z-index: 710;
		padding-left: 20px;
	}
	#JScategories .JSlevel-2 > div > li:hover {
		background: #f0f0f0;
	}
	.main_wrapper {
		max-width: 1280px;
		margin: 0 auto;
		box-shadow: 5px 0 0 0 rgba(255, 255, 255, .4), -5px 0 0 0 rgba(255, 255, 255, .4);
	}
	.container {
		width: 100%;
		padding: 0;
	}
 }
/*--- 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;
	}
	.below-cart {
		margin-top: 20px;
	}
}
@media screen and (max-width:1024px) {
 	.JSheader-cart-content{
		display: none;
	}
	.sub_cats_item_brend img{
        max-width: 130px;
	} 
}
 @media only screen and (max-width: 991px){
	#responsive-nav {
	    position: fixed;
	    left: 0;
	    top: 0;
	    bottom: 0;
	    max-width: 340px;
	    width: 0%;
	    overflow: hidden;
	    background-color: #f2f2f2;
	    -webkit-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	    transform: translateX(-100%);
	    -webkit-transition: 0.5s all;
	    transition: 0.5s all;
	    z-index: 990;
	    overflow-y: scroll;
	}
	.resp-nav-btn {
	    display: inline-block;
	    border: 2px solid #039042;
	    color: #039042;
	    padding: 6px 11px;
	    cursor: pointer;
	    font-size: 17px;
	    line-height: 1;
     }

	 .openMe {
	    width: 100% !important;
	    -webkit-transform: translateX(0%) !important;
	    -ms-transform: translateX(0%) !important;
	    transform: translateX(0%) !important;
	}
	#JScategories .JSlevel-1{
		position: relative;
		display: block;
	}
 	.JSsubcategory-toggler {
		display: inline-block;
	}
	.level-1-list{
		position: relative;
	}
	#main-menu li a{
		color: #222;
		font-weight: 600;
		padding: 6px 0;
		font-size: 13px;
	}
	.pages-in-header{
	    margin: 20px 0;
	}
	.pages-in-header li{
		float: none;
	}
	.chevy-chase{
		display: inline-block;
	}
	#JSmain-slider, .banners-right{
		margin-left: 0;
	}
	.container {
	    width: auto;
	    padding: 0;
	}
	.overlay-log-and-reg{
		bottom: 0;
   		height: 100%;
	}
 	.overlay-container{
		margin: 10px 0;
	}
	.JSclose-nav{
		display: inline-block;
		position: absolute;
		right: 35px;
		top: 13px;
		font-size: 18px;
	}
	#JScategories .JSlevel-2 li{
		width: 100%;
	}
    #JScategories .JSlevel-2 {
		position: relative;
		left: 0;
	 	width: 100%;
		padding: 0 0 0 15px;
	}
	.JSCategoryLinkExpend{
		display: none;
	}
	#JScategories .JSlevel-4 li{
		display: block;
	}
	.JSproduct .shop-product-card .add-to-cart-container, .shop-product-card-list .add-to-cart-container{
		visibility: visible;
		opacity: 1;
	}
	#JScategories .JSlevel-1 li a{
		margin: 0 0 5px;
	}
}
/*--- MAX WIDTH 860px ---*/
@media screen and (max-width:860px) {
  	.zoomLens, .zoomWindowContainer {
		display: none !important;
	}
}
@media only screen and (min-width: 768px){
	.top-menu-links li:not(:last-child) a::after {
		display: inline-block;
		content: ' | ';
		margin-left: 10px;
		color: #fff;
	}
	.top-menu-links li a {
		position: relative;
	}
	.text-right-sm {
   		text-align: right;
    }
}
@media only screen and (max-width: 768px){
	/*----- all categori sidebar  -------*/
  .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;
	}
 .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;
	}
	.header-search {
		margin-bottom: 20px;
	}
	.mobile_flex {
		display: flex;
	}
	.mobile-flex-1 {
		flex: 1;
	}
	.mobile_order_1 {
		order: 1;
	}
	.mobile_order_2 {
		order: 2;
	}
	.mobile_order_3 {
		order: 3;
	}
	.mobile_order_4 {
		order: 4;
	}
	.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-page .JSproduct{
	    width: 49%;
	}
	.top-menu-links li a:after{
	    content: '';
	    position: absolute;
	    height: 100%;
	    width: 100%;
	    bottom: 0;
	    left: 0;
	    border-bottom: 1px solid #fff;
	}
   .footer-links li a {
	    margin: 5px 0;
	    display: inline-block;
	}
	.generated-features-list li{
		width: 100%;
	}
    .banners-right a, .banners-right img{
		max-height: initial;
	}
    a.elevatezoom-gallery{
		width: 23%;
		padding: 5px;
		height: auto;
	}
	 #preheader>.social-icons{
	 	display: none;
	 }
	 #b2b-login-icon{
	 	padding: 9px 0;
	 }
	 .e-trustmark { 
	 	padding: 5px 15px; 
	 }

	 .banks, .banks .list-inline { text-align: center; }

	 .banks {
	 	display: -webkit-flex;
	 	display: flex;
	    flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	 }
	 .banks > div:nth-of-type(1) {
	 	order: 1;
	 }
	 .banks > div:nth-of-type(2) {
	 	order: 3;
	 }
	 .banks > div:nth-of-type(3) {
	 	order: 2;
	 }
}
/*--- MAX WIDTH 640px ---*/
@media only screen and (max-width:640px) {
 
	#product-page .JSproduct{
		width: 100%;
	}
 	#main-content{
 		min-height: 400px;
 	}
	#JScategories .level-4{
		display: block;
	}
	.sub_category_item{
		text-align: center;
		height: 90px;
	}
	#JSmain-slider img{
		height: auto;
	}
	.selected-filters-wrapper{
		margin: 10px 0 5px;
	}
	#JScategories .JSlevel-1{
		width: 100%;
	} 
 	.filters{
 		padding: 10px;
 	}
 	.footer-box-pages-title{
 		min-height: auto;
 		margin: 15px 0;
        border-bottom: 1px solid #fff;
 	}
	.karak-row{
		height: auto;
		border: none;
	}
	.category-sidebar__list__item__link{
		padding: 5px 10px;
	} 
	.JSproduct-list-options, .vertical-align, .flexed-div {
		padding: 5px 0;	 
		justify-content: center;
		-webkit-justify-content: center;
	}	 
 	.ukupno-konf {
    	width: 186px !important;
	}
	.konfigurator-grupa {
		max-width: 68px;
    	overflow: hidden;
	}
	.konfigurator select {
		width: 100% !important;
	}	 
	.cart-labels, .JScart-item .cart-price, .JSproduct .shop-product-card .article-details {
		display: none;
	}
	.product-preview-price-new {
		font-size: 1.6em;
	}
	.generated-features-list {
		margin: 30px 0;  
	}
    .generated-features-list li:nth-child(2) li:nth-child(even) {
        font-weight: 600;
    }
	.product-preview-tabs .generated-features-list .features-list-title {
		border-top: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		color: #000;
	}
	.JScart-item {
		border-top: solid 1px #ddd;
  	 	margin: 10px 0;
	}
	.JScart-item div:first-child li:last-child {
		border-right: none;	 
	}
	.cart-summary-wrapper{
	 	margin: 10px 0 0;
	}
}  /*--- MAX WIDTH 640px END ---*/
/*--- MAX WIDTH 480px ---*/
@media screen and (max-width:479px) {
	h2 {
		font-size: 1.4em;
	}
	.text-log-and-reg{
		font-size: 16px;
	}
	.search_list__item__link__cat, .search_list__item__link__text{
		width: 100%;
	}
	.JSproduct .shop-product-card .product-price, .shop-product-card-list .product-price{
		font-size: 18px;
	}
	.scrollable {
	    overflow-y: scroll;
	    height: 400px;
	    display: block;
	}
	.article-heading{
		font-size: 16px;
	}
	.zoomWrapper{
		height: 180px !important;
	}
	.heading-background{
		font-size: .9em;
	}
	.after-footer .banks div ul li img { max-height: 30px; }
}
/*=============================*/
@media only screen and (max-width: 420px){
 	.tab-titles li{
 	    float: none;
    	text-align: center;
    	box-shadow: 1px 1px 2px #ddd;
 	}
 }