body {

/*  font-family:  "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    /*font-family: Roboto Condensed,Arial,Helvetica,sans-serif;*/
/*font-family: "Inter", serif;*/
/*font-family: "Montserrat", serif;*/
/* font-family: "Poppins", sans-serif;;
   font-optical-sizing: auto;*/
/*   font-family: "Noto Sans", serif;*/
       font-family: "Google Sans Flex", -apple-system, BlinkMacSystemFont, sans-serif, "gf_Montserrat_Alternates variant0", Tofu;
  overflow-x: hidden;

  background-repeat: no-repeat;

  font-weight: 300;

  color: #000;

}
/*.poppins-thin {
  font-family: "Poppins", serif;
  font-weight: 100;
  font-style: normal;
}*/
/*.rubik-<uniquifier> {
  font-family: "Rubik", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}*/
/*.inter-<uniquifier> {
  font-family: "Inter", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.montserrat-<uniquifier> {
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}*/
/*.open-sans-<uniquifier> {
  font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}*/
html {

  font-size: 62.5%;
   overflow-y: scroll;

}



hr {

  border-top: 1px solid #e2e2e2;

}



p {

  font-size: 1.4rem;

  line-height: 1.75;
  font-weight: 400;

  color: #000;

}

pre {

  position: relative;

}

.-body-bckg {

  /* background: #f2f3f7; */
  padding-top: 0;

}



.content-page {

  background: #fff;

  padding: 20px 0;

  min-height: 600px;

}



body > section > div > div > div > div > div > table > tbody > tr {

  border-bottom: 1px solid #ddd;

}

body > section > div > div > div > div > div > table > tbody > tr:first-child,

body > section > div > div > div > div > div > table > tbody > tr:last-child {

  border-bottom: none;

}



body

  > section

  > div

  > div

  > div

  > div

  > div

  > table

  > tbody

  > tr:nth-child(4)

  > td:nth-child(2),

body

  > section

  > div

  > div

  > div

  > div

  > div

  > table

  > tbody

  > tr:nth-child(4)

  > td:nth-child(3),

body

  > section

  > div

  > div

  > div

  > div

  > div

  > table

  > tbody

  > tr:nth-child(4)

  > td:nth-child(4),

body

  > section

  > div

  > div

  > div

  > div

  > div

  > table

  > tbody

  > tr:nth-child(4)

  > td:nth-child(5) {

  font-weight: bold;

}



body

  > section

  > div

  > div

  > div

  > div

  > div

  > table

  > tbody

  > tr:nth-child(10)

  > td:nth-child(4)

  > div

  > a {

  margin: 0;

}



body > section > div > div > div > div > div > table > tbody > tr > td > h4 {

  font-size: 14px;

  line-height: 1.75;

}



td.izbaci1 > h4,

td.izbaci1 > p {

  padding-right: 20px;

}



.content-page.-noPadding {

  padding: 0;

}



small#izbaci1 {

  background: #f9ce09;

  padding: 5px 3px 5px 2px !important;

}



.calculator-wrapper {

  margin-top: 20px;

  height: auto;

  background: #f9f9f9;

  border-radius: 0px;

  padding: 5px;

  margin-top: 20px;

}

.calculator-wrapper .title {

  font-size: 2rem;

}

.calculator .asa {

  font-weight: bold;

}

.calculator .asa span {

  color: #0081b2;

}

.calculator .form-item label {

  width: 100%;

}

.calculator .form-item input {

  padding: 5px;

  background: #fff;

  border: 1px solid #fff;

  border-radius: 10px;

  margin-bottom: 10px;

}

.no_padding {
    padding-left: 0;
    padding-right: 0;
}

.calculator .info {

  /* color: #f9ce09; */

  font-size: 1.2rem;

}


/*.left-side{
 float: left; 
 width: 1%;
 
}

.internal{
 width: 100%;
 height: 100%;
 display: inline-block;
}

.center{
 float: left; 
 width: 96%;
 margin: 1px;
 overflow: hidden;
 white-space: nowrap;
}

.right-side{
 float: right; 
 width: 1%;
}*/


.swiper {
    width: 100%;
   /* max-width: 300px; */
    height: auto;
    position: relative;
}

.swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}

.swiper-button-prev, 
.swiper-button-next {
    color: #000; /* Bela boja strelica */
/*    background: rgba(0, 0, 0, 0.5); /* Blaga providna pozadina */*/
    padding: 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.swiper-button-prev:hover, 
.swiper-button-next:hover {
/*    background: rgba(0, 0, 0, 0.8); /* Tamnija boja kad se pređe mišem */*/
}
.fancybox-image, .fancybox-spaceball {
      transform: scale(1.2);
}
.title-of-category {

  font-size: 1.8rem !important;

  padding-bottom: 25px !important;

}

header {
/*    background: #f5b335;*/
/*    height: 40px;*/
  position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
    z-index: 1000;
}
header.nav-up {
  top: -100px;
}
/*.nav-up {
    top: -70px;
}
*/




.myBtn {

  border: none;

  color: white;

  background-color: #161616;

  border-radius: 0;

  -webkit-transition: all ease-in-out 0.1s;

  -moz-transition: all ease-in-out 0.1s;

  -ms-transition: all ease-in-out 0.1s;

  -o-transition: all ease-in-out 0.1s;

  transition: all ease-in-out 0.1s;

}



.myBtn:hover,

.myBtn:focus,

.myBtn:active {

  text-decoration: none;

  color: white;

  /* background-color: #f9ce09eb; */

  background-color: #161616d6;;

  opacity: 0.8;

  border-color: #737373;

}



.btn-warning.showUserOrdersButton {

  background-color: rgb(12 12 12);

  border-color: rgb(12 12 12);

}



.btn-warning.showUserOrdersButton:hover {

  background-color: rgb(12 12 12 / 76%);

}



a,

a:hover,

a:focus,

a:active,

a.active {

  outline: none;

  text-decoration: none;

  cursor: pointer;

  color: #000;

}



.b2b-sa-button {

  padding: 4px 12px;

}



.b2b-sa-button:hover,

.b2b-sa-button:active,

.b2b-sa-button:focus,

.b2b-sa-button:visited {

  border-color: #f9ce09;

}



.marginTop100 {

  margin-top: 100px;

}



.marginBottom100 {

  margin-bottom: 100px;

}



.marginTop50 {

  margin-top: 50px;

}



.marginBottom50 {

  margin-bottom: 50px;

}



.marginTop30 {

  margin-top: 30px;

}



.marginBottom30 {

  margin-bottom: 30px;

}



.noMargin {

  margin: 0;

}



.noPadding {

  padding: 0;

}



.go-left {

  float: left;

}



.go-right {

  float: right;

}



.transition {

  -webkit-transition: all ease-in-out 0.2s;

  -moz-transition: all ease-in-out 0.2s;

  -ms-transition: all ease-in-out 0.2s;

  -o-transition: all ease-in-out 0.2s;

  transition: all ease-in-out 0.2s;

}



.pos {

  position: relative;

}



.pagination {

  margin-top: 30px;

}

.page-head {

  background: #fff;

  text-align: left;

  margin: 0;

  /* border-top: 1px solid #e6e7eb;

  border-bottom: 1px solid #e6e7eb; */

  border-top: 1px solid #e2e2e2;

  border-bottom: 1px solid #e2e2e2;

  position: relative;
  margin-top: 69px;

}

.breadcrumb {

  padding: 0;

  background-color: transparent;

  background: #fff;

  border-radius: 0;

  padding: 3px 15px 3px 15px;

  width: 1360px;

  margin: 0 auto;

}



.breadcrumb > .active {

  /* color: rgb(230, 0, 0); */

  color: #000;

  font-size: 1.2rem;

  font-style: italic;
  font-weight: 400;

}



.breadcrumb li a {

  color: #333;

  font-size: 1.2rem;

  font-style: italic;
      font-weight: 400;

}



.db-page-cont {

  background: #fff;

}



.pagination > li:first-child > a,

.pagination > li:first-child > span {

  border-radius: 0;

}



.pagination > li:last-child > a,

.pagination > li:last-child > span {

  border-radius: 0;

}



.pagination > li > a > .active {

  background: #4c4c4c;

}



.pagination > .active > a,

.pagination > .active > a:focus,

.pagination > .active > a:hover,

.pagination > .active > span,

.pagination > .active > span:focus,

.pagination > .active > span:hover {

  color: #333;

}



.breadcrumb > li + li:before {

  color: #c1c1c1;

}



.col-seter {

  padding: 0 5px !important;

}



._unmargin {

  margin: 0;

}



._unpadding {

  padding: 0;

}



.section-title {

  /* background: #000066; */

  padding: 7px 0 7px 15px;

  position: relative;

  margin-top: 10px;

  margin-bottom: 10px;

}

.section-title:before {

  content: "";

  height: 100%;

  width: 5px;

  /* background: rgb(230, 0, 0); */

  display: block;

  position: absolute;

  left: 0;

  top: 0;

}

.section-title .title {

  color: #000;

  font-size: 3rem;

  text-align: center;

  font-weight: bold;

  margin: 20px auto;

  padding: 0;

}

.after {

  display: table;

}



.after:after {

  content: "";

  width: 50%;

  height: 2px;

  background: #e5e5e5;

  display: block;

  margin-top: 5px;

}



.after-n {

  display: table;

}



.after-n:after {

  content: "";

  width: 50%;

  height: 2px;

  background: rgb(0 129 178);

  display: block;

  margin-top: 5px;

  margin-left: 25%;

}



::-moz-selection {

  color: #000;

  text-shadow: none;

  background: #e5e5e5;

}



::selection {

  text-shadow: none;

  background: #e5e5e5;

  color: #000;

}



img::selection {

  background: transparent;

}



img::-moz-selection {

  background: transparent;

}



body {

  webkit-tap-highlight-color: #4c4c4c;

}



::-webkit-scrollbar-track {

  background-color: #efefef;

}



::-webkit-scrollbar {

  position: relative;

  height: 10px;

  width: 10px;

  background-color: #161616;

}



::-webkit-scrollbar-thumb {

  position: relative;

  background-color: #161616;

}



::-webkit-scrollbar::after {

  left: 0;

  top: 0;

  position: absolute;

  content: "a";

}



.min-height {

  min-height: 600px;

}



.left-body-baner {

  width: 50%;

  height: 100vh;

  max-height: 945px;

  position: absolute;

  top: 206px;

  z-index: -1;

  overflow: hidden;

  display: block;

  left: 0;

  margin-left: 0;

}



.left-body-baner a {

  background: url("../img/baner/side-baner.jpg");

  background-repeat: no-repeat;

  background-position: right 0;

  background-size: cover;

  display: block;

  height: 100%;

  margin-right: 585px;

}



.right-body-baner {

  width: 50%;

  height: 100vh;

  max-height: 945px;

  position: absolute;

  top: 206px;

  z-index: -1;

  overflow: hidden;

  display: block;

  right: 0;

  margin-right: 0;

}



.right-body-baner a {

  background: url("../img/baner/side-baner2.jpg");

  background-repeat: no-repeat;

  background-position: left 0;

  background-size: cover;

  display: block;

  height: 100%;

  margin-left: 585px;

}



.posFixedBaner {

  position: fixed;

  top: 89px;

}



section {

  /*padding: 30px 0 0 0;*/

}



.side-filters {

  background: #f2f3f7;

  border-radius: 0px;

  /*margin-top: 20px;*/

}



.small-head {

  margin-top: 5px;

  margin-bottom: 25px;

}



.top-menu {

  background: #161616;

  /*border-bottom: 1px solid #e6e7eb;*/

}



.top-menu .top-menu-left-ul {

  padding: 0;

  margin: 0;

  list-style: none;

  margin-top: 2px;

  margin-bottom: 2px;

  display: inline-block;

  /*background: #4c4c4c;*/

  margin-right: 3px;

  border-radius: 0px;

}



.top-menu .top-menu-left-ul li {

  display: inline-block;

  padding: 5px;

}



.top-menu .top-menu-left-ul li a {

  color: #c1c1c1;

  font-size: 1.2rem;

}



.top-menu .top-menu-left-ul li a:hover {

  text-decoration: underline;

}



.top-menu .top-menu-left-ul.-user-part li a {

  color: #fff;

  text-transform: uppercase;

  font-size: 1.1rem;

  font-weight: bold;

  letter-spacing: 1px;

}



.top-menu .list {

  display: inline-block;

  margin-left: 0;

  padding: 0;

}



.top-menu .list .items {

  display: inline-block;

}



.top-menu .list .items .static {

  color: #fff;

  font-size: 1.2rem;

}



.top-menu .list .items .dinamic {

  color: #f9ce09;

}



.top-menu .top-menu-right-ul {

  padding: 0;

  margin: 0;

}



.top-menu .top-menu-right-ul li {

  display: inline-table;

  padding: 5px;

  vertical-align: top;

}



.top-menu .top-menu-right-ul li a img {

  width: 20px;

  margin-top: 5px;

  float: left;

}



.top-menu .top-menu-right-ul li a .icons {

  color: #c1c1c1;

  margin-top: 4px;

  font-size: 1.7rem;

}



.top-menu .top-menu-right-ul li .wish-count {

  color: #c1c1c1;

  font-size: 1.1rem;

  float: left;

  margin-top: 5px;

  margin-right: 8px;

}



.top-menu .top-menu-right-ul li .wish-name {

  font-size: 1.1rem;

  color: #c1c1c1;

  margin-top: 5px;

  margin-left: 8px;

  float: right;

}



.top-menu .top-menu-right-ul li a img.-wishlist {

  width: 13px;

  margin-top: 6px;

}



.top-menu .top-menu-right-ul li a span {

  vertical-align: sub;

  margin-left: 5px;

  color: #c1c1c1;

  font-size: 1rem;

}



.mil-lang {

  margin-top: 4px;

  border: none;

  outline: none;

  background: transparent;

  color: #fff;

  margin-left: 40px;

  padding: 2px 3px;

  border-radius: 0px;

  margin-left: 20px;

  font-weight: 100;
  display: none;

}



.mil-lang option {

  color: #000000 !important;

}



.svg-filter {

  /* filter: invert(77%) sepia(100%) saturate(6481%) hue-rotate(324deg) brightness(102%) contrast(143%);*/

}



.my-main-menu {

  background: #161616;

  /*border-bottom: 1px solidd #ccc;*/

  padding: 10px 0;
  height: 72px;

}



.my-main-menu .logo-holder {

  display: inline-block;

/*  margin: 7px 0;*/

  /* margin-bottom: 0px;

    margin-top: 21px;*/

}

.my-main-menu .logo-holder p {

  font-size: 2rem;

  font-weight: 600;

}

/*.logo-holder .logo-img {

  filter: invert(100%);

}*/



.my-main-menu .logo-holder a img {

  width: 220px;

  /*width: 300px;*/

/*  height: 75px;*/
/*scale: 1.1;*/

}



.my-main-menu .mySearch-form {

  margin-top: 0px;

  /*text-align: right;*/

  position: relative;

  display: flex;

  align-items: center;

}

.header-container {

  background: #161616;

}

.my-main-menu .mySearch-form #mySearch-input {

  padding: 8px 5px;

  width: 430px;

  border: none;

  /*border-bottom-left-radius: 5px;*/

  /*border-top-left-radius: 5px;*/

  outline: none;

  border-right: none;

  background: #fff;

  margin-right: -5px;

  border: 1px solid #fff;

  /* border-left: 1px solid  rgb(230, 0, 0); */

}



.my-main-menu .mySearch-form #mySearch-input1 {

  padding: 8px 5px;

  width: 341px;

  border: 1px solid #161616;

  outline: none;

  border-right: none;

  background: #fff;

  margin-right: -5px;

  /*border-top-left-radius: 20px;*/

  /*border-bottom-left-radius: 20px;*/

}



.my-main-menu .mySearch-form .mySearch-select {

  padding: 11px 5px;

  outline: none;

  font-size: 1.2rem;

  border-color: #e5e5e5;

  /*border-left: none;

    margin-left: -3px;*/

  padding-bottom: 8px;

  width: 120px;

  overflow: hidden;

  background: #e5e5e5;

  color: #161616;

  margin-right: 0px;

  /*border-top-left-radius: 20px;*/

  /*border-bottom-left-radius: 20px;*/

}



.my-main-menu .mySearch-form .mySearch-button {

  width: 50px;

  height: 38px;

  outline: none;

  margin: 0 5px;

  vertical-align: bottom;

  background: #e5e5e5;

  color: #161616;

  border: 1px solid #e5e5e5;

  border-color: #e5e5e5;

  /*border-top-right-radius: 20px;*/

  /*border-bottom-right-radius: 20px;*/

}



.my-main-menu .mySearch-form .advanced {

  float: right;

  font-size: 1rem;

  padding: 12px 7px;

  padding-bottom: 9px;

  background: #e5e5e5;

  color: #000;

  margin-left: 1px;

  height: 38px;

  border-radius: 0px;

  text-transform: uppercase;

  font-weight: bold;

}



.my-main-menu .mySearch-form .advanced:hover {

  background: #e5e5e5;

  color: black;

}



.cart-list {

  list-style: none;

  padding: 0;

  margin: 0;

  display: flex;

}

.cart-list-fixed li {

  padding-top: 10px;

  list-style: none;

}

.cart-list-fixed li:last-child {

  padding-top: 5px;

}

.cart-list li {

  /*border:1px solid red;*/

  width: 100px;

  position: relative;

}

.cart-list li a {

  position: relative;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

.cart-list li a .wish-count,

.myspan-car {

  position: absolute;

  left: 18px;

  top: -10px;

  font-weight: 700;

  color: #fff;

}



cart-list-fixed li a .wish-count {

  color: #e5e5e5;

}



.myspan-car {

  color: #e5e5e5;

}

.cart-list li a .wish-count-fixed,

.myspan-car-fixed {

  position: absolute;

  left: 23px;

  top: -10px;

  font-weight: 700;

  color: #fff;

}

.myspan-car-fixed,

.cart-name-fixed {

  color: #fff;

}

.cart-list li .user-name-fixed,

.cart-list li .wish-name-fixed {

  font-size: 1.4rem;

  /*font-weight: 700;*/

  /* color: #000; */

  color: #fff;

}

.cart-list li.is-loggedin:hover .signout-drop {

  display: block;

}

.cart-list li .signout-drop {

  padding: 5px;

  width: 100px;

  background: #eee;

  position: absolute;

  top: 45px;

  left: 0;

  z-index: 9;

  display: none;

}

.cart-list li .wish-name,

.user-name {

  font-size: 1.1rem;

  /*font-weight: 700;*/

  color: #fff;

}

.cart-list li .cart-name {

  /* font-size: 1.5rem; */

  font-size: 1rem;

  /*font-weight: 700;*/

  /* color: #fff; */

  color: #e5e5e5;

}

.cart-list li img {

  width: 25px;
  filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(2433%) hue-rotate(187deg) brightness(97%) contrast(99%);
/*  filter: invert(1);*/

}



.cart-img {

  width: 32px !important;

}



.nav-shopcart {

  display: flex;

  align-items: center;
  justify-content: end;

}
/*.hero {
    position: relative;
    top: -95px;
    z-index: 1;
}*/
.navigation-holder {

  /*border-bottom: 1px solid #ccc;*/
/*border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;*/
  background: #161616;
/*      z-index: 9999;
    position: relative;*/

}



.navigation-holder .navigation .nav-ul {

  background: transparent;

  padding: 2px 10px;

  margin: 0;

  display: flex;

  justify-content: flex-end;

  list-style: none;

}

 .navigation .nav-ul {

  background: #2E6096;

  padding: 2px 10px;

/*  margin: 0;

  display: flex;

  justify-content: flex-end;*/

  list-style: none;

}

.navigation-holder .navigation .nav-ul.-hardcore {

/*  background: #ffe745;*/
  background: #161616;

  padding: 0;

  justify-content: flex-start;

  position: relative;

  cursor: pointer;

}

.navigation .nav-ul.-hardcore {

  background: #ffe745;

  padding: 0;

  justify-content: flex-start;

  position: relative;

  cursor: pointer;

}
.navigation-holder .navigation .nav-ul.-hardcore .new_drop_menu {

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  z-index: 9;

  border: 1px solid #e2e2e2;

  display: none;

}
 .navigation .nav-ul.-hardcore .new_drop_menu {

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  z-index: 9;

  border: 1px solid #e2e2e2;

  display: none;

}

.navigation-holder

  .navigation

  .nav-ul.-hardcore

  .new_drop_menu

  > .main-drop-g

  > .main-drop-ul

  > .main-drop-li

  > .main-drop-a {

  display: flex;

  justify-content: space-between;

  align-items: center;

  font-weight: bold;

  font-size: 1.2rem;

}

.navigation-holder

  .navigation

  .nav-ul.-hardcore

  .new_drop_menu

  > .main-drop-g

  > .main-drop-ul

  > .main-drop-li

  > .main-drop-a

  .icon_name_holder {

  display: flex;

  align-items: center;

}
.navigation .nav-ul.-hardcore .new_drop_menu > .main-drop-g > .main-drop-ul > .main-drop-li > .main-drop-a .icon_name_holder {
    display: flex;
    align-items: center;
}
.navigation-holder

  .navigation

  .nav-ul.-hardcore

  .new_drop_menu

  > .main-drop-g

  > .main-drop-ul

  > .main-drop-li

  > .main-drop-a

  .icon_name_holder

  .cate_icons {

  width: 22px;

  margin-right: 20px;

}
.navigation .nav-ul.-hardcore .new_drop_menu > .main-drop-g > .main-drop-ul > .main-drop-li > .main-drop-a .icon_name_holder .cate_icons {
    width: 22px;
    margin-right: 20px;
}



.navigation-holder .navigation .nav-ul.-hardcore > .nav-li > span {

  color: #000;
  font-weight: bold;

  text-transform: uppercase;

  /* letter-spacing: 1px; */

  display: flex;

  align-items: center;

}
.navigation .nav-ul.-hardcore > .nav-li > span {

  color: #000;

  text-transform: uppercase;

  /* letter-spacing: 1px; */

  display: flex;

  align-items: center;

}
.navigation-holder .navigation .nav-ul.-hardcore > .nav-li > span:hover {

  color: #000;

}

.navigation-holder .navigation .nav-ul.-hardcore .material-icons {

  vertical-align: middle;

  color: #fff;

}



.navigation-holder .navigation .nav-ul .nav-li {

  float: left;

  padding: 3px 5px;

  position: relative;

  margin-left: 20px;

}



.navigation-holder .navigation .nav-ul .nav-li a {

  color: #161616;

  /*text-transform: uppercase;*/

}

.navigation-holder .navigation .nav-ul .nav-li a:hover {

  color: #161616;

}

/*.navigation-holder .navigation .nav-ul .nav-li:after {

    content: '';

    position: absolute;

    width: 0;

    height: 3px;

    background: #620B50;

    bottom: 0;

    left: 0;

    -webkit-transition: all ease-in-out 0.2s;

    -moz-transition: all ease-in-out 0.2s;

    -ms-transition: all ease-in-out 0.2s;

    -o-transition: all ease-in-out 0.2s;

    transition: all ease-in-out 0.2s;

}



.navigation-holder .navigation .nav-ul .nav-li:hover:after {

    width: 100%;

}*/



.navigation-holder .navigation .nav-ul .nav-li:first-child {

  /*padding: 7px 20px;

        background: #FED766;*/

}



.navigation-holder .navigation .nav-ul .nav-li .nav-main-drop {

  border: 1px solid rgba(51, 51, 51, 0.4);

  min-width: 200px;

  width: auto;

  position: absolute;

  top: 29px;

  left: 50%;

  transform: translate(-50%, 0);

  background: #e5e5e5;

  z-index: 9;

  display: none;

}



.navigation-holder .navigation .nav-ul .nav-li .nav-main-drop:before {

  position: absolute;

  top: -7px;

  left: 86px;

  display: inline-block;

  border-right: 7px solid transparent;

  border-bottom: 7px solid #eee;

  border-left: 7px solid transparent;

  border-bottom-color: #2f2f2f;

  content: "";

}



.navigation-holder .navigation .nav-ul .nav-li .nav-main-drop:after {

  position: absolute;

  top: -6px;

  left: 87px;

  display: inline-block;

  border-right: 6px solid transparent;

  border-bottom: 6px solid #2f2f2f;

  border-left: 6px solid transparent;

  content: "";

}



.navigation-holder

  .navigation

  .nav-ul

  .nav-li

  .nav-main-drop

  .nav-main-drop-ul {

  padding: 0;

  margin: 0;

}



.navigation-holder

  .navigation

  .nav-ul

  .nav-li

  .nav-main-drop

  .nav-main-drop-ul

  .nav-main-drop-li {
    list-style: none;
    background: #e5e5e5;

  padding: 5px 0px;

  border-bottom: 1px solid #fff;

  -webkit-transition: all ease-in-out 0.2s;

  -moz-transition: all ease-in-out 0.2s;

  -ms-transition: all ease-in-out 0.2s;

  -o-transition: all ease-in-out 0.2s;

  transition: all ease-in-out 0.2s;

}



.navigation-holder

  .navigation

  .nav-ul

  .nav-li

  .nav-main-drop

  .nav-main-drop-ul

  .nav-main-drop-li:last-child {

  border-bottom: none;

}



.navigation-holder

  .navigation

  .nav-ul

  .nav-li

  .nav-main-drop

  .nav-main-drop-ul

  .nav-main-drop-li:hover {

  margin-left: 5px;

}



.navigation-holder

  .navigation

  .nav-ul

  .nav-li

  .nav-main-drop

  .nav-main-drop-ul

  .nav-main-drop-li:hover

  i {

  opacity: 1;

}



.navigation-holder

  .navigation

  .nav-ul

  .nav-li

  .nav-main-drop

  .nav-main-drop-ul

  .nav-main-drop-li

  a {

  display: block;

  font-size: 1.4rem;

  color: #000;

}



.navigation-holder

  .navigation

  .nav-ul

  .nav-li

  .nav-main-drop

  .nav-main-drop-ul

  .nav-main-drop-li

  a

  i {

  opacity: 0;

}



.navigation-holder .navigation .nav-ul .main-drop-triger:hover .main-drop {

  display: block;

}



.navigation-holder .navigation .nav-ul .main-drop-triger .main-drop {

  position: absolute;

  border: 1px solid #d6d6d6;

  min-width: 250px;

  background: #f2f2f2;

  top: 34px;

  left: 0;

  z-index: 99999;

  display: none;

}



.navigation .main-drop-ul {

  background: #fff;

  padding: 0;

  margin: 0;

  list-style: none;

}



.navigation .main-drop-ul .main-drop-li {

  padding: 10px 0px 5px 10px;

  border-bottom: 1px solid #d6d6d6;

}



.navigation .main-drop-ul .main-drop-li:hover {

  /* background-color: #f2f2f2; */

  background-color: #ffffff;

}

.navigation .main-drop-ul .main-drop-li:hover > a {

  color: #f01a1a;

}



.navigation .main-drop-ul .main-drop-li:hover .sec-drop {

  display: block;

}



.navigation .main-drop-ul .main-drop-li:last-child {

  border-bottom: none;

}



.navigation .main-drop-ul .main-drop-li .main-drop-a {

  text-transform: uppercase;

  display: block;

}



.navigation .main-drop-ul .main-drop-li .main-drop-a i {

  float: right;

  margin-right: 10px;

}



.navigation .main-drop-ul .main-drop-li .sec-drop {

  /* background: #f2f2f2; */

  background: #ffffff;

  /*border: 1px solid #d6d6d6;*/

  border: 1px solid #e2e2e2;

  box-shadow: 0 0 10px #e2e2e2;

  border-left: none;

  border-top: none;

  position: absolute;

  z-index: 9;

  top: 0;

  left: 100%;

  width: 1021px;

  padding: 7px 5px;

  display: none;

}



.navigation .main-drop-ul .main-drop-li .sec-drop .sec-drop-ul {

  padding: 0;

  margin: 0;

}



.navigation .main-drop-ul .main-drop-li .sec-drop .sec-drop-ul .sec-drop-li {

  padding: 5px 3px;

  overflow: hidden;

}



.navigation .main-drop-ul .main-drop-li .sec-drop .sec-drop-ul .sec-drop-li hr {

  margin-bottom: 5px;

  margin-top: 25px;

}



.navigation

  .main-drop-ul

  .main-drop-li

  .sec-drop

  .sec-drop-ul

  .sec-drop-li

  .soc-drop-a1 {

  margin-top: 10px;

  margin-left: 10px;

  font-weight: bold;

}



.navigation

  .main-drop-ul

  .main-drop-li

  .sec-drop

  .sec-drop-ul

  .sec-drop-li

  .soc-drop-a1:hover {

  text-decoration: underline;

}



.navigation

  .main-drop-ul

  .main-drop-li

  .sec-drop

  .sec-drop-ul

  .sec-drop-li

  a

  img {

  width: 40px;

  float: left;

}



.navigation

  .main-drop-ul

  .main-drop-li

  .sec-drop

  .sec-drop-ul

  .sec-drop-li

  .soc-drop-a2 {

  font-size: 1.2rem;

  display: block;

  margin-left: 30px;

  margin-bottom: 5px;

  /*  font-weight: bold;*/

}



.navigation

  .main-drop-ul

  .main-drop-li

  .sec-drop

  .sec-drop-ul

  .sec-drop-li

  .soc-drop-a2:hover {

  text-decoration: underline;

  font-weight: bold;

}



.main-drop {

  /*background: #fff5c6;*/

  /*min-width: 330px;*/

  /*z-index: 9999;*/

  border-bottom-left-radius: 5px;

/*  display: block;*/
display: none;

  /*margin-top: 10px;*/ /*changed 23022022*/

}



.main-drop .main-drop-ul {

  padding: 0;

  margin: 0;

  list-style: none;

}



.main-drop .main-drop-ul .main-drop-li {

  padding: 2px 3px;

  border-bottom: 1px solid #e6e7eb;

  display: flex;

  align-items: center;

  justify-content: space-between;

  /*border-right: 1px solid #d6d6d6;*/

}

.main-drop .main-drop-ul .main-drop-li:last-child {

  /*border-bottom-left-radius: 5px;*/

}

.main-drop .main-drop-ul .main-drop-li:hover {

  background: #fff;

  border-right: none;

  box-shadow: 0 0 10px #cccccc;

}

.main-drop .main-drop-ul .main-drop-li a {

  color: #333;

}



.main-drop .main-drop-ul .main-drop-li a:hover {

  /* color: rgb(230, 0, 0); */

  color: #161616;

}



.main-drop .main-drop-ul .main-drop-li:hover .sec-drop {

  display: block;

  background: #ffffff;

}



/*.main-drop .main-drop-ul .main-drop-li:last-child {

    border-bottom: none;

}*/



.main-drop .main-drop-ul .main-drop-li .main-drop-a {

  display: block;

  color: #333;

  /* font-size: 1.3rem; */

  font-size: 1.2rem;

  font-weight: 600;

  line-height: 20px;

  padding: 5px 0 5px 3px;

  white-space: nowrap;

}



.main-drop .main-drop-ul .main-drop-li .main-drop-a i {

  float: right;

  margin-right: 10px;

  font-size: 2rem;

  -webkit-transition: all ease-in-out 0.2s;

  -moz-transition: all ease-in-out 0.2s;

  -ms-transition: all ease-in-out 0.2s;

  -o-transition: all ease-in-out 0.2s;

  transition: all ease-in-out 0.2s;

}



.main-drop .main-drop-ul .main-drop-li:hover i {

  color: #161616;

  margin-right: 6px;

}



.main-drop .main-drop-ul .main-drop-li .sec-drop {

  border: 1px solid #d6d6d6;

  border-top: none;

  border-left: none;

  position: absolute;

  top: 10px;

  left: 95%;

  width: 100%;

  background: #fff;

  width: 1041px;

  padding: 7px 5px;

  display: none;

  overflow-x: hidden;

  box-shadow: 0 3px 5px #cccccc;

  /*border-top-right-radius: 5px;*/

  /*border-bottom-right-radius: 5px;*/

  z-index: 999;

}



.main-drop .main-drop-ul .main-drop-li .sec-drop .sec-drop-ul {

  padding: 0;

  margin: 0;

}



.main-drop .main-drop-ul .main-drop-li .sec-drop .sec-drop-ul .sec-drop-li {

  padding: 0px 3px;

  overflow: hidden;

}



.main-drop .main-drop-ul .main-drop-li .sec-drop .sec-drop-ul .sec-drop-li hr {

  margin-bottom: 5px;

  margin-top: 5px;

  border-top: 1px solid #eee;

}



.main-drop

  .main-drop-ul

  .main-drop-li

  .sec-drop

  .sec-drop-ul

  .sec-drop-li

  .soc-drop-a1 {

  /*margin-top: 10px;*/

  /*margin-left: 10px;*/

  font-weight: 600;

  font-size: 1.3rem;

  /* color: rgb(230, 0, 0); */

  letter-spacing: 1px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.main-drop

  .main-drop-ul

  .main-drop-li

  .sec-drop

  .sec-drop-ul

  .sec-drop-li

  .soc-drop-a1

  .img-link-prod-cate-num {

  display: flex;

  align-items: center;

}

.main-drop

  .main-drop-ul

  .main-drop-li

  .sec-drop

  .sec-drop-ul

  .sec-drop-li

  .soc-drop-a1:hover {

  text-decoration: underline;

  color: #161616;

}



.main-drop

  .main-drop-ul

  .main-drop-li

  .sec-drop

  .sec-drop-ul

  .sec-drop-li

  a

  img {

  width: 80px;

  height: 80px;

  float: left;

  object-fit: contain;

  margin-right: 10px;

}



.main-drop

  .main-drop-ul

  .main-drop-li

  .sec-drop

  .sec-drop-ul

  .sec-drop-li

  .soc-drop-a2 {

  /*margin-bottom: 7px;*/

  font-size: 1.2rem;

  color: #000;

  display: block;

  font-weight: bold;

  letter-spacing: 1px;

  padding-left: 110px;

  display: inline-block;

}

.main-drop

  .main-drop-ul

  .main-drop-li

  .sec-drop

  .sec-drop-ul

  .sec-drop-li

  .soc-drop-a2

  .last-holder {

  margin-bottom: 7px;

}

.main-drop

  .main-drop-ul

  .main-drop-li

  .sec-drop

  .sec-drop-ul

  .sec-drop-li

  .soc-drop-a2:hover {

  /*text-decoration: underline;*/

  color: rgb(230, 0, 0);

}

.last-holder {

}

.last-holder .last-link-icons {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.last-holder i {

  font-size: 20px;

  color: #333;

  margin-left: 30px;

  cursor: pointer;

}

.last-holder i:hover {

  color: red;

}

.fourth-deep {

  width: 100%;

  /*border:1px solid #333;*/

  display: none;

}



.fourth-deep .list {

  list-style: none;

  padding: 0;

  margin: 0;

  margin-top: 3px;

}

.fourth-deep .list .items {

}

.fourth-deep .list .items .links {

  margin-bottom: 7px;

  font-size: 1.2rem;

  color: #000;

  display: block;

  font-weight: bold;

  letter-spacing: 1px;

  padding-left: 130px;

  display: flex;

  align-items: center;

}

.fourth-deep-shop .list {

  list-style: none;

  padding: 0;

  margin: 0;

}

.fourth-deep-shop {

  display: none;

  width: 100%;

}

.fourth-deep-shop .list .items .links {

  margin-bottom: 7px;

  font-size: 1.2rem;

  color: #000;

  display: block;

  font-weight: bold;

  letter-spacing: 1px;

  padding-left: 17px;

  display: flex;

  align-items: center;

}

.cate-icons-link-holder {

  display: flex;

  align-items: center;

}

.cate-icons-link-holder .cat-icons {

  width: 20px;

  margin-right: 10px;

}

.under-cate-row {

  display: grid;

  grid-column-gap: 10px;

  grid-row-gap: 10px;

  grid-template-columns: auto auto;

}

.under-cate-col {

  border-bottom: 1px solid #eee;

  padding-bottom: 10px !important;

  /*padding-top: 10px!important;*/

}
.burger.tpm.go-right {
/*    top: -15px;*/
}
.burger {

  position: absolute;

  right: 0;

  top: 0px;

  z-index: 3;

  cursor: pointer;

  width: 50px;

  height: 50px;

}



.burger .burger1,

.burger .burger2,

.burger .burger3 {

  position: absolute;

  background: #fff;

  width: 30px;

  height: 2px;

}



.burger .burger1 {

  top: 5px;

}



.burger .burger2 {

  top: 15px;

}



.burger .burger3 {

  top: 25px;

}


.image-menu-box {
    display: block;
    position: relative;
    left: -148px;
    top: -28px;
}
.menu {

  width: 100%;

  height: 100vh;

/*  position: absolute;*/
position: fixed;
  left: -100%;

  z-index: 2;

  background: #e9e9e9;

/*  top: 69px;*/

  display: flex;

  justify-content: center;

  align-items: center;
  padding-top: 69px;

/*  overflow-y: scroll;*/

}
.m-list {
      margin: 0 auto;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 133rem;
    overflow-y: visible;
    height: auto;
    z-index: 1;
}
.m-list:before {
      content: "";
    position: absolute;
    top: -11vh;
    height: 113vh;
    /*width: 1000px;*/
        width: 614px;
    background: linear-gradient(277deg,#e9e9e9 14.9%,#000 15%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 79rem;
}

.menu ul {

  list-style-type: none;

  padding-left: 0;

  width: 100%;
  z-index: 9999;
  padding-top: 40px;

}



.menu ul li {

  /* padding-top: 20px; */

  text-align: center;

}



.menu ul li .dropdown-small {

  display: none;

}



.menu ul li .dropdown-small .list .items .links {

  font-size: 1.4rem !important;

}



.menu ul li a {

  color: #fff;

  font-size: 1.8rem;

  text-decoration: none;

  display: inline-block;

  width: 50%;

  padding: 10px 0;

}



.menu ul li a:hover {

  color: #fff;

  opacity: 0.8;

}



.menu ul li a img {

  width: 30px;

  height: 30px;

  margin: auto;

}



.menu ul li input {

  padding: 5px;

  border: 1px solid #620b50;

}



.menu ul li input:focus {

  outline: none;

}



.small-input-holder {

  display: none;

}



.go-top {

  position: fixed;

  bottom: 2.6em;

  right: 2em;

  text-decoration: none;

  color: #fff;

  background-color: rgba(0, 0, 0, 0.4);

  font-size: 12px;

  padding: 5px 10px;

  z-index: 2;

  display: none;

  border: 2px solid #fff;

  border-radius: 50%;

}



.go-top:hover {

  background-color: rgba(0, 0, 0, 0.6);

  /* color: rgb(255 113 0); */

  color: #ffffff;

}



.modal-open .modal {

  z-index: 99999;

}



.modal-content {

  border-radius: 0;

  padding: 10px;

}



.modal-content input {

  width: 100%;

  margin-bottom: 10px;

  border: none;

  border-bottom: 1px solid #333;

  padding: 0px 0px;

  -webkit-transition: all ease-in-out 0.2s;

  -moz-transition: all ease-in-out 0.2s;

  -ms-transition: all ease-in-out 0.2s;

  -o-transition: all ease-in-out 0.2s;

  transition: all ease-in-out 0.2s;

}



.modal-content input:focus {

  outline: none;

}



.modal-content .prijava-button {

  width: 100% !important;

  margin-bottom: 10px !important;

  border-bottom: none !important;

  padding: 6px 12px !important;

}



.modal-content .help-check {

  width: auto;

}



.modal-content .zab-lozinka {

  margin-bottom: 20px;

  color: #4c4c4c;

}



.modal-content p {

  font-size: 1.4rem;

  margin: 0;

  margin-top: 7px;

}



.modal-content p a {

  /* color: red; */
color: #161616;
    font-weight: 600;

}



.modal-content h5 {

  color: #4c4c4c;

  text-transform: uppercase;

  font-weight: bold;

  font-size: 1.2rem;

}



.modal-content small {

  color: #4c4c4c;

}



.modal-content .log-name-input:focus {

  padding: 5px 0px;

  border-bottom: 1px solid #4c4c4c;

}



.modal-content .pass-name-input:focus {

  padding: 5px 0px;

  border-bottom: 1px solid #4c4c4c;

}

.modal-title {

  color: #0081b2;

}

/* .modal-dialog {

  height: 100vh;

} */

.select2-container--default .select2-selection--multiple {

  border-radius: 0;

  border: 1px solid #4c4c4c;

}



.select2-container {

  width: 100% !important;

}



.s-product-holder .s-product .s-product-pic2 {

  width: 100%;

  height: 130px;

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

}


.parallax-holder {
    position: absolute;
    height: 183vh;
    width: 100%;
}
.parallax {
/*      background-image: url(fajlovi/product/big/Rocket-50.jpg);
    background-size: cover;*/
    height: 100%;
    width: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    filter: blur(4px);
    -webkit-filter: blur(4px);
}
.filter-bg {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.3);
}
.bacground-product {
    /*background: lightblue url(fajlovi/product/big/Rocket-50.jpg) no-repeat center;*/
    background-size: cover;
    align-items: center;
    display: flex;
    justify-content: center;
        background-position: center;
    /* height: 400px; */
    /* width: 400px; */
}
.transbox {
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: 20px;
    margin: 30px;
    font-weight: bold;
}
.product-buttons-sw {

  display: grid;

}
h2.recomm_title {
    text-align: center;
    padding-bottom: 30px;
}


.select2-container--default

  .select2-selection--multiple

  .select2-selection__choice {

  background: #4c4c4c;

  color: #fff;

  border-radius: 0;

}



.select2-container--default

  .select2-selection--multiple

  .select2-selection__choice__remove {

  color: #fff;

}



.select2-container--default

  .select2-selection--multiple

  .select2-selection__choice__remove:hover {

  color: #fff;

}



#search-input-holder {
      margin-top: 70px;

  width: 100%;

  height: 100vh;

  background-color: #fff;

  position: fixed;

  top: 0;

  left: 100%;

  z-index: 9;

  overflow-y: scroll;

  padding: 50px 0;

}



#search-input-holder .logo-search {

  margin: auto;

  width: 200px;

}



#search-input-holder .js-example-basic-multiple {

  width: 100%;

  border-radius: 0;

}



#search-input-holder #mysearch-input {

  padding: 6px 5px;

  border: 1px solid #4c4c4c;

  outline: none;

  width: 400px;

  border-radius: 0px;

}



#search-input-holder #mysearch-input1 {

  padding: 6px 5px;

  border: 1px solid #4c4c4c;

  outline: none;

  width: 400px;

}



#search-input-holder .sve-rez a {

  color: #4c4c4c;

}



.mysearch-button {

  /*padding: 7px 12px;*/

  vertical-align: top;

}



#search-input-holder #close {

  cursor: pointer;

  position: absolute;

  right: 50px;

  top: 50px;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

  -ms-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

}



#search-input-holder #close:hover {

  transform: rotate(90deg);

}



.cart-slide {

  position: absolute;

  top: 34px;

  right: 0;

  border: 1px solid #d5d5d5;

  padding: 3px;

  background: #fff;

  display: none;

  z-index: 9;

  -webkit-box-shadow: 0px 10px 9px -11px rgba(0, 0, 0, 0.74);

  -moz-box-shadow: 0px 10px 9px -11px rgba(0, 0, 0, 0.74);

  box-shadow: 0px 10px 9px -11px rgba(0, 0, 0, 0.74);

}



.cart-slide:before {

  position: absolute;

  top: -7px;

  right: 54px;

  display: inline-block;

  border-right: 7px solid transparent;

  border-bottom: 7px solid #4c4c4c;

  border-left: 7px solid transparent;

  border-bottom-color: rgba(0, 0, 0, 0.2);

  content: "";

}



.cart-slide:after {

  position: absolute;

  top: -6px;

  right: 55px;

  display: inline-block;

  border-right: 6px solid transparent;

  border-bottom: 6px solid #4c4c4c;

  border-left: 6px solid transparent;

  content: "";

}



.cart-slide .cart-slide-body {

  width: 100%;

  padding: 3px;

  overflow-y: scroll;

  height: 231px;

}



.cart-slide .cart-slide-body .cart-slide-item {

  position: relative;

  width: 100%;

  padding: 10px 3px;

  padding-bottom: 5px;

  border-bottom: 1px solid #d5d5d5;

}



.cart-slide .cart-slide-body .cart-slide-item .cart-slide-close {

  position: absolute;

  top: 2px;

  right: 2px;

  cursor: pointer;

  font-size: 1.8rem;

  color: #777;

}



.cart-slide .cart-slide-body .cart-slide-item .cart-slide-pic {

  height: 60px;

  width: 60px;

  display: flex;

  justify-content: center;

  align-items: center;

  float: left;

  margin-right: 5px;

}



.cart-slide .cart-slide-body .cart-slide-item .cart-slide-pic .cart-slide-img {

  max-height: 100%;

  width: auto;

  margin: 0;

}



.cart-slide .cart-slide-body .cart-slide-item .cart-slide-name {

  width: 389px;

  float: left;

}



.cart-slide .cart-slide-body .cart-slide-item .cart-slide-name a p {

  font-size: 1.4rem;

  margin: 0;

  line-height: 1;

  font-weight: bold;

  width: 100%;

  height: 15px;

  overflow: hidden;

}



.cart-slide

  .cart-slide-body

  .cart-slide-item

  .cart-slide-name

  .cart-slide-attr-ul {

  margin: 0;

  margin-top: 3px;

}



.cart-slide

  .cart-slide-body

  .cart-slide-item

  .cart-slide-name

  .cart-slide-attr-ul

  .cart-slide-attr-li {

  display: inline-block;

  margin: 0;

  margin-right: 5px;

  padding: 0;

  vertical-align: baseline;

  font-size: 1rem;

}



.cart-slide

  .cart-slide-body

  .cart-slide-item

  .cart-slide-name

  .cart-slide-attr-ul

  .cart-slide-attr-li

  .cart-slide-attr-name {

  font-weight: bold;

  font-size: 1rem;

}



.cart-slide

  .cart-slide-body

  .cart-slide-item

  .cart-slide-name

  .cart-slide-attr-ul

  .cart-slide-attr-li

  .cart-slide-attr-box {

  width: 13px;

  height: 13px;

  background: red;

  display: inline-block;

  margin-left: 2px;

}



.cart-slide

  .cart-slide-body

  .cart-slide-item

  .cart-slide-name

  .cart-slide-attr-ul

  .cart-slide-attr-li

  .cart-slide-attr-bckg {

  width: 13px;

  height: 13px;

  background: red;

  display: inline-block;

  margin-left: 2px;

  background-repeat: no-repeat;

  background-position: center;

}



.cart-slide .cart-slide-body .cart-slide-item .cart-slide-amount {

  float: right;

  text-align: center;

}



.cart-slide .cart-slide-body .cart-slide-item .cart-slide-amount button {

  border: 1px solid #d5d5d5;

  outline: none;

  background: #f7f7f7;

  width: 25px;

}



.cart-slide .cart-slide-body .cart-slide-item .cart-slide-amount .minus-btn {

  margin-right: -3px;

}



.cart-slide .cart-slide-body .cart-slide-item .cart-slide-amount .plus-btn {

  margin-left: -3px;

}



.cart-slide .cart-slide-body .cart-slide-item .cart-slide-amount input {

  border: 1px solid #d5d5d5;

  outline: none;

  width: 40px;

  border-left: none;

  border-right: none;

  text-align: center;

}



.cart-slide

  .cart-slide-body

  .cart-slide-item

  .cart-slide-amount

  input[type="number"]::-webkit-inner-spin-button,

.cart-slide

  .cart-slide-body

  .cart-slide-item

  .cart-slide-amount

  input[type="number"]::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



.cart-slide .cart-slide-body .cart-slide-item .cart-slide-amount p {

  margin: 0;

  margin-top: 5px;

  font-size: 1.4rem;

  font-weight: bold;

  color: #333;

}



.cart-slide .cart-slide-total {

  padding: 0px 10px;

  margin-top: 5px;

}



.cart-slide .cart-slide-total p {

  margin: 0;

  color: #333;

  font-size: 1.6rem;

  margin-top: 3px;

}



.cart-slide .cart-slide-total p span:last-child {

  font-weight: bold;

}



.cart-slide-body::-webkit-scrollbar {

  width: 3px;

}
section.home-cat {
    padding: 30px 0;
}
.atr-list {
/*    width: 1200px;*/
    display: grid;
   /* grid-template-columns: 230px 230px 230px 230px 230px;
        grid-column-gap: 12px;*/

grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 12px;
/*grid-row-gap: 12px;*/
}
.sec-cat {
    position: relative;

}
.sec-cat .img-info{
    position: absolute;
    bottom: 15px;
    width: 650px;
}
.sec-cat .img-info h3{
  color: #fff;
  font-weight: bold;
  font-size: 3rem;
  padding-left: 30px;
  text-shadow: 1px 3px 0 #7a7a7a;
}
.sec-cat .img-info p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding-left: 30px;
    -webkit-text-stroke-width: thin;
}
.sec-cat .img-info a {
      color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 30px;
    background: #161616;
    margin-left: 30px;
    width: 91%;
/*    width: 590px;*/
    display: block;
    text-transform: uppercase;
    text-align: center;
    font-style: italic;
    letter-spacing: .2rem;

}
.sec-cat .img-info a:hover {
  background: -webkit-gradient(linear,right top,left top,color-stop(50%,#e5e5e5),color-stop(50%,#000));
  background: linear-gradient(270deg,#e5e5e5 50%,#000 0);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  background-size: 200% 100%;
  background-position: 100% 100%;
  -webkit-transform: none;
  transform: none;
  color: #000;
}
.image-cat{
      height: auto;
    overflow: hidden;
}
.zoom {
    transform-origin: 50% 65%;
    transition: transform 2s, filter 2s ease-in-out;
}
.zoom:hover {
    transform: scale(1.1);
}

.myslider {

  background: #fff;

/*  margin-bottom: 10px;*/
/*  margin-top: 70px;*/
/*  margin-top: 19px;*/

  /* box-shadow: 0px 1px 3px #a5a5a5; */

}



.myslider:hover .owl-prev,

.myslider:hover .owl-next {

  display: block;

}


.sliderHome {
    margin-bottom: -5px;
    height: 500px;
/*    filter: blur(6px);*/
      width: 100%;
  margin: 0 auto;
  position: relative;
  margin-top: 70px;
}
.sliderHome video {
	  width: 100%;
    height: 100%;
 /* height: 400px;*/
  object-fit: cover;
/*   filter: blur(6px);*/
   z-index: 1;
}
/*.sliderHome .video-controls {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 10; 
        }*/

/*.filter {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.4); 
            filter: blur(8px); 
            z-index: 1;
        }
                video::-webkit-media-controls {
            z-index: 2;
        }*/
.owl-prev {

  position: absolute;

  top: 45%;

  background: rgba(77, 77, 77, 0.5);

  padding: 8px 5px;

  color: #fff;

  display: none;

}



.owl-prev:hover {

  background: rgba(77, 77, 77, 0.8);

}



.owl-next {

  position: absolute;

  top: 45%;

  right: 0;

  background: rgba(77, 77, 77, 0.5);

  padding: 8px 5px;

  color: #fff;

  display: none;

}



.owl-next:hover {

  background: rgba(77, 77, 77, 0.8);

}



.myslider2 {

  margin-bottom: 15px;

}

.brand-slider {

  margin: 50px 0;

}

.brands-slider {

  padding: 10px 0;

  display: flex;

  justify-content: center;

  align-items: center;

  height: 60px;

}



.brands-slider a img {

  max-height: 60px;

}

.brand-slider-title {

  font-size: 3rem;

  margin: 0 auto;

  padding: 40px 0px;

}

.brand-slider-title:after {

  width: 100%;

}

.side-menu {

  border: 1px solid #d6d6d6;

}



.side-menu .side-menu-ul {

  padding: 0;

  margin: 0;

}



.side-menu .side-menu-ul .side-menu-li {

  padding: 7px 5px;

  border-bottom: 1px solid #d6d6d6;

  position: relative;

  -webkit-transition: all ease-in-out 0.2s;

  -moz-transition: all ease-in-out 0.2s;

  -ms-transition: all ease-in-out 0.2s;

  -o-transition: all ease-in-out 0.2s;

  transition: all ease-in-out 0.2s;

}



.side-menu .side-menu-ul .side-menu-li:last-child {

  border-bottom: none;

}



.side-menu .side-menu-ul .side-menu-li:hover {

  padding-left: 10px;

  background: #fff;

}



.side-menu .side-menu-ul .side-menu-li:hover .side-menu-drop {

  display: block;

  border-left: none;

}



.side-menu .side-menu-ul .side-menu-li .side-menu-drop {

  border: 1px solid #d6d6d6;

  position: absolute;

  right: -202px;

  top: -1px;

  background: #fff;

  z-index: 99999;

  display: none;

}



.side-menu .side-menu-ul .side-menu-li .side-menu-drop .side-menu-drop-ul {

  padding: 0;

  margin: 0;

}



.side-menu

  .side-menu-ul

  .side-menu-li

  .side-menu-drop

  .side-menu-drop-ul

  .side-menu-drop-li {

  padding: 7px 7px;

  border-bottom: 1px solid #d6d6d6;

  min-width: 200px;

  -webkit-transition: all ease-in-out 0.2s;

  -moz-transition: all ease-in-out 0.2s;

  -ms-transition: all ease-in-out 0.2s;

  -o-transition: all ease-in-out 0.2s;

  transition: all ease-in-out 0.2s;

}



.side-menu

  .side-menu-ul

  .side-menu-li

  .side-menu-drop

  .side-menu-drop-ul

  .side-menu-drop-li:hover {

  padding-left: 10px;

}



.side-menu

  .side-menu-ul

  .side-menu-li

  .side-menu-drop

  .side-menu-drop-ul

  .side-menu-drop-li:last-child {

  border-bottom: none;

}



.side-menu

  .side-menu-ul

  .side-menu-li

  .side-menu-drop

  .side-menu-drop-ul

  .side-menu-drop-li

  a {

  display: block;

}



.side-menu .side-menu-ul .side-menu-li a {

  display: block;

}



.crvena {

  background: red;

}



.plava {

  background: blue;

}



.zelena {

  background: green;

}



.orange {

  background: orange;

}



.zuta {

  background: yellow;

}



.crna {

  background: black;

}



.siva {

  background: gray;

}



.bela {

  border: 1px solid black;

  background: #fff;

}



.s-product-holder {

  border: 1px solid #e7e7e7;

 /* border-right: none;*/

  /*border-top: none;*/

  background: #fff;

  /*border-radius: 5px;*/

  margin-bottom: 30px;

}



.border-seter:last-child .s-product-holder {

  border-right: 1px solid #e7e7e7;

}



.s-product-holder:hover {

  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),

    0 3px 6px rgba(0, 0, 0, 0.23);

  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

  z-index: 9;

}



.s-product-holder .s-product-help {

  width: 100%;

  height: 25px;

  background: rgba(214, 214, 214, 0.64);

  background: #4c4c4c;

  background: transparent;

}



.s-product-holder .akcija {

  position: absolute;

  top: 0;

  right: 0;

  width: 65px !important;

}



.s-product-holder .zelja {

  position: absolute;

  top: 2px;

  right: 90px;

  width: 20px;

}



.s-product-holder .wish-icons {

  position: absolute;

  top: 2px;

  /* left: 50%; */

  left: 50%;

  transform: translate(-50%, 0);

  width: 20px;

  color: #c1c1c1;

  font-size: 2rem;

}



.s-product-holder .wish-icons.-active {

  color: #f9ce09;

}



.s-product-holder .wish-icons:hover {

  color: #f9ce09;

}



.s-product-holder .stiker-holder {

  position: absolute;

  left: 3px;

  width: 40px;

  top: 25px;

  z-index: 1;

}



.s-product-holder .uporediForm {

  position: absolute;

  left: 5px;

  top: 5px;

}



.s-product-holder .disc {

  background: rgb(230, 0, 0);

  position: absolute;

  right: -33px;

  bottom: -3px;

  font-size: 1.4rem;

  width: 70px;

  height: 25px;

  padding: 1px;

  transform: translate(-50%, 0);

  color: #fff;

  border-top-left-radius: 3px;

  border-bottom-left-radius: 3px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 600;

}



.s-product-holder .s-product-pic {

  padding: 20px 10px 0 10px;

  display: flex;

  justify-content: center;

  align-items: center;

  height: 250px;

  position: relative;

}



.s-product-holder .s-product-pic img {

  max-height: 100%;

}



.s-product-holder .s-product-brend {

  height: 50px;

  /*border-top: 1px solid #eee;*/

  border-bottom: 1px solid #eee;

  margin-top: 5px;

  padding: 4px 0;

  text-align: center;

}

.s-product-holder .s-product-brend span {

  font-size: 2rem;

}

.s-product-holder .s-product-brend a img {

  max-height: 100%;

  margin: auto;

}



.s-product-holder .s-product-attr {

  padding: 5px 0;

  height: 50px;

}



.s-product-holder .s-product-attr .s-product-attr-ul {

  text-align: center;

  padding: 0;

  margin: 0;

  padding: 0 5px;

}



.s-product-holder .s-product-attr .s-product-attr-ul .s-product-attr-li {

  display: inline-block;

  /*width: 18px;*/

  height: 18px;

  border-radius: 0px;

  text-align: center;

  margin-right: 5px;

  font-size: 1rem;

  vertical-align: middle;

  border: 1px solid #ccc;

  cursor: auto;

  min-width: 18px;

  padding: 2px;

}



.s-product-holder .s-product-name {

  /* padding: 5px; */

  padding: 10px 5px 0 5px;

  /* height: 80px; */

  height: 90px;

  position: relative;

  line-height: 1.3;

}



.s-product-holder .s-product-name .code {

  font-size: 1.2rem;

}



.s-product-holder .s-product-name .availability {

  position: absolute;

  bottom: 16px;

  right: 5px;

  left: 5px;

}



.s-product-holder .s-product-name .name {

  font-size: 1.4rem;

  text-transform: uppercase;

  font-weight: bold;

  /* word-break: break-all; */

  display: -webkit-box;

  /* -webkit-line-clamp: 3; */

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  /* height: 45px; */

  height: 35px;

}



.s-product-holder .s-product-nam .code {

  font-size: 1rem;

}



/*.s-product-holder .s-product-name a {

    font-size: 1.3rem;

    font-weight: bold;

}*/



.s-product-holder .s-product-price {

  /*border-top: 1px solid #d6d6d6;*/

  overflow: hidden;

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-direction: column;

  text-align: center;

  height: 80px;

}

.s-product-holder .s-product-price .price-help {

  width: 100%;

}

.s-product-holder .s-product-price .price-help .sa-button {

  width: 90%;

  font-size: 1.2rem;

  text-transform: uppercase;

  margin-top: 0px;

  margin-left: auto;

  margin-right: auto;

  padding: 5px 10px;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 0;

}

.s-product-holder .s-product-price .price-help .sa-button i {

  font-size: 1.6rem;

}

.s-product-holder .s-product-price .price-help p {

  font-size: 1.8rem;

  margin: 0;

  color: #f01a19;

  font-weight: bold;

}



.s-product-holder .s-product-price .price-help p del {

  font-size: 1.4rem;

}



.s-product-holder .s-product-price .price-help a img {

  width: 35px;

  margin-right: 15px;

  margin-top: 7px;

}



.rateYo {

  margin-bottom: 10px;

  margin-left: 5px;

}



.owl-carousel .owl-item img {
/*  padding-top: 69px;*/

/*  width: unset;*/

}



.owl-carousel .owl-item .xs-product-holder .zelja {

  width: 20px;

}



.owl-carousel .owl-item .xs-product-holder .akcija {

  width: 40px;

}



.owl-carousel .owl-nav .owl-prev,

.owl-next {

  display: block;

  width: 40px;

  height: 40px;

  border-radius: 25px;

  padding: 12px;

  background-color: rgba(0, 0, 0, 0.4);

}

.owl-carousel .owl-nav .owl-prev .fa-angle-left {

  position: absolute;

  top: -2px;

  left: 10px;

}

.owl-carousel .owl-nav .owl-next .fa-angle-right {

  position: absolute;

  top: -2px;

  right: 10px;

}

.info-baner-holder {

  background: #fff;

  margin: 10px 0;

}



.info-baner-holder .info-image {

  border-radius: 50%;
  filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(2481%) hue-rotate(327deg) brightness(103%) contrast(83%);

/*  box-shadow: 1px 1px 5px #0081b2;*/

}



.info-baner {

  margin: 7px 0;

  display: flex;

  flex-direction: column;

  align-items: center;

  padding: 7px 0;

}



.info-baner-holder .info-text-holder {

  width: 100px;

  margin: 0 auto;

  margin-bottom: 15px;

}



.info-baner .text-holder {

  text-align: center;

}



.info-baner .text-holder .text {

  margin: 0;

  font-size: 1.4rem;

  font-weight: bold;

}



.info-baner .text-holder .links {

  color: #333;

}



.info-baner a img {

  display: inline-block;

  /* width: 35px; */

}



footer {

  position: relative;

  width: 100%;

  background: #161616;

  /* padding: 15px; */

  /* margin-top: 30px; */

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  /* background-image: linear-gradient(to top, transparent, rgb(0, 0, 0)), linear-gradient(181deg, rgba(59, 59, 59, 0.05) 0%, rgba(59, 59, 59, 0.05) 50%, rgba(63, 63, 63, 0.05) 50%, rgba(63, 63, 63, 0.05) 100%),

    linear-gradient(253deg, rgba(173, 173, 173, 0.05) 0%, rgba(173, 173, 173, 0.05) 50%, rgba(237, 237, 237, 0.05) 50%, rgba(237, 237, 237, 0.05) 100%),

    linear-gradient(165deg, rgba(191, 191, 191, 0.05) 0%, rgba(191, 191, 191, 0.05) 50%, rgba(119, 119, 119, 0.05) 50%, rgba(119, 119, 119, 0.05) 100%),

    linear-gradient(125deg, rgba(95, 95, 95, 0.05) 0%, rgba(95, 95, 95, 0.05) 50%, rgba(189, 189, 189, 0.05) 50%, rgba(189, 189, 189, 0.05) 100%),

    linear-gradient(326deg, rgba(31, 31, 31, 0.05) 0%, rgba(31, 31, 31, 0.05) 50%, rgba(110, 110, 110, 0.05) 50%, rgba(110, 110, 110, 0.05) 100%),

    linear-gradient(108deg, rgba(142, 142, 142, 0.05) 0%, rgba(142, 142, 142, 0.05) 50%, rgba(84, 84, 84, 0.05) 50%, rgba(84, 84, 84, 0.05) 100%),

    linear-gradient(201deg, rgba(96, 96, 96, 0.05) 0%, rgba(96, 96, 96, 0.05) 50%, rgba(198, 198, 198, 0.05) 50%, rgba(198, 198, 198, 0.05) 100%),

    linear-gradient(113deg, rgba(12, 12, 12, 0.05) 0%, rgba(12, 12, 12, 0.05) 50%, rgba(71, 71, 71, 0.05) 50%, rgba(71, 71, 71, 0.05) 100%), radial-gradient(circle at center center, rgb(230, 0, 0), rgb(230, 0, 0)); */

}



footer .footer-newsletter {

  padding-bottom: 35px;

}



footer .footer-filter {

  position: absolute;

  top: 0;

  left: 0;

  /*background: #4c4c4c;*/

  width: 100%;

  height: 100%;

}



footer .footer-links p {

   color: #fff; 

}



.newsletter-holder .newsletter-title,

.newsletter-holder-viber .newsletter-title {

  color: #fff;

}



footer .footer-links .after {

  color: #fff;

   font-size: 16px;

}



footer .footer-links .footer-logo {

  /* width: 175px; */

  width: 100%;

  /*filter: invert(100%);*/

}



footer .footer-links ul {

  padding: 0;

  margin: 0;

  list-style: none;

  padding-top: 15px;

}



footer .footer-links ul li {

  padding: 2px 0;

}



footer .footer-links ul li a {

  color: #fff;

  font-size: 1.2rem;

}



footer .footer-links ul li a:hover {

  text-decoration: underline;

}

footer .footer-links.footer-cate ul {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

}

footer .footer-links.footer-cate ul li {

  margin-right: 20px;

}



footer .location ul {

  padding: 0;

  margin: 0;

  list-style: none;

}



footer .location ul li {

  margin: 15px 0;

  color: #fff;

}



footer .location ul li img {

  width: 25px;

  float: left;

  margin-right: 10px;
/*  filter: invert(1);*/

}



.bank-foo {

  padding: 7px 15px;

  margin: 0;

  /* display: inline-block; */

  background: #fff;

  text-align: center;

  display: none;

}



.bank-foo li {

  display: inline-block;

  margin-right: 10px;

}



.bank-foo li img {

  /* width: 60px; */

  height: 32px;

  margin: 10px 0;

}

.bank-foo li.-intesa {

  width: 300px;

}

.bank-foo li.-intesa img {

  width: auto;

}

.newsletter-foo {

  display: flex;

  background: #2E6096;

}

.newsletter-foo .politika-privatnosti {

  text-decoration: underline;
  color: #ffe745;

}

.newsletter-foo .newsletter {

  background: transparent;

  border: none;

  margin-top: 40px;

  /* border: 1px solid #ccc; */

  border-bottom: 1px solid #fff;

  outline: none;

  padding: 6px 5px;

  color: #fff;

  font-size: 1.6rem;

  width: 190px;

}

.newsletter-foo .newsletter-row {

  width: 100%;

}

.newsletter-foo .newsletter::placeholder {

  color: #fff;

  opacity: 1;

}

.newsletter-foo .newsletter:-ms-input-placeholder {

  color: #fff;

}

.newsletter-foo .newsletter::-ms-input-placeholder {

  color: #fff;

}

.newsletter-foo h4 {

  text-align: center;

  /* color: #fff; */

}

.newsletter-foo p {

  font-size: 1.2rem;

  /* color: #ccc; */

}

.bckg-primary {

  background: #f2f3f7 !important;

}



.newsletter-foo .newsletter-btn,

.newsletter-foo-viber .newsletter-btn-viber {

  vertical-align: baseline;

  border-radius: 0px;

  background: transparent;

  position: absolute;

  bottom: 15px;

  right: 0;

  /* border: 1px solid #ccc; */

  letter-spacing: 1px;

  outline: none;

  font-size: 1.6rem;

}

.newsletter-foo .newsletter-btn:focus {

  outline: 0;

}



.social-foo h4 {

  color: #fff;

}

.social-foo .after {

 font-size: 16px;

  color: #fff;

}

.social-foo .social-ul-foo {

  padding: 0;

  margin: 0;

  padding-top: 15px;

  float: left;

}



.social-foo .social-ul-foo li {

  display: inline-block;

  margin-right: 10px;

}



.social-foo .social-ul-foo li a img {

  width: 45px;
/*  filter: invert(63%);*/

}



.social-foo .social-ul-foo li a img:hover {

  transform: scale(1.05);

  transition: all 0.5s ease-in-out;

}

.sticky-social {
  position: fixed;
  top: 50%;
  left: -95px;
  background: #161616;
  width: auto;
  -webkit-transition: linear all 0.2s;
  -moz-transition: linear all 0.2s;
  -ms-transition: linear all 0.2s;
  -o-transition: linear all 0.2s;
  transition: linear all 0.2s;
  z-index: 99;
}
.sticky-social:hover {
  left: 0;
}
.sticky-social:hover .list .items .links {
  justify-content: flex-end;
}
.sticky-social .list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sticky-social .list .items {
  border-top: 3px solid #fff;
  padding: 7px 7px 7px 20px;
}
.sticky-social .list .items:hover .links {
  color: #e5e5e5;
}
.sticky-social .list .items:first-child {
  border-top: none;
}
.sticky-social .list .items .links {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.sticky-social .list .items .links .name {
}
.sticky-social .list .items .links .image {
  width: 30px;
  margin-left: 20px;
}

.footer-bottom {

  padding: 5px 0;

  /*background: #25247b;*/

  position: relative;

}



.footer-bottom p {

  margin: 0;

  color: #000;

  font-size: 1.2rem;

  /*font-weight: bold;*/

}



.footer-bottom p a {

  /* color: rgb(255 113 0); */

  /* color: #f9ce09; */

  color: #000;
  font-weight: 600;

}



.footer-bottom .container {

  background: transparent;

}



.footer-expl {

  text-align: center;

  color: #fff;

  font-size: 1.2rem;

  line-height: 1;

  font-style: italic;

  margin: 10px 0 !important;

}
.footer-bottom.end {
  background-color: #e5e5e5 !important;
}
.newsletter-foo {

  /* margin-bottom: 30px; */

}

.newsletter-foo .newsletter-holder {

  width: 100%;

  margin-left: 10%;

}

.newsletter-foo .newsletter-holder h4,

.newsletter-foo .newsletter-holder p,

.newsletter-foo .newsletter-holder-viber h4,

.newsletter-foo .newsletter-holder-viber p {

  text-align: left;

/*  font-weight: bold;*/

}

.newsletter-foo .newsletter-holder .newsletter-title {

  font-size: 18px;

}

.newsletter-foo .newsletter-holder-viber .newsletter-title {

  font-size: 18px;
  color: #2e6096;

}
.newsletter-foo .newsletter-holder-viber p {
   color: #2e6096;
}
.newsletter-foo button .newsletter-arrowimg {

  height: 25px;
  filter: invert(1);

}

.newsletter-foo p {

  text-align: center;

  /* color: #fff; */

}

.newsletter-foo form,

.newsletter-foo-viber form {

  /* text-align: center; */

  width: 100%;

  position: relative;


}
.newsletter.newsletterInput1.jq_newsletterPhoneInput::placeholder {
   color: #2e6096 !important;
}
input.newsletter.newsletterInput1.jq_newsletterPhoneInput {
    border-bottom: 1px solid #2e6096;
}
button.btn.myBtn.newsletter-btn.addNewsletterPhoneButton {
    filter: invert(0.8);
}

.newsletter-foo .newsletterInput1 {

  width: 100%;

}

.newsletter-foo .newsletterInput1::placeholder {

  color: #fff;

}

.newsletter-foo-viber {

  background: #ffe745;
/*background: #f01a19;*/

}

.newsletter-foo-viber .newsletter-holder-viber {

  width: 100%;

}

.newsletter-foo-viber form {

  margin-right: 30%;

}
.pro-hol {
  /*width: 100%;*/
}


.tool-box {

  margin: 0 5px;

}



.registration-holder {

  background: #f9f9f9;

  padding: 10px;

  border-radius: 0px;

}

.registration-holder .registration-form .reg-input {

  margin-bottom: 20px;

}

.registration-holder .registration-form .reg-input input {

  width: 100%;

  padding: 5px 7px;

  border: 1px solid #ccc;

  border-radius: 0px;

  margin-top: 5px;

  font-size: 1.6rem;

  outline: none;

}



.registration-holder .registration-form .reg-input input:focus {

  outline: none;

  border-color: #4c4c4c;

}



.registration-holder .registration-form .reg-input .reg-btn {

  width: 100%;

  border: none;

}



.registration-holder2 {

  background: #bdbfc1;

  padding: 10px;

  border-radius: 0px;

  color: #333;

}



.registration-holder2 .registration-form .reg-input input {

  width: 100%;

  padding: 5px 7px;

  border: 1px solid #ccc;

  border-radius: 0px;

  margin-top: 5px;

  font-size: 1.6rem;

  outline: none;

  vertical-align: sub;

  margin-bottom: 10px;

  color: #333;

}

.registration-holder2 .registration-form .reg-input .login_remember {

  margin-bottom: 0;

  width: auto;

}

.registration-holder2 .registration-form .reg-input input:focus {

  outline: none;

  border-color: #4c4c4c;

}



.registration-holder2 .registration-form .reg-input .reg-btn {

  width: 100%;

  border: none;

  color: #fff;

}



.panel {

  background-color: transparent;

  border-radius: 0;

  box-shadow: none;

}



.panel-group {

  border-bottom: 1px solid #eee;

  margin: 0;

  /*padding: 5px 8px;*/

}

.panel-group:first-child .panel-heading {

  /*border-top-right-radius: 5px;*/

  /*border-top-left-radius: 5px;*/

}

.panel-group:last-child .panel-heading {

  /*border-bottom-right-radius: 5px;*/

  /*border-bottom-left-radius: 5px;*/

}

.panel-title > .small,

.panel-title > .small > a,

.panel-title > a,

.panel-title > small,

.panel-title > small > a {

  display: block;

}



.panel-default {

  border: none;

}



.extradet {

  padding: 0 7px 7px 7px;

}



.extradet .panel-body {

  /*padding-top: 17px;*/

}



.panel-title a {

  color: #333;

  font-size: 14px;

}



.panel-title a:hover {

  color: #333;

}



.panel-title a:hover i {

  color: #333;

}



.panel-title a i {

  color: #333;

  font-size: 1.8rem;

}



.panel-body {

  padding: 0px;

}



.panel-default > .panel-heading {

  background-color: #e5e5e5;

  border-color: transparent;

  border-radius: 0;

  padding: 7px 7px;

}



.side-filters .side-kate-ul {

  padding: 0;

  margin: 0;

}



.side-filters .side-kate-ul .side-kate-li {

  padding: 3px 0;

  width: 100%;

  list-style: none;

  border-bottom: 1px solid rgba(255, 255, 255, 0.12);

  padding: 5px 10px 5px 20px;

}



.side-filters .side-kate-ul .side-kate-li:hover {

  background: rgba(255, 255, 255, 0.12);

}



.side-filters .side-kate-ul .side-kate-li i {

  float: right;

  cursor: pointer;

  font-size: 1.8rem;

  color: #333;

  margin-top: 2px;

}



.side-filters .side-kate-ul .side-kate-li a {

  display: inline;

  font-size: 1.2rem;

  color: #333;

  /*text-transform: uppercase;*/

  letter-spacing: 1px;

  font-weight: bold;

}

.side-filters .side-kate-ul .side-kate-li a:hover {

  color: rgb(36 36 36);

}

/*.side-filters .side-kate-ul .side-kate-li a:hover {

    padding-left: 4px;

}*/



.side-filters .side-kate-ul .side-kate-li .side-kate-drop {

  margin: 8px 0;

  padding-left: 10px;

  display: none;

}



.side-filters .side-kate-ul .side-kate-li .side-kate-drop .side-kate-drop-ul {

  margin: 0;

  padding: 0;

}



.side-filters

  .side-kate-ul

  .side-kate-li

  .side-kate-drop

  .side-kate-drop-ul

  .side-kate-drop-li {

  margin-bottom: 3px;

  width: 100%;

  list-style: none;

}



.side-filters

  .side-kate-ul

  .side-kate-li

  .side-kate-drop

  .side-kate-drop-ul

  .side-kate-drop-li

  > a:hover {

  color: rgb(36 36 36);

}



.side-filters

  .side-kate-ul

  .side-kate-li

  .side-kate-drop

  .side-kate-drop-ul

  .side-kate-drop-li

  i {

  float: right;

  cursor: pointer;

  font-size: 1.8rem;

  color: #333;

}



.side-filters

  .side-kate-ul

  .side-kate-li

  .side-kate-drop

  .side-kate-drop-ul

  .side-kate-drop-li

  a {

  font-size: 1.2rem;

  display: inline;

  color: #333;

}



.side-filters

  .side-kate-ul

  .side-kate-li

  .side-kate-drop

  .side-kate-drop-ul

  .side-kate-drop-li

  .side-kate-drop2 {

  margin: 8px 0;

  padding-left: 10px;

  display: none;

}



.side-filters

  .side-kate-ul

  .side-kate-li

  .side-kate-drop

  .side-kate-drop-ul

  .side-kate-drop-li

  .side-kate-drop2

  .side-kate-drop-ul {

  margin: 0;

}



.side-filters

  .side-kate-ul

  .side-kate-li

  .side-kate-drop

  .side-kate-drop-ul

  .side-kate-drop-li

  .side-kate-drop2

  .side-kate-drop-ul

  .side-kate-drop-li {

  margin-bottom: 3px;

}



/*.side-filters .side-kate-ul .side-kate-li .side-kate-drop .side-kate-drop-ul .side-kate-drop-li .side-kate-drop2 .side-kate-drop-ul .side-kate-drop-li:hover{

    background: #fff;

}*/

.side-filters

  .side-kate-ul

  .side-kate-li

  .side-kate-drop

  .side-kate-drop-ul

  .side-kate-drop-li

  .side-kate-drop2

  .side-kate-drop-ul

  .side-kate-drop-li

  a {

  font-size: 1.2rem;

  display: inline;

}

.side-filters

  .side-kate-ul

  .side-kate-li

  .side-kate-drop

  .side-kate-drop-ul

  .side-kate-drop-li

  .side-kate-drop2

  .side-kate-drop-ul

  .side-kate-drop-li

  a:hover {

  color: rgb(36 36 36);

}

.side-links-ul {

  padding: 0;

  margin: 0;

  padding: 5px;

  background: #333;

}



.side-links-ul .side-links-li {

  padding: 5px 0;

}



.side-links-ul .side-links-li a {

  -webkit-transition: all ease-in-out 0.2s;

  -moz-transition: all ease-in-out 0.2s;

  -ms-transition: all ease-in-out 0.2s;

  -o-transition: all ease-in-out 0.2s;

  transition: all ease-in-out 0.2s;

  display: block;

  color: #fff;

}



.side-links-ul .side-links-li a:hover {

  padding-left: 4px;

}



.side-links-ul .side-links-li a i {

  font-size: 1.6rem;

}



.x-filter-white {

  color: #333;

  margin: 10px;

}



.filter-color-ul {

  margin: 0;

  padding: 5px 0 0 10px;

}



.filter-color-ul .filter-color-li {

  width: 25px;

  height: 25px;

  border-radius: 0px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  float: left;

  margin-right: 6px;

  cursor: pointer;

  border: 1px solid #d6d6d6;

  text-align: center;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-bottom: 6px;

}



.filter-color-ul .filter-color-li i {

  display: none;

}



.filter-color-ul .filter-color-sqr {

  border-radius: 0;

}



input[type="checkbox"].css-checkbox {

  position: absolute;

  z-index: -1000;

  left: -1000px;

  overflow: hidden;

  clip: rect(0 0 0 0);

  height: 1px;

  width: 1px;

  margin: -1px;

  padding: 0;

  border: 0;

}



input[type="checkbox"].css-checkbox + label.css-label {

  padding-left: 25px;

  height: 16px;

  display: block;

  line-height: 13px;

  background-repeat: no-repeat;

  background-position: 0 0;

  /* font-size: 1.4rem; */

  margin-left: 0;

  font-size: 1rem;

  vertical-align: middle;

  cursor: pointer;

  margin-bottom: 7px;

}



input[type="checkbox"].css-checkbox:checked + label.css-label {

  background-position: 0 -16px;

}



label.css-label {

  background-image: url("../../img/csscheckbox_81f722579f9a47fe19127e2f016b3c37.png");

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  font-weight: normal;

}



.upor {

  font-size: 1.2rem !important;

}



.filter-select {

  width: 100%;

  background: transparent;

  padding: 5px 0;

  outline: none;

  margin: 15px 0;

  color: #fff;

}



.filter-select option {

  color: #333;

}



.color-fff {

  color: #fff;

}


.models-box {
    background-color: #f9f9f9;
}
.head-name {

  color: #0a0e14;

  margin-top: 10px;

  font-size: 3.5rem;

}



.shop-baner img {

  width: 100%;

}



.uporedi-box {

  width: 40px;

  height: 40px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

  display: inline-block;

  border: 1px solid #eee;

  position: relative;

}



.uporedi-box:hover {

  background: rgba(255, 255, 255, 0.3);

}



.uporedi-box:hover a {

  display: block;

}



.uporedi-box a {

  display: none;

}



.uporedi-box a img {

  width: 20px;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.uporediBtn {

  margin-top: -30px;

}



.prikaz-p {

  margin-top: 5px;

}



.h-product-holder {

  border: 1px solid #d6d6d6;

  padding: 3px;

  overflow: hidden;

  margin-bottom: 10px;

  margin: 10px 5px;

  border-radius: 0px;

  position: relative;

}

.h-product-holder:hover {

  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),

    0 3px 6px rgba(0, 0, 0, 0.23);

  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

}



.h-product-holder .h-product-brend {

  position: absolute;

  top: 5px;

  right: 50px;

  width: 100px;

  /* width: 50px; */

  cursor: auto;

}



.h-product-holder .h-product-pic {

  float: left;

  height: 150px;

  display: flex;

  justify-content: center;

  align-items: center;

  /*border: 1px solid #eee;*/

  width: 100%;

  /*border-radius: 5px;*/

}



.h-product-holder .h-product-pic .uporediForm-h {

  position: absolute;

  bottom: -35px;

  left: 65px;

}



.h-product-holder .h-product-pic img {

  max-height: 100%;

}



.h-product-holder .akcija2 {

  position: absolute;

  top: 0px;

  right: 0px;

  width: 70px;

}



.h-product-holder .stiker-holder {

  position: absolute;

  left: 5px;

  top: 5px;

  width: 40px;

  z-index: 9;

}



.h-product-holder .h-product-name {

  padding-bottom: 10px;

  border-bottom: 1px solid #e6e7eb;

  height: 70px;

}



.h-product-holder .h-product-name a h4 {

  padding-top: 0px;

  margin-top: 0;

  /* margin-bottom: 7px; */

  margin-bottom: 2px;

  width: calc(100% - 110px);

  height: 40px;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  font-weight: bold;

}



.h-product-holder .h-product-name small {

  padding-right: 10px;

  border-right: 1px solid #333;

  font-size: 1.4rem;

}



.h-product-holder .h-product-name small strong {

  font-weight: initial;

}



.h-product-holder .h-product-name .nema-h {

  padding-left: 7px;

  border: none;

  color: red;

}



.h-product-holder .h-product-name .ima-h {

  color: green;

}



.h-product-holder .h-product-attr {

  padding-top: 10px;

  overflow: hidden;

  height: 70px;

}

.h-product-holder .h-product-price {

  overflow: hidden;

  height: 70px;

}



.h-product-holder .h-product-attr .h-product-attr-ul {

  padding: 0;

  margin: 0;

  float: left;

}



.h-product-holder .h-product-attr .h-product-attr-ul .h-product-attr-li {

  font-size: 1.2rem;

  margin-bottom: 10px;

  list-style: none;

  overflow: hidden;

}



.h-product-holder .h-product-disc {

  padding-top: 10px;

}



.h-product-holder .h-attr-select {

  padding-top: 10px;

}



.h-product-holder .h-attr-select .h-attr-select-ul .h-attr-select-li {

  display: inline-block;

  width: 20px;

  height: 20px;

  border-radius: 50%;

  text-align: center;

}



.h-product-holder .h-product-cart {

  text-align: right;

  height: 40px;

}



.h-product-holder .h-product-cart a {

  /*font-size: 1.1rem;*/

  margin-left: 10px;

  width: 145px;

}

.h-product-holder .h-product-cart a i {

  vertical-align: text-bottom;

  font-size: 1.8rem;

}

.h-product-holder .h-product-cart a img {

  width: 18px;

}



.h-product-holder .h-product-cart .h-cart-btn {

  font-size: 1.4rem;

}

.h-product-holder .h-product-cart .wish-icons {

  color: #c1c1c1;

  font-size: 2rem;

  vertical-align: middle;

}

.h-product-holder .h-product-cart .wish-icons.-active {

  /* color: #4c4c4c; */

  color: #f9ce09;

}

.h-product-holder .h-product-cart .wish-icons:hover {

  /* color: #4c4c4c; */

  color: #f9ce09;

}



.h-product-holder .h-product-price p {

  /* font-size: 1.6rem; */

  font-size: 1.8rem;

  /* color: red; */

  color: #f01a19;

  margin: 0;

  font-weight: 600;

}



.h-product-holder .h-product-price p del {

  font-size: 1.4rem;

  color: #333;

}

.h-product-holder .disc {

  background: rgb(230, 0, 0);

  position: absolute;

  /* right: -20px; */

  right: 0;

  /* bottom: -21px; */

  /* bottom: -30px; */

  bottom: 0;

  padding: 5px;

  color: #fff;

  /* border-radius: 20px; */

  font-weight: 600;

}

.rate-h {

  margin-bottom: 0;

  margin-left: -4px;

}



.table > tbody > tr > td,

.table > tbody > tr > th,

.table > tfoot > tr > td,

.table > tfoot > tr > th,

.table > thead > tr > td,

.table > thead > tr > th {

  padding: 2px;

}



.table > tbody > tr > th {

  background: #eee;

  font-size: 1.2rem;

}



.table > tbody > tr > td {

  font-size: 1.2rem;

  padding: 5px;

  border: none;

}


.thumbnails {
    margin: 0 10px;
}
.thumb-div:first-child {

  padding-left: 15px;

}



.thumb-div:last-child {

  padding-right: 15px;

}



.main-rate .rate-p {

  padding: 0;

  margin-top: 10px;

}



.main-rate p {

  margin: 0;

  margin-top: 9px;

  margin-left: 15px;

  font-size: 1.6rem;

}


.product-sec-pic.transition.two {
  /*height: 150px;*/
  /*height: 110px;*/
  width: 182px;
    border: 1px solid #d5d5d5;
    /* height: 150px; */
    /* margin-right: 31px; */
    /*height: 137px;*/
    height: 150px;
}
.product-sec-pic.transition.two:hover {
  border: none;
  background: #00000099;
/*        background-color: #161616;
      opacity: 0.9;
}*/
}
.product-head-name.new {
  background: transparent; 
}
.product-head-name {

  margin: 0 0 10px 0;

  font-size: 4rem;

  font-size: 2.2rem;

  background: #e5e5e5;

  padding: 20px;

  color: #000;

  position: relative;

}

.product-head-name:before {

  content: "";

  height: 100%;

  width: 7px;

  display: block;

  background: #161616;

  position: absolute;

  left: 0;

  top: 0;

/*  left: 28px;
    top: 19px;
    transform: rotate3d(25, 19, 7, 237deg);*/

}
.product-pic.pos.new {
	height: auto;
  /*  height: 500px;*/
}
.product-pic {

  /* border: 1px solid #eee; */

  border: 1px solid #e2e2e2;

  width: 100%;

  height: 400px;

  display: flex;

  justify-content: center;

  align-items: center;

  background: #fff;

  border-radius: 0px;

}



.product-pic .disc {

  background: rgb(230, 0, 0);

  position: absolute;

  right: 0;

  bottom: 10px;

  /* font-size: 2rem; */

  font-size: 1.6rem;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 120px;

  height: 31px;

  padding: 1px;

  color: #fff;

  border-top-left-radius: 3px;

  border-bottom-left-radius: 3px;

  box-shadow: -1px 1px 2px #ababab;

  font-weight: bold;

}



.product-pic .product-image {

  max-height: 100%;

}



.product-pic .akcija3 {

  position: absolute;

  top: 0px;

  right: 0px;

  width: 100px;

}



.product-pic .garancija {

  position: absolute;

  bottom: 5px;

  right: 5px;

  width: 70px;

}



.product-pic .stiker-holder2 {

  position: absolute;

  left: 5px;

  top: 5px;

  width: 60px;

}



.product-pic .stiker-holder2 img {

  width: 100%;

}



.product-sec-pic {

  /* border: 1px solid #eee; */

  border: 1px solid #e2e2e2;

  height: 65px;

  padding: 3px;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-top: 10px;

  background: #fff;

  border-radius: 0px;

}



.product-sec-pic:hover {

  border-color: #4c4c4c;

}



.product-sec-pic img {

  max-height: 100%;

}



.easyzoom {

  float: left;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

}



.easyzoom a {

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

}



.easyzoom img {

  display: block;

}



.product-info {

  /* border: 1px solid #eee; */

  border: 1px solid #e2e2e2;

  padding: 5px;

  overflow: hidden;

  min-height: 130px;

  background: #fff;

  border-radius: 0px;

}

.top-info-holder h2 {

  font-size: 1.8rem;

  font-weight: bold;

  margin: 0;

}

.top-info-holder p {

  font-size: 1.4rem;

  margin: 5px 0;

}

.top-info-holder p a {

  font-weight: bold;

  text-transform: uppercase;

}

.product-info .product-brand {

  height: 35px;

  margin-bottom: 10px;

  /*width: 55%;

    float: left;*/

}

.product-info .product-brand span {

  font-size: 3rem;

}

.product-info .product-brand a {

  cursor: auto;

}

.product-info .product-brand img {

  /* max-height: 100%; */

  margin: 0 auto;

  height: 50px;

}



.product-info .product-price {

  margin-bottom: 10px;

  width: auto;

  overflow: hidden;

}



.product-info .product-price p {

  margin: 0;

}



.product-info .product-price p.real-price {

  font-size: 1.6rem;

}



.product-info .product-price p.discount-price {

  font-size: 2.5rem;

  /* font-size: 1.6rem; */

  color: #f01a19 !important;

  font-weight: bold;

}

.product-info .product-price p.discount-price .price-title {

  font-size: 1.6rem;

  color: #f01a19 !important;

  /* color: #f00; */

  display: block;

  /* font-weight: normal; */

  font-weight: bold;

}

.product-info .product-price p.unit-measure {

  font-size: 1.2rem;

}

.product-info .product-price p.savings {

  font-size: 1.4rem;

  color: #009344;

  font-weight: bold;

}



.product-info .stock-holder {

  margin-bottom: 5px;

  overflow: hidden;

  float: left;

  width: 50%;

}



.product-info .stock-holder .stock {

  display: inline-block;

  margin: 0;

  margin-right: 10px;

  font-size: 1.4rem;

}



.product-info .stock-holder .stock-yes {

  color: #009344;

}



.product-info .stock-holder .stock-no {

  color: #fff !important;

  background-color: #000 !important;

}



.product-info .product-desc {

  margin-bottom: 10px;

}



.product-info .product-desc p {

  margin: 0;

  line-height: 1.6;

}



.product-info .product-desc p strong {

  text-transform: uppercase;

}



.product-info .product-delivery {

  margin-bottom: 10px;

  overflow: hidden;

  width: 100%;

}



.product-info .product-delivery .deli {

  margin: 0;

}



.product-info .product-delivery .deli1 {

  font-size: 1.4rem;

}



.product-info .product-delivery .deli2 {

  color: #009344;

  font-size: 1.6rem;

  text-transform: uppercase;

}



.product-info .product-rate {

  overflow: hidden;

  margin-bottom: 10px;

}



.product-info .product-rate .rate-p {

  margin-left: 0;

  padding: 0;

  float: left;

}



.product-info .product-rate p {

  display: inline-block;

  margin: 0;

}



.product-info .product-attr {

  margin-bottom: 10px;

  overflow: hidden;

  /*    width: 60%;

    float: left;*/

}



.product-info .product-attr p {

  margin-bottom: 0px;

}



.product-info .product-attr .product-attr-ul {

  padding: 0;

  margin: 0;

  overflow: hidden;

  margin-bottom: 0px;

}



.product-info .product-attr .product-attr-ul a .product-attr-li {

  min-width: 35px;

  height: 35px;

  font-size: 1.2rem;

  width: auto;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  float: left;

  margin-right: 5px;

  position: relative;

  border: 2px solid #dadada;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 0 5px;

  margin-bottom: 5px;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  border-radius: 0px;

}



.product-info .product-attr .product-attr-ul a .product-attr-li i {

  position: absolute;

  left: 1px;

  top: 1px;

  color: #00ff76;

  display: none;

}



.product-info .product-attr select {

  width: 150px;

  border-radius: 0;

  padding: 3px 2px;

  outline: none;

  box-shadow: none;

}



.product-info .attr-onchange {

  border-color: red !important;

}



.product-info .product-disc {

  width: 100%;

  float: left;

  margin-bottom: 10px;

}



.product-info .product-disc .disc-product-table {

  width: 100%;

}

.product-info .product-disc .disc-product-table th {

  font-size: 1.2rem;

  padding: 1px 2px;

}



.product-info .product-disc .disc-product-table td {

  font-size: 1.4rem;

}

.product-info .product-compare-wish {

  /*width: 27%;*/

  /*float: left;*/

  margin-bottom: 5px;

  display: flex;

  align-items: center;

}

.product-info .product-compare-wish .wish-product-btn {

  border: 1px solid #eee;

  margin-left: 8px;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 0px;

  padding: 4px;

}

.product-info .product-compare-wish .wish-icons {

  color: #9a9898;

  font-size: 2rem;

  /*margin-left:20px;*/

  cursor: pointer;

}

.product-info .product-compare-wish .wish-icons:hover {

  color: #f9ce09;

}



.product-info .product-compare-wish .wish-icons.-active {

  color: #f9ce09;

}

.product-info

  .product-compare-wish

  .uporediForm

  input[type="checkbox"].css-checkbox

  + label.css-label {

  background-image: none;

  cursor: pointer;

  padding-left: 0;

  margin: 0;

  height: auto;

  display: flex;

  justify-content: center;

  align-items: center;

  border: 1px solid #eee;

  border-radius: 0px;

  padding: 3px;

}

.product-info .product-compare-wish .uporediForm .icons {

  color: #9a9898;

  font-size: 2rem;

  cursor: pointer;

}

.product-info .product-compare-wish .uporediForm .icons:hover {

  color: #f9ce09;

}

.product-info .product-addlinks {

  margin-bottom: 10px;

  overflow: hidden;

  float: right;

  margin-left: 10px;

}



.product-info .product-addlinks a {

  margin-right: 10px;

}



.product-info .product-addlinks a img {

  width: 20px;

}



.product-info .product-addlinks a i {

  font-size: 1.6rem;

}



.product-info .product-cart {

  margin-bottom: 10px;

  margin-right: 5px;

  /*text-align: right;*/

  /*width: 70%;

    float: right;*/

  display: flex;

  align-items: center;

}

.product-info .product-cart .sa-button {

  font-size: 1.4rem;

  padding: 5px 10px;

  /* margin-left: 10px; */

  margin: 5px;

}

.product-info .product-cart .product-input::-webkit-inner-spin-button,

.product-info .product-cart -webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



.product-info .product-cart .product-input {

  text-align: center;

  box-shadow: none;

  outline: none;

  /* width: 90px; */

  width: 40px;

  /* height: 40px; */

  height: 35px;

  padding: 0 5px;

  /* font-size: 2rem; */

  font-size: 1.4rem;

  border: 1px solid #939598;

  vertical-align: bottom;

  border-right: none;

  border-left: none;

}

.product-info .product-cart .product-input:focus {

  border-color: #4c4c4c;

}

.product-info .product-cart button {

  /* height: 40px; */

  height: 35px;

  /* width: 30px; */

  width: 25px;

  font-size: 2rem;

  background: transparent;

  vertical-align: bottom;

  color: #333;

  outline: none;

}

.product-info .product-cart button.dec-value {

  border-top-left-radius: 20px;

  border-bottom-left-radius: 20px;

  margin-right: -3px;

  border: 1px solid #939598;

}

.product-info .product-cart button.inc-value {

  border-top-right-radius: 20px;

  border-bottom-right-radius: 20px;

  margin-left: -4px;

  border: 1px solid #939598;

}



.product-info .product-cart button:hover {

  border-color: #4c4c4c;

}

.product-info .product-cart .product-cart-btn {

  padding: 11px 6px;

  width: 130px;

  margin-left: 10px;

  margin-top: -6px;

  font-size: 1.3rem;

  text-transform: uppercase;

}

.order-help-menu {

  background: #161616;

  /* background: #0081b2; */

  /*border-radius: 5px;*/
  text-align: center;
  padding: 5px;

}

.order-help-menu .title {

      font-size: 18px;

   color: #fff; 

}

.order-help-menu .cart-help-ul {

  padding-left: 10px;
  display: flex;
  justify-content: space-around;

}

.order-help-menu .cart-help-ul .cart-help-li {

}

.order-help-menu .cart-help-ul .cart-help-li .icons {

  font-size: 2rem;

  vertical-align: sub;

}

.order-help-menu .cart-help-ul .cart-help-li .links {

   color: #fff; 

}



.product-help-ul .product-help-li a {

  font-size: 1.6rem;

  line-height: 1.7;

}



.product-help-ul .product-help-li a:hover {

  text-decoration: underline;

}



.product-table > tbody > tr > td {

  font-size: 1.4rem;

  padding: 5px;

}



.small-product-head {

  /*background: #eee;*/

  /*padding: 20px 0 20px 10px;*/

}



.small-product-head .title {

  text-transform: uppercase;

  font-size: 2rem;

  font-weight: bold;

  letter-spacing: 2px;

}



#docs p {

  overflow: hidden;

}



#docs p a:hover {

  text-decoration: underline;

}



#docs p a img {

  float: left;

  width: 40px;

}
.pro-hol {
/*  padding-top: 30px;*/
}
.pro-hol.new {
       /*height: 498px;*/
       height: 100%;
       width: 100%;
}

.pro-hol.new .product-image {
  margin: 0 auto;
  width: 100% !important;
}
figure.image-hover {
        position: relative;
 /*       width: 150px;
        background: black;*/
    }
    figure.image-hover:hover {
      /*background-color: #161616;*/
      opacity: 0.6;
    }
    figure.image-hover * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
    }
figure.image-hover img:hover {
    background: #00000099;
}

figure.image-hover img {
    max-width: 100%;
    vertical-align: top;
    width: 100%;
    height: 100%;
}
    figure.image-hover i {
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 30px;
        line-height: 60px;
        color: white;
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
    }
/*    figure.image-hover a {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
    }*/

    figure.image-hover:hover img,
    figure.image-hover.hover img {
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

    figure.image-hover:hover i,
    figure.image-hover.hover i {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }   
/*.img-link{
      display: block;
    height: 100%;
    position: relative;
}

.img-link::before {
      transition: all 150ms linear;
    content: "+";
    font-family: Arial;
    font-weight: 900;
    border: 4px solid currentColor;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    line-height: 32px;
    font-size: 30px;
    text-align: center;
    opacity: 0;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    position: absolute;
    z-index: 99;
    color: #fff;
    transform: translateY(10px);
}
.img-link::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all 150ms linear;
}
*/
.content-page.normal {
    padding-top: 20px;
}
.content-page.prod {
    padding-top: 10px;
    background: transparent;
   /* background: #efefefbd;*/
/*    background: #efefef73;*/
    padding-bottom: 30px;

}
.p-video-holder {

  width: 100%;

  height: 400px;

  margin: 10px auto;

}

.product-info-tabs {

  background: #f9f9f9;

  border-bottom-left-radius: 5px;

  border-bottom-right-radius: 5px;

  margin-top: 20px;


}

.product-info-tabs .nav-tabs > li > a {

  /*border-radius: 5px;*/

  padding: 5px;

  font-size: 2rem;

  border-top-left-radius: 5px;

  border-top-right-radius: 5px;
    margin-right: 0px;
    border-radius: 0;

}

.product-info-tabs .nav-tabs > li.active > a,

.nav-tabs > li.active > a:focus,

.nav-tabs > li.active > a:hover {

  /*background: #f9f9f9;*/
  background-color: #e1e1e182;

  color: #000;
   /*background: #f9f9f9;*/

}

div#specification {
    background: #f9f9f9;
}

.product-info-tabs .tab-content .tab-pane {

  min-height: 200px;

  padding: 0 10px;

}

.product-info-tabs .tab-content .tab-pane li {

  font-size: 1.8rem;

}

.product-info-tabs .tab-content .tab-pane p {

  font-size: 1.6rem;

  line-height: 1.4;
      border: 1px solid #efefef;
    padding: 5px;
    margin-top: 10px;

}



.product-info-tabs .nav-tabs {

  display: flex;

  justify-content: space-between;

  background: #fff;

}

.product-info-tabs .nav-tabs li {

  width: 100%;

}



.product-description {

  background: #f9f9f9;

  border-radius: 0px;

  padding: 5px;

  margin-top: 20px;

}

.product-description {

  font-size: 1.6rem;

}

.product-description p {

  font-size: 1.6rem !important;

}

.product-description span {

  font-size: 1.6rem !important;

  line-height: 1.4;

}

.product-description .title {

  font-size: 2rem !important;

}

.product-description .xs-product-holder {

  border: 1px solid rgba(230, 231, 235, 0.45);

  padding: 3px;

  background: #fff;

  /*margin-bottom: 10px;*/

  position: relative;

  /*border-radius: 5px;*/

}

.xs-product-holder {

  /* border: 1px solid#ebebeb; */

  border: 1px solid#e2e2e2;

  margin-top: 5px;

}

.xs-product-holder:hover {

  box-shadow: 5px 5px 5px #e2e2e2;

}



/*.xs-product-holder:hover {

    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

}*/



.xs-product-holder .akcija {

  position: absolute;

  top: 0;

  right: 0;

  width: 65px;

}



.xs-product-holder .zelja {

  position: absolute;

  top: 2px;

  left: 50%;

  width: 20px;

}



.xs-product-holder .uporediForm {

  position: absolute;

  left: 5px;

  top: 5px;

}



.xs-product-holder .stiker-holder {

  position: absolute;

  top: 30px;

  left: 5px;

  width: 50px;

}



.xs-product-holder .disc {

  background: rgb(230, 0, 0);

  position: absolute;

  right: 0;

  bottom: 45px;

  padding: 2px 3px 2px 3px;

  color: #fff;

  border-top-left-radius: 2px;

  border-bottom-left-radius: 2px;

  /* width: 50px; */

  width: 65px;

  display: flex;

  justify-content: center;

  align-items: center;

  font-weight: bold;

}
.product-page .xs-product-pic.new {
    height: 100px !important;
}
.xs-product-pic.new {
    height: 200px !important;
}
.xs-product-pic.new a img{
  padding-top: 0;
    width: unset;
}
.product-page .xs-product-pic.new {
    mix-blend-mode: multiply;
    scale: 1.3;
    padding-bottom: 10px;
}
.xs-product-pic.new.navimenu {
    height: 100px !important;
}
.xs-product-holder .xs-product-pic {

  height: 145px;

  /*border-bottom: 1px solid #d6d6d6;*/

}



.xs-product-holder .xs-product-pic a {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

  height: 100%;

}



.xs-product-holder .xs-product-pic a img {

  max-height: 100%;

}

.xs-product-holder .xs-product-brend {

  height: 50px;

  padding: 5px 0;

}

.xs-product-holder .xs-product-brend a {

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.xs-product-holder .xs-product-brend img {

  max-height: 100%;

}

.xs-product-holder .xs-product-name {

  padding-top: 10px;
  height: 60px;

/*  height: 100px;*/

  line-height: 1.1;

  overflow: hidden;

  text-align: center;

  /* border-top: 1px solid #eee;

  border-bottom: 1px solid #eee; */

  border-top: 1px solid #e2e2e2;

  border-bottom: 1px solid #e2e2e2;

}



.xs-product-holder .xs-product-name a {

  text-align: center;

  font-size: 1.3rem;

  /* height: auto; */

  height: 27px;

  min-height: 2em;

  font-weight: 700;

  color: #333;

  margin: 0px 0px 5px;

  padding: 0px;

  line-height: 1em;

  text-align: center;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.xs-product-holder .xs-product-name a:hover {

  text-decoration: underline;

}

.xs-product-holder .xs-product-price {

  height: 85px;

  /* height: 35px; */

  text-align: center;

  color: #2E6096;

  font-weight: bold;

  padding: 10px 0;

  font-size: 1.8rem;

}

.xs-product-holder .xs-product-price p {

  margin: 0;

  margin-top: 10px;

  /*color: red;

    font-size: 1.8rem;

    line-height: 1.5;*/

  height: 25px;

  /* color: black; */

  color: #f01a19;

  /* font-size: 2.6rem; */

  /* font-size: 1.5rem; */

  font-size: 1.8rem;

  font-weight: bold;

  text-align: center;

}



.xs-product-holder .xs-product-price p del {

  color: #333;

  font-size: 1.5rem;

  font-weight: 400;

}



.xs-product-holder .xs-product-btn-holder .xs-product-btn {

  width: 100%;

  text-transform: uppercase;

  letter-spacing: 3px;

  font-size: 1.2rem;

  margin-top: 7px;

}



/*.seller-banner {

  margin-top: 50px;

}

*/

/*.owl-item.active{

    background: #fff;

    width: 246px;

    margin-right: 10px;

}*/

.add-coment {

  color: #4c4c4c;

}



.coment-form input {

  outline: none;

  box-shadow: none;

  width: 200px;

  margin-bottom: 10px;

  background: transparent;

  border: 1px solid #4c4c4c;

}



.coment-form input:focus {

  border: 1px solid #4c4c4c;

}



.coment-form textarea {

  outline: none;

  box-shadow: none;

  margin-bottom: 10px;

  background: transparent;

  border: 1px solid #4c4c4c;

}



.coment-form textarea:focus {

  border: 1px solid #4c4c4c;

}



.coment-form .coment-btn {

  width: 200px;

  margin-bottom: 10px;

}



.coment-form p {

  margin: 0;

}



.well {

  box-shadow: none;

  border-radius: 0;

  margin-top: 10px;

}



.coment-holder {

  margin-top: 15px;

  padding: 15px;

  border: 1px solid #e3e3e3;

  background-color: #f5f5f5;

  overflow: hidden;

}



.coment-holder p {

  overflow: hidden;

}



.coment-holder p span {

  color: #4c4c4c;

  font-size: 2rem;

}



.coment-holder p span img {

  height: 30px;

}



.admin-coment {

  margin-left: 50px;

  padding: 10px;

  background: rgba(0, 115, 132, 0.1);

}



.more-com {

  width: 100%;

}



.more-com .more-com-btn {

  width: 100px;

  margin-top: 20px;

}



.table-attr-ul {

  margin: 0;

  list-style: none;

}



.table-attr-ul a {

  cursor: auto;

}



.table-attr-ul .table-attr-li {

  width: 20px;

  height: 20px;

  display: inline-block;

}



.rateYo,

.rate-p,

.ocenite {

  z-index: 9;

}



.uporedi-pic-holder {

  background-position: center center;

  background-size: contain;

  background-repeat: no-repeat;

  height: 100px;

}



.uporedi-tabela th,

.uporedi-tabela td {

  border: 1px solid #4c4c4c;

}



.uporedi-tabela .btn,

.uporedi-tabela add2cart,

.uporedi-tabela cart-button {

  width: 120px;

  transition: all 0.2s ease;

  border-radius: 0;

  color: #fff;

  font-size: 16px;

  background-color: #4c4c4c;

}



.uporedi-tabela .btn:hover,

.uporedi-tabela add2cart:hover,

.uporedi-tabela cart-button:hover {

  background-color: #1c272b;

}



.b2b-pic img {

  width: 30px;

  margin: auto;

}



.b2b-brend-pic img {

  margin: auto;

  width: 50px;

}



.myb2bTable tr {

  text-align: center;

}



.b2b-attr-patern {

  width: 18px;

  height: 18px;

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  float: left;

  margin-right: 5px;

}



.b2b-attr-color {

  width: 18px;

  height: 18px;

  float: left;

  margin-right: 5px;

}



.b2b-price {

  font-weight: bold;

  color: red;

}



.b2b-sumary {

  font-size: 1.6rem;

}



.b2b-input {

  width: 50px;

}



.b2b-btn {

  font-size: 1.2rem;

  padding: 3px;

}



.b2b-check {

  color: #009344;

}



.myb2bTable > tbody > tr > td {

  vertical-align: middle;

}



.b2bModal {

  padding: 15px;

}



.attr-b2b {

  display: inherit;

  font-size: 1.2rem;

}



.b2bFilters-btn {

  width: 150px;

}



.table-striped > tbody > tr:nth-of-type(odd) {

  /* background-color: rgba(0, 159, 183, 0.1); */

}



.popover {

  border-radius: 0;

}



.gallerys-bckg {

  position: absolute;

  bottom: -30px;

  right: 0;

  width: 380px;

  height: 380px;

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  opacity: 0.1;

  z-index: -1;

}



.gallerys-holder {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  height: 200px;

  margin-bottom: 10px;

}



.gallerys-holder .gallerys-info {

  padding: 15px 7px;

  background: rgba(33, 33, 33, 0.5);

  text-align: center;

  color: #fff;

  position: absolute;

  top: 65%;

  left: 0;

  width: 100%;

  height: 70px;

  display: flex;

  justify-content: center;

  align-items: center;

}



.gallerys-holder .gallerys-info p {

  margin: 0;

  line-height: 1.5;

  color: #fff;

}



.gallerys-holder:hover .gallerys-info {

  top: 0;

  height: 100%;

  background: rgba(33, 33, 33, 0.7);

}



.gallery-holder {

  border: 1px solid #eee;

  height: 150px;

  margin-bottom: 10px;

}



.gallery-holder a {

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100%;

}



.gallery-holder a img {

  max-height: 100%;

}



.gallery-pic-holder {

  height: 150px;

  padding: 2px;

  border-radius: 0px;

  border: 1px solid #eee;

}



.gallery-pic-holder a {

  height: 100%;

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

}



.gallery-pic-holder a img {

  max-height: 100%;

}



.gallery-pic-col {

  margin-bottom: 10px;

}



.video-holder {

  height: 215px;

  margin-bottom: 10px;

}



#news-bar {

  background: rgba(47, 52, 61, 0.58);

  border-bottom: 1px solid #afafaf;

}



#news-bar a {

  color: #fff;

  font-size: 1.4rem;

}



#commercialist-bar {

  background: #25247b;

  border-bottom: 1px solid #0a0e14;

}



#commercialist-bar a {

  color: #fff;

  /*font-size: 1.4rem;*/

}



.news-holder {

  border: 1px solid #e6e7eb;

  padding: 2px;

  margin-bottom: 10px;

  /*border-radius: 5px;*/

}



.news-holder .news-pic {

  height: 180px;

  /*border: 1px solid #4c4c4c;*/

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

}



.news-holder .timeSpan {

  padding: 4px 8px;

  color: #333;

  font-size: 1rem;

  float: right;

}



.news-holder .news-head {

  background: #fff;

  padding: 5px;

  width: 100%;

}



.news-holder .news-head small {

  color: #333;

  font-size: 1rem;

  font-style: italic;

}



.news-holder .news-head h4 {

  color: #333;

  font-weight: bold;

  text-align: center;

  height: 60px;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

}



.news-holder .news-head p {

  color: #333;

  margin: 0;

  height: 68px;

  overflow: hidden;

  line-height: 1.2;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.news-holder .news-head .sa-button {

  width: 100%;

  background: #161616;

  border-radius: 0;

  margin-top: 10px;

}

.news-holder .news-head .sa-button:hover {

  border-color: #161616d6

  background-color: #161616d6

}

.news-holder .news-filter {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background: rgba(33, 33, 33, 0);

  width: 100%;

  height: 100%;

}



.news-holder .news-pic:hover .news-head {

  background: rgba(33, 33, 33, 0.9);

}



.news-holder .news-pic:hover .news-head p i {

  margin-right: 10px;

}



.news-holder .news-pic-slider {

  height: 158px;

}



.news-baner {

  margin-bottom: 10px;

}

.news-baner img {

  width: 100% !important;

  height: 100% !important;

}



.big-news-holder {

  border: 1px solid #e6e7eb;

  padding: 2px;

  margin-bottom: 10px;

  /*border-radius: 5px;*/

}



.big-news-holder .big-news-pic {

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  height: 400px;

  position: relative;

}



.big-news-holder .big-news-pic .timeSpan {

  padding: 4px 8px;

  color: #fff;

  font-size: 1rem;

  float: right;

}



.big-news-holder .big-news-pic .news-head {

  position: absolute;

  bottom: 0;

  top: 0;

  right: 0;

  background: rgb(62 62 62 / 70%);
  padding: 20px;

  width: 75%;

}

.big-news-holder .big-news-pic .news-head .sa-button {

  width: 100%;

  /* background: rgb(230, 0, 0); */

  background-color: #161616;

  position: absolute;

  bottom: 0;

  left: 0;

  border-radius: 0;

}

.big-news-holder .big-news-pic .news-head .sa-button:hover {

  border-color: #161616d6

  background-color: #161616d6

}

.big-news-holder .big-news-pic .news-head small {

  color: #fff;

  font-size: 1rem;

  font-style: italic;

}



.big-news-holder .big-news-pic .news-head h4 {

  color: #fff;

  font-size: 2.7rem;

  text-align: center;

}



.big-news-holder .big-news-pic .news-head p {

  color: #fff;

  margin: 0;

  height: 110px;

  overflow: hidden;

  line-height: 1.5;

  display: -webkit-box;

  -webkit-line-clamp: 5;

  -webkit-box-orient: vertical;

  overflow: hidden;

}



.big-news-holder .big-news-pic .news-filter {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background: rgb(56 56 56 / 90%);

  width: 100%;

  height: 100%;

}



.big-news-holder .big-news-pic:hover .news-head {

  background: rgba(51, 62, 72, 0.9);

}



/*.big-news-holder .big-news-pic:hover .news-head p i {

    margin-right: 10px;

}*/



.news-help-holder {

  /*border: 1px solid #d5d5d5;*/

  padding: 3px;

  margin-bottom: 10px;

  display: flex;

  flex-direction: column;

}



.news-help-holder .news-search-holder .news-help-head {

  width: 100%;

  padding: 7px 10px;

  /*background: #333;*/

  margin-bottom: 10px;

}

.news-help-holder .news-search-holder .mySearch-form {

  display: flex;

}

.news-help-holder .news-search-holder .news-help-head p {

  margin: 0;

  color: #333;

  font-size: 1.2rem;

}



.news-help-holder .news-search-holder input {

  border: 1px solid #161616;

  outline: none;

  padding: 5px 2px;

  width: 100%;

  border-top-left-radius: 20px;

  border-bottom-left-radius: 20px;

  padding-left: 20px;

}



.news-help-holder .news-search-holder button {

  margin-left: -4px;

  vertical-align: baseline;

  border-top-right-radius: 20px;

  border-bottom-right-radius: 20px;

  /* background: rgb(230, 0, 0); */

  background-color:#161616;

  display: flex;

  justify-content: center;

  align-items: center;

}

.news-help-holder .news-search-holder button i {

  font-size: 2rem;

}

.news-help-holder .news-tags-holder {

  margin-top: 10px;

}



.news-help-holder .news-tags-holder .news-help-head {

  width: 100%;

  padding: 7px 10px;

  background: #333;

  margin-bottom: 10px;

}



.news-help-holder .news-tags-holder .news-help-head p {

  margin: 0;

  color: #fff;

}



.news-help-holder .news-tags-holder .news-tags-ul {

  margin: 0;

}



.news-help-holder .news-tags-holder .news-tags-ul .news-tags-li {

  display: inline-block;

  margin-right: 10px;

  margin-bottom: 5px;

}



.news-help-holder .news-tags-holder .news-tags-ul .news-tags-li a:hover {

  text-decoration: underline;

}



.single-news-holder {

  border: 1px solid #e6e7eb;

  padding: 2px;

}



.single-news-holder .single-news-pic {

  max-height: 450px;

  overflow: hidden;

  position: relative;

}



.single-news-holder .timeSpan {

  float: right;

  padding: 4px 8px;

  color: #333;

  font-size: 1rem;

}



.single-news-holder .single-news-pic img {

  width: 100%;

  max-height: 100%;

}

.single-news-holder .single-news-body {

  padding: 0 10px;

}

.single-news-holder .single-news-body h3 {

  text-align: center;

  margin: 20px 0;

  font-weight: bold;

}



.single-news-holder .view-gallery .gallery-ul .gallery-li {

  display: inline-block;

  height: 100px;

  border: 1px solid rgba(220, 220, 200, 0.6);

  padding: 2px;

  border-radius: 0px;

}



.single-news-holder .view-gallery .gallery-ul .gallery-li img {

  max-height: 100%;

}



.doc-holder {

  height: 160px;

}



.doc-holder a img {

  width: 50px;

  margin-bottom: 7px;

}



.contact-title {

  font-size: 18px;

}



.contact-social-ul li {

  display: inline-block;

  margin-right: 5px;

}



.contact-social-ul li a img {

  width: 25px;

}



.form-group input,

.form-group textarea {

  border: 1px solid #4c4c4c;

  outline: none;

  box-shadow: none;

  border-radius: 0;

}



.form-control:focus {

  box-shadow: none;

  border-color: #4c4c4c;

}



#map {

  height: 450px;

  margin-bottom: -30px;

}



.catalog-name {

  font-size: 1.4rem;

  text-transform: uppercase;

  margin: 0;

  height: 72px;

  line-height: 1.3;

  margin-bottom: 10px;

}



.catalog-holder {

  border: 1px solid #c1c1c1;

  padding: 2px;

  height: 230px;

  margin-bottom: 10px;

  position: relative;

  overflow: hidden;

  border-radius: 0px;

}



.catalog-holder a {

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

}



.catalog-holder:hover .catalog-filter {

  background: rgba(33, 33, 33, 0.7);

}



.catalog-holder:hover .catalog-filter .catalog-down {

  opacity: 1;

}



.catalog-holder .catalog-filter {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(33, 33, 33, 0);

  display: flex;

  justify-content: center;

  align-items: center;

}



.catalog-holder .catalog-filter .catalog-down {

  width: 30px;

  height: 30px;

  opacity: 0;

}



.catalog-holder .catalog-img {

  max-height: 100%;

}



.document-title {

  padding-bottom: 15px;

}



.empty-cart {

  width: 280px;

  margin: auto;

}



.error-title {

  text-transform: uppercase;

}



.error-link {

  text-decoration: underline;

  padding-right: 5px;

}



.emptycart-page {

  padding: 50px 0;

}



.korpa-holder {

  padding: 3px;

  border: 1px solid #d6d6d6;

  overflow: hidden;

  margin: 0 5px;

  width: 100%;

}

.korpa-holder.korpa-heading {

  border-bottom: none;

}

.korpa-holder .korpa-th {

  margin: 0;

  font-size: 1.4rem;

}



.korpa-holder .korpa {

  /*padding: 5px;*/

  border-left: 1px solid #eee;

  line-height: 1.1;

}

.korpa-holder .korpa .title {

  font-size: 1.1rem;

  /*margin-bottom: 17px;*/

  color: #333;

  text-align: center;

  background: rgba(204, 204, 204, 0.28);

  width: 100%;

  margin: 0;

}

.korpa-holder .korpa-proizvod .korpa-proizvod-pic {

  height: 60px;

  width: 60px;

  display: flex;

  justify-content: center;

  align-items: center;

  float: left;

  margin-right: 10px;

}



.korpa-holder .korpa-proizvod .korpa-proizvod-pic img {

  max-height: 100%;

}



.korpa-holder .korpa-proizvod .korpa-brend-name {

  color: #4c4c4c;

}



.korpa-holder .korpa-proizvod .korpa-proizvod-name {

  color: #4c4c4c;

  font-size: 1.2rem;

}



.korpa-holder .korpa-proizvod .korpa-proizvod-izbaci {

  color: red;

}



.korpa-holder .korpa-cena {

  height: 80px;

  display: flex;

  justify-content: center;

  flex-direction: column;

  align-items: center;

}



.korpa-holder .korpa-cena span {

  font-weight: bold;

  color: #333;

  font-size: 1.8rem;

}



.korpa-holder .korpa-popust {

  height: 80px;

  display: flex;

  justify-content: center;

  flex-direction: column;

  align-items: center;

}

.korpa-holder .korpa-popust th {

  font-size: 1.2rem;

}

.korpa-holder .korpa-popust span {

  font-weight: bold;

  color: #333;

  font-size: 1.8rem;

}



.korpa-holder .korpa-kolicina {

  /*height: 80px;*/

}



.korpa-holder .korpa-kolicina .product-input::-webkit-inner-spin-button,

.korpa-holder .korpa-kolicina -webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



.korpa-holder .korpa-kolicina .product-input {

  box-shadow: none;

  outline: none;

  width: 55px;

  height: 35px;

  padding: 0 5px;

  font-size: 2rem;

  margin-top: 22px;

  border: 1px solid #333;

  text-align: center;

}



.korpa-holder .korpa-kolicina button {

  height: 35px;

  width: 30px;

  font-size: 2rem;

  background: transparent;

  border: 1px solid #333;

  vertical-align: bottom;

}



.korpa-holder .korpa-kolicina a {

  /*margin-left: 45px;*/

}



.korpa-holder .korpa-kolicina .korpa-osvezi {

  color: red;

  /* display: flex;

  justify-content: start; */

  margin-top: 5px;

}



.korpa-holder .korpa-ukupno {

  height: 80px;

  display: flex;

  justify-content: center;

  flex-direction: column;

  align-items: center;

}



.korpa-holder .korpa-ukupno span {

  font-weight: bold;

  color: #249212;

  font-size: 1.8rem;

}

.korpa-holder .korpa-ukupno .remove-text {

  color: #fff;

  font-weight: normal;

  font-size: 1.4rem;

}



.left-cart-panel {

  background: #f9f9f9;

  border-radius: 0px;

  padding: 10px;

}

.left-cart-panel .cart-vaucher-holder {

  display: flex;

  flex-direction: row;

  width: 100%;

  margin-bottom: 20px;

}

.left-cart-panel .cart-vaucher-holder .cart-vaucher-input {

  width: 100%;

  border: 1px solid #c1c1c1;

  outline: none;

  font-size: 1.4rem;

  padding: 6px 9px;

  border-radius: 0px;

  margin-right: 10px;

}



#collapseUpl,

#collapseDelivery2,

#collapseDelivery3 {

  display: none;

}



.disabledInput {

  pointer-events: none;

  cursor: auto !important;

  background: rgba(33, 33, 33, 0.2);

}



.korpa-holder-xs {

  padding: 0px;

  border: 1px solid #d6d6d6;

  overflow: hidden;

}



.korpa-holder-xs .korpa-th {

  margin: 0;

  font-size: 1.4rem;

}



.korpa-holder-xs .korpa {

  padding: 5px;

  border-left: 1px solid #eee;

}



.korpa-holder-xs .korpa-proizvod {

  min-height: 80px;

}



.korpa-holder-xs .korpa-proizvod .korpa-proizvod-pic {

  height: 50px;

  width: 50px;

  display: flex;

  justify-content: center;

  align-items: center;

  float: left;

  margin-right: 10px;

}



.korpa-holder-xs .korpa-proizvod .korpa-proizvod-pic img {

  max-height: 100%;

}



.korpa-holder-xs .korpa-proizvod .korpa-brend-name {

  color: #4c4c4c;

}



.korpa-holder-xs .korpa-proizvod .korpa-proizvod-name {

  color: #000;

}



.korpa-holder-xs .korpa-proizvod .korpa-proizvod-izbaci {

  color: red;

}



.korpa-holder-xs .korpa-cena {

  /*display: flex;*/

  justify-content: center;

  align-items: center;

}



.korpa-holder-xs .korpa-cena span {

  font-weight: bold;

  color: #000;

  font-size: 1.6rem;

}



.korpa-holder-xs .korpa-popust {

  /*display: flex;*/

  justify-content: center;

  align-items: center;

}



.korpa-holder-xs .korpa-popust span {

  font-weight: bold;

  color: #000;

  font-size: 1.6rem;

}



.korpa-holder-xs .korpa-kolicina {

  min-height: 80px;

}



.korpa-holder-xs .korpa-kolicina .product-input::-webkit-inner-spin-button,

.korpa-holder-xs .korpa-kolicina -webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



.korpa-holder-xs .korpa-kolicina .product-input {

  box-shadow: none;

  outline: none;

  width: 100px;

  height: 40px;

  padding: 0 5px;

  font-size: 2rem;

  border: 1px solid #4c4c4c;

}



.korpa-holder-xs .korpa-kolicina button {

  height: 40px;

  width: 30px;

  font-size: 2rem;

  background: transparent;

  border: 1px solid #4c4c4c;

  vertical-align: top;

}



.korpa-holder-xs .korpa-kolicina a {

  margin-left: 45px;

}



.korpa-holder-xs .korpa-kolicina .korpa-osvezi {

  color: red;

  display: flex;

  align-items: center;

}



.korpa-holder-xs .korpa-ukupno {

  /*display: flex;*/

  justify-content: center;

  align-items: center;

}



.korpa-holder-xs .korpa-ukupno span {

  font-weight: bold;

  color: #249212;

  font-size: 1.6rem;

}



.cart-attr-ul {

  margin: 0;

}



.cart-attr-ul .cart-attr-li {

  width: 13px;

  height: 13px;

  display: inline-block;

}



.cart-reg {

  width: 100%;

  background: #197479;

  margin-bottom: 15px;

}



.cart-reg:hover {

  background: #104b4f;

}



.cart-pri {

  width: 100%;

  margin-bottom: 15px;

}



.sve-korpa {

  float: right;

}



.sve-korpa p {

  margin: 0;

}



.sve-korpa .sve-btn {

  width: 100%;

  margin-top: 15px;

  margin-bottom: 15px;

  width: 49%;

}



.add-cart-coment {

  border: 1px solid #4c4c4c;

  width: 100%;

}



.add-cart-coment:focus {

  box-shadow: none;

  outline: none;

  border: 1px solid #4c4c4c;

}



.cart-help-ul {

  padding: 0;

  margin: 0;

  list-style: none;

}



.cart-help-ul .cart-help-li {

  margin-bottom: 5px;

}

.cart-help-ul .cart-help-li .icons {

  vertical-align: bottom;

}

.cart-help-ul .cart-help-li a {

  font-size: 1.4rem;

}



.cart-help-ul .cart-help-li a:hover {

  text-decoration: underline;

}



.fin-btn {

  background: #197479;

}



.fin-btn:hover {

  background: rgb(230, 0, 0);

}



.sve-korpa h4 p {

  font-weight: bold;

}



.sve-korpa h4 .total-price-cart {

  color: red;

  font-size: 2rem;

}



.nav-tabs.nav-justified > li > a {

  border-radius: 0;

  font-size: 2rem;

  border: none;

  border: 1px solid #4c4c4c;

  border-left: none;

  padding: 15px;

}



.nav-tabs.nav-justified > li:first-child > a {

  border-left: 1px solid #4c4c4c !important;

}



.nav-tabs.nav-justified > .active > a,

.nav-tabs.nav-justified > .active > a:focus,

.nav-tabs.nav-justified > .active > a:hover {

  border-left: none;

}



.order-number {

  width: 30px;

  height: 30px;

  color: #333;

  background: rgba(190, 190, 190, 0.2);

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

  float: left;

  margin: 0;

  font-size: 2rem;

}



.order-tab-content {

  padding-top: 50px;

}



.order-user-info {

  border: 1px solid #4c4c4c;

}



.order-user-info .order-user-head {

  padding: 7px 3px;

  background: rgba(33, 33, 33, 0.5);

}



.order-user-info .order-user-head h4 {

  margin: 0;

  color: #fff;

}



.order-user-info .order-user-body {

  padding: 5px;

}



.nav-tabs.nav-justified > .active > a,

.nav-tabs.nav-justified > .active > a:focus,

.nav-tabs.nav-justified > .active > a:hover {

  border: 1px solid #4c4c4c;

  background: #333;

  color: #fff;

}



.nav-tabs.nav-justified > .active > a .order-number {

  color: #fff;

}



.order-user-info .order-user-body small {

  color: #333;

}



.order-user-info .order-user-body p {

  margin: 0;

  border-bottom: 1px solid #4c4c4c;

}



.order-user-info .order-user-body p:last-child {

  border-bottom: none;

}



.order-address-form .order-address-input {

  width: 100%;

  margin-bottom: 20px;

  border: 1px solid #4c4c4c;

  outline: none;

  padding: 5px 2px;

  font-size: 1.8rem;

}



.order-address-form .order-address-input:focus {

  box-shadow: none;

  border-color: #4c4c4c;

}



.order-paymant-check {

  border: 1px solid #4c4c4c;

  padding: 10px;

  margin-top: 20px;

}



.order-paymant-check p {

  opacity: 0;

}



.order-paymant-check .order-check-holder {

  border: 1px solid #4c4c4c;

  padding: 2px 4px;

  overflow: hidden;

  position: absolute;

  top: 10px;

  right: 10px;

  width: 30px;

  height: 30px;

}



.order-paymant-check i {

  color: #009344;

  font-size: 2rem;

  display: none;

}



.order-paymant-check.active {

  border-color: #4c4c4c;

}



.order-paymant-check.active p {

  opacity: 1;

}



.order-paymant-check.active .order-check-holder {

  border-color: #4c4c4c;

}



.order-paymant-check.active .order-check-holder i {

  display: block;

}



.pagination > .active > a,

.pagination > .active > a:focus,

.pagination > .active > a:hover,

.pagination > .active > span,

.pagination > .active > span:focus,

.pagination > .active > span:hover {

  /* border-color: rgb(72 183 230); */

  border-color: #161616;

  /* background: rgb(72 183 230); */

  background: #161616;

  color: #fff;

  z-index: 1;

}



.order-table > tbody > tr > th {

  background: #4a4a4a;

  color: #fff;

  padding: 5px 2px;

  font-size: 1.6rem;

}



.order-table > tbody > tr > td {

  font-size: 1.4rem;

  padding: 5px;

}



.uplInput {

  width: 100%;

  margin-bottom: 15px;

  border: 1px solid #4c4c4c;

  outline: none;

  padding: 5px 2px;

  font-size: 1.8rem;

}



.error-ul {

  padding: 0;

  margin: 0;

}



.error-ul .error-li {

  line-height: 1.8;

  font-size: 1.4rem;

}



.team-holder {

  padding: 5px;

  border: 1px solid #4c4c4c;

  margin-bottom: 30px;

}



.team-holder .team-pic {

  position: relative;

  height: 251px;

  display: flex;

  justify-content: center;

  align-items: center;

}



.team-holder .team-pic img {

  max-height: 100%;

}



.team-holder .team-pic .team-name {

  position: absolute;

  width: 100%;

  bottom: 0;

  background: rgba(33, 33, 33, 0.6);

  color: #fff;

  padding: 10px 4px;

}



.team-holder .team-pic .team-name h4 {

  margin: 0;

}



.team-holder .team-pic:hover .team-name {

  background: rgba(33, 33, 33, 0.8);

}



.team-holder .team-body p {

  font-size: 1.4rem;

  height: 20px;

}



.team-holder .team-body p img {

  width: 20px;

  margin-right: 7px;

}



.team-holder:hover {

  -webkit-box-shadow: 0px 10px 9px -11px rgba(0, 0, 0, 0.74);

  -moz-box-shadow: 0px 10px 9px -11px rgba(0, 0, 0, 0.74);

  box-shadow: 0px 10px 9px -11px rgba(0, 0, 0, 0.74);

}



.team-modal-btn {

  width: 100%;

}



.team-modal-body {

  float: left;

  width: 48%;

}



.team-modal-body h5 {

  color: #333;

  text-transform: inherit;

}



.team-modal-body p {

  margin-top: 0;

}



.team-modal-pic {

  float: right;

  width: 48%;

  height: 170px;

  display: flex;

  justify-content: center;

  align-items: center;

}



.team-modal-pic img {

  max-height: 100%;

}



.team-modal-txt {

  width: 100%;

  float: left;

}



.categories-holder {

  padding: 7px;

  border: 1px solid #161616;

  margin-bottom: 30px;

  overflow: hidden;

  background: #ffffff;

  border-radius: 0px;

}



.categories-holder .categories-pic {

  /*float: left;

    height: 45px;

    width: 45px;*/



  height: 150px;

}

.categories-pic.new {
    height: auto;
}

.categories-holder .categories-pic img {

  max-height: 100%;

  /*float: left;*/

  margin: 0 auto;

}



.categories-holder .categories-text {

  min-height: 40px;

  display: flex;

  justify-content: center;

  align-items: center;

  margin: 5px 0;

  text-align: center;

}



.categories-holder .categories-text p {

  margin: 0;

  font-size: 1.4rem;

  font-weight: bold;

  line-height: 1.1;

  letter-spacing: 1px;

  color: #333;

}



.categories-holder:hover {

  border-color: #e5e5e5;

}



.categories-help {

  margin-bottom: 10px;

}



.prireg-input {

  width: 100%;

  padding: 5px 7px;

  border: 1px solid #ccc;

  border-radius: 0px;

  margin-top: 5px;

  font-size: 1.6rem;

  outline: none;

}



.noRound {

  border-radius: 0;

  padding: 6px 25px;

  margin-bottom: 30px;

}



.mil-datePic {

  width: 100% !important;

}



.our-shops-name {

  margin-bottom: 10px;

}



.our-shops-name h3 {

  margin: 0;

}



.our-shops-info {

  margin-bottom: 7px;

}



.our-shops-info img {

  float: left;

  max-height: 100%;

  margin-right: 10px;

  height: 20px;

}



.our-shops-info p {

  margin: 0;

}



.our-shops-search-holder {

  border: 1px solid rgba(0, 159, 183, 0.2);

  margin-bottom: 20px;

}



.our-shops-search-name {

  width: 100%;

  padding: 7px 10px;

  background: #333;

}



.our-shops-search-name h4 {

  color: #fff;

  margin: 0;

}



.our-shops-search-check {

  padding: 7px 10px;

}



.our-shops-search-check label {

  font-size: 1.6rem;

  cursor: pointer;

  font-weight: normal;

  width: 120px;

}



.our-shops-search-check label input {

  margin-left: 10px;

  vertical-align: text-top;

  float: right;

}



.our-shops-contact-person {

  margin-bottom: 20px;

  height: 173px;

}



.our-shops-contact-person h4,

.our-shops-contact-person p {

  margin: 0;

}



.our-shops-contact-person h4 {

  margin-bottom: 10px;

}



.header-fixed {

  display: none;

  box-shadow: 0px 0px 8px #191919;

}



.menu-fixed-holder {

  /* background: #fff; */

  background: #161616;

/*  padding: 6px 0;*/
/*    border-bottom: 1px solid #e5e5e5;*/
}



.nfixed_help {

  border-bottom: none;

  background: transparent;

  height: 50px;

}



.nfixed_help2 {

  height: 50px;
  display: flex;
/*  margin-top: 20px;*/

  /*padding-top: 10px;*/

}



.nfixed_help2 img {

  max-height: 85%;

  margin-top: 10px;

}



.nfixed_help3 {

  padding: 10px 8px !important;

  margin-top: 5px;

  border-radius: 0px;

}



.nfixed_help4 {

  top: 40px !important;

}



.nfixed_help5 {

  border-bottom: 0;

  padding: 0;

  background: transparent;

  /*margin-top: 6px;*/

}



.nfixed_help6 {

  /*margin-top: 3px !important;*/

  /*text-align: right !important;*/

}



.nfixed_help7 {

  width: 440px !important;

}



.nfixed_help8 {

  box-shadow: none;

  border-bottom: 1px solid #f1f1f1 !important;

  background: #f9f9f9;

}



.nfixed_help9 {

  width: 853px !important;

}



.cat-news-ul {

  margin: 0;

  padding: 0;

  list-style: none;

  margin-bottom: 10px;

}



.cat-news-ul .cat-news-li {

  display: inline-block;

  padding: 6px 12px;

  /* background: rgb(230, 0, 0); */

  background: #161616;

}

.cat-news-ul .cat-news-li:hover {

  background: r#161616d6

}



.cat-news-ul .cat-news-li:first-child {

  margin-left: 3px;

}

.cat-news-ul .cat-news-li a {

  color: #fff;

  display: block;

}



.slider {

  display: inline-block;

  vertical-align: middle;

  position: relative;

}



.slider.slider-horizontal {

  width: 100%;

  height: 20px;

}



.slider.slider-horizontal .slider-track {

  height: 10px;

  width: 100%;

  margin-top: -5px;

  top: 50%;

  left: 0;

}



.slider.slider-horizontal .slider-selection,

.slider.slider-horizontal .slider-track-low,

.slider.slider-horizontal .slider-track-high {

  height: 100%;

  top: 0;

  bottom: 0;

}



.slider.slider-horizontal .slider-tick,

.slider.slider-horizontal .slider-handle {

  margin-left: -10px;

}



.slider.slider-horizontal .slider-tick.triangle,

.slider.slider-horizontal .slider-handle.triangle {

  position: relative;

  top: 50%;

  transform: translateY(-50%);

  border-width: 0 10px 10px 10px;

  width: 0;

  height: 0;

  border-bottom-color: #0480be;

  margin-top: 0;

}



.slider.slider-horizontal .slider-tick-container {

  white-space: nowrap;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

}



.slider.slider-horizontal .slider-tick-label-container {

  white-space: nowrap;

  margin-top: 20px;

}



.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {

  padding-top: 4px;

  display: inline-block;

  text-align: center;

}



.slider.slider-vertical {

  height: 210px;

  width: 20px;

}



.slider.slider-vertical .slider-track {

  width: 10px;

  height: 100%;

  left: 25%;

  top: 0;

}



.slider.slider-vertical .slider-selection {

  width: 100%;

  left: 0;

  top: 0;

  bottom: 0;

}



.slider.slider-vertical .slider-track-low,

.slider.slider-vertical .slider-track-high {

  width: 100%;

  left: 0;

  right: 0;

}



.slider.slider-vertical .slider-tick,

.slider.slider-vertical .slider-handle {

  margin-top: -10px;

}



.slider.slider-vertical .slider-tick.triangle,

.slider.slider-vertical .slider-handle.triangle {

  border-width: 10px 0 10px 10px;

  width: 1px;

  height: 1px;

  border-left-color: #0480be;

  margin-left: 0;

}



.slider.slider-vertical .slider-tick-label-container {

  white-space: nowrap;

}



.slider.slider-vertical .slider-tick-label-container .slider-tick-label {

  padding-left: 4px;

}



.slider.slider-disabled .slider-handle {

  background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);

  background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);

  background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);

}



.slider.slider-disabled .slider-track {

  background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);

  background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);

  background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);

  cursor: not-allowed;

}



.slider input {

  display: none;

}



.slider .tooltip.top {

  margin-top: -36px;

}



.slider .tooltip-inner {

  white-space: nowrap;

  max-width: none;

}



.slider .hide {

  display: none;

}



.slider-track {

  position: absolute;

  cursor: pointer;

  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);

  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);

  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);

  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

  border-radius: 0px;

}



.slider-selection {

  position: absolute;

  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);

  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);

  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);

  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);

  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  border-radius: 0px;

}



.slider-selection.tick-slider-selection {

  background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);

  background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);

  background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);

}



.slider-track-low,

.slider-track-high {

  position: absolute;

  background: transparent;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  border-radius: 0px;

}



.slider-handle {

  position: absolute;

  top: 2px;

  width: 13px;

  height: 13px;

  border-radius: 50%;

  background-color: #333;

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);

  filter: none;

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),

    0 1px 2px rgba(0, 0, 0, 0.05);

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),

    0 1px 2px rgba(0, 0, 0, 0.05);

  border: 0px solid transparent;

}



.slider-handle.round {

  /* border-radius: 50%;*/

}



.slider-handle.triangle {

  background: transparent none;

}



.slider-handle.custom {

  background: transparent none;

}



.slider-handle.custom::before {

  line-height: 20px;

  font-size: 20px;

  content: "\2605";

  color: #726204;

}



.slider-tick {

  position: absolute;

  width: 20px;

  height: 20px;

  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);

  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);

  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);

  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);

  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  filter: none;

  opacity: 0.8;

  border: 0px solid transparent;

}



.slider-tick.round {

  border-radius: 50%;

}



.slider-tick.triangle {

  background: transparent none;

}



.slider-tick.custom {

  background: transparent none;

}



.slider-tick.custom::before {

  line-height: 20px;

  font-size: 20px;

  content: "\2605";

  color: #726204;

}



.slider-tick.in-selection {

  background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);

  background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);

  background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);

  opacity: 1;

}



.price-slider-help {

  background: transparent;

}



.chose-paymant input[type="radio"] {

  width: 0;

  height: 0;

}



.tool-box > .list {

  list-style: none;

  display: flex;

  justify-content: space-between;

  align-items: center;

  border: 1px solid #e7e7e7;

  background: #fff;

  padding: 0;

  margin: 0;

  /*border-radius: 5px;*/

}



.tool-box > .list > .items {

  display: inline-block;

  padding: 3px;

  margin-right: 5px;

}



.tool-box > .list > .items .text {

  width: 100%;

  display: block;

  margin-bottom: 2px;

}



.tool-box > .list > .items .range-btn {

  padding: 3px 9px;

  vertical-align: baseline;

  /*border-radius: 5px;*/

}



.tool-box > .list > .items input[type="number"]::-webkit-inner-spin-button,

.tool-box > .list > .items input[type="number"]::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



.tool-box > .list > .items .field {

  width: 60px;

  outline: none;

  border: 1px solid #d6d6d6;

  border-radius: 0px;

  padding: 2px;

}



.tool-box > .list > .items.-check {

  background: transparent;

  padding-top: 28px;

  border: none;

}



.tool-box > .list > .items > .text {

  width: 100%;

  display: block;

  margin-bottom: 2px;

}



.tool-box > .list > .items .compare {

  width: 30px;

  height: 30px;

  cursor: pointer;

  display: flex;

  justify-content: center;

  align-items: center;

  float: left;

  margin-right: 5px;

  border: 1px solid #d6d6d6;

  position: relative;

  text-align: center;

}



.tool-box > .list > .items .compare .delete {

  color: #333;

  position: absolute;

  background: rgba(255, 255, 255, 0.5);

  width: 100%;

  height: 100%;

  display: none;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.tool-box > .list > .items .compare .image {

  max-height: 100%;

}



.tool-box > .list > .items .compare:hover .delete {

  display: block;

}



.tool-box > .list > .items .compare-btn {

  padding: 2px 4px;

  text-align: center;

  display: flex;

  justify-content: center;

  align-items: center;

  /*border-radius: 5px;*/

}



.tool-box > .list > .items .select {

  padding: 2px 5px;

  background: transparent;

  outline: none;

}



.tool-box > .list > .items .display {

  width: 30px;

  height: 30px;

  cursor: pointer;

  display: flex;

  justify-content: center;

  align-items: center;

  float: left;

  margin-right: 5px;

  border: 1px solid #d6d6d6;

  position: relative;

  text-align: center;

  /*border-radius: 5px;*/

}



.tool-box > .list > .items .display.active {

  /* color: rgb(255 113 0); */

  color: #161616;

}



.tool-box > .list > .items .display:hover {

  /* color: #f9ce09eb; */

  color: #161616d6;

  opacity: 0.8;

}



.tool-box > .list > .items .label {

  font-size: 1.8rem;

  color: #333;

  cursor: pointer;

  font-weight: normal;

  vertical-align: middle;

}
.xs-product-holder.new.pos.product {
  box-shadow: none;
}

.xs-product-holder .xs-product-pic.new img{
    -webkit-transition: all .1s linear;
   transition: all .1s linear;
    mix-blend-mode: multiply;
    /*scale: 1.4;*/
  /*      scale: 1.3;*/
}
.xs-product-holder .xs-product-pic.new a img:hover {
-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/*novi uporedi prikaz*/



.new-compare-holder {

  background-color: rgba(0, 0, 0, 0.6);

  height: 170px;

  position: fixed;

  bottom: 0;

  width: 100%;

  left: 0;

  z-index: 999999;

  visibility: visible;

  margin: 0;

  -webkit-transition: all ease-in-out 0.4s;

  -moz-transition: all ease-in-out 0.4s;

  -ms-transition: all ease-in-out 0.4s;

  -o-transition: all ease-in-out 0.4s;

  transition: all ease-in-out 0.4s;

}



.wrap {

  overflow: hidden;

  max-width: 1634px;

  margin: auto;

  width: 100%;

  padding: 0 20px;

  box-sizing: border-box;

}



.wrap-calc {

  width: calc(100% - 170px);

  outline: none;

}



.new-compare-box {

  float: left;

  width: calc(25% - 20px);

  height: 60px;

  margin: 40px 20px 20px 0;

  border: 1px dashed white;

  box-sizing: border-box;

  color: #fff;

  position: relative;

  padding: 5px 20px;

  display: flex;

}



.new-compare-box.-active {

  background: #fff;

  color: #23231a;

}



.new-compare-image-holder {

  height: 100%;

  border: 1px solid #ebebeb;

  box-sizing: border-box;

  width: 60px;

  display: inline-block;

  vertical-align: middle;

  position: relative;

}



.new-compare-image-holder .image {

  position: absolute;

  top: -9999px;

  bottom: -9999px;

  left: -9999px;

  right: -9999px;

  margin: auto;

  height: auto;

  width: auto;

  max-height: 80%;

  max-width: 80%;

}



.new-compare-name {

  display: inline-block;

  vertical-align: middle;

  /*width: calc(100% - 60px);*/

  font-size: 12px;

  color: black;

  text-align: left;

  padding: 8px 5px;

  box-sizing: border-box;

  max-height: 100%;

  overflow: hidden;

  /*    width: 100%;

    max-width: 119px;*/

  line-height: 1.1;

}



.new-remove-compare {

  position: absolute;

  top: 5px;

  right: 5px;

  font-size: 12px;

}



.position-index {

  position: absolute;

  top: 5px;

  left: 6px;

  font-size: 12px;

  color: #333;

}



.new-compare-btns {

  float: right;

  width: 0;

  margin: 17px 0;

}



.new-compare-btns .-compare {

  width: 170px;

  margin-top: 20px;

  text-transform: uppercase;

  margin-bottom: 1px;

}



.new-compare-btns .-delete {

  width: 170px;

  background: none;

  border: none;

  outline: none;

  color: #fff;

  padding: 0;

  margin-top: 5px;

}



.new-compare-btns .-delete:hover {

  text-decoration: underline;

}



/*.novi uporedi prikaz*/



/*search modal product box*/



.b-product-holder {

  margin-top: 10px;

}



.b-product-holder .b-product {

  border: 1px solid #eee;

  overflow: hidden;

  padding: 5px;

}



.b-product-holder .b-product .b-stiker-holder {

  position: absolute;

  height: 100%;

  width: 40px;

}



.b-product-holder .b-product .akcija {

  position: absolute;

  top: 0;

  right: 0;

  width: 50px;

}



.b-product-holder .b-product .srce {

  position: absolute;

  top: 0px;

  right: 60px;

  width: 25px;

}



.b-product-holder .b-product .srce:hover {

  opacity: 0.8;

}



.b-product-holder .b-product span {

  position: absolute;

  top: 70px;

  right: 0;

  background: red;

  color: #fff;

  padding: 3px;

  border-top-left-radius: 7px;

  border-bottom-left-radius: 7px;

}



.b-product-holder .b-product .b-product-pic {

  width: 100%;

  height: 270px;

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

}



.b-product-holder .b-product .b-product-pic span {

  position: absolute;

  top: 70px;

  right: 0;

  background: red;

  color: #fff;

  padding: 3px;

  border-top-left-radius: 7px;

  border-bottom-left-radius: 7px;

}



.b-product-holder .b-product .b-brend {

  width: 70px;

  height: 30px;

  margin: auto;

}



.b-product-holder .b-product .b-product-name {

  text-align: center;

  height: 50px;

  background: #fff;

}



.b-product-holder .b-product .b-product-name a {

  color: #333;

  font-size: 1.2rem;

}



.b-product-holder .b-product .b-product-name .boje-ul {

  padding: 0;

  margin: 0;

  margin-top: 10px;

}



.b-product-holder .b-product .b-product-name .boje-ul .boje-li {

  border-radius: 50%;

  width: 15px;

  height: 15px;

  display: inline-block;

}



.b-product-holder .b-product .b-product-name .velicine-ul {

  padding: 0;

  margin: 0;

}



.b-product-holder .b-product .b-product-name .velicine-ul .velicine-li {

  display: inline-block;

  font-size: 1rem;

  padding: 1px;

}



.b-product-holder .b-product .b-product-price {

  padding-bottom: 5px;

  overflow: hidden;

}



.b-product-holder .b-product .b-product-detaljno a {

  width: 100%;

  border: 2px solid #333;

  background: transparent;

  color: #333;

}



.b-product-holder .b-product .b-product-detaljno a:hover {

  background: #333;

  color: #fff;

}



/*search modal product box end*/



.image-animated {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  visibility: hidden;

  -webkit-transition: all ease-in-out 0.8s;

  -moz-transition: all ease-in-out 0.8s;

  -ms-transition: all ease-in-out 0.8s;

  -o-transition: all ease-in-out 0.8s;

  transition: all ease-in-out 0.8s;

}



#map {

  margin-top: 20px;

  border: 5px solid #4c4c4c;

  border-left: none;

  border-right: none;

}



.select-holder-mi {

  display: inline-block;

  position: absolute;

  z-index: 9;

  background: #fff;

  width: 275px;

  top: 230px;

  left: 0;

  padding: 10px 15px;

  box-shadow: 1px 1px 5px grey;

}



.select-holder-mi select {

  width: 100%;

  padding: 5px 8px;

}



.add-to-cart {

  background: #4c4c4c;

  text-align: center;

  padding: 6px 0;

  text-transform: uppercase;

  font-size: 1rem;

  font-weight: bold;

  letter-spacing: 1px;

}



.add-to-cart .title {

  color: #fff;

  letter-spacing: 3px;

}



.main-body-filter {

  position: fixed;

  width: 100%;

  height: 100%;

  background: rgba(33, 33, 33, 0.85);

  z-index: 9999;

  display: none;

}



.slide-menu {

  height: 100vh;

  width: 50%;

  background: #333;

  z-index: 9999;

  position: fixed;

  left: -100%;

}



.slide-menu .body-container {

  position: relative;

  width: 100%;

  height: 100%;

  overflow-y: scroll;

  background: #333;

}

.slide-menu .body-container::-webkit-scrollbar-track {

  background-color: #000066;

}



.slide-menu .body-container::-webkit-scrollbar {

  position: relative;

  height: 3px;

  width: 3px;

  background-color: rgb(230, 0, 0);

}



.slide-menu .body-container::-webkit-scrollbar-thumb {

  position: relative;

  background-color: rgb(230, 0, 0);

}



.slide-menu .body-container::-webkit-scrollbar::after {

  left: 0;

  top: 0;

  position: absolute;

  content: "a";

}

.slide-menu .head {

  /* background: rgb(72 183 230); */

  background: #161616;

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  padding: 7px 5px;

  padding-right: 20px;

}



.slide-menu .head .title {

  color: #fff;

  margin: 0;

  font-size: 1.6rem;

  text-transform: uppercase;

  margin-top: 7px;

  font-weight: bold;

}



.slide-menu .head .icons {

  color: #fff;

  margin-top: 3px;

  cursor: pointer;

  width: 24px;

  height: 24px;

}



.slide-menu .head .icons.-back {

  visibility: hidden;

}



.slide-menu .body-container .body {

  position: fixed;

  height: 100vh;

  overflow-y: scroll;

  width: 100%;

  background: #fff;

  padding-bottom: 70px;

  min-height: 100%;

}

.slide-menu .body-container .body::-webkit-scrollbar-track {

  background-color: #fff;

}



.slide-menu .body-container .body::-webkit-scrollbar {

  position: relative;

  height: 3px;

  width: 3px;

  /* background-color: rgb(230, 0, 0); */

  background-color: #0081b2;

}



.slide-menu .body-container .body::-webkit-scrollbar-thumb {

  position: relative;

  /* background-color: rgb(230, 0, 0); */

/*  background-color: #0081b2;*/

}



.slide-menu .body-container .body::-webkit-scrollbar::after {

  left: 0;

  top: 0;

  position: absolute;

  content: "a";

}

.slide-menu .body-container .body .list {

  padding: 0;

  margin: 0;

  list-style: none;

}



.slide-menu .body-container .body .list .items {

  padding: 10px 20px;

  border-bottom: 1px solid #d6d6d6;

}



.slide-menu .body-container .body .list .items .icons {

  float: right;

  color: #000;

  cursor: pointer;

}



.slide-menu .body-container .body .list .items .links {

  color: #000;

  font-size: 1.4rem;

}



.slide-menu .body-container .body .list .items:hover .links {

  /* color: #fff;*/

}



.slide-menu .body-container .body .list .items:hover .icons {

  /* color: #4c4c4c;*/

}



.small-products-button {

  /*border: 1px solid #f9ce09;*/

  text-transform: uppercase;

  /*font-weight: bold;*/

  padding: 5px 12px;

  /* background: rgb(255 113 0); */

  background: #161616;

  /* margin-top: 7px; */

  display: inline-block;

  /* color: #fff; */

  color: #fff;

  cursor: pointer;

  /*border-radius: 5px;*/

}

.small-products-button:hover {
  color: #fff;
}

.small-products-button .icons {

  vertical-align: bottom;

  font-size: 2.1rem;

  /* color: #fff; */

  color: #000;

}



.korpa-holder-xs .small-cart-desc {

  margin: 0;

}



.store {

  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

  padding: 10px;

  display: flex;

  justify-content: space-between;

  margin-bottom: 10px;

}



.store .title {

  margin-bottom: 10px;

}



.store .list {

  list-style: none;

  margin: 0;

  padding: 0;

}



.store .list .items {

  margin-bottom: 7px;

  font-size: 1.8rem;

}



.store .list .items .icons {

  vertical-align: middle;

  font-size: 2rem;

}



.store .gallery-holder {

  width: 330px;

  height: 180px;

  display: flex;

  justify-content: center;

  align-items: center;

}



.store .gallery-holder .image {

  max-height: 100%;

}



.store .gallery-holder .filter {

  position: absolute;

  left: 0;

  bottom: 0;

  right: 0;

  width: 100%;

  background: rgba(33, 33, 33, 0);

  text-align: center;

}



.store .gallery-holder .filter .text {

  text-transform: uppercase;

  color: #fff;

  padding: 5px 0;

  margin: 0;

  opacity: 0;

}



.store .gallery-holder:hover .filter {

  background: rgba(33, 33, 33, 0.6);

}



.store .gallery-holder:hover .filter .text {

  opacity: 1;

}



.store .gallery-holder a {

  display: none;

  justify-content: center;

  align-items: center;

  width: 100%;

  height: 100%;

}



.store .gallery-holder a:nth-child(2) {

  display: block;

}



.store .gallery-holder a img {

  max-height: 100%;

}



.corner1 {

  width: 14.3%;

  height: 100vh;

  position: fixed;

  z-index: -9;

  top: 0;

  left: 0;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



/* .corner1 {

  width: 45%;

  height: 100vh;

  position: fixed;

  overflow: hidden;

  display: block;

  left: 0;

  margin-left: 0;

  z-index: 0;

  margin-top: 118px;

  -webkit-transition: all ease-in-out 0.4s;

  -moz-transition: all ease-in-out 0.4s;

  -ms-transition: all ease-in-out 0.4s;

  -o-transition: all ease-in-out 0.4s;

  transition: all ease-in-out 0.4s;

} */



/* .corner1 a {

  background: url(../../img/leftbannertest.jpg) right 0 no-repeat;

  display: block;

  height: 100%;

  margin-right: 600px;

} */



.corner2 {

  width: 14.3%;

  height: 100vh;

  position: fixed;

  z-index: -9;

  bottom: 0;

  right: 0;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.body-filter {

  position: fixed;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background: rgba(33, 33, 33, 0.6);

  z-index: 9;

  display: none;

}



.image-modal {

  position: fixed;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background: #fff;

  z-index: 9999999;

  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

  display: none;

}



.image-modal .icons {

  position: absolute;

  top: 15px;

  right: 15px;

  cursor: pointer;

  background: #333;

  color: #fff;

}



.table-row .table-head {

  font-size: 1.2rem;

  padding: 4px;

}



.table-row .table-items {

  vertical-align: middle;

  padding: 2px;

  text-align: center;

}

.-b2b-line-product-name a {

  max-width: 220px;

  display: block;

  margin: 0 auto;

}

.table-row .table-items.-red {

  color: red;

  font-weight: bold;

}



.table-row .table-items.-orange {

  color: orange;

  font-weight: bold;

}



.table-row .table-items.-green {

  color: green;

  font-weight: bold;

}



.table-row .table-items .image {

  height: 60px;

  margin: auto;

  cursor: pointer;

}



.table-row .table-items .field {

  padding: 3px 7px;

  width: 65px;

}



.table-row .table-items .button {

  width: 100%;

}



.filter-modal {

  width: 500px;

  position: fixed;

  background: #fff;

  top: 40px;

  left: 50%;

  transform: translate(-50%, 0);

  z-index: 999999;

  box-shadow: 0px 0px 2px #adadad;

  display: none;

  border-radius: 0px;

}

.sa-button.-filter {

  width: 100%;

  font-size: 1.8rem;

  margin-bottom: 10px;

}

.sa-button.-filter .icons {

  vertical-align: text-bottom;

}



.filter-modal .panel-title a {

  color: #fff;

}

.filter-modal .panel-title i {

  color: #fff;

}

.filter-modal .panel-title a:hover i {

  color: #fff;

}

.filter-modal label.css-label {

  color: #333;

}



.filter-modal .filter-color-ul {

  padding: 0;

  margin: 0;

  list-style: none;

  padding: 6px 0 0 6px;

}

.korpa-holder .korpa-ukupno .warning-info {

  color: red;

}

.korpa-holder-xs .korpa-ukupno .warning-info {

  color: red;

}



.social-share-holder {

  display: flex;

  margin-top: 20px;

}

.social-share-holder .contact-social-ul {

  margin-right: 10px;

}

.social-share-holder .fb-share-button {

  margin-right: 10px;

}



.bottom-info-holder {

  width: 100%;

  overflow: hidden;

  /*  display: flex;

    justify-content: space-between;

    align-items: center;*/

}



.product-spec-attr {

  float: left;

  width: 100%;

}

.product-spec-attr .list {

  padding: 0;

  margin: 0;

  padding-left: 15px;

}

.product-spec-attr .list .items {

  font-size: 1.6rem;

  line-height: 1.2;

}

.similar-products {

  margin-top: 10px;

  border-radius: 0px;

  /* background: #4c4c4c; */

  overflow: hidden;

  padding-bottom: 30px;

}

.similar-products .small-product-head .title {

  color: #000;

}

/* .similar-products .small-product-head .title:after {

  background: linear-gradient(

    to right,

    transparent 0%,

    #ffffff 50%,

    transparent 100%

  );

} */

.similar-title {

  display: flex;

  justify-content: center;

  margin-top: 20px;

}

.grouped-table tr {

  padding: 3px 6px;

  font-size: 11px;

  /*position: relative;*/

}

.grouped-table .large-image {

  position: absolute;

  z-index: 1000;

  display: none;

  box-shadow: 0 4px 25px 1px rgba(0, 0, 0, 0.2);

}



.grouped-table tr .field {

  width: 60px;

}

.grouped-table tr .trigerLarge {

  max-height: 50px;

  margin: 0 auto;

}

.grouped-table tr td {

  padding: 2px;

  vertical-align: middle;

}

.grouped-table .table > tbody > tr > td,

.table > tbody > tr > th,

.table > tfoot > tr > td,

.table > tfoot > tr > th,

.table > thead > tr > td,

.table > thead > tr > th {

  vertical-align: middle;

  font-size: 1.4rem;

  border: none;

  background-color: #ffffff;

  padding: 5px;

  font-size: 12px;

}



body

  > section

  > div

  > div

  > div

  > div

  > div

  > table

  > tbody

  > tr:nth-child(3)

  > td:nth-child(2),

body

  > section

  > div

  > div

  > div

  > div

  > div

  > table

  > tbody

  > tr:nth-child(3)

  > td:nth-child(3),

body

  > section

  > div

  > div

  > div

  > div

  > div

  > table

  > tbody

  > tr:nth-child(3)

  > td:nth-child(4),

body

  > section

  > div

  > div

  > div

  > div

  > div

  > table

  > tbody

  > tr:nth-child(3)

  > td:nth-child(5) {

  text-transform: uppercase;

/*  color: #0081b2;*/
color: #161616;

  font-weight: bold;

  padding-right: 20px;

}

.grouped-table p {

  margin: 0;

  font-weight: bold;

}

.my-icon {

  width: auto;

}

.grouped-table .f-s14 {

  font-size: 1.6rem;

}

.grouped-table .filter-color-ul .filter-color-li {

  width: 15px;

  height: 15px;

}

.grouped-table .filter-color-ul {

  padding: 0;

  margin: 0;

  list-style: none;

}

.grouped-table .disc {

  background: #ff6732;

  width: 100%;

  display: block;

  text-align: center;

  color: #fff;

  font-size: 1.2rem;

  font-weight: bold;

}

.grouped-table .sa-button {

  width: 130px;

}

.grouped-table .s-product-help {

  display: flex;

  align-items: center;

  justify-content: space-around;

}

.grouped-table

  .s-product-help

  .uporediForm

  input[type="checkbox"].css-checkbox

  + label.css-label {

  background-image: none;

  cursor: pointer;

  padding-left: 0;

  margin: 0;

  height: auto;

  display: flex;

  justify-content: center;

  align-items: center;

}

.grouped-table .s-product-help .icons {

  color: #c1c1c1;

  font-size: 2.5rem;

  cursor: pointer;

}

.grouped-table .s-product-help .icons:hover {

  color: #f9ce09;

}

.grouped-table .s-product-help .wish-icons {

  color: #c1c1c1;

}

.grouped-table .s-product-help .wish-icons:hover {

  color: #f9ce09;

}



.-product-b2b-table {

  width: 1286px;

}

/*.-product-b2b-table .table-items.-add-buttons{

    display: flex;

}

.-product-b2b-table .table-items.-add-buttons a{

    width: 100%;

}*/

.checkout-form {

  background: #f9f9f9;

  padding: 10px 0;

  border-radius: 0px;

  margin-bottom: 30px;

}

.checkout-form.-hidden {

  display: none;

}

.checkout-form.-delivery .my-label {

  font-size: 1.8rem;

}

.checkout-form.-delivery .my-label .choise-trigger {

  vertical-align: text-top;

}

.checkout-form .title {

  text-transform: uppercase;

  font-size: 2.5rem;

  font-weight: bold;

  margin-bottom: 30px;

}

.checkout-form .my-label {

  width: 100%;

  color: #333;

  font-size: 1.4rem;

  margin-bottom: 10px;

  cursor: pointer;

}

.checkout-form .my-label .field {

  width: 100%;

  padding: 5px 7px;

  border: 1px solid #ccc;

  border-radius: 0px;

  margin-top: 5px;

  font-size: 1.6rem;

  outline: none;

}

.checkout-form .my-label .field:focus {

  border-color: #4c4c4c;

}

.checkout-terms,

.recipient-address {

  padding: 10px 10px;

  text-align: right;

}

.checkout-terms .my-label {

  cursor: pointer;

  font-size: 1.6rem;

}

.checkout-terms .my-label .icons {

  vertical-align: bottom;

}

.recipient-address .my-label {

  cursor: pointer;

  font-size: 1.6rem;

}

.recipient-address .my-label .icons {

  vertical-align: bottom;

}

.checkout-terms .my-label .links {

  color: red;

}



.checkout-choise {

  display: none;

}

.checkout-delivery-table > tbody > tr > td {

  font-size: 1.6rem;

  padding: 6px 5px;

}

.checkout-finish-btn {

  background: #f9f9f9;

  margin-top: 30px;

  padding: 10px 0;

  border-radius: 0px;

}

.checkout-finish-btn .sa-button {

  width: 100%;

  font-size: 1.8rem;

}

.checkout-finish-btn .sa-button .icons {

  vertical-align: middle;

}



.checkout-confirmation-amount {

  font-size: 2rem;

  text-align: center;

  display: block;

  margin-top: 25px;

}



.checkout-confirmation-amount-comment-box {

  background: #f9f9f9;

  margin-top: 20px;

  border-radius: 0px;

  padding: 10px;

}

.checkout-confirmation-amount-comment-box p {

  background: #fff;

  padding: 0 10px;

  font-weight: bold;

}

.checkout-confirmation-info-box {

  background: #f9f9f9;

  border-radius: 0px;

  margin-bottom: 10px;

}

.checkout-confirmation-info-box .title {

  color: red;

}

.checkout-confirmation-info-box .title.-confirm {

  color: green;

  text-align: center;

  font-size: 3rem;

}

.checkout-confirmation-info-box .title.-confirm .dinamic {

  font-style: italic;

}

.checkout-confirmation-info-box .my-label-holder {

  /*display: flex;*/

}



.checkout-confirmation-my-label {

  padding-left: 15px;

}

.checkout-confirmation-my-label .static {

  font-weight: normal;

  font-style: italic;

  margin-right: 5px;

}

.checkout-confirmation-my-label .dinamic {

  font-size: 1.6rem;

  margin-right: 10px;

  color: #249212;

  font-weight: normal;

}

.zab-ll {

  color: #333;

}

.zab-ll:hover {

  color: #000;

}



.services-holder {

  background: #efefef;

  margin-bottom: 20px;

}

.services-holder .image-holder {

}

.services-holder .image-holder .image {

}

/* .container {

  background: #fff !important;

  padding: 0 5px;

} */
.info-box {
      padding: 20px 0;
}
.main-menu-col {

  text-align: center;

}

.main-menu-col .cont-list {

  list-style: none;

  padding: 0;

  margin: 0;

  display: flex;

  margin-top: 5px;

  justify-content: flex-end;

}

.main-menu-col .cont-list .items {

  font-size: 1.4rem;

  margin-left: 10px;

  display: flex;

  align-items: center;

}

.main-menu-col .cont-list .items .static {

  display: flex;

  align-items: center;

  margin-right: 5px;

}

.main-menu-col .cont-list .items .dinamic {

  font-size: 1.1rem;

}

.main-menu-col .cont-list .items .icons {

  font-size: 1.4rem;

}

.main-menu-col p {

  font-size: 19px;

  font-weight: 600;

  margin-top: -20px;

}



.flex-align {

  display: flex;

  align-items: center;

}

.navigation-holder.left-fixed {

  box-shadow: none;

  border: none;

  /*padding-top: 10px;*/ /*changed 23022022*/

}

.navigation-holder.left-fixed .navigation {

  display: block;

}

.navigation-holder.left-fixed .navigation .nav-ul {

  width: 100%;

  padding: 0;

}

.navigation-holder.left-fixed .navigation .nav-ul .nav-li {

  width: 100%;

  margin: 0 !important;

  border-radius: 0px !important;

  background: transparent;

  border: 1px solid #e6e7eb;

  display: flex;

  align-items: center;

  margin-top: 10px;

  position: relative;

  padding: 3px 5px !important;

}

.navigation-holder.left-fixed .navigation .nav-ul .nav-li a {

  color: #888;

  font-size: 1.8rem;

}

.navigation-holder.left-fixed .navigation .nav-ul .nav-li .icons {

  color: #888;

}

.navigation-holder.left-fixed .navigation .nav-ul .nav-li .icons.-arrow {

  font-size: 1.8rem;

}

.distributer {

  padding: 0 !important;

  margin-left: 260px;

  font-size: 24px;

}

.distributer img {

  margin-left: 25px;

  padding-bottom: 5px;

}

.banner-product .banners .list {

  list-style: none;

  margin: 0;

  padding: 0;

}

.banner-product .banners .list .items {

  margin-bottom: 10px;

}

.banner-product .banners .list .items .links .image {

  box-shadow: 0px 1px 3px #a5a5a5;

}

.news-banners .banners .list {

  list-style: none;

  margin: 0;

  padding: 0;

}

.news-banners .banners .list .items {

  margin-bottom: 10px;

}

.news-banners .banners .list .items .links .image {

  box-shadow: 0px 1px 3px #a5a5a5;

}



.product-page-banners .banners .list {

  list-style: none;

  margin: 0;

  padding: 0;

}

.product-page-banners .banners .list .items {

  margin-bottom: 10px;

}

.product-page-banners .banners .list .items .links .image {

  box-shadow: 0px 1px 3px #a5a5a5;

}



.product-page-banners {

  margin-top: 10px;

}

.segments {

  /* background: #f2f3f7; */

  /* background-image: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75));

  background-attachment: fixed;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  max-width: 100% !important; */

}

.segments .all-products {

  width: 100%;

  /* background: rgb(230, 0, 0); */

  padding: 5px 0;

  text-align: center;

}

.segments .all-products .links {

  color: #fff;

  display: inline-block;

  background: #e60000;

  margin-top: 10px;

}

.segments .all-products .links:hover {

  text-decoration: underline;

}



.wide-banners .list {

  list-style: none;

  padding: 0;

}

.wide-banners .list .items {

  margin-top: 10px;

}

.wide-banners .list .items .links .image {

  box-shadow: 0px 1px 3px #a5a5a5;

}



.vise-detalja-kategorija {

  margin-top: 50px;

  margin-bottom: 50px;

}



.vise-detalja-kategorija a img {

  width: 100%;

}



.saznajvise-holder {

  position: relative;

}



.saznajvise-details {

  text-transform: uppercase;

  position: absolute;

  right: 20px;

  bottom: 3px;

  color: white;

  font-weight: bold;

  display: flex;

  justify-content: center;

  align-items: center;

}



.saznajvise-details .saznaj-vise-arrow {

  width: 35px;

  padding-left: 3px;

}



.col-seter-zero {

  padding-left: 0;

  padding-right: 0;

}

.no-bckg {

  background: transparent !important;

}

.bottom-menu {

  width: 100%;

  position: fixed;

  bottom: 0;

  left: 0;

  /* background: rgb(255 113 0); */

  /* background-color: #0081b2; */

  background-color: #161616;

  z-index: 9;

}

.bottom-menu .cart-list {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 10px 0;

  /*border-top: 5px solid #ffffff;*/

}

.bottom-menu .cart-list li .wish-name.-bottom,

.cart-name.-bottom,

.user-name.-bottom {

  color: #fff;

}

.bottom-menu .cart-list li a .wish-count.-bottom,

.myspan-car.-bottom {

  color: #fff;

}



.myspan-car.-bottom {

  color: #e9e9e9;

}



.panel-signout {

  border-radius: 0;

  float: right;

}

footer .teh-list {

  width: 100%;

  text-align: center;

  list-style: none;

  padding: 0;

  margin: 10px 0;

}

footer .teh-list li {

  display: inline-block;

  margin-right: 20px;

}

footer .teh-list li a {

  color: #fff;

  font-size: 1.2rem;

}

footer .teh-list li a:hover {

  text-decoration: underline;

}

h1.first-title {

        text-transform: uppercase;

    text-align: center;

    padding: 20px 0;

    font-weight: 600;

}

p.first-text {

    text-align: center;

        font-size: 16px;

        padding-bottom: 25px;

}

.index-slider-title {

  font-size: 3rem;

  margin: 30px auto;

  font-weight: bold;

  /* background: #e60000; Ova boja da se ne menja */

  padding: 5px;

  color: #000;

  width: 100%;

  text-align: center;

}

.index-slider-title:after {

  display: none;

}

.extra_det_desc {

  text-align: center;

  margin-bottom: 45px;

  font-size: 1.8rem;

  text-align: justify;

}

.requ {

  width: 100%;

  float: right;

  padding: 10px 5px;

  border: 1px solid #eee;

}

.requ .text {

  line-height: 1.2;

  font-size: 1.2rem;

}

.requ .form form {

  display: flex;

}

.requ .form .field {

  outline: none;

  width: 100%;

  margin-right: 5px;

}

.requ .form .field.-price {

  width: 100px;

}

.requ .form .myBtn {

  padding: 3px 6px;

}



.left-mil {

  width: 45%;

  height: 100vh;

  position: fixed;

  overflow: hidden;

  display: block;



  display: none;



  left: 0;

  margin-left: 0;

  z-index: 0;

  margin-top: 108px;

  -webkit-transition: all ease-in-out 0.4s;

  -moz-transition: all ease-in-out 0.4s;

  -ms-transition: all ease-in-out 0.4s;

  -o-transition: all ease-in-out 0.4s;

  transition: all ease-in-out 0.4s;

}



.left-mil a {

  background: url(../../img/leftbannertest.jpg) right 0 no-repeat;

  display: block;

  height: 100%;

  margin-right: 600px;

}



.right-mil {

  width: 45%;

  height: 100vh;

  position: fixed;

  z-index: 0;

  overflow: hidden;

  display: block;



  display: none;



  right: -3px;

  margin-right: 0;

  margin-top: 108px;

  -webkit-transition: all ease-in-out 0.4s;

  -moz-transition: all ease-in-out 0.4s;

  -ms-transition: all ease-in-out 0.4s;

  -o-transition: all ease-in-out 0.4s;

  transition: all ease-in-out 0.4s;

}



.right-mil a {

  background: url(../../img/right_banner_video-nadzor.jpg) left 0 no-repeat;

  display: block;

  width: 445px;

  height: 100%;

  margin-left: 600px;

  /*margin-top: 120px;*/

}

.offer-button {

  width: 100%;

  background: #f9ce09;

  border-color: #f9ce09;

  color: #333;

}

.offer-button:hover {

  background: #e0b500;

  border-color: #e0b500;

}

.commercialist-chose-page {

  min-height: 800px;

}



.b2b-login-page {

  min-height: 700px;
  margin-top: 69px;

}

.b2b-login-page .myBtn {

  /* background: rgb(230, 0, 0); */

  background: #161616;

  border-radius: 0px;

}



.b2b-login-page .myBtn:hover {

  background: #161616d6;

}



.product-description iframe {

  max-width: 100%;

  height: auto;

  height: 323px;

}

.baner-holder {

  border: 1px solid #eee;

}

.baner-holder img {

  float: none !important;

  width: 100% !important;

  height: auto !important;

}

.cat-icons-shop {

  display: inline-block;

  margin-right: 5px;

}

.prod-cate-number {

  margin-left: 20px;

  color: #000;

  font-size: 1.1rem;

}

.vis-cate-prod {

  visibility: hidden;

}



.shop-categories-drop {

/*  display: none;*/

}

.shop-categories-expand {

  background: #161616 !important;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.shop-categories-expand .flex-list-link {

  display: flex;

  align-items: center;

}

.shop-categories-expand .flex-list-link a {

  color: #fff !important;

}

.shop-categories-expand .flex-list-link .icons {

  color: #fff !important;

}

.shop-categories-expand .flex-list-link .icons.-arrow {

  color: #fff !important;

}

.navigation-holder.left-fixed .navigation .nav-ul .nav-li .icons.-arrow {

  color: #fff !important;

}

.contact-header {

  /* background-color: #f2f3f7; */

  padding: 5px 0;

  font-weight: bold;

  background: #e5e5e5;

  border-bottom: 1px solid #171717;

  box-shadow: 0px 0px 8px lightgray;

}

/* .contact-header .container {

  background-color: #f2f3f7 !important;

} */

.contact-header .right li {

  display: inline-block;

}

.contact-header .left li {

  display: inline-block;

}

.contact-header .left {

  list-style: none;

  padding: 0;

  margin: 0;

  display: flex;

  flex-direction: row;

  /* margin-top: 1px; */

  margin-top: 4px;

  font-weight: normal;

}

.contact-header .left .items {

  display: flex;

  align-items: center;

  font-size: 1.2rem;

}

.left .items .image {

  width: 20px;

  /* margin-right: 10px; */

  margin-right: 5px;

}



.left .items .image:hover {

  transform: scale(1.2);

  transition: all 0.5s ease-in-out;

  cursor: pointer;

}



.contact-header .left .items:nth-child(2) {

  margin-left: 10px;

}

.contact-header .left .items .static {

  /* font-size: 11.5px; */

  color: #000;

}

.contact-header .left .items a {

  margin-left: 5px;

  /* color: #fff; */

  color: #000;
  font-size: 14px;

}

.contact-header .left .items .viber {

  margin-left: 5px;

}

.contact-header .list.-viber-list {

  justify-content: flex-end;

}

.contact-header .list .items {

  color: #333;

  margin-right: 30px;

  position: relative;

}

.contact-header .list .items:after {

  content: "";

  width: 7px;

  height: 1px;

  background: #fff;

  display: block;

  position: absolute;

  right: -18px;

  top: 50%;

  transform: translate(0, -50%);

}

.contact-header .list .items:last-child {

  margin-right: 0;

}

.contact-header .list .items:last-child:after {

  display: none;

}

.viber-image {

  width: 20px;

  margin-right: 10px;

}

.qSearchItemImage {

  width: 60px;

  height: 60px;

  float: left;

  margin-right: 10px;

}

.social-ul-head {

  list-style: none;

  padding: 0;

  margin: 0;

  display: flex;

  align-items: center;

  justify-content: flex-end;

}

.social-ul-head-flex-wrap {

  display: flex;

  justify-content: space-between;

}

.social-ul-head li a img {

  width: 25px;
  filter: invert(1);

}

.social-ul-head li a img:hover {

  transform: scale(1.05);

  transition: all 0.2s ease-in-out;

}

.social-ul-head li {

  margin-right: 15px;

}



.captchaHolder {

  margin: 20px 10px 20px 0;

  text-align: right;

}



.captcha-input {

  max-width: 150px;

  display: inline-block;

}



label .icons,

.payment-option .icons {

  vertical-align: bottom;

}



.saleBannerWelcome {

  display: block;

  margin-left: auto;

  margin-right: auto;

  width: 100%;

}

.parallax_holder {

  width: 100%;

  /*height: 650px;*/

  height: 400px;

  margin: 50px 0;

}

.parallax_holder .parallax {

  height: 100%;



  background-attachment: fixed;

  background-repeat: no-repeat;

  /* background-size: cover; */

  position: relative;

  text-align: center;

  /* display: flex; */

  transform: translate3d(0, 0, 0);

  align-items: center;

  justify-content: center;

}

.all-products {

  padding: 30px;

}



/*add-to-chart-modal*/

/* The Modal (background) */

.addToChartModal {

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 99999999999999999; /* Sit on top */

  padding-top: 100px; /* Location of the box */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: auto; /* Enable scroll if needed */

  background-color: rgb(0, 0, 0); /* Fallback color */

  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */

}



/* Modal Content */

.add-to-chart-modal-content {

  position: relative;

  background-color: #fefefe;

  margin: auto;

  padding: 0;

  border: 1px solid #888;

  width: 50%;

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

  -webkit-animation-name: animatetop;

  -webkit-animation-duration: 0.4s;

  animation-name: animatetop;

  animation-duration: 0.4s;

}



.add-to-chart-modal-body img {

  width: 150px;

}
.s-product-holder.pos.product.info .s-product-price {
    display: none;
}
.s-product-holder.pos.product.info .s-product-help {
  display: none;
}
.s-product-holder.pos.product.info .s-product-name {
  height: 50px !important;
}
.s-product-holder.pos.product.info .wish-icons {
  display: none;
}
.s-product-holder.pos.product.info .stiker-holder {
  display: none;
}
/*NAV PROBA*/

.tester {
  height: 200px;
  width: 200px;
  background: gold;
}


.containers {
  margin: 20px auto;
  width: 100%;
/*  width: 1200px;*/
/*  max-width: 960px;*/
  position: relative;
/*  top: 50px;*/
/*top: -68px;*/
	top: -35px;
   display: flex;
   padding-left: 50px;
}
nav.nav-new {
    width: 30%;
    display: flex;
        margin-left: -50px;
}
section.container_tabs.gds-card{
  min-height: 400px;
/*  width: 80%;*/
width: calc(100% - 24rem);
      margin-left: 50px;
}
a.itm.gds-nav-tabs__link {
    background-color: #ffffff00;
}


.tabs {
     height: 400px;
    display: none;
    position: relative;
/*    left: 115px;*/
    left: 31px;
    padding: 20px;
    background: transparent !important;
/*    width: ;*/
}
/*.tabs .tab:first-child {
  pointer-events: none; 
  opacity: 0.5; 
}*/

.active {
  display: block;
}
.product-modal {
    display: flex;
    flex-wrap: wrap;
/*    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;*/
    width: 80%;
    /* display: flex
; */
    /* flex-wrap: wrap; */
    margin-right: 50px;
      gap: 10px;
  width: 100%;
}
.xs-product-pic.new.navimenu img {
/*    scale: 1.2;*/
}
/*NAV KRAJ*/
form#partner_updatedata_form {
    padding-top: 80px;
}
/* Add Animation */

@-webkit-keyframes animatetop {

  from {

    top: -300px;

    opacity: 0;

  }

  to {

    top: 0;

    opacity: 1;

  }

}



@keyframes animatetop {

  from {

    top: -300px;

    opacity: 0;

  }

  to {

    top: 0;

    opacity: 1;

  }

}



/* The Close Button */

.add-to-chart-close {

  color: white;

  float: right;

  font-size: 28px;

  font-weight: bold;

}



.add-to-chart-close:hover,

.add-to-chart-close:focus {

  color: #000;

  text-decoration: none;

  cursor: pointer;

}



.add-to-chart-modal-header {

  padding: 2px 16px;

  background-color: #161616;

  color: white;

}



.add-to-chart-modal-header h2 {

  text-align: center;

}



.add-to-chart-modal-body {

  padding: 20px 16px;

  text-align: center;

  justify-content: center;

}



.add-to-chart-modal-footer {

  padding: 20px 16px;

  background-color: #fff;

  color: white;

}



/*add-to-chart-modal END*/

/*POPUP NOTICE*/

.notice-modal {

  position: fixed;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background-color: rgba(2, 125, 195, 0.87);

  padding: 60px 30px;

  width: 700px;

  border-radius: 5px;

  z-index: 9;

  display: none;

}

.notice-modal .icons {

  position: absolute;

  top: 10px;

  right: 10px;

  cursor: pointer;

  color: #fff;

  font-size: 4rem;

}

.notice-modal .text-holder {

  margin-bottom: 30px;

  text-align: center;

}

.notice-modal .text-holder .title {

  margin: 0;

  color: #fff;

  margin-bottom: 10px;

  font-size: 4rem;

  text-transform: uppercase;

}

.notice-modal .text-holder .text {

  margin: 0;

  color: #fff;

  font-size: 1.6rem;

}

.notice-modal .input-holder .notice-form {

  display: flex;

  align-items: center;

  justify-content: center;

}

.notice-modal .input-holder .field {

  font-size: 2rem;

  padding: 10px 5px;

  padding-bottom: 12px;

  border-top-left-radius: 5px;

  border-bottom-left-radius: 5px;

  border: 2px solid transparent;

  outline: none;

  width: 78%;

}

.notice-modal .input-holder .field:focus {

  border-color: #48a9a6;

}

.notice-modal .input-holder .notice-modal-btn {

  border-top-left-radius: 0 !important;

  border-bottom-left-radius: 0 !important;

  margin-left: -5px;

}

/*POPUP NOTICE END*/

#myCarousel .f-carousel__slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.search {
    width: 30px;
    height: 30px;
}

.accordion {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
/*  border: none;*/
  text-align: left;
  outline: none;
  font-size: 22px;
    font-weight: 600;
  transition: 0.4s;
 border-bottom: 1px solid #d5d8dc !important;
    border-left: none;
    border-right: none;
    border-top: none;
}
.accordion::after {

}
.accordion::before {
    content: "\276F";
    width: 1em;
    height: 1em;
    text-align: center;
    transform: rotate(90deg);
    transition: all 0.35s;
    padding-right: 10px;
}
/*.accordion::before {
      content: "\276F";
    width: 1em;
    height: 1em;
    text-align: center;
      transform: rotate(270deg);
}*/
.active, .accordion:hover {
  background-color: #fff; 
}
.swiper-wrapper {
  justify-content: center;
}
.panel {
  padding: 0 18px;
  display: none;
  background-color: #efefef;;
  overflow: hidden;
}
.go-center {
    text-align: center;
}
.acc-content {
    width: 500px;
    margin: auto;
}
.title-diler h1 {
    font-size: 57px;
    font-weight: bold;
    text-transform: uppercase;
}
.title-diler p {
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
}
.text-diler {
    padding: 40px 0;
    width: 500px;
    margin: 0 auto;
}
.text-diler .pm {
    text-decoration: underline;
    text-decoration-style: double;
    text-transform: uppercase;
    text-align: center;
    font-size: 35px;
    letter-spacing: 1px;
    word-spacing: 1px;
    color: #000;
    /* background-color: rgb(84, 84, 84); */
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.text-diler .od {
    text-decoration: underline;
    text-decoration-style: double;
    text-transform: uppercase;
    text-align: center;
    font-size: 35px;
    letter-spacing: 1px;
    word-spacing: 1px;
    color: #000;
    /* background-color: rgb(84, 84, 84); */
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.text-diler .pm::before{
    content: '';
    width: 155px;
    height: 2px;
    background: #161616;
    display: none;
    position: absolute;
    border-radius: 20px;
    right: 32%;
    top: 38%;
    transform: translate(0, -50%);
}
.text-diler .pm::after{
      content: '';
    width: 155px;
    height: 2px;
    background: #161616;
    display: none;
    position: absolute;
    border-radius: 20px;
    left: 32%;
    top: 38%;
    transform: translate(0, -50%);
}
.text-diler .od::before{
    content: '';
    width: 155px;
    height: 2px;
    background: #161616;
    display: none;
    position: absolute;
    border-radius: 20px;
    right: 32%;
    top: 87%;
    transform: translate(0, -50%);
}
.text-diler .od::after{
      content: '';
    width: 155px;
    height: 2px;
    background: #161616;
    display: none;
    position: absolute;
    border-radius: 20px;
    left: 32%;
    top: 87%;
    transform: translate(0, -50%);
}
.text-diler .service-pm {
    text-decoration: underline;
    text-decoration-style: double;
    text-transform: uppercase;
    text-align: center;
    font-size: 35px;
    letter-spacing: 1px;
    word-spacing: 1px;
    color: #000;
    /* background-color: rgb(84, 84, 84); */
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.text-diler .service-od {
    text-decoration: underline;
    text-decoration-style: double;
    text-transform: uppercase;
    text-align: center;
    font-size: 35px;
    letter-spacing: 1px;
    word-spacing: 1px;
    color: #000;
    /* background-color: rgb(84, 84, 84); */
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
/*.text-diler .service-pm::before{
    content: '';
    width: 131px;
    height: 2px;
    background: #161616;
    display: block;
    position: absolute;
    border-radius: 20px;
    right: 32%;
    top: 40%;
    transform: translate(0, -50%);
}
.text-diler .service-pm::after{
      content: '';
    width: 131px;
    height: 2px;
    background: #161616;
    display: block;
    position: absolute;
    border-radius: 20px;
    left: 32%;
    top: 40%;
    transform: translate(0, -50%);
}*/

/*.text-diler .service-od::before{
    content: '';
    width: 112px;
    height: 2px;
    background: #161616;
    display: block;
    position: absolute;
    border-radius: 20px;
    right: 32%;
    top: 86%;
    transform: translate(0, -50%);
}
.text-diler .service-od::after{
      content: '';
    width: 112px;
    height: 2px;
    background: #161616;
    display: block;
    position: absolute;
    border-radius: 20px;
    left: 32%;
    top: 86%;
    transform: translate(0, -50%);
}*/
.text-diler h2 {
    font-weight: 600;
}
@media all and (min-width: 1400px) and (max-width: 1580px) {
.m-list:before {
	right: 65rem !important;
	}

}
@media all and (min-width: 1400px) {

  .-product-b2b-table {

    width: 1330px;

  }

  .container {

    width: 1360px;

  }



  .border-seter:nth-child(4n) .s-product-holder {

    border-right: 1px solid #e7e7e7;

  }



  .border-seter:nth-child(-n + 4) .s-product-holder {

    border-bottom: 1px solid #e7e7e7;

    border-top: 1px solid #e7e7e7;

  }



  .border-seter:nth-last-child(-n + 4) .s-product-holder {

    border-bottom: 1px solid #e7e7e7;

  }
  .m-list {
/*    width: 115rem; */
    width: 66rem;
    /*width: 55rem;*/
  }
/*  .tabs {
    left: 48px;
  }*/

}



@media all and (min-width: 1200px) and (max-width: 1399px) {
.small-m-r {
    margin-right: 0;
}
  .cart-list li a .wish-count,

  .myspan-car {

    left: 10px;

  }

  .korpa-holder .korpa-kolicina .korpa-osvezi {

    display: flex;

    justify-content: start;

  }
  section.container_tabs.gds-card {
    width: 60%;
  }
  .m-list {
    width: 1000px;
  }
  .m-list:before {
    width: 582px;
    right: 700px;
  }
  .tabs {
    left: 0;
  }

  .sec-cat .img-info {
    width: 530px;
  }

  .myspan-car {

    color: #fff;

  }

  .xs-product-holder .xs-product-name {

    height: 100px;

  }



  .main-drop .main-drop-ul .main-drop-li .main-drop-a {

    font-size: 1rem;

    width: 145px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

  }



  .cart-list li a .wish-count-fixed,

  .myspan-car-fixed {

    left: 15px;

  }



  .navigation-holder .navigation .nav-ul .nav-li {

    margin-right: 6px;

  }

  .navigation-holder .navigation .nav-ul .nav-li > a {

    font-size: 1.3rem;

  }

  .news-holder .news-head h4 {

    height: 61px;

  }

  .nfixed_help7 {

    width: 360px !important;

  }

  .info-baner .text-holder .text {

    font-size: 1.4rem;

  }

  .my-main-menu .mySearch-form .mySearch-button {

    margin: 0;

  }

  .my-main-menu .mySearch-form #mySearch-input1 {

    width: 260px;

  }

  .page-head {

    background: #fff;

  }

  .breadcrumb {

    width: 1170px;

    margin: 0 auto;

  }

  .table-row .table-items .image {

    height: 45px;

  }

  .product-info .stock-holder .stock {

    font-size: 1.4rem;

  }

  .product-spec-attr .list .items {

    font-size: 1.4rem;

  }

  .product-info .product-cart {

    margin-bottom: 0;

    margin-top: 10px;

  }

  .product-info .product-cart button.dec-value {

    margin-right: -4px;

  }

  .product-info .product-compare-wish {

    margin-bottom: 0;

  }

  .bottom-info-holder {

    /*display: flex;*/

    /*align-items: center;*/

  }

  .product-info .product-compare-wish .wish-product-btn {

    margin-left: 5px;

  }

  .product-info .product-compare-wish .uporediForm .icons {

    font-size: 2rem;

  }

  .product-info .product-compare-wish .wish-icons {

    font-size: 2rem;

  }

  .product-info .product-cart .sa-button {

    font-size: 1.4rem;

    padding: 4px 12px;

  }

  .product-info .product-cart .product-input {

    width: 50px;

    height: 30px;

    font-size: 1.4rem;

  }

  .product-info .product-cart button {

    height: 30px;

    width: 28px;

  }

  .product-info .product-price p.discount-price {

    font-size: 2rem;

  }

  .product-info .product-brand {

    height: 30px;

  }

  .s-product-holder .disc {

    font-size: 1.2rem;

    /* width: 34px; */

    width: 60px;

    height: 28px;

  }



  .sa-button {

    padding: 6px;

  }

  .b2b-sa-button {

    padding: 4px 12px;

  }



  .s-product-holder .s-product-price .price-help p {

    font-size: 1.6rem;

  }



  .s-product-holder .s-product-price .price-help .sa-button {

    min-width: 95px;

    font-size: 1rem;

  }



  .side-filters .side-kate-ul .side-kate-li a {

    font-size: 1.4rem;

  }



  .nfixed_help9 {

    width: 695px !important;

  }



  .main-drop .main-drop-ul .main-drop-li .sec-drop {

    width: 895px;

  }



  .border-seter:nth-child(4n) .s-product-holder {

    border-right: 1px solid #e7e7e7;

  }



  .border-seter:nth-child(-n + 4) .s-product-holder {

    border-bottom: 1px solid #e7e7e7;

    border-top: 1px solid #e7e7e7;

  }



  .border-seter:nth-last-child(-n + 4) .s-product-holder {

    border-bottom: 1px solid #e7e7e7;

  }



  footer .newsletter-foo .newsletter {

    width: 280px;

  }



  .newsletter-foo .newsletter-holder h4,

  .newsletter-foo .newsletter-holder-viber h4 {

    font-size: 15px;

  }



  .newsletter-foo .newsletter-holder {

    margin-left: 15%;

  }



  .newsletter-foo-viber form {

    margin-right: 15%;

  }



  .newsletter-foo .newsletter-btn {

    margin-top: 5px;

  }



  .social-foo .social-ul-foo li a img {

    width: 35px;

  }



  .newsletter-foo-viber form .addNewsletterPhoneButton {

    right: -75px;

  }

  .newsletter-foo form .addNewsletterButton1 {

    right: -30px;

  }

  .newsletter-row form {

    margin-left: 20px;

  }

}



@media all and (min-width: 992px) and (max-width: 1199px) {
	.m-list {
		width: 126rem;
	}
	.m-list:before {
		width: 565px;
	}
  .product-sec-pic.transition.two {
    width: auto;
    height: 120px;
  }
  .sliderHome {
    margin-top: 0;
  }
  .sec-cat .img-info {
    width: 100%;
  }
  .image-cat {
    padding: 10px 0;
}
  .-body-bckg {
    /*padding-top: 66px*/
  }
  .myslider {
    margin-top: 0;
  }
  .owl-carousel .owl-item img {
    padding-top: 0;
  }
  .sec-cat .img-info a {
    width: 61%;
  }

  .small-products-button {

    padding: 5px 10px;

  }

  .cart-list li a .wish-count-fixed,

  .myspan-car-fixed {

    left: 10px;

  }

  .korpa-holder .korpa-kolicina .korpa-osvezi {

    display: flex;

    justify-content: start;

  }

  .h-product-holder .disc {

    /* right: -40px;

    bottom: -30px; */

    right: 0;

    bottom: 0;

  }

  .calculator-wrapper .title {

    font-size: 1.4rem;

  }

  .calculator .asa {

    font-size: 1.2rem;

  }

  .calculator .asa span {

    display: flex;

  }

  .calculator .form-item input {

    width: 60%;

    font-size: 1.2rem;

  }

  .calculator .form-item label {

    font-size: 1.15rem;

  }

  .calculator .form-item span {

    font-size: 1.2rem;

  }

  .calculator .info {

    font-size: 1.1rem;

  }

  .navigation-holder.left-fixed .navigation .nav-ul .nav-li a {

    font-size: 1.4rem;

  }

  .panel-title a {

    font-size: 12px;

  }



  .s-product-holder .wish-icons {

    left: 57%;

    /* left: 85%; */

  }

  .main-menu-col {

    text-align: left;

  }

  .my-main-menu .mySearch-form {

    margin-left: -65px;

  }

  .my-main-menu .logo-holder a img {

    width: 250px;

    height: auto;

  }

  .mil-lang {

    margin-left: 5px;

    font-size: 1rem;

  }

  .navigation-holder .navigation .nav-ul .nav-li {

    margin-right: 6px;

  }

  .navigation-holder .navigation .nav-ul .nav-li > a {

    font-size: 1.2rem;

    letter-spacing: 0;

  }

  .news-holder .news-head small {

    display: block;

    text-align: center;

  }

  .news-holder .timeSpan {

    display: block;

    text-align: center;

    float: none;

  }

  .news-holder .news-head h4 {

    height: 55px;

    font-size: 1.6rem;

  }

  .top-info-holder p {

    font-size: 1.2rem;

  }

  .top-info-holder h2 {

    font-size: 1.4rem;

  }

  .last-laptop {

    padding-right: 50px;

  }

  .distributer {

    display: contents;

  }

  .product-pic .stiker-holder2 img {

    width: 60%;

  }

  .product-head-name {

    font-size: 2rem;

  }

  .product-pic .disc {

    width: 80px;

    height: 28px;

    /* font-size: 1.8rem; */

    font-size: 1.6rem;

  }

  footer .footer-links .after {

    font-size: 1.5rem;

  }

  .info-baner .text-holder {

    height: 35px;

  }

  .info-baner .text-holder .text {

    font-size: 1.4rem;

  }

  .xs-product-holder .xs-product-price p {

    font-size: 1.5rem;

  }

  .xs-product-holder .xs-product-name a {

    font-size: 1.3rem;

  }

  .xs-product-holder .akcija {

    width: 55px;

  }

  .xs-product-holder .disc {

    /*top: 30%;*/

    font-size: 1.3rem;

  }

  .xs-product-holder .stiker-holder {

    width: 35px;

  }

  .xs-product-holder .xs-product-pic {

    height: 100px;

  }

  .xs-product-holder .xs-product-name {

    height: 100px;

  }

  .main-drop .main-drop-ul .main-drop-li .main-drop-a {

    font-size: 1rem;

    width: 100px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

  }

  .cart-list li a .wish-count,

  .myspan-car {

    /* left: 2px; */

    left: 5px;

  }

  .main-drop

    .main-drop-ul

    .main-drop-li

    .sec-drop

    .sec-drop-ul

    .sec-drop-li

    a

    img {

    width: 30px;

  }

  .main-drop

    .main-drop-ul

    .main-drop-li

    .sec-drop

    .sec-drop-ul

    .sec-drop-li

    .soc-drop-a1 {

    font-size: 1.2rem;

  }

  .main-drop

    .main-drop-ul

    .main-drop-li

    .sec-drop

    .sec-drop-ul

    .sec-drop-li

    .soc-drop-a2 {

    font-size: 1rem;

  }

  .fourth-deep .list .items .links {

    font-size: 1rem;

  }

  .nfixed_help3 {

    padding: 10px 7px !important;

  }

  .categories-holder .categories-text p {

    font-size: 1.4rem;

  }

  .korpa-holder .korpa-proizvod .korpa-proizvod-pic {

    width: 50px;

    height: 50px;

  }

  .korpa-holder .korpa-cena span {

    font-size: 1.4rem;

  }

  .korpa-holder .korpa-ukupno span {

    font-size: 1.4rem;

  }

  .page-head {

    background: #fff;
/*    margin-top: 0;*/

  }

  .breadcrumb {

    width: 970px;

    margin: 0 auto;

  }

  .table-row .table-items .image {

    height: 45px;

  }

  .small-product-head .title {

    font-size: 1.4rem;

    letter-spacing: 0px;

  }

  .product-info .stock-holder .stock {

    font-size: 1.3rem;

  }

  .product-spec-attr .list .items {

    font-size: 1.3rem;

  }

  .p-video-holder {

    height: 300px;

  }

  .product-info .product-cart {

    margin-bottom: 0;

  }

  .product-info .product-compare-wish {

    margin-bottom: 0;

  }

  .bottom-info-holder {

    /*display: flex;*/

    align-items: center;

  }

  .product-info .product-cart button {

    height: 35px;

  }

  .product-info .product-cart .sa-button {

    font-size: 1.6rem;

  }

  .product-info .product-cart .product-input {

    font-size: 1.6rem;

    height: 35px;

  }

  .product-info .product-attr .product-attr-ul a .product-attr-li {

    min-width: 30px;

    height: 30px;

  }

  .product-info .product-attr {

    width: 65%;

  }

  .product-info .product-brand {

    height: 25px;

  }

  .product-info .product-price p.savings {

    font-size: 1.2rem;

  }

  .product-info .product-price p.real-price {

    font-size: 1.4rem;

  }

  .product-info .product-price p.discount-price {

    font-size: 2rem;

  }

  .product-pic .akcija3 {

    width: 70px;

  }

  .product-pic {

    height: 340px;

  }
.product-pic.pos.new {
  height: auto;
}
  .cart-help-ul .cart-help-li a {

    font-size: 1.2rem;

  }

  .cart-container {

    width: 100%;

  }

  .categories-help {

    margin-bottom: 5px;

  }



  .s-product-holder .disc {

    font-size: 1.2rem;

    /* width: 34px; */

    height: 28px;

  }



  .side-filters .side-kate-ul .side-kate-li i {

    margin-top: 0;

  }



  .side-filters .side-kate-ul .side-kate-li a {

    font-size: 1.2rem;

  }



  .border-seter:nth-child(-n + 3) .s-product-holder {

    border-bottom: 1px solid #e7e7e7;

    border-top: 1px solid #e7e7e7;

  }



  .border-seter:nth-last-child(-n + 3) .s-product-holder {

    border-bottom: 1px solid #e7e7e7;

  }



  .border-seter:nth-child(3n) .s-product-holder {

    border-right: 1px solid #e7e7e7;

  }



  .order-number {

    width: 20px;

    height: 20px;

    font-size: 1.4rem;

  }



  .nav-tabs.nav-justified > li > a {

    font-size: 1.4rem;

  }



  .store .gallery-holder {

    width: 240px;

  }



  .sve-korpa h4 .total-price-cart {

    font-size: 1.6rem;

  }



  .aditi {

    font-size: 1.4rem;

  }



  .big-news-holder .big-news-pic {

    height: 330px;

  }



  .news-holder .news-pic {

    height: 150px;

  }



  .news-help-holder .news-search-holder .news-help-head {

    padding: 7px;

  }



  .korpa-holder .korpa-kolicina .product-input {

    width: 50px;

  }



  .product-info .product-cart {

    /*width: 100%;*/

    margin-top: 10px;

  }



  .nfixed_help9 {

    width: 528px !important;

  }



  .nfixed_help7 {

    width: 340px !important;

  }



  .news-help-holder .news-search-holder input {

    width: 129px;

  }



  .cart-slide .cart-slide-body .cart-slide-item .cart-slide-name {

    width: 306px;

  }



  .my-main-menu .mySearch-form #mySearch-input {

    width: 340px;

  }



  .my-main-menu .mySearch-form #mySearch-input1 {

    width: 340px;

  }



  .main-drop .main-drop-ul .main-drop-li .sec-drop {

    width: 740px;

    left: 94%;

  }



  .main-drop .main-drop-ul .main-drop-li .sec-drop .sec-drop-ul .sec-drop-li {

    /*min-height: 190px;*/

  }



  footer .newsletter-foo .newsletter {

    width: 240px;

  }



  .newsletter-foo .newsletter-btn {

    margin-top: 5px;

  }



  .newsletter-foo .newsletter-holder {

    margin-left: 0;

  }



  .newsletter-foo .newsletter-holder h4,

  .newsletter-foo .newsletter-holder-viber h4 {

    font-size: 12px;

  }



  .newsletter-foo .newsletterInput1 {

    font-size: 12px;

  }



  .newsletter-foo-viber form {

    margin-right: 0;

  }



  .social-foo .social-ul-foo li a img {

    width: 28px;

  }



  .s-product-holder .zelja {

    right: 65px;

  }



  .h-product-holder .h-product-pic .akcija2 {

    width: 40px;

  }



  .b2b-btn {

    margin-top: 3px;

  }

}



@media all and (min-width: 768px) and (max-width: 991px) {
	.xs-product-pic.new.navimenu {
    height: 100% !important;
    width: 100px;
}
    .hero {
    height: 350px;
  }
  .sliderHome {
    height: 300px;
  }
    .product-sec-pic.transition.two {
    width: auto;
    height: 120px;
  }
  .img-track {
    padding-top: 71px;
  }
  .img-track img {
    width: 100%;
    height: 100%;
  }
  .text-diler .pm::before {
    display: none;
  }
  .text-diler .pm::after {
    display: none;
  }
  .text-diler .od::before {
    display: none;
  }
  .text-diler .od::after {
    display: none;
  }
  .burger {
    top: -13px;
  } 
  .sec-cat .img-info {
    width: 300px;
  }
  .image-cat {
    padding: 10px 0;
  }
  section.container_tabs.gds-card {
/*    width: 60%;*/
  }
  .m-list {
    width: 109rem;
  }
  .m-list:before {
      /*width: 528px;
      right: 48rem;*/
      width: 676px;
        right: 64rem;
  }
  .tabs {
    left: 41px;
  }
  .myslider {
    margin-top: 0;
  }

  .small-products-button {

    padding: 5px 2px;

  }

  .phone-list {

    flex-wrap: wrap;

  }

  .korpa-holder .korpa-kolicina .korpa-osvezi {

    display: flex;

    justify-content: start;

  }

  .h-product-holder .disc {

    /* right: -50px;

    bottom: -30px; */

    right: 0;

    bottom: 0;

  }

  .big-news-holder .big-news-pic .news-head {

    width: 75%;

  }

  .s-product-holder .wish-icons {

    left: 57%;

    /* left: 85%; */

  }

  .s-product-holder .s-product-name .name {

    /* font-size: 1.2rem; */

    font-size: 1.4rem;

    /* height: 45px; */

    height: 35px;

    display: -webkit-box;

    /* -webkit-line-clamp: 3; */

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

  }

  .my-main-menu .logo-holder a img {

    height: 50px;

  }

  .contact-header .left .items .viber {

    margin-left: 0;

  }

  .slide-menu .body-container .body {

    width: 60%;

  }

  .slide-menu {

    width: 60%;

  }

  .navigation-holder .navigation .nav-ul {

    /* flex-wrap: wrap; */

  }

  .mil-lang {

    margin-left: 5px;

    font-size: 1rem;

  }

  .navigation-holder .navigation .nav-ul .nav-li {

    margin-right: 6px;

  }

  .navigation-holder .navigation .nav-ul .nav-li > a {

    font-size: 1.2rem;

    letter-spacing: 0;

  }

  .banner-left-grid {

    display: grid;

    grid-template-columns: auto auto auto;

    grid-column-gap: 30px;

    grid-row-gap: 30px;

  }

  .news-holder .news-head small {

    display: block;

    text-align: center;

  }

  .news-holder .timeSpan {

    display: block;

    text-align: center;

    float: none;

  }

  .news-holder .news-head h4 {

    height: 54px;

    font-size: 1.6rem;

  }

  .big-news-holder .big-news-pic .news-head p {

    line-height: 1.2;

    display: -webkit-box;

    -webkit-line-clamp: 7;

    -webkit-box-orient: vertical;

    overflow: hidden;

    height: 118px;

  }

  .big-news-holder .big-news-pic small {

    display: block;

    text-align: center;

  }

  .big-news-holder .big-news-pic .timeSpan {

    display: block;

    text-align: center;

    float: none;

  }

  .big-news-holder .big-news-pic .news-head {

    padding: 5px;

  }

  .big-news-holder .big-news-pic .news-head h4 {

    font-size: 1.8rem;

  }

  .distributer {

    margin-left: 165px;

  }

  .product-info .product-cart button.dec-value {

    margin-right: -4px;

  }

  .top-info-holder p {

    font-size: 1.2rem;

  }

  .top-info-holder h2 {

    font-size: 1.4rem;

  }

  .product-pic .disc {

    width: 80px;

    height: 25px;

    font-size: 1.4rem;

  }

  .bank-foo li img {

    /* width: 40px; */

    height: 32px;

  }

  .product-page-banners .banners .list .items .links .image {

    max-height: 100%;

  }

  .product-page-banners .banners .list .items .links {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 174px;

    height: 270px;

  }



  .product-page-banners .banners .list .items {

    width: 172px;

    height: 260px;

    margin-right: 10px;

  }

  .product-page-banners .banners .list {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

  }

  .banner-product .banners .list .items .links .image {

    max-height: 100%;

  }

  .banner-product .banners .list .items .links {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 174px;

    height: 270px;

  }



  .banner-product .banners .list .items {

    width: 174px;

    height: 174px;

    margin-right: 10px;

  }

  .banner-product .banners .list {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

  }

  .banners {

    margin-top: 10px;

  }

  .xs-product-holder .xs-product-price p {

    font-size: 1.6rem;

  }

  .xs-product-holder .xs-product-name {

    /*height: 100px;*/

  }

  .xs-product-holder .xs-product-name a {

    font-size: 1.3rem;

  }

  .xs-product-holder .disc {

    font-size: 1.2rem;

    /* width: 40px; */

    width: 65px;

  }

  .xs-product-holder .akcija {

    width: 55px;

  }

  .xs-product-holder .stiker-holder {

    width: 40px;

  }

  .navigation-holder.left-fixed {

    display: none;

  }

  .cart-list li .wish-name,

  .cart-name,

  .user-name {

    font-size: 1rem;

  }

  .cart-list li img {

    width: 20px;

  }

  .navigation-holder .navigation .nav-ul .nav-li .nav-main-drop {

    padding: 10px;

    min-width: 250px;

  }

  .cart-list li a .wish-count,

  .myspan-car {

    /* left: 25px; */

    left: 15px;

  }

  .my-main-menu .mySearch-form .mySearch-button {

    margin: 0;

  }

  .checkout-confirmation-amount {

    font-size: 2rem;

  }

  .korpa-holder-xs .korpa-ukupno .remove-text {

    font-size: 1.4rem !important;

    font-weight: normal !important;

    color: #fff !important;

  }

  .tool-box > .list {

    display: inline-block;

  }

  .tool-box > .list > .items {

    vertical-align: text-top;

  }

  .page-head {

    background: #fff;

  }

  .breadcrumb {

    width: 750px;

    margin: 0 auto;

  }

  .breadcrumb > li {

    font-size: 1.2rem;

  }

  .breadcrumb > .active {

    font-size: 1.2rem;

  }

  .s-product-holder .s-product-price .price-help .sa-button {

    font-size: 1rem;

    width: 90%;

  }

  .s-product-holder .s-product-price .price-help .b2b-small-price-productbox {

    font-size: 1.1rem;

  }

  .s-product-holder .s-product-price .price-help .b2b-price-productbox {

    font-size: 1.2rem;

  }

  .small-b2b-number {

    width: 40px;

  }

  .table-row .table-items .image {

    height: 35px;

  }

  .product-info .product-compare-wish .wish-product-btn {

    margin-left: 5px;

  }

  .product-info .stock-holder .stock {

    font-size: 1.2rem;

  }

  .product-spec-attr .list .items {

    font-size: 1.2rem;

  }

  .p-video-holder {

    height: 250px;

  }

  .product-head-name {

    font-size: 1.8rem;

  }

  .order-help-menu {

    margin-bottom: 15px;

  }

  .product-info-tabs .tab-content .tab-pane li {

    font-size: 1.6rem;

  }

  .product-description {

    font-size: 1.4rem;

  }

  .product-info .product-compare-wish .wish-icons {

    font-size: 2rem;

  }

  .product-info .product-compare-wish .uporediForm .icons {

    font-size: 2rem;

  }

  .product-info .product-cart {

    margin-bottom: 0;

  }

  .product-info .product-compare-wish {

    margin-bottom: 0;

  }

  .bottom-info-holder {

    /*display: flex;*/

    align-items: center;

  }

  .product-info .product-cart button {

    height: 32px;

  }

  .product-info .product-cart .sa-button {

    font-size: 1.4rem;

  }

  .product-info .product-cart .product-input {

    font-size: 1.4rem;

    height: 32px;

    width: 50px;

  }

  .product-info .stock-holder .stock {

    font-size: 1.2rem;

  }

  .product-info .product-attr .product-attr-ul a .product-attr-li {

    min-width: 30px;

    height: 30px;

  }

  .product-info .product-attr {

    width: 65%;

  }

  .product-info .product-brand {

    /* height: 25px; */

    height: 50px;

  }

  .product-info .product-price p.savings {

    font-size: 1.2rem;

  }

  .product-info .product-price p.real-price {

    font-size: 1.4rem;

  }

  .product-info .product-price p.discount-price {

    font-size: 2rem;

  }

  .product-pic .stiker-holder2 {

    width: 40px;

  }

  .product-pic .akcija3 {

    width: 40px;

  }

  .product-pic {

    height: 340px;

  }

  .cart-help-ul .cart-help-li a {

    /* font-size: 1.2rem; */

    font-size: 1.4rem;

  }

  .korpa-holder .korpa-ukupno span {

    font-size: 1.4rem;

  }

  .korpa-holder .korpa-popust span {

    font-size: 1.4rem;

  }

  .korpa-holder .korpa-cena span {

    font-size: 1.4rem;

  }

  .korpa-holder .korpa-proizvod .korpa-proizvod-name {

    font-size: 1.1rem;

  }

  .korpa-holder .remove-text {

    display: none;

  }

  .korpa-holder .korpa-ukupno .warning-info {

    font-size: 1.4rem;

  }

  .cart-container {

    width: 100%;

  }

  hr {

    margin: 10px 0;

  }

  .head-name {

    font-size: 2.5rem;

  }

  .filter-modal .shop-filters {

    max-height: 90vh;

    overflow: hidden;

    overflow-y: scroll;

  }



  .filter-modal .shop-filters::-webkit-scrollbar-track {

    background-color: #efefef;

  }



  .filter-modal .shop-filters::-webkit-scrollbar {

    position: relative;

    height: 5px;

    width: 5px;

    background-color: #000;

  }



  .filter-modal .shop-filters::-webkit-scrollbar-thumb {

    position: relative;

    background-color: #000;

  }



  .filter-modal .shop-filters::-webkit-scrollbar::after {

    left: 0;

    top: 0;

    position: absolute;

    content: "a";

  }



  .s-product-holder .disc {

    font-size: 1.2rem;

    /* width: 34px; */

    width: 60px;

    height: 28px;

  }



  .navigation-holder .navigation .nav-ul .nav-li {

    margin-right: 5px;

    margin-left: 5px;

  }



  .my-main-menu .mySearch-form {

    margin-top: 0px;

  }



  .top-menu .top-menu-right-ul li a img {

    width: 15px;

  }



  .top-menu .mil-lang {

    margin: 0;

    margin-top: 3px;

    font-size: 1.2rem;

    padding: 6px 3px;

  }



  .border-seter:nth-child(-n + 3) .s-product-holder {

    border-bottom: 1px solid #e7e7e7;

    border-top: 1px solid #e7e7e7;

  }



  .border-seter:nth-last-child(-n + 3) .s-product-holder {

    border-bottom: 1px solid #e7e7e7;

  }



  .border-seter:nth-child(3n) .s-product-holder {

    border-right: 1px solid #e7e7e7;

  }



  .nav-tabs.nav-justified > li > a {

    padding: 5px;

  }



  .order-number {

    width: 20px;

    height: 20px;

    font-size: 1.4rem;

  }



  .nav-tabs.nav-justified > li > a {

    font-size: 1.4rem;

  }



  .store .gallery-holder {

    width: 175px;

    height: 145px;

  }



  .store .info .list .items {

    font-size: 1.4rem;

  }



  .store .info .title {

    font-size: 1.4rem;

  }



  .aditi {

    /* font-size: 1.4rem; */

    font-size: 1.8rem;

  }



  .cat-news-ul .cat-news-li {

    margin-bottom: 3px;

  }



  .my-main-menu .logo-holder {

/*    margin-top: 9px;*/
  display: flex;
    width: auto;

  }



  .sm-menu-trigger {

    background: rgb(230, 0, 0);

    margin-right: 10px;

    /*border-top-left-radius: 5px;*/

    /*border-top-right-radius: 5px;*/

  }

  .sm-menu-trigger a {

    color: #fff !important;

  }

  .sm-menu-trigger .icons {

    font-size: 1.5rem;

    vertical-align: sub;

    color: #fff;

  }



  #map {

    height: 350px;

  }



  .vise-detalja-kategorija .info-xsimg {

    width: 100%;

  }



  .vise-detalja-kategorija .info-seterxs {

    margin-top: 20px;

    margin-bottom: 20px;

  }



  .select-holder-mi {

    top: 185px;

  }



  .product-info .product-cart {

    /*width: 100%;*/

    margin-top: 10px;

  }



  .nfixed_help11 {

    min-height: auto !important;

    margin-bottom: 10px !important;

  }



  .nfixed_help9 {

    width: 346px !important;

  }



  .nfixed_help4 {

    top: 50px !important;

  }



  .nfixed_help10 {

    width: 97px !important;

  }



  .nfixed_help3 {

    font-size: 1.2rem !important;

    padding: 8px 20px !important;

  }



  .nfixed_help7 {

    width: 152px !important;

  }



  .news-help-holder .news-search-holder input {

    width: 165px;

  }



  .our-shops-contact-person {

    height: auto;

  }



  .cart-slide .cart-slide-body .cart-slide-item {

    height: 124px;

  }



  .cart-slide .cart-slide-body .cart-slide-item .cart-slide-amount p {

    font-size: 1.2rem;

  }



  .cart-slide .cart-slide-body {

    height: 251px;

  }



  .cart-slide .cart-slide-body .cart-slide-item .cart-slide-name {

    width: 287px;

  }



  .categories-holder .categories-text {

    height: 15px;

  }



  .categories-holder .categories-pic {

    /*height: 60px;*/

    /*width: 60px;*/

  }



  .categories-holder .categories-text p {

    font-size: 1.2rem;

  }



  .big-news-holder .big-news-pic {

    height: 300px;

  }



  .my-main-menu .mySearch-form .mySearch-select {

    width: 115px;

  }



  .my-main-menu .mySearch-form #mySearch-input {

    width: 225px;

  }



  .my-main-menu .mySearch-form #mySearch-input1 {

    width: 175px;

  }



  .myslider2,

  .mybaner {

    margin-top: 15px;

  }

  .qSearchCont {

    width: 530px;

    left: 15px;

  }

  .main-drop .main-drop-ul .main-drop-li .sec-drop {

    width: 471px;

  }



  .main-drop .main-drop-ul .main-drop-li .sec-drop .sec-drop-ul .sec-drop-li {

    min-height: 215px;

  }



  .registration-holder {

    height: 655px;

  }



  .registration-holder2 {

    height: 285px;

  }



  .product-pic {

    height: 250px;

  }



  .thumb-div {

    padding: 0 15px;

  }



  .product-sec-pic {

    height: 55px;

  }



  .product-info .product-cart .product-cart-btn {

    width: 100px;

  }



  .product-pic .akcija3 {

    width: 70px;

  }



  .product-pic .garancija {

    width: 60px;

  }



  .gallerys-holder {

    height: 120px;

  }



  .gallerys-holder .gallerys-info {

    height: 42px;

  }



  .gallery-pic-holder {

    height: 100px;

  }



  .video-holder {

    height: 190px;

  }



  .korpa-holder .korpa-kolicina a {

    margin-left: 28px;

  }



  .korpa-holder .korpa-kolicina .product-input {

    width: 45px;

    margin-bottom: 10px;

  }



  .korpa-holder .korpa-kolicina button {

    width: 25px;

    vertical-align: baseline;

  }



  .sve-korpa h4 .total-price-cart {

    font-size: 1.6rem;

  }



  .uplForm label {

    font-size: 1.2rem;

  }



  .team-holder .team-pic {

    height: 208px;

  }



  .uporedi-box {

    width: 30px;

    height: 30px;

  }



  .prikaz-p {

    font-size: 1.1rem;

  }



  .uporediBtn {

    margin-top: -22px;

  }



  .tool-box > .list > .items .field {

    width: 55px;

  }



  .navigation-holder .navigation .nav-ul .nav-li > a {

    font-size: 1.2rem;

  }



  .navigation-holder

    .navigation

    .nav-ul

    .nav-li

    .nav-main-drop

    .nav-main-drop-ul

    .nav-main-drop-li

    a {

    font-size: 1.2rem;

  }



  .brands-slider a img {

    max-height: 40px;

  }



  .newsletter-foo .newsletter {

    width: 100%;

  }

  .newsletter-foo .newsletter-holder {

    margin-left: 0;

  }

  .newsletter-foo .newsletter-btn {

    /* width: 100%; */

    margin-top: 3px;

  }

  .newsletter-foo .newsletter-holder,

  .newsletter-holder-viber {

    margin-left: 10%;

  }

  .newsletter-foo-viber form {

    margin-right: 0;

  }



  footer .footer-links .footer-logo {

    /* width: 100px; */

    width: 100%;

  }



  .social-foo .social-ul-foo li a img {

    width: 30px;

  }

  .go-top {

    bottom: 10em;

    right: 1em;

  }
  .cart-list li img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(2433%) hue-rotate(187deg) brightness(97%) contrast(99%);
  }

}



@media all and (min-width: 500px) and (max-width: 767px) {
    .hero {
    height: 250px;
  }
  .sliderHome {
    height: 200px;
  }
  .img-track {
    padding-top: 71px;
  }
  .img-track img {
    width: 100%;
    height: 100%;
  }
  .acc-content {
    width: 360px;
  }
  .text-diler {
    width: 360px;
  }
  .text-diler .pm::before {
    display: none;
  }
  .text-diler .pm::after {
    display: none;
  }
  .text-diler .od::before {
    display: none;
  }
  .text-diler .od::after {
    display: none;
  }
  .m-list {
    width: 145rem;
  }
  .m-list:before {
    right: 48rem;
        background: linear-gradient(277deg,#000 14.9%,#000 15%);
  }
  .containers {
    justify-content: center;
  }
  .cart-list li img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(2433%) hue-rotate(187deg) brightness(97%) contrast(99%);
  }

  .cart-list li .cart-name {

    font-size: 1.1rem;

    color: #e9e9e9;

  }

  .korpa-holder .korpa-kolicina .korpa-osvezi {

    display: flex;

    justify-content: start;

  }

  .product-info .product-brand img {

    height: 50px;

    max-height: initial;

  }

  .notice-modal {

    width: 90%;

  }

  .notice-modal .text-holder .title {

    font-size: 3rem;

  }

  .h-product-holder .disc {

    /* right: -55px;

    bottom: -30px; */

    right: 0px;

    bottom: 0px;

  }

  .social-ul-head li:last-child {

    margin-right: initial;

  }

  .small-products-button {

    margin-top: 0;

    padding: 5px 12px;
    display: none;
  }

  .b2b-sa-button {

    /* padding: 4px 12px; */

    border: none;

    box-shadow: 0 -3px 0 #f9ce09;

  }

  .flex-align {

    justify-content: space-between;

  }

  .big-news-holder .big-news-pic .news-head {

    width: 75%;

  }

  .s-product-holder .wish-icons {

    left: 57%;

    /* left: 85%; */

  }

  .s-product-holder .s-product-name .name {

    /* font-size: 1.2rem; */

    font-size: 1.4rem;

    /* height: 45px; */

    height: 35px;

    display: -webkit-box;

    /* -webkit-line-clamp: 3; */

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

  }

  .contact-header .list.-viber-list {

    justify-content: center;

    margin-top: 5px;

  }

  .contact-header .list {

    justify-content: center;

  }

  .xs-product-holder .xs-product-name {

    height: 100px;

  }

  .contact-header .list .items:after {

    display: none;

  }

  .contact-header .list .items {

    font-size: 1.2rem;

    margin-right: 15px;

  }

  .main-menu-col {

    /* max-width: 265px; */

    /* padding-left: 0; */

    padding-left: 15px;

    text-align: initial;

  }

  .product-description {

    display: block;

    width: 100%;

    overflow-x: auto;

  }

  .product-description iframe {

    height: 258px;

  }

  .distributer-xs {

    background: #fff;

    font-size: 24px;

    padding: 30px 0;

  }

  .distributer-xs img {

    margin-bottom: 10px;

  }

  .banner-left-grid {

    display: grid;

    grid-template-columns: auto auto auto;

    grid-column-gap: 30px;

    grid-row-gap: 30px;

  }

  .news-holder .news-head small {

    display: block;

    text-align: center;

  }

  .news-holder .timeSpan {

    display: block;

    text-align: center;

    float: none;

  }

  .news-holder .news-head h4 {

    height: 54px;

    font-size: 1.6rem;

  }

  .big-news-holder .big-news-pic .news-head p {

    line-height: 1.2;

    line-height: 1.2;

    display: -webkit-box;

    -webkit-line-clamp: 6;

    -webkit-box-orient: vertical;

    overflow: hidden;

    height: 103px;

  }

  .big-news-holder .big-news-pic small {

    display: block;

    text-align: center;

  }

  .big-news-holder .big-news-pic .timeSpan {

    display: block;

    text-align: center;

    float: none;

  }

  .big-news-holder .big-news-pic .news-head {

    padding: 5px;

  }

  .big-news-holder .big-news-pic .news-head h4 {

    font-size: 1.8rem;

  }

  .product-pic .disc {

    width: 60px;

    height: 20px;

    font-size: 1.4rem;

  }

  footer .footer-links.footer-cate ul li {

    margin-right: 15px;

  }

  .product-page-bannerst .banners .list .items .links .image {

    max-height: 100%;

  }

  .product-page-banners .banners .list .items .links {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

  }



  .product-page-banners .banners .list .items {

    width: 31%;

    height: 325px;

    margin-right: 10px;

  }

  .product-page-banners .banners .list {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

  }

  .news-banners .banners .list .items .links .image {

    max-height: 100%;

  }

  .news-banners .banners .list .items .links {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

  }



  .news-banners .banners .list .items {

    width: 31%;

    height: 325px;

    margin-right: 10px;

  }

  .news-banners .banners .list {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

  }



  .banner-product .banners .list .items .links .image {

    max-height: 100%;

  }

  .banner-product .banners .list .items .links {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

  }



  .banner-product .banners .list .items {

    width: 31%;

    height: 174px;

    margin-right: 10px;

  }

  .banner-product .banners .list {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

  }

  .banners {

    margin-top: 10px;

  }

  .menu {

    padding-bottom: 65px;
    background: #000;

  }

  .go-top {

    bottom: 5.6em;

  }

  .footer-bottom.end {

    /* padding-bottom: 65px; */

  }

  .my-main-menu {

    padding: 7px 0;
    height: 73px;

  }
  .sec-cat {
    padding-bottom: 10px;
  }
  .navigation-holder.left-fixed {

    display: none;

  }

  .footer-bottom p {

    font-size: 1rem;

  }

  .bank-foo li.-intesa {

    width: 180px;

  }

  .bank-foo li img {

    /* width: 27px; */

    height: 32px;

  }

  .checkout-confirmation-info-box .title.-confirm {

    font-size: 2rem;

  }

  .product-info .product-brand span {

    font-size: 1.8rem;

  }

  .-b2b-line-product-name a {

    max-width: 100%;

    display: block;

    margin: 0 auto;

  }

  .checkout-confirmation-amount {

    font-size: 2rem;

  }

  .sve-korpa {

    float: none;

  }

  .brands-slider a img {

    max-height: 50px;

  }

  .brands-slider {

    height: 50px;

  }

  .page-head {

    background: #fff;
        margin-top: 72px;

  }

  .breadcrumb {

    width: auto;

    margin: 0 auto;

  }

  #news-bar a {

    font-size: 1.2rem;

  }

  .breadcrumb > li {

    font-size: 1.2rem;

  }

  .breadcrumb > .active {

    font-size: 1.2rem;

  }

  .product-info .product-price p.discount-price .price-title {

    font-size: 1.2rem;

  }

  .xs-product-holder .xs-product-price p {

    font-size: 1.5rem;

  }

  .s-product-holder .s-product-price .price-help .sa-button {

    font-size: 1rem;

    width: 80%;

  }

  .s-product-holder .s-product-price .price-help .b2b-small-price-productbox {

    font-size: 1.1rem;

  }

  .s-product-holder .s-product-price .price-help .b2b-price-productbox {

    font-size: 1.2rem;

  }

  .table-row .table-items .image {

    height: 35px;

  }

  .product-spec-attr .list .items {

    font-size: 1.4rem;

  }

  .top-info-holder h2 {

    font-size: 1.4rem;

  }

  .top-info-holder p {

    font-size: 1.2rem;

  }

  .product-info .product-compare-wish .wish-product-btn {

    margin-left: 2px;

  }

  .product-head-name {

    font-size: 2rem;

  }

  .order-help-menu {

    margin-bottom: 15px;

  }

  .product-info-tabs .tab-content .tab-pane li {

    font-size: 1.6rem;

  }

  .product-description {

    font-size: 1.4rem;

  }

  .product-info .product-compare-wish .wish-icons {

    font-size: 1.4rem;

  }

  .product-info .product-compare-wish .uporediForm .icons {

    font-size: 1.4rem;

  }

  .product-info .product-cart {

    margin-bottom: 0;

  }

  .product-info .product-compare-wish {

    margin-bottom: 0;

  }

  .bottom-info-holder {

    /*display: flex;*/

    align-items: center;

  }

  .product-info .product-cart button {

    height: 32px;

  }

  .product-info .product-cart .sa-button {

    font-size: 1.4rem;

  }

  .product-info .product-cart .product-input {

    font-size: 1.4rem;

    height: 32px;

    width: 60px;

  }

  .product-info .stock-holder .stock {

    font-size: 1.2rem;

  }

  .product-info .product-attr .product-attr-ul a .product-attr-li {

    min-width: 30px;

    height: 30px;

  }

  .product-info .product-attr {

    width: 65%;

  }

  .product-info .product-brand {

    height: 25px;

  }

  .product-info .product-price p.savings {

    font-size: 1.2rem;

  }

  .product-info-tabs .tab-content .tab-pane ul li {

    font-size: 1.6rem;

  }

  .product-info-tabs .tab-content .tab-pane p {

    font-size: 1.4rem;

  }

  .product-info-tabs .nav-tabs > li > a {

    font-size: 1.6rem;

  }

  .social-share-holder .fb-share-button {

    margin-right: 1px;

  }

  .social-share-holder .contact-social-ul {

    margin-right: 1px;

  }

  .product-info .product-cart .sa-button {

    font-size: 1.2rem;

    padding: 5px;

  }

  .product-info .product-cart .product-input {

    font-size: 1.2rem;

    width: 44px;

    height: 25px;

  }

  .product-info .product-cart button {

    height: 25px;

    width: 22px;

    font-size: 1.4rem;

  }

  .product-info .product-disc .disc-product-table {

    width: 100%;

  }

  .product-info .product-price p.discount-price {

    font-size: 1.8rem;

  }

  .product-info .product-price p.real-price {

    font-size: 1.4rem;

  }

  .product-info .product-attr {

    width: 53%;

  }

  .product-info .product-attr .product-attr-ul a .product-attr-li {

    /*width: 20px;*/

    height: 20px;

    min-width: 20px;

  }

  .h-product-holder .h-product-cart a {

    padding: 4px 7px;

  }

  .h-product-holder .h-product-price p {

    /* font-size: 1.4rem; */

    font-size: 1.8rem;

  }

  .h-product-holder .h-product-price p del {

    font-size: 1.2rem;

  }

  .h-product-holder .h-product-attr .h-product-attr-ul .h-product-attr-li {

    font-size: 1.1rem;

    margin-bottom: 5px;

  }

  .filter-color-ul .filter-color-li strong {

    margin-right: 3px !important;

  }

  .filter-color-ul .filter-color-li {

    width: 18px;

    height: 18px;

    margin-right: 2px;

  }

  .h-product-holder .h-product-brend {

    width: 75px;

    /* width: 50px; */

  }

  .h-product-holder .h-product-name a h4 {

    /* font-size: 1.2rem; */

    font-size: 1.8rem;

    display: -webkit-box;

    /* -webkit-line-clamp: 3; */

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

  }

  .korpa-holder-xs .small-cart-desc {

    font-size: 1rem;

  }

  .korpa-holder .korpa-ukupno span {

    font-size: 1.4rem;

  }

  .korpa-holder .korpa-popust span {

    font-size: 1.4rem;

  }

  .korpa-holder .korpa-cena span {

    font-size: 1.4rem;

  }

  .korpa-holder-xs .korpa-ukupno .remove-text {

    display: none;

  }

  .korpa-holder-xs .korpa-ukupno .remove-text {

    font-size: 1.4rem !important;

    font-weight: normal !important;

    color: #fff !important;

  }

  .tool-box > .list > .items .field {

    width: 40px;

  }

  .tool-box > .list > .items .display {

    width: 25px;

    height: 25px;

  }

  .filter-modal {

    width: 480px;

  }

  hr {

    margin: 10px 0;

  }

  .head-name {

    font-size: 2.5rem;

  }

  .filter-modal .shop-filters {

    max-height: 90vh;

    overflow: hidden;

    overflow-y: scroll;

  }

  .top-menu .top-menu-left-ul {

    margin-top: 7px;

  }



  .info-baner .text-holder .links {

    font-size: 1rem;

  }



  .info-baner .text-holder {

    margin-left: 0;

  }



  .info-baner .text-holder .text {

    /* font-size: 1.6rem; */

    font-size: 1.4rem;

    line-height: 1.2;

  }



  .info-baner a img {

    /* display: none; */

  }



  .top-menu .list .items .dinamic {

    font-size: 1.2rem;

  }



  .top-menu .list .items .static {

    font-size: 1rem;

  }



  .top-menu .top-menu-left-ul li a {

    font-size: 1rem;

  }



  .top-menu .top-menu-left-ul li {

    padding: 2px;

  }



  .top-menu .mil-lang {

    margin-left: 0;

    margin-right: 0;

    font-size: 1rem;

    margin-top: 9px;

  }



  .border-seter:nth-child(-n + 2) .s-product-holder {

    border-bottom: 1px solid #e7e7e7;

    border-top: 1px solid #e7e7e7;

  }



  .border-seter:nth-last-child(-n + 2) .s-product-holder {

    border-bottom: 1px solid #e7e7e7;

  }



  .border-seter:nth-child(2n) .s-product-holder {

    border-right: 1px solid #e7e7e7;

  }



  .product-info .product-cart .product-cart-btn {

    margin-top: 3px;

  }



  .product-info .product-price {

    top: 5px;

    right: 5px;

  }



  .product-info .stock-holder .stock {

    font-size: 1.2rem;

  }



  .product-info {

    padding: 5px;

  }



  .order-number {

    width: 20px;

    height: 20px;

    font-size: 1.4rem;

  }



  .nav-tabs.nav-justified > li > a {

    border-left: 1px solid #333;

    padding: 5px;

    font-size: 1.6rem;

  }



  .store {

    display: block;

  }



  .store .gallery-holder {

    width: 175px;

    height: auto;

    margin-top: 10px;

  }



  .store .info .list .items {

    font-size: 1.4rem;

  }



  .store .info .title {

    font-size: 1.6rem;

  }



  .aditi {

    /* font-size: 1.4rem; */

    font-size: 1.8rem;

  }



  .news-holder .news-pic .news-head h4 {

    line-height: 1;

    font-size: 1.4rem;

  }



  .news-holder .news-pic .news-head p {

    font-size: 1.2rem;

    height: 35px;

    line-height: 1;

  }



  .news-holder .news-pic {

    height: 185px;

  }



  .cat-news-ul .cat-news-li {

    margin-bottom: 3px;

  }



  .my-main-menu .logo-holder {

/*    margin-top: 12px;*/

  }



  .slide-menu {

    width: 100%;

  }



  .burger {

    top: -16px;

    /* right: 10px; */

  }



  #map {

    height: 300px;

  }



  .select-holder-mi {

    top: 185px;

    left: 15px;

  }



  .select-holder-mi {

    top: 160px;

    width: 150px;

    padding: 5px 7px;

  }



  .sve-korpa .sve-btn {

    width: 100%;

    margin-bottom: 0;

  }



  .news-help-holder .news-search-holder input {

    width: 100%;

  }



  .news-help-holder .news-search-holder button {

    margin-left: 0;

    /*margin-top: 3px;*/

  }



  .our-shops-contact-person {

    height: auto;

  }



  .categories-holder .categories-text {

    height: 20px;

  }



  .categories-holder .categories-pic {

    /*height: 60px;*/

    /*width: 60px;*/

  }



  .categories-holder .categories-text p {

    font-size: 1.2rem;

  }



  .single-news-holder .single-news-body h3 {

    font-size: 1.6rem;

  }



  .big-news-holder .big-news-pic {

    height: 270px;

  }



  .my-main-menu .logo-holder a img {

    width: auto;

    margin: 0 auto;

    height: 60px;

  }



  #search-input-holder #close {

    right: 20px;

    top: 30px;

  }



  #search-input-holder .logo-search {

    width: 150px;

    margin-top: 15px;

  }



  #search-input-holder #mysearch-input #mysearch-input1 {

    width: 250px;

    margin-top: 6px;

  }



  #search-input-holder #mysearch-input {

    width: 100%;

  }



  .mycollapse {

    width: 80%;

    margin: auto;

  }



  .mysearch-button {

    margin-top: 5px;

    float: left;

    margin-right: 7px;

  }



  .myslider2,

  .mybaner {

    margin-top: 15px;

  }



  footer .newsletter-foo .newsletter {

    width: 330px;

  }



  footer .newsletter-foo .newsletter-btn {

    margin-top: 10px;

    margin-left: 0;

  }



  .registration-holder {

    height: auto;

  }



  .registration-holder2 {

    height: auto;

  }



  .h-product-holder .h-product-pic .akcija2 {

    width: 35px;

  }



  .h-product-holder .brend-h {

    top: 32px;

  }



  .h-product-holder .h-product-pic .uporediForm-h {

    left: 40px;

  }



  .product-head-name {

    font-size: 1.6rem;

    padding: 10px;

  }



  .product-pic {

    height: 200px;

  }
  .product-sec-pic.transition.two {
    width: auto;
    height: 120px;
  }
.product-pic.pos.new {
  height: auto;
}


  .product-pic .akcija3 {

    width: 50px;

  }



  .product-pic .garancija {

    width: 40px;

  }



  .product-pic .stiker-holder2 {

    width: 35px;

  }



  .product-sec-pic {

    height: 35px;

  }



  .thumb-div {

    padding: 0 15px;

  }



  .product-info .product-brand {

    height: 25px;

  }



  /*.product-info .product-price p:nth-child(2) {

        font-size: 2rem;

    }*/



  .product-info .product-addlinks {

    margin-left: 0;

    width: 100%;

  }



  .product-info .product-cart {

    margin-left: 0;

    margin-right: 0;

    width: 100%;

    text-align: right;

    margin-top: 10px;

  }

  .product-info .product-cart button.dec-value {

    margin-right: -3px;

  }

  /*.product-info .product-cart .product-input {

        width: 60px;

    }*/



  .product-info .product-cart .product-cart-btn {

    width: auto;

    margin-left: 0;

  }



  .vise-detalja-kategorija .info-xsimg {

    width: 100%;

    /* height: 200px; */

    height: 350px;

  }



  .vise-detalja-kategorija .info-seterxs {

    margin: 20px 0;

  }



  .h4-xs {

    font-size: 1.6rem;

  }



  .coment-form textarea {

    width: 415px;

  }



  .gallerys-holder {

    height: 180px;

  }



  .gallerys-holder .gallerys-info {

    height: 63px;

  }



  .gallery-pic-holder {

    height: 115px;

  }



  .video-holder {

    height: 150px;

  }



  .attr-b2b {

    display: inherit;

  }



  .empty-cart {

    width: 200px;

  }



  .korpa-holder-xs .korpa-kolicina .product-input {

    width: 70px;

    margin-bottom: 10px;

  }



  .order-paymant .order-check-holder {

    padding: 1px;

    width: 15px;

    height: 15px;

    top: 5px;

  }



  .order-paymant i {

    font-size: 1.2rem;

  }



  .order-paymant h4 {

    font-size: 1.3rem;

  }



  .order-paymant p {

    font-size: 1.2rem;

  }



  .team-holder .team-pic {

    height: 204px;

  }



  .product-table > tbody > tr > td {

    font-size: 1.1rem;

  }



  .tool-box > .list > .items {

    display: inline-table;

    vertical-align: middle;

  }



  .tool-box > .list {

    display: inline-block;

  }



  .info-baner-holder .info-xsbuy {

    margin-bottom: 30px;

  }



  footer .footer-links .footer-logo {

    /* width: 80px; */

    width: 100%;

  }



  .newsletter-foo .newsletter-holder,

  .newsletter-foo-viber .newsletter-holder-viber {

    margin-left: 5%;

  }



  .newsletter-foo .newsletter {

    margin: 15px 0;

  }



  .newsletter-foo form,

  .newsletter-foo-viber form {

    width: auto;

    margin: 0 5%;

  }



  .newsletter-foo-viber form .addNewsletterPhoneButton,

  .newsletter-foo form .addNewsletterButton1 {

    right: auto;

  }
    .sec-cat .img-info {
    width: 500px;
  }
  .sec-cat .img-info a {
    width: 85%;
  }
  .myslider {
    margin-top: 0px;
  }


}



@media all and (max-width: 499px) {
  .hero {
    height: 250px;
  }
  .sliderHome {
    height: 200px;
  }
/*  .sec-cat .img-info a:hover {
        width: calc(100% - 20%);
  }*/
  .product-sec-pic.transition.two {
    width: auto;
    height: 80px;
  }
  h2.recomm_title {
    font-size: 26px;
  }
  .img-track {
    padding-top: 71px;
  }
  .img-track img {
    width: 100%;
    height: 100%;
  }
  .acc-content {
    width: 360px;
  }
  .text-diler {
    width: 360px;
  }
  .text-diler .pm::before {
    display: none;
  }
  .text-diler .pm::after {
    display: none;
  }
  .text-diler .od::before {
    display: none;
  }
  .text-diler .od::after {
    display: none;
  }
  section.home-cat {
    padding: 0;
  }
  section.container_tabs.gds-card {
/*    position: absolute;
    width: 32%;*/
        position: relative;
    width: 360px;
    left: 39px;
/*    left: -90px;*/
  }
  .containers {
    width: 400px;
    display: block;
    top: 0;
    padding-left: 0;
  }
  nav.nav-new {
    width: auto;
  }
  .tabs.active {
    z-index: 1000;
  }
  .-body-bckg {
    /*21811padding-top: 50px;*/
  }

  .image-cat {
    margin-bottom:20px;
  }
  .sec-cat .img-info {
    width: 350px;
  }
  .sec-cat .img-info a {
/*    width: 85%;*/
width: calc(100% - 20%);
  }

  .add-to-chart-modal-content {

    width: 80%;

  }

  .korpa-holder .korpa-kolicina .korpa-osvezi {

    display: flex;

    justify-content: start;

  }

  .product-info .product-brand img {

    height: 50px;

    max-height: initial;

  }

  .social-ul-head {

    /* justify-content: center; */

  }

  .notice-modal {

    width: 90%;

  }

  .notice-modal .text-holder .title {

    font-size: 3rem;

  }

  .social-ul-head li:last-child {

    margin-right: initial;

  }

  .big-news-holder .big-news-pic .news-head {

    width: 75%;

  }

  .b2b-sa-button {

    font-size: 1.2rem;

    /* outline: 1px solid #f9ce09; */

    border: none;

    padding: 5px 12px;

    box-shadow: 0 -3px 0 #f9ce09;

  }

  .checkout-terms,

  .recipient-address {

    padding: 0;

    text-align: start;

  }

  .recipient-address .my-label {

    font-size: 1.4rem;

  }

  .vise-detalja-kategorija a img {

    padding-top: 10px;

    width: 100%;

  }

  .social-ul-head:first-child {

    /* margin-left: 60px; */

  }

  .main-menu-col {

    /* padding-left: 0; */

    padding-left: 15px;

    text-align: initial;

  }

  .cart-list li .cart-name {

    font-size: 1.2rem;

    color: #e9e9e9;

  }

  .contact-header .right {

    float: left;

  }

  .img_distributer {

    height: 15px;

  }

  .contact-header {

    /* padding: 3px 0; */

    padding: 5px 0;

  }

  .myslider {

    margin: 0;
/*    margin-top: 21px;*/

  }

  .page-head {
    margin-top: 71px;


/*    margin: 0;*/

  }

  .flex-align {

    /*padding: 15px 0;*/

  }

  .viber-image {

    width: 15px;

  }

  .myslider .owl-carousel .owl-item img {

    /*height: 150px;*/

  }
  .owl-carousel .owl-item img {
/*    padding-top: 50px;*/
}

  .contact-header .list.-viber-list {

    justify-content: center;

    margin-top: 5px;

  }

  .contact-header .list {

    flex-wrap: wrap;

  }

  .contact-header .list .items:after {

    display: none;

  }

  .contact-header .list .items {

    font-size: 1.1rem;

    margin-right: 8px;

    margin-bottom: 7px;

  }

  .extra_det_desc {

    font-size: 1.4rem;

  }

  .product-description p {

    font-size: 1.4rem !important;

  }

  .xs-product-holder {

    border: 1px solid #eee;

    margin-bottom: 10px;

  }

  .xs-product-holder .disc {

    padding: 0;

    bottom: 65px;

  }

  .product-description {

    display: block;

    width: 100%;

    overflow-x: auto;

  }

  .distributer-xs {

    background: #fff;

    font-size: 24px;

    padding: 30px 0;

  }

  .distributer-xs img {

    margin-bottom: 10px;

  }

  .header-container {
        margin-top: 3px;

    /*box-shadow: 1px 2px 2px #e2e2e2;*/

  }

  .product-description iframe {

    height: 179px;

  }



  .banner-left-grid {

    display: grid;

    grid-template-columns: auto auto;

    grid-column-gap: 10px;

    grid-row-gap: 10px;

  }

  .col-seterxs {

    padding: 0 5px;

  }

  h1.first-title {

    font-size: 30px;

  }

  .index-slider-title {

    margin: 20px auto;

    font-size: 25px;

  }

  .go-top {

    bottom: 8.7em;

    right: 1em;

  }

  .table-row .table-items a {

    font-size: 1rem;

  }

  .table-row .table-items::-webkit-scrollbar-track {

    background-color: #efefef;

  }



  .table-row .table-items::-webkit-scrollbar {

    position: relative;

    height: 1px;

    width: 1px;

    background-color: #4c4c4c;

  }



  .table-row .table-items::-webkit-scrollbar-thumb {

    position: relative;

    background-color: rgb(230, 0, 0);

  }



  .table-row .table-items::-webkit-scrollbar::after {

    left: 0;

    top: 0;

    position: absolute;

    content: "a";

  }

  .table-row .table-items {

    overflow: hidden;

    overflow-x: scroll;

  }

  .news-holder .news-head small {

    display: block;

    text-align: center;

  }

  .news-holder .timeSpan {

    display: block;

    text-align: center;

    float: none;

  }

  .news-holder .news-head h4 {

    height: 54px;

    font-size: 1.6rem;

  }

  .big-news-holder .big-news-pic .news-head p {

    line-height: 1.2;

    height: 74px;

    font-size: 1.2rem;

    display: -webkit-box;

    -webkit-line-clamp: 5;

    -webkit-box-orient: vertical;

    overflow: hidden;

  }

  .big-news-holder .big-news-pic small {

    display: block;

    text-align: center;

  }

  .big-news-holder .big-news-pic .timeSpan {

    display: block;

    text-align: center;

    float: none;

  }

  .big-news-holder .big-news-pic .news-head {

    padding: 5px;

  }

  .big-news-holder .big-news-pic .news-head h4 {

    font-size: 1.6rem;

  }

  .gallery-pic-holder {

    height: 80px;

  }

  .product-info .product-cart button.dec-value {

    /* margin-right: -4px; */

    margin-right: -3px;

  }

  .top-info-holder p {

    font-size: 1.2rem;

  }

  .top-info-holder h2 {

    /* font-size: 1.4rem; */

    font-size: 1.6rem;

  }

  .product-info {

    margin-top: 20px;

  }

  .product-pic .disc {

    font-size: 1.4rem;

    width: 70px;

    height: 23px;

  }

  .s-product-holder .wish-icons {

    left: 57%;

    /* left: 85%; */

  }

  .bottom-menu .cart-list li a .wish-count.-bottom,

  .myspan-car.-bottom {

    /* left: 20px; */

    left: 5px;

  }

  footer .footer-links p {

    line-height: 1.3;

  }

  .cart-list li img {

    width: 20px;
    filter: unset;
        filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(2433%) hue-rotate(187deg) brightness(97%) contrast(99%);

  }

  .bottom-menu .cart-list li .wish-name.-bottom,

  .cart-name.-bottom,

  .user-name.-bottom {

    font-size: 1rem;

  }

  .xs-product-holder .xs-product-price {

    /* height: 70px; */

  }

  .xs-product-holder .xs-product-name {

    height: 105px;

  }
.xs-product-name.new {
  height: auto;
}
.product-pic.pos.new {
  height: auto;
}
  .xs-product-holder .xs-product-price p {

    /* font-size: 1.4rem; */

    font-size: 1.6rem;

  }

  .xs-product-holder .xs-product-name a {

    font-size: 1.3rem;

  }

  .xs-product-holder .disc {

    font-size: 1.2rem;

  }

  .xs-product-holder .akcija {

    width: 55px;

  }

  .xs-product-holder .stiker-holder {

    width: 35px;

  }

  footer .footer-links.footer-cate ul li {

    margin-right: 15px;

  }

  .product-page-banners .banners .list .items .links .image {

    max-height: 100%;

  }

  .product-page-banners .banners .list .items .links {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

  }



  .product-page-banners .banners .list .items {

    width: 47%;

    height: 145px;

    margin-right: 10px;

  }

  .product-page-banners .banners .list {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

  }

  .news-banners .banners .list .items .links .image {

    max-height: 100%;

  }

  .news-banners .banners .list .items .links {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

  }



  .news-banners .banners .list .items {

    width: 46%;

    height: 145px;

    margin-right: 10px;

  }

  .news-banners .banners .list {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

  }



  .banner-product .banners .list .items .links .image {

    max-height: 100%;

  }

  .banner-product .banners .list .items .links {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

  }



  .banner-product .banners .list .items {

    width: 47%;

    height: 145px;

    margin-right: 10px;

  }

  .banner-product .banners .list {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

  }

  .banners {

    margin-top: 10px;

  }

  .menu {

    padding-bottom: 90px;
    /*display: grid;*/
    background: #000;
    display: block;
/*    width: 400px;*/

  }
  .menu ul {
    padding-top: 85px;
  }
  .m-list:before {
        background: linear-gradient(277deg, #000 14.9%, #000 15%);
        width: auto;
  }
.image-menu-box {
    background: #000;
    width: 350px;
    height: auto;
    top: 15px;
    margin: 0 auto;
    left: 0;
    z-index: 999;
    box-shadow: 0px 0px 1px 0px #161616;
}
.image-menu-box img {
    width: 100%;
    height: 100%;
}
  .footer-bottom.end {

    /* padding-bottom: 65px; */

  }

  .my-main-menu {

    padding: 7px 0;

  }

  .navigation-holder.left-fixed {

    display: none;

  }

  .footer-bottom p {

    font-size: 1rem;

  }

  .my-main-menu {

    padding: 5px 0;

  }

  .navigation-holder.left-fixed {

    display: none;

  }

  .footer-bottom p {

    font-size: 1rem;

  }

  .bank-foo li.-intesa {

    width: 110px;

  }

  .bank-foo li img {

    /* width: 30px; */

    height: 32px;

  }

  .checkout-confirmation-info-box .title.-confirm {

    font-size: 1.8rem;

  }

  .product-info .product-brand span {

    font-size: 1.8rem;

  }

  .checkout-confirmation-amount {

    font-size: 2rem;

  }

  .sve-korpa {

    float: none;

  }

  .checkout-form.-delivery .my-label .choise-trigger {

    vertical-align: baseline;

  }

  .checkout-terms .my-label {

    font-size: 1.4rem;

    /* text-align: right; */

  }

  .checkout-finish-btn .sa-button.-danger .icons {

    font-size: 2rem;

  }

  .checkout-finish-btn .sa-button.-danger {

    font-size: 1.2rem;

    padding: 3px 12px;

    margin-bottom: 30px;

  }

  .checkout-finish-btn .sa-button {

    margin-bottom: 10px;

  }

  .checkout-finish-btn {

    margin-top: 20px;

  }

  .checkout-delivery-table > tbody > tr > td {

    font-size: 1.2rem;

  }

  .checkout-form.-delivery .my-label {

    font-size: 1.4rem;

  }

  .checkout-form {

    margin-bottom: 20px;

  }

  .checkout-form .title {

    font-size: 1.8rem;

    margin-bottom: 20px;

  }

  .breadcrumb > li + li:before {

    padding: 0;

  }

  .page-head {

    background: #fff;

  }

  .breadcrumb {

    width: auto;

    margin: 0 auto;

  }

  #news-bar a {

    font-size: 1.2rem;

  }

  .breadcrumb > li {

    font-size: 1.2rem;

  }

  .breadcrumb > .active {

    font-size: 1.2rem;

  }

  .s-product-holder .s-product-price .price-help .sa-button {

    font-size: 1rem;

    width: 95px;

  }

  .s-product-holder .s-product-price .price-help .b2b-small-price-productbox {

    font-size: 1.1rem;

  }

  .s-product-holder .s-product-price .price-help .b2b-price-productbox {

    font-size: 1.2rem;

  }

  .-product-b2b-table {

    width: 100%;

  }

  .table-row .table-items .image {

    height: 20px;

  }

  .bottom-info-holder {

    display: inline-block;

  }

  .social-share-holder {

    margin-top: 10px;

    overflow: hidden;

  }

  .product-info-tabs .tab-content .tab-pane li {

    font-size: 1.6rem;

  }

  .product-description {

    font-size: 1.4rem;

  }

  .product-info .product-attr .product-attr-ul a .product-attr-li {

    min-width: 25px;

    height: 25px;

  }

  .p-video-holder {

    height: 250px;

  }

  .product-info-tabs .tab-content .tab-pane p {

    font-size: 1.2rem;

  }

  .product-info-tabs .tab-content .tab-pane ul li {

    font-size: 1.6rem;

  }

  .product-info-tabs .nav-tabs > li > a {

    font-size: 1.6rem;

  }

  .product-info-tabs {

    margin: 15px 0;

  }

  .product-pic .stiker-holder2 {

    width: 50px;

  }

  .product-pic .akcija3 {

    width: 70px;

  }

  .h-product-holder .disc {

    /*top:50%;*/

    /* width: 60px; */

    /* width: 88px; */

    right: 0;

    bottom: 0;

    width: 75px;

  }

  .h-product-holder .h-product-pic {

    height: 100px;

  }

  .h-product-holder .h-product-cart a {

    padding: 4px 7px;

  }

  .h-product-holder .h-product-price p {

    /* font-size: 1.4rem; */

    font-size: 1.8rem;

  }

  .h-product-holder .h-product-price p del {

    font-size: 1.2rem;

  }

  .h-product-holder .h-product-attr .h-product-attr-ul .h-product-attr-li {

    font-size: 1.1rem;

    margin-bottom: 5px;

  }

  .filter-color-ul .filter-color-li strong {

    margin-right: 3px !important;

  }

  .filter-color-ul .filter-color-li {

    width: 18px;

    height: 18px;

    margin-right: 2px;

  }

  .h-product-holder .h-product-brend {

    /* width: 75px; */

    width: 50px;

    /* width: 45px; */

  }

  .h-product-holder .h-product-name a h4 {

    /* font-size: 1.2rem; */

    font-size: 1.6rem;

    display: -webkit-box;

    /* -webkit-line-clamp: 3; */

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    height: 35px;

  }

  .korpa-holder-xs .small-cart-desc {

    font-size: 1rem;

    line-height: 1;

  }

  .korpa-holder .korpa-ukupno span {

    font-size: 1.2rem;

  }

  .korpa-holder .korpa-popust span {

    font-size: 1.2rem;

  }

  .korpa-holder .korpa-cena span {

    font-size: 1.2rem;

  }

  .korpa-holder-xs .korpa-proizvod {

    line-height: 1;

  }

  .korpa-holder-xs .korpa-proizvod .korpa-proizvod-name {

    font-size: 1rem;

  }

  .korpa-holder-xs .korpa-ukupno span {

    font-size: 1.4rem;

  }

  .korpa-holder-xs .korpa-ukupno {

    text-align: center;

  }

  .korpa-holder-xs .korpa-popust {

    text-align: center;

  }

  .korpa-holder-xs .korpa-cena {

    text-align: center;

  }

  .korpa-holder-xs .korpa-ukupno .remove-text {

    display: none;

  }

  .s-product-holder .s-product-pic {

    height: 110px;

  }

  .tool-box > .list > .items .compare {

    width: 28px;

    height: 28px;

  }

  .tool-box > .list > .items .field {

    width: 40px;

  }

  .tool-box > .list > .items .display {

    width: 30px;

    height: 30px;

  }

  .filter-modal {

    width: 305px;

  }

  hr {

    margin: 10px 0;

  }

  .head-name {

    font-size: 2.5rem;

  }

  .filter-modal .shop-filters {

    max-height: 90vh;

    overflow: hidden;

    overflow-y: scroll;

  }

  .top-menu .top-menu-right-ul li a span {

    margin-left: 2px;

    vertical-align: middle;

  }



  .top-menu .top-menu-right-ul li .wish-count {

    margin-right: 3px;

    margin-top: 2px;

    font-size: 1rem;

  }



  .top-menu .top-menu-right-ul li a .icons {

    margin-top: 1px;

  }



  .top-menu .top-menu-right-ul {

    float: left;

    margin-left: 15%;

  }



  .top-menu .top-menu-right-ul li {

    padding: 3px;

  }



  .top-menu .top-menu-right-ul li a img {

    /* width: 15px; */

    width: 20px;

  }



  .brand-slider-title {

    padding-bottom: 0;

    font-size: 2.2rem;

  }



  .info-baner .text-holder .links {

    font-size: 1rem;

  }



  .info-baner .text-holder {

    margin-left: 0;

  }



  .info-baner .text-holder .text {

    /* font-size: 1.6rem; */

    font-size: 1.2rem;

    line-height: 1.2;

  }



  .info-baner a img {

    /* display: none; */

  }



  .top-menu .list .items .dinamic {

    font-size: 1.2rem;

  }



  .top-menu .list .items .static {

    font-size: 1rem;

  }



  .top-menu .top-menu-left-ul li a {

    font-size: 1.2rem;

    margin-right: 3px;

  }



  .top-menu .top-menu-left-ul li {

    padding: 2px;

  }



  .top-menu .mil-lang {

    font-size: 1rem;

    margin: 0;

    margin-top: 5px;

  }



  .border-seter:nth-child(-n + 2) .s-product-holder {

    border-bottom: 1px solid #e7e7e7;

    border-top: 1px solid #e7e7e7;

  }



  .border-seter:nth-last-child(-n + 2) .s-product-holder {

    border-bottom: 1px solid #e7e7e7;

  }



  .border-seter:nth-child(2n) .s-product-holder {

    border-right: 1px solid #e7e7e7;

  }



  .order-login button {

    width: 100%;

  }



  .order-number {

    width: 20px;

    height: 20px;

    font-size: 1.4rem;

  }



  .nav-tabs.nav-justified > li > a {

    border-left: 1px solid #333;

    padding: 5px;

    font-size: 1.6rem;

  }



  .store .gallery-holder {

    width: 100%;

    height: auto;

  }



  .store {

    display: block;

  }



  .store .gallery-holder {

    width: 150px;

    height: auto;

    margin-top: 10px;

  }



  .store .info .list .items {

    font-size: 1.4rem;

  }



  .store .info .title {

    font-size: 1.6rem;

  }



  .s-product-holder .s-product-name .code {

    /* font-size: 1rem; */

    font-size: 1.2rem;

    height: 15px;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

  }



  .s-product-holder .s-product-name .name {

    font-size: 1.2rem;

    height: 39px;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

  }



  .s-product-holder .s-product-name {

    line-height: 1.1;

    /* height: 100px; */

    height: 80px;

  }



  .s-product-holder .stiker-holder {

    width: 40px;

  }

  .s-product-holder .akcija {

    /* width: 40px !important; */

    width: 50px !important;

  }

  .s-product-holder .disc {

    font-size: 1.2rem;

    width: 34px;

    height: 26px;

    right: 0;

    /* width: 40px; */

    width: 50px;

    transform: translate(0, 0);

  }

  .s-product-holder .s-product-brend {

    height: 30px;

  }

  .s-product-holder .s-product-price {

    padding: 5px;

    display: block;

    height: 100px;

  }

  .s-product-holder .s-product-price .price-help .sa-button {

    width: 100%;

  }

  .news-help-holder .news-search-holder {

    margin: 10px auto;

  }

  .news-help-holder .news-search-holder input {

    width: 200px;

  }



  .news-holder .news-pic {

    height: 185px;

  }



  .cat-news-ul .cat-news-li {

    margin-bottom: 3px;

  }



  .my-main-menu .logo-holder {

    margin-top: 5px;

  }



  .my-main-menu .logo-holder a img {

    width: 200px;

    height: auto;

  }



  .top-menu .top-menu-left-ul li {

    padding: 0;

  }



  .top-menu .top-menu-left-ul {

    /* margin-top: 5px; */

  }



  .slide-menu {

    width: 100%;

  }



  .small-products-button .icons {

    font-size: 1.4rem;

    padding-bottom: 2px;

  }



  .small-products-button {

    font-size: 1.2rem;

    padding: 6px 12px;

    margin-top: 0;
    display: none;

/*    box-shadow: 0 -1px 0 #f9ce09;*/

  }



  .db-page-cont img {

    height: auto !important;

    max-width: 100% !important;

  }



  #map {

    height: 280px;

  }



  .select-holder-mi {

    top: 230px;

    left: 10px;

    padding: 3px 6px;

    width: 150px;

  }



  .select-holder-mi select {

    padding: 3px 6px;

  }



  .new-compare-holder {

    height: 155px;

  }



  .wrap-calc {

    width: 100%;

  }



  .new-compare-btns .-delete {

    width: auto;

    font-size: 1rem;

  }



  .new-compare-btns {

    float: left;

    width: 100%;

    margin: 10px 0;

  }



  .new-compare-btns .-compare {

    width: auto;

    font-size: 1rem;

  }



  .new-compare-image-holder {

    width: 100%;

  }



  .new-compare-box {

    margin: 15px 5px 0 0;

    padding: 0;

    width: calc(25% - 5px);

  }



  .new-compare-name {

    display: none;

  }



  .our-shops-contact-person {

    height: auto;

  }



  .categories-holder {

    margin-bottom: 10px;

  }



  .categories-holder .categories-text {

    height: 20px;

  }



  .categories-holder .categories-pic {

    /*height: 30px;*/

    /*width: 30px;*/

    height: 100px;

  }



  .categories-holder .categories-text p {

    font-size: 1.2rem;

  }



  .single-news-holder .single-news-body h3 {

    font-size: 1.6rem;

  }



  .big-news-holder .big-news-pic {

    height: 270px;

  }



  .mil-lang {

    /*float: none;*/

  }



  .top-menu-right-ul {

    /*float: none;*/

  }



  .top-menu-col {

    /*text-align: center;*/

    /*width: 100%;*/

  }



  .burger {

    top: -20px;

    right: 0;

  }



  #search-input-holder .logo-search {

    width: 130px;

    margin-top: 15px;

  }



  #search-input-holder #close {

    right: 10px;

    top: 25px;

  }



  #search-input-holder #close img {

    width: 20px;

  }



  #search-input-holder #mysearch-input #mysearch-input1 {

    width: 100%;

  }



  #search-input-holder #mysearch-input {

    width: 100%;

  }



  .mycollapse {

    width: 80%;

    margin: auto;

  }



  .mysearch-button {

    margin-top: 5px;

    float: left;

    margin-right: 10px;

  }



  .slide-xs {

    margin-top: 10px;

  }



  .footer-links {

    width: 100%;

  }



  .footer-links.-xs50 {

    width: 50%;

  }



  .footer-bottom {

    text-align: center;

  }



  .footer-bottom p {

    float: none;

  }



  .registration-holder {

    height: auto;

  }



  .registration-holder2 {

    height: auto;

  }



  footer .newsletter-foo .newsletter-btn {

    margin-left: 0;

    margin-top: 5px;

  }



  .newsletter-foo .newsletter-holder {

    margin-left: 0;

  }



  .social-foo .social-ul-foo li a img {

    width: 30px;

  }



  .prikaz-holders {

    width: 100%;

  }



  .s-product-col {

    width: 100%;

  }



  .s-product-holder {

    /*width: 230px;*/

    margin: auto;

    margin-bottom: 10px;

    border-top: 1px solid #e7e7e7;

    border-bottom: 1px solid #e7e7e7;

  }



  .h-product-col {

    width: 100%;

  }



  .h-product-holder .h-product-pic .akcija2 {

    width: 40px;

  }



  .col2 {

    margin-top: 50px;

  }



  .h-product-holder .h-product-pic .uporediForm-h {

    left: 110px;

  }



  .h-product-holder .brend-h {

    top: 255px;

    right: 13px;

    width: 85px;

  }



  .product-col-holder {

    width: 100%;

  }



  .product-pic {

    height: 300px;

  }



  .product-head-name {

    font-size: 1.2rem;

    padding: 10px 20px;

  }



  .thumb-div {

    /*width: 50%;*/

    padding: 0 15px;

    float: left;

  }



  .product-sec-pic {

    height: 50px;

  }



  .product-info .product-brand {

    height: 25px;

  }

  .product-info .stock-holder .stock {

    /* font-size: 1.2rem; */

    font-size: 1.4rem;

  }

  .product-info .product-price p.discount-price {

    /* font-size: 1.8rem; */

    font-size: 2rem;

  }

  .product-info .product-price p.savings {

    /* font-size: 1.2rem; */

    font-size: 1.4rem;

  }

  .product-info .product-addlinks {

    float: left;

    margin-left: 0;

    width: 100%;

  }



  .product-info .product-cart {

    margin-left: 0;

    float: left;

    width: 100%;

    text-align: left;

  }



  .product-info .product-cart .product-input {

    /* width: 55px; */

    width: 40px;

    font-size: 1.4rem;

  }



  .product-info .product-cart .product-cart-btn {

    width: 123px;

  }



  .coment-form textarea {

    width: 250px;

  }



  .xsProduct-col {

    width: 50%;

  }



  .gallerys-holder {

    height: 110px;

  }



  .gallerys-holder .gallerys-info {

    height: 39px;

  }



  .gallerys-holder .gallerys-info p {

    font-size: 1.2rem;

    line-height: 1.2;

  }



  .video-col {

    width: 100%;

    margin-bottom: 10px;

  }



  .video-holder {

    height: 130px;

    width: 220px;

    margin: auto;

  }



  .attr-b2b {

    display: inherit;

  }



  .doc-holder {

    height: 200px;

  }



  .doc-holder a {

    font-size: 1.2rem;

  }



  .catalog-col {

    width: 50%;

  }



  .zelja-col {

    width: 50%;

  }



  .empty-cart {

    width: 165px;

  }



  .korpa-holder-xs .korpa-kolicina a {

    margin-left: 10px;

  }



  .korpa-holder-xs .korpa-kolicina .product-input {

    font-size: 1.3rem;

    /* width: 40px; */

    width: 34px;

    height: 30px;

  }



  .korpa-holder-xs .korpa-kolicina button {

    width: 20px;

    height: 30px;

    font-size: 1.5rem;

  }



  .korpa-holder-xs .korpa-cena span {

    font-weight: normal;

    font-size: 1.4rem;

  }



  .korpa-holder-xs .korpa-popust span {

    font-weight: normal;

    font-size: 1.4rem;

  }



  .korpa-holder-xs .korpa-ukupno span {

    font-weight: normal;

    font-size: 1.4rem;

  }



  .cart-col {

    width: 100%;

  }



  .sve-korpa h4 .total-price-cart {

    font-size: 1.4rem;

  }



  .col-xs {

    width: 100%;

  }



  .order-login {

    text-align: center;

  }



  .order-login a {

    width: 100%;

    margin-bottom: 20px;

  }



  .uplInput {

    padding: 4px 2px;

    font-size: 1.1rem;

    overflow-x: scroll;

  }



  .nav-tabs.nav-justified > .active > a,

  .nav-tabs.nav-justified > .active > a:focus,

  .nav-tabs.nav-justified > .active > a:hover {

    border-left: 1px solid #4c4c4c;

  }



  .nav-tabs.nav-justified > li > a {

    border-left: 1px solid #4c4c4c;

  }



  .korpa-holder-xs .korpa-kolicina h3 {

    font-size: 1.8rem;

  }



  .team-holder {

    margin: auto;

    width: 263px;

    margin-bottom: 10px;

  }



  .team-modal-pic {

    height: 110px;

  }



  .tool-box > .list > .items {

    vertical-align: middle;

    margin-bottom: 3px;

  }



  .tool-box > .list {

    display: inline;

  }



  .tool-box > .list {

    border: none;

    border-radius: 0;

    background: transparent;

  }



  .tool-box {

    background: #fff;

    border-radius: 0px;

  }



  .info-baner-holder .info-xsbuy {

    margin-bottom: 45px;

  }



  .newsletter-foo .newsletter {

    margin: 15px 0;

  }



  footer .footer-links .footer-logo {

    /* width: 120px; */
        width: 160px;
/*    width: 100%;*/

  }



  footer .footer-links .after {

    font-size: 1.4rem;

  }



  footer .location ul li {

    font-size: 1.2rem;

  }



  footer .location ul li img {

    width: 18px;

  }



  footer .footer-links ul li a {

    font-size: 1.2rem;

  }



  footer .footer-links ul li {

    padding: 2px 0;

  }



  .social-foo .after {

    font-size: 1.6rem;

  }



  .footer-expl {

    font-size: 1rem;

    line-height: 1.2;

  }



  footer .footer-links p {

    margin-bottom: 5px;

    font-size: 1.2rem;

  }



  .footer-bottom p {

    font-size: 1rem;

  }



  .brands-slider a img {

    max-height: auto;

  }



  .brands-slider {

    padding: 20px 0;

  }

}



/*	QUICK SEARCH	*/



.qSearchCont {

  list-style: none;

  position: absolute;

  background-color: #fff;

  width: 457px;

  left: 0;

  z-index: 99999;

  max-height: 300px;

  overflow-y: scroll;

  padding: 5px 0;

  top: 38px;

  /* border: 2px solid rgb(230, 0, 0); */

  border: 2px solid #161616;

}

.qSearchCont::-webkit-scrollbar-track {

  background-color: #efefef;

}



.qSearchCont::-webkit-scrollbar {

  position: relative;

  height: 3px;

  width: 10px;

  /* background-color: rgb(230, 0, 0); */

  background-color: #0081b2;

}



.qSearchCont::-webkit-scrollbar-thumb {

  position: relative;

  /* background-color: rgb(230, 0, 0); */

  background-color: #0081b2;

}



.qSearchCont::-webkit-scrollbar::after {

  left: 0;

  top: 0;

  position: absolute;

  content: "a";

}

.qSearchCont .qSearchItem {

  border-bottom: 1px solid rgba(238, 238, 238, 0.39);

  padding: 5px 10px;

  height: 70px;

}

.qSearchCont .qSearchItem .qSearchItemName {

  /*font-weight: bold;*/

  display: inline;

  font-size: 1.6rem;

  /* color: #000066; */

  color: #161616;

}



.qSearchCont .qSearchItem .qSearchItemCategory {

  display: block;

  /* color: #000066; */

  color: #161616;

  font-size: 1.2rem;

}

.qSearchShowAllButton {

  border-radius: 0;

  margin: 10px auto 5px 10px;

  /* background: #000066;

  border-color: #000066; */

  background: #161616;

  border-color: #161616;

  text-transform: uppercase;

  letter-spacing: 1px;

  width: 200px;

}

.qSearchShowAllButton:hover {

  background: #161616d6;

  border-color: #161616d6;

}

.qSearchShowAllButton:focus {

  background: #161616d6;

  border-color: #161616d6;

}

.qSearchShowAllButton:active {

  background: #161616d6;

  border-color: #161616d6;

}

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

  .info-baner {

    margin: 0;

  }

  .col-seter {

    padding: 0 !important;

  }

}

*/