/* WebKit (Chrome, Safari) */
::-webkit-scrollbar {
  width: 15px;
}

::-webkit-scrollbar-track {
  background: #ffffff;
}

::-webkit-scrollbar-thumb {
  background-color: #dcdcdc;
  border-radius: 20px;
  border: 3px solid #ffffff;
}

:root {
  --body-background: #ffffff;
  --font-color: #555555;
  --font-color-muted: #888888;
  --font-color-disabled: #dddddd;
  --font-color-inverted: #ffffff;
  --font-size: 13px;
  --product-list-font-size: 18px;
  --heading-font-color: #000000;
  --heading-1-font-size: 24px;
  --heading-2-font-size: 22px;
  --heading-3-font-size: 13px;
  --link-color: #b58d5c;
  --link-color-hover: #555555;
  --btn-color-primary: #080400;
  --btn-color-secondary: #ffffff;
  --btn-inverted-font-color: #000000;
  --btn-border-radius: 6px;
  --input-font-color: #030000;
  --input-placeholder-color: #aaaaaa;
  --input-background: #fdfcfc;
  --input-border-color: #dddddd;
  --input-border-color-focus: #888888;
  --input-border-radius: 5px;
  --input-checkbox-color: #000;
  --header-background: #ffffff;
  --header-mobile-background: #ffffff;
  --header-font-size: 15px;
  --header-font-color: #555555;
  --header-font-color-inverted: #ffffff;
  --header-link-color: #000000;
  --header-link-color-hover: #555555;
  --header-logo-height: 50px;
  --header-mobile-nav-background: #000000;
  --header-mobile-nav-font-color: #ffffff;
  --header-mobile-nav-link-color: #ffffff;
  --header-mobile-nav-link-color-hover: #aaaaaa;
  --footer-background: #ffffff;
  --footer-font-size: 13px;
  --footer-font-color: #555555;
  --footer-heading-font-color: #000000;
  --footer-link-color: #000000;
  --footer-link-color-hover: #555555;
  --announcement-background: #222222;
  --announcement-font-color: #ffffff;
  --announcement-link-color: #ffffff;
  --announcement-link-color-hover: #aaaaaa;
  --social-font-color: #000000;
  --social-font-size: 22px;
  --map-text-fill-color: #858585;
  --map-text-stroke-color: #ffffff;
  --map-administrative-color: #ffffff;
  --map-landscape-color: #f7f7f7;
  --map-poi-color: #f7f7f7;
  --map-parks-color: #e5e5e5;
  --map-roads-color: #ffffff;
  --map-transit-color: #f4f4f4;
  --map-water-color: #ededed;
  --border-color: #e8e8e8;
  --color-light: #f8f8f8;
  --color-dark: #000000;
  --color-overlay: #000000;
  --color-sale: #888888;
  --color-error: #dc3545;
  --color-success: #28a745;
  --font-family-01-weight-normal: 400;
  --font-family-01-weight-bold: 700;
  --font-family-02-weight-normal: 400;
  --font-family-02-weight-bold: 700;
  --font-family-01: Jost;
  --font-family-02: Jost;
  --input-border-color-selected: #000000;
  --header-badge-background-color: #000000;
  --header-badge-font-color: #ffffff;
  --bs-dropdown-link-active-bg: #ffffff !important;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #00000000;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {

  opacity: 0.5;
}

body {
  overflow-y: scroll;
}

.header {
  position: relative;
  width: 100%;
  margin-bottom: var(--document-top);
  z-index: 2;
  transition: transform 0.4s, background-color 0.4s, border-bottom 0.4s;
}

.nav {
  --bs-nav-link-color: var(--link-color);
  --bs-nav-link-hover-color: black;
}

#block_xYH2J4pW {
  --body-background: #d7d3d3;
}

#block_Gx0bHPKX {
  --body-background: #ffffff;
}
#block_EsVJhtfA {
  --body-background: #ffffff;
}

.product-price {
  font-size: 1.5em;
  font-weight: 400;
}

.dropdown-toggle::after {
  display: none;
}

.login-list {
  list-style-type: none;
  color: black;
  text-transform: uppercase;
}

.login-link {
  list-style-type: none;
  font-size: 1em;
  color: black;
  text-transform: uppercase;
  text-decoration: none;
}

.navbar-nav-secondary-left .dropdown-menu,
.navbar-nav-secondary-right .dropdown-menu {
  --font-size: $header-secondary-dropdown-font-size;
  display: none;
  top: 100%;
  margin: 0;
  min-width: 220px;
  background: transparent;
  font-size: var(--header-font-size);
  font-weight: var(--font-family-01-weight-normal);
  color: var(--header-font-color);
  text-transform: none;
  letter-spacing: 0;
  box-shadow: none;
  border-radius: 0px;
  border: none;
  z-index: 2;
}

.navbar-nav-primary .dropdown-menu {
  display: none;
  list-style-type: none;
  top: 100;
  margin: 0;
  left: -10px;
  min-width: 220px;
  padding: 15px 0;
  background: white;
  font-size: var(--header-font-size);
  font-weight: var(--font-family-01-weight-normal);
  color: var(--header-font-color);
  text-transform: none;
  letter-spacing: 0;
  text-align: left;
  z-index: 3;
  box-shadow: none;
  border-radius: 0px;
  border: none;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border: none !important;
}

.dropdown-item {
  background-color: white !important;
}

.dropdown-item :active {
  background-color: white !important;
}

@media (max-width: 1199.98px) {
  .dropdown-menu {
    background: rgb(0, 0, 0) !important;
    color: white !important;
    position: static;
  }
  .dropdown-item {
    background-color: transparent !important;
    color: white !important;
  }
}

.white {
  color: white;
}

.my-account {
  display: flex;
  flex-direction: column;
}

/* Style the buttons inside the tab */
.tab {
  display: flex;
  gap: 30px;
  flex-direction: column;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  text-transform: uppercase;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 15px;
}

@media (max-width: 992px) {
  .tab {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px;
  }
}

/* Change background color of buttons on hover */
.tab button:hover {
  text-decoration: underline;
}

/* Create an active/current "tab button" class */
.tab button.active {
  text-decoration: underline;
}

/* Style the tab content */
.tabcontent {
  padding: 0px 12px;
  border-left: none;
  height: 300px;
}

.frm-field {
  display: inline-block;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 8px 15px;
  border-radius: var(--input-border-radius);
  border: 1px solid rgb(226, 226, 226);
  font-family: var(--font-family-01), Helvetica, Arial, sans-serif;
  font-size: 15px;
  text-transform: none;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.65;
  transition: color 0.4s, border 0.4s;
}

.frm-field:focus {
  border: 1px solid rgb(0, 0, 0);
}

label {
  font-size: 15px;
}

.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.pt-60 {
  padding-top: 60px;
}

.collapsible {
  background-color: #eee;
  border-radius: 8px;
  color: black;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  outline: none;
  font-size: 15px;
}

.activetab,
.collapsible:hover {
  background-color: #ddd;
}

.collapsible:after {
  content: "\002B";
  color: black;
  font-weight: bold;
  text-align: right;
  width: 100px;
}

.activemenu {
  text-decoration: underline !important;
}

.content_coll {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom: 50px;
}

.tablinks:hover {
  text-decoration: underline !important;
}

.addresses_items {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
}

.addresses_item_ {
  width: max-content;
  height: auto;
  margin: 20px;
  padding: 10px;
}

.addresses_item_default {
  width: max-content;
  /*border: 1px solid #dee2e6 !important;*/
  border-radius: 8px !important;
  background-color: #eee !important;
  height: auto;
  margin: 20px;
  padding: 10px;
}

.wishlist_items {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
}

.wishlist_item {
  width: 180px;
  margin: 10px;
  padding: 10px;
}

.wishlist_content {
  display: flex;
}

.wishlist_title {
  flex: 2;
}

.wishlist_price {
  flex: 1;
  text-align: right;
}

.ml-10 {
  margin-left: 10px;
}

.ml-30 {
  margin-left: 30px;
}

table td {
  vertical-align: middle;
}

.relative {
  position: relative;
}

.nav-link {
  color: var(--link-color);
}

.cimke {
  width: 65px;
  display: inline-block;
  color: #000;
}

.btn-sm {
  font-size: calc(var(--font-size) - 3px);
  padding: 4px 8px !important;
}

.sidebar-cart-product-image img {
  width: 100px;
}

.sidebar-cart-item-remove {
  float: right;
  padding: 8px;
  margin-right: -8px;
  margin-top: -8px;
}

.sidebar {
  width: 400px;
}

.cart-product-image {
  padding-right: 15px !important;
  width: 200px;
}

@media (max-width: 920px) {
  .cart-product-image {
    padding-right: 15px !important;
    width: 150px;
  }
}

@media (max-width: 768px) {
  .cart-product-image {
    padding-right: 15px !important;
    width: 100px;
  }
}

.width-165 {
  width: 165px;
}

.home-social-lg-buttons {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (max-width: 768px) {
  .home-social-lg-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
  }
}

.f-up {
  text-transform: uppercase;
}

.t-ul{
  text-decoration: underline;
}

/* ###################################### CHECKOUT #################################### */

/* Style the form */
#checkoutForm {
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  border-color: red;
}

/* Hide all steps by default: */
.tab2 {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.step {
  padding: 10px;
}

/* Mark the active step: */
.step.active {
  color: var(--link-color);
}

/* Mark the steps that are finished and valid: */
.step.finish {
}

/* #################################################################################### */

.d-none {
  display: none !important;
}

#login-password, #login-password-reg1, #login-password-reg2 {
  position: relative;
}

.toggle-password, .toggle-cpassword, .toggle-password-reg1, .toggle-password-reg2, .toggle-my-current-password, .toggle-my-new-password {
  position: absolute !important;
  right: 13px !important;
  top: 31px !important;
  color: rgb(220, 220, 220) !important;
}

#eye-icon, #eye-icon-reg1, #eye-icon-reg2, #eye-icon1, #eye-icon2 {
  font-size: 1.5em;
}

.product_image_price_discount{
  position: absolute;
  font-weight: 500;
  width: 100%;
  padding-right: 20px;
  font-size: 6em;
  text-align: right;
  opacity: 20%;
  line-height: 1.3em;
}

.product_image_price_discount2{
  position: absolute;
  font-weight: 500;
  width: 100%;
  padding-right: 20px;
  font-size: 5em;
  text-align: right;
  opacity: 20%;
  line-height: 1.6em;
}

.product_old_price{
  text-decoration: line-through;
  opacity: 40%;
  margin-right: 10px;
}

.header {
  background: transparent !important;
  border-bottom: none !important;
}

/*****************************************************************/

.navbar-nav-primary .nav-link.home span:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: none;
  transform: scaleX(0);
  transform-origin: 0 0;
  transition: transform 0s;
}

.navbar-nav-primary .nav-link.home:hover span:after {
  transform: scaleX(1);
  background: none;
}

.dropdown-menu {
  min-width: auto !important;
  border-radius: 0.25rem !important;
}