body {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #666;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
}

/* menu */
#menu {
  background-color: black;
/*  background-color: #229ac8;
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
  border: 1px solid #1f90bb;
  border-color: #1f90bb #1f90bb #145e7a; */
  min-height: 40px;
  border-radius: 4px;
    font-size: 18px;
}
#menu .dropdown-inner ul li a:hover {
/*  color: #ffffff; */
    color: white;
/*  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); */
    background-color: red;
}

#menu .dropdown-inner a {
  min-width: 180px;
  display: block;
  padding: 6px 12px;
  clear: both;
  line-height: 20px;
  color: #333333;
  color: red;
  font-size: 14px;
}
#menu .navbar-nav > li > a {
/*  color: #fff; */
  color: red;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  padding: 10px 15px 10px 15px;
  min-height: 15px;
  background-color: transparent;
}
#menu .navbar-nav > li > a:hover {
/* background-color: rgba(0, 0, 0, 0.1); */
    background-color: red;
    color: white;
}


#menu .see-all {
  display: block;
  margin-top: 0.5em;
  border-top: 1px solid #DDD;
  padding: 3px 20px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 3px 3px;
  font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #e60e0e;
  background-image: linear-gradient(to bottom, #ee6767, #8a0303);
  background-repeat: repeat-x;
}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to left, #950404, red);
  background-repeat: repeat-x;
  border-color: red;
}
.btn-primary {
  --bs-btn-color: #000;
  --bs-btn-bg: #229ac8;
  --bs-btn-border-color: #229ac8;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #43a9d0;
  --bs-btn-hover-border-color: #000;
  --bs-btn-focus-shadow-rgb: 29, 131, 170;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #4eaed3;
  --bs-btn-active-border-color: #38a4ce;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #229ac8;
  --bs-btn-disabled-border-color: #229ac8;
}


.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: black;
  border-color: red;
}

.navbar-light .navbar-toggler {
  font-size: 15px;
  font-stretch: expanded;
  color: #FFF;
  padding: 6px 12px;
  background-color: #229ac8;
  background-image: linear-gradient(to bottom, #950404, red);
  background-repeat: repeat-x;
  border-color: white;
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #f26666;
  outline: 0;
  box-shadow: 0 0 0 0.15rem rgba(236, 48, 48, 0.46);
}

.form-select:focus {
  border-color: #e49191;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(200, 34, 34, 0.25);
}




.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 0.8125rem;
  --bs-pagination-color: #590303;
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-border-radius: 0.25rem;
  --bs-pagination-hover-color: #c82222;
  --bs-pagination-hover-bg: #e9ecef;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: #e9ecef;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(34, 154, 200, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #c82222;
  --bs-pagination-active-border-color: #590303;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  list-style: none;
}



.product-thumb .button-group button 
{width: 80%;
}
@media (max-width: 1200px){
.product-thumb .button-group button, .product-thumb .button-group button + button 
{width: 50%;
        }
}
@media (max-width: 767px){
.product-thumb .button-group button, .product-thumb .button-group button + button {
width: 50%;
        }
}

/* footer */
footer {
  margin-top: 30px;
  padding-top: 30px;
  padding-bottom: 1px;
/*  background-color: #303030; */
  background-color: black;
  border-top: 1px solid #ddd;
  color: #e2e2e2;
}