@font-face {
  font-family: 'Rubik SemiBold';
  src: url('../../fonts/Rubik/Rubik-SemiBold.ttf') format('opentype');
}


@font-face {
  font-family: 'Rubik-Medium';
  src: url('../../fonts/Rubik/Rubik-Medium.ttf') format('opentype');
}


@font-face {
  font-family: 'Rubik-Regular';
  src: url('../../fonts/Rubik/Rubik-Regular.ttf') format('opentype');
}









/* Apply the font to desired elements */
body {
  font-family: 'Rubik-Medium', sans-serif;
  color: #000;
}

/* Optionally, you can specify font for specific elements */
h1, h2 ,h3,h4 {
  font-family: 'Rubik SemiBold', sans-serif;
}




h5,h6,button,a {
  font-family: 'Rubik-Medium', sans-serif;
}

.title-header{
  color:#fff;
}


span,li,p,small {
  font-family: 'Rubik-Regular', sans-serif;
}




.header-one .bg-top-bar {
  background-color: #910000;
  border-bottom: 1px solid #fff;
  height: 60px;
  padding-top: 7px;
}

.header-one .bg-header-bar {
  background-color: #fff;
}
.header-one .header-mini .dropdown .btn.dropdown-toggle {
  font-weight: 400;
  font-family: 'Rubik-Regular', sans-serif;
  background-color: transparent;
  color: #fff;
  padding-left: 0;
  padding-right: 0;
  transition: 0.4s;
  text-transform: capitalize;
  border: none;
}

.header-one .header-mini .pro-header-options li {
  display: flex;
  align-items: center;
  margin-left: 15px;
  color: #fff;
}

.header-one .header-mini .dropdown .btn.dropdown-toggle::after {
  float: right;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  border: none;
  color: #fff;
  height: 10px;
  width: 10px;
  display: block;
  line-height: normal;
  margin-top: 4px;
}

.header-one .header-mini .pro-header-options li p {
  margin: 0;
  color: #fff;
}

.header-one .bg-nav-bar {
  background-color: #fff;
}


.sticky-header .header-sticky-inner {
  box-shadow: 0px 1px 3px 1px #ddd;
}


.header-one .header-navbar nav .navbar-collapse ul .nav-item .nav-link {
  margin: 0px;
  font-family: 'Rubik-Medium', sans-serif;
  font-weight: 500;
  line-height: 22px;
  width: 100%;
  text-decoration: none;
  color: #000;
  text-transform: initial;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 1rem;
}

.header-one .header-navbar nav .navbar-collapse ul .nav-item .nav-link-small {
  margin: 0px;
  font-family: 'Rubik-Regular', sans-serif;
  font-weight: 500;
  line-height: 22px;
  width: 100%;
  text-decoration: none;
  color: #fff;
  text-transform: initial;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 1rem;
}


.header-one .header-navbar nav .navbar-collapse ul .nav-item .nav-link-small:hover {
  text-decoration:underline
}

.header-one .header-mini .pro-header-right-options li > a .badge, .header-one .header-mini .pro-header-right-options li button .badge {

  color: #fff;
}


.disabled-ratings > label {
  color: #000;
  float: right;
  margin-bottom: 0;
}

.search-input::placeholder {
  color: #555; /* Placeholder text color */
  font-size: 14px; /* Placeholder text size */
  opacity: 5;
}

#search_button{
  border-right: 1px solid;
}

.header-one .header-mini .search-field-module .dropdown-toggle {
  width: 200px;
  background-color: #910000;
  color: #fff;
}

button#search_button.btn.btn-secondary.swipe-to-top i.fa.fa-search{
  color: #fff;
}

.btn-secondary::before {
  background-color: #910000;
}

.btn-secondary {
  color: #fff;
  background-color: #910000;
  border-color: #910000;
}
.badge-secondary {
  color: #000;
  background-color: #910000;
}

.sticky-header .header-sticky-inner .pro-header-right-options li .btn-light .badge {
  position: absolute;
  left: -5px;
  bottom: -5px;
  top: auto;
  height: 16px;
  width: 16px;
  color: #fff;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  border-radius: 200px;
}

html.no-js.sf-js-enabled body.animation-s1 section.pro-content.header-section footer#footerFive.footer-area.footer-five.d-lg-block.d-xl-block.pro-content div.container div.row div.col-12.col-md-6.col-lg-5 div.row div.col-12.col-lg-6 ul.contact-list.pl-0.mb-0 li i{
  color: #910000;

}

img {
  max-width: 100%;
  display: inline-block;
}

.product-page-qty-input {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 50px;
}
.product-page-qty {
  background: #fff;
  height: 39px;
  width: 39px;
  line-height: 39px;
  float: left;
  display: block;
  text-align: center;
  padding: 0;
  border: none;
    border-right-width: medium;
    border-right-style: none;
    border-right-color: currentcolor;
    border-left-width: medium;
    border-left-style: none;
    border-left-color: currentcolor;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.product-page-actions-list > li {
  float: left;
  margin-right: 10px;
  list-style: none;
  padding: 0px;
}
.product-page-qty-item {
  border: 1px solid #ccc;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  overflow: hidden;
}

.product-page-qty-input {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 50px;
}
span#NotificationCount{
  top: -8px;
  left: -8px;
  padding-top: 0px;
  border-radius: 50%;
  padding: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
}




.sticky-header .header-sticky-inner nav .navbar-collapse ul .nav-item .nav-link {
  font-family: 'Rubik SemiBold', sans-serif;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 10px;
  padding-left: 10px;
}

.top-bar .form-group .form-control {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 17px;
  border: none;
}

.header-one .header-mini .dropdown .dropdown-menu .dropdown-item {
  color: #000;
  padding: 5px 1.8rem;
}

.right-menu .main-manu {
  display: block;
  background-color: #f2f2f2;
  color: #000;
  border: 1px solid #dee2e6;
  padding: 5px 10px;
  text-decoration: none;
  font-family: 'Rubik SemiBold', sans-serif;
  font-weight: 600;
}

.pro-content .tabs-main a.nav-link.active {
  color: #fff;
  background-color: #910000 ;
}

.header-one .header-navbar nav .navbar-collapse ul li {
  margin-left: 15px;
  list-style: none;
}

.pro-content .pro-heading-title h2 {
  font-family: 'Rubik-Regular', sans-serif;
  font-weight: 100;
  color: #000;
  font-size: 31px;
}

.search-input{

    height: 50px;
    width: 70%;
    border: none;
    background-color: #fff;
    color: #000;
 
}

.search-input:focus-visible{
outline: none;
}

.search-field-wrap {
  width: 100%;
  background-color: #fff;
  border-radius: 27px;
  
}

.search-field-wrap:hover {
  background-color: #f6f7fa; /* Change background color on hover */
}

.search-field-wrap:focus-within {
  border: 1px solid #f6f7fa; /* Add border when input is focused */
}

.search-input {
  padding: 5px;
  border: none;
  background-color: transparent; /* Set input background color as transparent */
  transition: background-color 0.3s; /* Add transition effect for smooth change */
  width: 60%;
}

.header-title {
  position: relative;
  color: #000;
}

.header-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5); /* Semi-transparent white overlay */
  z-index: -1; /* Make sure the overlay is behind the text */
}


.colored-image {
  width: 30px;
  margin-top: 15px;
  /* Example values: adjust as needed */
}

.header-mobile .header-mini .pro-header-right-options li button .badge {
  position: absolute;
  right: -4px;
  top: 18px;
  height: 16px;
  min-width: 16px;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  color: #fff;
}


.product_hover_button:hover + .pro-content .slick-prev +  .pro-content .slick-next {
  opacity: 1;
}


.pro-content {
  overflow: hidden;
  padding-top: 30px;
}



.pro-content .pro-heading-title {
  padding-bottom: 0px;
  margin-top: 0px;
}


.product article .content .title {
  font-family: "Roboto", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  margin: 0;
  line-height: 1;
  text-decoration: none;
  font-size: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  -webkit-box-align: center;
  overflow: hidden;
}



.product article .content .price {
  font-family: "Roboto", sans-serif;
  display: flex;
  justify-content: start;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  color: #910000;
}



.product article .thumb {
  height: auto;
  overflow: hidden;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  position: relative;
}




.product-home.product article {
  border: 1px solid #a49d9d;
  border-radius: 15px;
}
.product-card-image {
  border-radius: 0px !important;
} 

.product3.product article .content {
  padding-bottom: 15px;
  height: 260px;
}
.product article .content .price span {
  color: #000;
  text-decoration: line-through;
  margin-left: 10px;
  font-size: 14px;
  line-height: 1.5;
}


.slick-list {
  position: relative;
  overflow: scroll;
  display: block;
  margin: 0;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
}


.carousel-content .carousel .carousel-inner .carousel-item img {
  -o-object-fit: cover;
  object-fit: cover;
  height: auto;
  width: 100%;
}

.shimmer-background {
  animation: shimmer 30s infinite;
  background: linear-gradient(to right, #fff 4%, #fff 25%, #fff 36%);
    background-size: auto;
  background-size: 1000px 100%;
}

@media screen and (max-width: 768px) {
  .carousel-inner .carousel-item {
    height: fit-content;
  }
}

@media screen and (max-width: 500px) {
  .carousel-inner .carousel-item {
    height: fit-content;
  }
}
@media screen and (max-width: 768px) {
  .carousel-inner .carousel-item {
    height: fit-content;
  }
}

@media screen and (max-width: 768px) {
  #product_content_mobile{
    margin-top: -80px;
  }
}



body {
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  text-align: left;
  background-color: #fff;
}

@media only screen and (max-width: 767px) {
  .header-area .alert {
    padding: 13px 5px 12px;
    height: 80px;
    width: 100%;
    overflow: hidden;
  }

  .modal{
    top:0px;
  }

  .modal-content {
    width: 85%;
  }

  .modal .modal-dialog {
    height: 100%;
    left: 48%;
  }

 
}
@media only screen and (max-width: 990px) {
  .modal-content {
    border-radius: 0px 0px 0px 0px;
  }

  #pac-input {
    position: absolute;
    left: 0px;
    top: 40px;
    display: block;
  }

  #sortBy{
    margin-left: -44px;
  }

  .moving-tab{
    display: none;
  }
}


@media only screen and (min-width: 1000px) {
  .header-area .alert {
    width: 100%;
  }

  #sortBy{
    margin-left: 2px;
  }
}
#ma_model_content{
  height: 70%;
}



.ms-media-gallery__thumbnails-container {
  display: flex;
  order: 0;
  flex-grow: 0;
}


.pro-content .tabs-main .nav-link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Roboto", sans-serif;
  background-color: #fff;
  border: 68px solid #c1c5c9;
  color: #000;
  width: 140px;
  height: 45px;
  margin-right: 30px;
  margin-bottom: 0;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  text-align: center;
  padding: 8px;
  box-shadow: 0px 1px 1px 1px #acabab;

  
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #000;
}

@media only screen and (min-width:900px){
 
 .container{
     max-width: 97%;
 }
}
@media only screen and (min-width: 1080px) and (max-width: 1700px) {
  .header-logo {
    width: 85%;
  }
}

 
 
#chat_icon {
  position: fixed;
  bottom: 10px;
  right: 15px;
  z-index: 9999;
  height: auto;
  min-height: 40px;
  font-size: 20px;
  text-align: center;
  line-height: 1.4;
  cursor: pointer;
  border: 0;
  box-shadow: none;
  outline: none;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  opacity: 1;
  display: block !important;
  background-color: #f0f8ff;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  transition: 0.3s;
  padding: 8px 10px;
  max-width: 90vw;
}


#chat_icon:hover{
  background-color: #e6f0ff;
  transform: scale(1.05);
}


#back-to-top{
  right: 200px;
  bottom: 10px;
  height: 40px;
  width: 35px;
}


.header-one .header-mini .pro-header-right-options {
  padding-left: 0;
  padding-right: 0px;
  margin-bottom: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}


.header-one .header-mini .pro-header-right-options .dropdown .dropdown-menu {
  animation: animationcartmenu ease 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode: none;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  width: 270px;
  border-radius: 0;
  border-color: #fff;
  z-index: 99999;
  margin-top: 25px;
  position: absolute;
  left: 1px !important;
}

.header-one .header-mini .pro-header-right-options .dropdown .dropdown-menu .shopping-cart-items {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  max-height: 350px;
  overflow-y: auto;
}

.header-one .header-mini .pro-header-right-options .dropdown .dropdown-menu .shopping-cart-items li .item-thumb .image {
  width: 50px;
  height: 50px;
  border: 1px solid #dee2e6;
  border-radius: 0;
  overflow: hidden;
}

.header-one .header-mini .pro-header-right-options .dropdown .dropdown-menu .shopping-cart-items li .item-thumb {
  position: absolute;
  left: 0;
  top: 0;
}

.header-one .header-mini .pro-header-right-options .dropdown .dropdown-menu .shopping-cart-items li {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 10px;
  margin-left: 0;
}
.header-one .header-mini .pro-header-right-options li {
  position: relative;
  display: inline-block;
  list-style: none;
  margin-left: 35px;
}


.header-one .header-mini .pro-header-right-options .dropdown .dropdown-menu .shopping-cart-items li .item-detail {
  float: left;
  padding-left: 74px;
}

.header-one .header-mini .pro-header-right-options .dropdown .dropdown-menu .shopping-cart-items li .item-detail h3 {
  font-size: 0.875rem;
  text-transform: capitalize;
  line-height: 1.5;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}



.search-field-wrap-sticky {
  width: 50%;
  background-color: #fff;
  border-radius: 27px;
  border: 1px solid #000;
  margin-right: 2%;
}


.header-one .header-mini .dropdown .btn.dropdown-toggle::after {
  float: right;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  border: none;
  color: #020202;
  height: 10px;
  width: 10px;
  display: block;
  line-height: normal;
  margin-top: 4px;
}





.header-one .header-mini .shopping .btn.dropdown-toggle::after {
  position: absolute;
  top: 0px;
  right: -10px;

}


.btn-google {
  background-color: #de4e33;
  color: #fff;
  transition: 0.4s;
}


.btn-facebook {
  background-color: #334e89;
  color: #fff;
  transition: 0.4s;
}


.alert-dark {
  color: #000;
}

.product article .badges {
  position: absolute;
  top: 0px;
  left: 0%;
  display: flex;
  justify-content: space-between;
  width: 100%;
}




.badge-brown {
  color: #fff;
  background-color: #ec8500;
}

  .product article .badges  .badge{
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 0;
    padding: 5px;
    min-width: 40px;
    text-align: center;
    border-radius: 6px;
  }

 .product article .badges  .badge-main{
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 0;
    padding: 5px;
    min-width: 40px;
    text-align: center;
    border-radius: 6px;
    background-color:#910000;
    color: #fff;
  }



  .product article .badges .custom-badge{
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 0;
    padding: 5px;
    min-width: 40px;
    text-align: center;
    border-radius: 15px 0px;
  } 
  

.top_header_new{
  color: #666565;
  font-weight: 300;
  cursor: pointer;
}

.slider-wrapper .slider-for .slider-for__item img {
  width: auto;
}