@font-face {
  font-family: "BrauerNeueStd";
  src: url("../fonts/BrauerNeue/BrauerNeueStd-Bold.eot");
  src: url("../fonts/BrauerNeue/BrauerNeueStd-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/BrauerNeue/BrauerNeueStd-Bold.woff2") format("woff2"), url("../fonts/BrauerNeue/BrauerNeueStd-Bold.woff") format("woff"), url("../fonts/BrauerNeue/BrauerNeueStd-Bold.ttf") format("truetype"), url("../fonts/BrauerNeue/BrauerNeueStd-Bold.svg#BrauerNeueStd-Bold") format("svg");
}
@font-face {
  font-family: "Compacta-bold-italic";
  src: url("../fonts/Compacta/CompactaBT-BoldItalic.eot");
  src: url("../fonts/Compacta/CompactaBT-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Compacta/CompactaBT-BoldItalic.woff2") format("woff2"), url("../fonts/Compacta/CompactaBT-BoldItalic.woff") format("woff"), url("../fonts/Compacta/CompactaBT-BoldItalic.ttf") format("truetype"), url("../fonts/Compacta/CompactaBT-BoldItalic.svg#CompactaBT-BoldItalic") format("svg");
}
@font-face {
  font-family: "Compacta-black";
  src: url("../fonts/Compacta/CompactaBT-Black.eot");
  src: url("../fonts/Compacta/CompactaBT-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Compacta/CompactaBT-Black.woff2") format("woff2"), url("../fonts/Compacta/CompactaBT-Black.woff") format("woff"), url("../fonts/Compacta/CompactaBT-Black.ttf") format("truetype"), url("../fonts/Compacta/CompactaBT-Black.svg#CompactaBT-Black") format("svg");
}
@font-face {
  font-family: "Compacta-bold";
  src: url("../fonts/Compacta/CompactaBT-Bold.eot");
  src: url("../fonts/Compacta/CompactaBT-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Compacta/CompactaBT-Bold.woff2") format("woff2"), url("../fonts/Compacta/CompactaBT-Bold.woff") format("woff"), url("../fonts/Compacta/CompactaBT-Bold.ttf") format("truetype"), url("../fonts/Compacta/CompactaBT-Bold.svg#CompactaBT-Bold") format("svg");
}
@font-face {
  font-family: "Gilroy-bold";
  src: url("../fonts/Gilroy/Gilroy-ExtraBold.eot");
  src: url("../fonts/Gilroy/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-ExtraBold.woff2") format("woff2"), url("../fonts/Gilroy/Gilroy-ExtraBold.woff") format("woff"), url("../fonts/Gilroy/Gilroy-ExtraBold.ttf") format("truetype"), url("../fonts/Gilroy/Gilroy-ExtraBold.svg#Gilroy-ExtraBold") format("svg");
}
@font-face {
  font-family: "Gilroy-light";
  src: url("../fonts/Gilroy/Gilroy-Light.eot");
  src: url("../fonts/Gilroy/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Light.woff2") format("woff2"), url("../fonts/Gilroy/Gilroy-Light.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Light.ttf") format("truetype"), url("../fonts/Gilroy/Gilroy-Light.svg#Gilroy-Light") format("svg");
}
@font-face {
  font-family: "Gilroy-black";
  src: url("../fonts/Gilroy/Gilroy-Black.eot");
  src: url("../fonts/Gilroy/Gilroy-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Black.woff2") format("woff2"), url("../fonts/Gilroy/Gilroy-Black.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Black.ttf") format("truetype"), url("../fonts/Gilroy/Gilroy-Black.svg#Gilroy-Black") format("svg");
}
@font-face {
  font-family: "Gotham-italic";
  src: url("../fonts/Gotham/GothamBook-Italic.eot");
  src: url("../fonts/Gotham/GothamBook-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham/GothamBook-Italic.woff2") format("woff2"), url("../fonts/Gotham/GothamBook-Italic.woff") format("woff"), url("../fonts/Gotham/GothamBook-Italic.ttf") format("truetype"), url("../fonts/Gotham/GothamBook-Italic.svg#GothamBook-Italic") format("svg");
}
@font-face {
  font-family: "Gotham-book";
  src: url("../fonts/Gotham/Gotham-Book.eot");
  src: url("../fonts/Gotham/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham/Gotham-Book.woff2") format("woff2"), url("../fonts/Gotham/Gotham-Book.woff") format("woff"), url("../fonts/Gotham/Gotham-Book.ttf") format("truetype"), url("../fonts/Gotham/Gotham-Book.svg#Gotham-Book") format("svg");
}
@font-face {
  font-family: "Gotham-bold";
  src: url("../fonts/Gotham/Gotham-Bold.eot");
  src: url("../fonts/Gotham/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham/Gotham-Bold.woff2") format("woff2"), url("../fonts/Gotham/Gotham-Bold.woff") format("woff"), url("../fonts/Gotham/Gotham-Bold.ttf") format("truetype"), url("../fonts/Gotham/Gotham-Bold.svg#Gotham-Bold") format("svg");
}
.font-compacta-bold {
  font-family: "Compacta-bold";
}

.font-compacta-bold-italic {
  font-family: "Compacta-bold-italic";
}

.font-compacta-black {
  font-family: "Compacta-black";
}

.font-BrauerNeueStd {
  font-family: "BrauerNeueStd";
}

.font-gilroy-light {
  font-family: "Gilroy-light";
}

.font-gilroy-bold {
  font-family: "Gilroy-bold";
}

.font-gilroy-black {
  font-family: "Gilroy-black";
}

.font-gotham-book {
  font-family: "Gotham-book";
}

.font-gotham-italic {
  font-family: "Gotham-italic";
}

.font-gotham-bold {
  font-family: "Gotham-bold";
}

.text-12 {
  font-size: 0.75rem;
  line-height: 0.875rem;
}

.text-13 {
  font-size: 0.813rem;
  line-height: 1.375rem;
}

.text-14 {
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.text-15 {
  font-size: 0.938rem;
  line-height: 1.5rem;
}

.text-16 {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-17 {
  font-size: 1.063rem;
  line-height: 1.5rem;
}

.text-18 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.text-19 {
  font-size: 1.188rem;
  line-height: 1.5rem;
}

.text-20 {
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.text-22 {
  font-size: 1.375rem;
  line-height: 1.5rem;
}

.text-24 {
  font-size: 1.5rem;
  line-height: 1.75rem;
}

.text-25 {
  font-size: 1.563rem;
  line-height: 1.75rem;
}

.text-26 {
  font-size: 1.625rem;
  line-height: 1.75rem;
}

.text-28 {
  font-size: 1.75rem;
  line-height: 2.25rem;
}

.text-30 {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-32 {
  font-size: 2rem;
  line-height: 2.25rem;
}

.text-34 {
  font-size: 2.125rem;
  line-height: 2.75rem;
}

.text-36 {
  font-size: 2.25rem;
  line-height: 2.75rem;
}

.text-40 {
  font-size: 2.5rem;
  line-height: 2.75rem;
}

.text-44 {
  font-size: 2.75rem;
  line-height: 3.125rem;
}

.text-48 {
  font-size: 3rem;
  line-height: 3.125rem;
}

.text-50 {
  font-size: 3.125rem;
  line-height: 3.25rem;
}
@media only screen and (max-width: 767.98px) {
  .text-50 {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .text-50 {
    font-size: 1.75rem;
    line-height: 2rem;
  }
}

.l-s-0 {
  letter-spacing: 0;
}

.l-s-1 {
  letter-spacing: 1px;
}

.l-s-2 {
  letter-spacing: 2px;
}

.owl-carousel.slider-owl-carousel .owl-item img {
  min-height: 15rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.owl-carousel.slider-owl-carousel .slider1 .inner-banner, .owl-carousel.slider-owl-carousel .slider2 .inner-banner {
  max-height: calc(100vh - 202px);
  height: 100%;
  top: 0;
}
@media (max-width: 767.98px) {
  .owl-carousel.slider-owl-carousel .slider1 .inner-banner, .owl-carousel.slider-owl-carousel .slider2 .inner-banner {
    max-height: calc(100vh - 112px);
  }
}
@media (max-width: 575.98px) {
  .owl-carousel.slider-owl-carousel .slider1 .inner-banner, .owl-carousel.slider-owl-carousel .slider2 .inner-banner {
    max-height: calc(100vh - 99px);
  }
}
.owl-carousel.slider-owl-carousel .slider1 .inner-banner p.banner-text, .owl-carousel.slider-owl-carousel .slider2 .inner-banner p.banner-text {
  font-family: "Compacta-bold-italic";
  font-size: 8.75rem;
  line-height: 7.75rem;
  letter-spacing: 0;
  color: #ffffff;
}
@media (max-width: 1199.98px) {
  .owl-carousel.slider-owl-carousel .slider1 .inner-banner p.banner-text, .owl-carousel.slider-owl-carousel .slider2 .inner-banner p.banner-text {
    font-size: 6.25rem;
    line-height: 5.25rem;
  }
}
@media (max-width: 767.98px) {
  .owl-carousel.slider-owl-carousel .slider1 .inner-banner p.banner-text, .owl-carousel.slider-owl-carousel .slider2 .inner-banner p.banner-text {
    font-size: 3rem;
    line-height: 2.625rem;
  }
}
.owl-carousel.slider-owl-carousel .slider1 .inner-banner .banner-button .btn.btn-200, .owl-carousel.slider-owl-carousel .slider2 .inner-banner .banner-button .btn.btn-200 {
  width: 12.5rem;
}
@media (max-width: 767.98px) {
  .owl-carousel.slider-owl-carousel .slider1 .inner-banner .banner-button .btn.btn-200, .owl-carousel.slider-owl-carousel .slider2 .inner-banner .banner-button .btn.btn-200 {
    width: 9rem;
  }
}
.owl-carousel.slider-owl-carousel .owl-stage-outer {
  max-height: calc(100vh - 202px);
}
@media (max-width: 767.98px) {
  .owl-carousel.slider-owl-carousel .owl-stage-outer {
    max-height: calc(100vh - 112px);
  }
}
@media (max-width: 575.98px) {
  .owl-carousel.slider-owl-carousel .owl-stage-outer {
    max-height: calc(100vh - 99px);
  }
}
.owl-carousel.slider-owl-carousel .owl-nav {
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.owl-carousel.slider-owl-carousel .owl-nav.disabled {
  display: flex !important;
}
.owl-carousel.slider-owl-carousel .owl-nav button.owl-prev span {
  display: none;
}
.owl-carousel.slider-owl-carousel .owl-nav button.owl-next span {
  display: none;
}
.owl-carousel.slider-owl-carousel .owl-dots {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 2rem;
  bottom: 2rem;
}
@media (max-width: 767.98px) {
  .owl-carousel.slider-owl-carousel .owl-dots {
    right: 1rem;
    bottom: 1rem;
  }
}
@media (max-width: 575.98px) {
  .owl-carousel.slider-owl-carousel .owl-dots {
    display: none;
  }
}
.owl-carousel.slider-owl-carousel .owl-dots .owl-dot {
  height: 1rem;
  width: 1rem;
  margin-left: 0.5rem;
}
.owl-carousel.slider-owl-carousel .owl-dots .owl-dot span {
  background-color: #ffffff;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  display: inline-block;
}
.owl-carousel.slider-owl-carousel .owl-dots .owl-dot.active span {
  background-color: #FFD000;
}
.owl-carousel.product-owl-carousel {
  padding-bottom: 100px;
}
.owl-carousel.product-owl-carousel .plist {
  background-color: #000;
  border-radius: 20px;
  padding: 20px;
}
.owl-carousel.product-owl-carousel .plist p.plist-sold {
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  font-family: "BrauerNeueStd";
}
.owl-carousel.product-owl-carousel .plist p.plist-sold span.plist-price {
  color: #E97E20;
  font-size: 30px;
  line-height: 48px;
  font-family: "Gilroy-black";
}
.owl-carousel.product-owl-carousel .plist p.plist-text {
  color: #ffffff;
  size: 16px;
  line-height: 24px;
  font-family: "Gotham-book";
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.owl-carousel.product-owl-carousel .plist button.plist-more .more-button {
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/read-more-arrow.svg);
}
.owl-carousel.product-owl-carousel .plist button.plist-more:hover .more-button {
  margin-left: 4px;
  background-image: url(../images/icon/read-more-arrow-active.svg);
}
.owl-carousel.product-owl-carousel .owl-nav {
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.owl-carousel.product-owl-carousel .owl-nav.disabled {
  display: flex !important;
}
.owl-carousel.product-owl-carousel .owl-nav button.owl-prev span {
  display: none;
}
.owl-carousel.product-owl-carousel .owl-nav button.owl-prev::before {
  content: "";
  background-image: url(../images/icon/arrow-left.svg);
  position: absolute;
  width: 40px;
  height: 40px;
  right: 40px;
}
.owl-carousel.product-owl-carousel .owl-nav button.owl-prev.disabled span {
  display: none;
}
.owl-carousel.product-owl-carousel .owl-nav button.owl-prev.disabled::before {
  opacity: 0.6;
}
.owl-carousel.product-owl-carousel .owl-nav button.owl-next span {
  display: none;
}
.owl-carousel.product-owl-carousel .owl-nav button.owl-next::before {
  content: "";
  background-image: url(../images/icon/arrow-right.svg);
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
}
.owl-carousel.product-owl-carousel .owl-nav button.owl-next.disabled span {
  display: none;
}
.owl-carousel.product-owl-carousel .owl-nav button.owl-next.disabled::before {
  opacity: 0.6;
}

@font-face {
  font-family: "BrauerNeueStd";
  src: url("../fonts/BrauerNeue/BrauerNeueStd-Bold.eot");
  src: url("../fonts/BrauerNeue/BrauerNeueStd-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/BrauerNeue/BrauerNeueStd-Bold.woff2") format("woff2"), url("../fonts/BrauerNeue/BrauerNeueStd-Bold.woff") format("woff"), url("../fonts/BrauerNeue/BrauerNeueStd-Bold.ttf") format("truetype"), url("../fonts/BrauerNeue/BrauerNeueStd-Bold.svg#BrauerNeueStd-Bold") format("svg");
}
@font-face {
  font-family: "Compacta-bold-italic";
  src: url("../fonts/Compacta/CompactaBT-BoldItalic.eot");
  src: url("../fonts/Compacta/CompactaBT-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Compacta/CompactaBT-BoldItalic.woff2") format("woff2"), url("../fonts/Compacta/CompactaBT-BoldItalic.woff") format("woff"), url("../fonts/Compacta/CompactaBT-BoldItalic.ttf") format("truetype"), url("../fonts/Compacta/CompactaBT-BoldItalic.svg#CompactaBT-BoldItalic") format("svg");
}
@font-face {
  font-family: "Compacta-black";
  src: url("../fonts/Compacta/CompactaBT-Black.eot");
  src: url("../fonts/Compacta/CompactaBT-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Compacta/CompactaBT-Black.woff2") format("woff2"), url("../fonts/Compacta/CompactaBT-Black.woff") format("woff"), url("../fonts/Compacta/CompactaBT-Black.ttf") format("truetype"), url("../fonts/Compacta/CompactaBT-Black.svg#CompactaBT-Black") format("svg");
}
@font-face {
  font-family: "Compacta-bold";
  src: url("../fonts/Compacta/CompactaBT-Bold.eot");
  src: url("../fonts/Compacta/CompactaBT-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Compacta/CompactaBT-Bold.woff2") format("woff2"), url("../fonts/Compacta/CompactaBT-Bold.woff") format("woff"), url("../fonts/Compacta/CompactaBT-Bold.ttf") format("truetype"), url("../fonts/Compacta/CompactaBT-Bold.svg#CompactaBT-Bold") format("svg");
}
@font-face {
  font-family: "Gilroy-bold";
  src: url("../fonts/Gilroy/Gilroy-ExtraBold.eot");
  src: url("../fonts/Gilroy/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-ExtraBold.woff2") format("woff2"), url("../fonts/Gilroy/Gilroy-ExtraBold.woff") format("woff"), url("../fonts/Gilroy/Gilroy-ExtraBold.ttf") format("truetype"), url("../fonts/Gilroy/Gilroy-ExtraBold.svg#Gilroy-ExtraBold") format("svg");
}
@font-face {
  font-family: "Gilroy-light";
  src: url("../fonts/Gilroy/Gilroy-Light.eot");
  src: url("../fonts/Gilroy/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Light.woff2") format("woff2"), url("../fonts/Gilroy/Gilroy-Light.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Light.ttf") format("truetype"), url("../fonts/Gilroy/Gilroy-Light.svg#Gilroy-Light") format("svg");
}
@font-face {
  font-family: "Gilroy-black";
  src: url("../fonts/Gilroy/Gilroy-Black.eot");
  src: url("../fonts/Gilroy/Gilroy-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Black.woff2") format("woff2"), url("../fonts/Gilroy/Gilroy-Black.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Black.ttf") format("truetype"), url("../fonts/Gilroy/Gilroy-Black.svg#Gilroy-Black") format("svg");
}
@font-face {
  font-family: "Gotham-italic";
  src: url("../fonts/Gotham/GothamBook-Italic.eot");
  src: url("../fonts/Gotham/GothamBook-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham/GothamBook-Italic.woff2") format("woff2"), url("../fonts/Gotham/GothamBook-Italic.woff") format("woff"), url("../fonts/Gotham/GothamBook-Italic.ttf") format("truetype"), url("../fonts/Gotham/GothamBook-Italic.svg#GothamBook-Italic") format("svg");
}
@font-face {
  font-family: "Gotham-book";
  src: url("../fonts/Gotham/Gotham-Book.eot");
  src: url("../fonts/Gotham/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham/Gotham-Book.woff2") format("woff2"), url("../fonts/Gotham/Gotham-Book.woff") format("woff"), url("../fonts/Gotham/Gotham-Book.ttf") format("truetype"), url("../fonts/Gotham/Gotham-Book.svg#Gotham-Book") format("svg");
}
@font-face {
  font-family: "Gotham-bold";
  src: url("../fonts/Gotham/Gotham-Bold.eot");
  src: url("../fonts/Gotham/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham/Gotham-Bold.woff2") format("woff2"), url("../fonts/Gotham/Gotham-Bold.woff") format("woff"), url("../fonts/Gotham/Gotham-Bold.ttf") format("truetype"), url("../fonts/Gotham/Gotham-Bold.svg#Gotham-Bold") format("svg");
}
.font-compacta-bold {
  font-family: "Compacta-bold";
}

.font-compacta-bold-italic {
  font-family: "Compacta-bold-italic";
}

.font-compacta-black {
  font-family: "Compacta-black";
}

.font-BrauerNeueStd {
  font-family: "BrauerNeueStd";
}

.font-gilroy-light {
  font-family: "Gilroy-light";
}

.font-gilroy-bold {
  font-family: "Gilroy-bold";
}

.font-gilroy-black {
  font-family: "Gilroy-black";
}

.font-gotham-book {
  font-family: "Gotham-book";
}

.font-gotham-italic {
  font-family: "Gotham-italic";
}

.font-gotham-bold {
  font-family: "Gotham-bold";
}

.text-12 {
  font-size: 0.75rem;
  line-height: 0.875rem;
}

.text-13 {
  font-size: 0.813rem;
  line-height: 1.375rem;
}

.text-14 {
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.text-15 {
  font-size: 0.938rem;
  line-height: 1.5rem;
}

.text-16 {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-17 {
  font-size: 1.063rem;
  line-height: 1.5rem;
}

.text-18 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.text-19 {
  font-size: 1.188rem;
  line-height: 1.5rem;
}

.text-20 {
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.text-22 {
  font-size: 1.375rem;
  line-height: 1.5rem;
}

.text-24 {
  font-size: 1.5rem;
  line-height: 1.75rem;
}

.text-25 {
  font-size: 1.563rem;
  line-height: 1.75rem;
}

.text-26 {
  font-size: 1.625rem;
  line-height: 1.75rem;
}

.text-28 {
  font-size: 1.75rem;
  line-height: 2.25rem;
}

.text-30 {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-32 {
  font-size: 2rem;
  line-height: 2.25rem;
}

.text-34 {
  font-size: 2.125rem;
  line-height: 2.75rem;
}

.text-36 {
  font-size: 2.25rem;
  line-height: 2.75rem;
}

.text-40 {
  font-size: 2.5rem;
  line-height: 2.75rem;
}

.text-44 {
  font-size: 2.75rem;
  line-height: 3.125rem;
}

.text-48 {
  font-size: 3rem;
  line-height: 3.125rem;
}

.text-50 {
  font-size: 3.125rem;
  line-height: 3.25rem;
}
@media only screen and (max-width: 767.98px) {
  .text-50 {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .text-50 {
    font-size: 1.75rem;
    line-height: 2rem;
  }
}

.l-s-0 {
  letter-spacing: 0;
}

.l-s-1 {
  letter-spacing: 1px;
}

.l-s-2 {
  letter-spacing: 2px;
}

.dark-table {
  background-color: #313131;
  border: 1px solid #58595B;
  border-radius: 15px;
}
.dark-table .table {
  margin: 0;
}

.table.table-dark {
  background-color: #313131;
  font-size: 1rem;
  color: #ffffff;
  overflow: hidden;
}
.table.table-dark th {
  vertical-align: middle;
  font-size: 1rem;
  padding: 0.938rem;
  background-color: #212121;
  color: #ffffff;
  border-bottom: 1px solid #58595B;
  font-family: "Gotham-bold";
  font-weight: normal;
  white-space: nowrap;
}
.table.table-dark td {
  vertical-align: middle;
  font-size: 1rem;
  padding: 0.938rem;
  background-color: #313131;
  color: #ffffff;
  border-bottom: 1px solid #58595B;
  font-family: "Gotham-book";
  font-weight: normal;
}
.table.table-dark td.text-center input {
  margin: 0 auto;
}
.table.table-dark > :not(:last-child) > :last-child > * {
  border-color: #58595B;
}
.table.table-dark tr:last-child td {
  border-bottom: none;
}
.table.table-dark tfoot th {
  border-bottom: none;
  border-top: 1px solid #58595B;
  background-color: #414141;
}

:root {
  font-size: 16px;
}
@media only screen and (max-width: 575.98px) {
  :root {
    font-size: 14px;
  }
  :root button#priceRangeApply {
    margin-bottom: 20px;
  }
}

* {
  box-sizing: border-box;
  outline: none;
  text-decoration: none;
  box-shadow: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scrollbar-color: #E65A29 #212121;
  scrollbar-width: thin;
}
* ::-moz-selection {
  background: #0D24F2;
  color: #ffffff;
}
* ::selection {
  background: #0D24F2;
  color: #ffffff;
}

a,
input,
button,
select,
.form-control {
  box-shadow: none;
  text-decoration: none;
  outline: none;
}
a:hover, a:focus, a:active, a:active:focus,
input:hover,
input:focus,
input:active,
input:active:focus,
button:hover,
button:focus,
button:active,
button:active:focus,
select:hover,
select:focus,
select:active,
select:active:focus,
.form-control:hover,
.form-control:focus,
.form-control:active,
.form-control:active:focus {
  box-shadow: none;
}

input[type=date]::-webkit-calendar-picker-indicator,
input[type=time]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.f16 {
  font-size: 14px;
}

.color-white {
  color: #ffffff;
}

.color-black {
  color: #000000;
}

.color-primary {
  color: #FFD000;
}

.color-info {
  color: #E97E20;
}

.color-blue {
  color: #0D24F2;
}

.normal {
  text-transform: initial !important;
}

.color-success {
  color: #00D263;
}

.color-warning {
  color: #E65A29;
}

.color-danger {
  color: #DE440E;
}

.color-secondary {
  color: #C3C3C3;
}

.color-dark-gray {
  color: #212121;
}

.color-dark-gray-01 {
  color: #313131;
}

.color-dark-gray-02 {
  color: #414141;
}

.color-gray {
  color: #58595B;
}

.color-gray-box-border {
  color: #767677;
}

.color-placeholder {
  color: #A5A5A5;
}

.color-medium-gray {
  color: #AAAAAA;
}

.color-light-gray {
  color: #C3C3C3;
}

.color-border-gray {
  color: #DEE3E9;
}

.color-text-box-bg {
  color: #EFEFEF;
}

.color-light {
  color: #F5F5F4;
}

.color-bg-offwhite {
  color: #FAFBFB;
}

.text-danger {
  color: #E65A29 !important;
}

.color-info {
  color: #E97E20 !important;
}

a.color-primary {
  color: #FFD000 !important;
}

a.color-info {
  color: #E97E20 !important;
}

hr {
  margin: 0.75rem 0;
  background-color: #000000;
  box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.35);
}

.row {
  align-items: initial;
  justify-content: initial;
}

.feathers {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.3s ease all;
  position: relative;
}
.feathers.fea-38 {
  width: 38px;
  height: 38px;
  min-width: 38px;
}
.feathers.fea-40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
}
.feathers.fea-7 {
  width: 10px;
  height: 6px;
  min-width: 10px;
}
.feathers.fea-18 {
  width: 18px;
  height: 18px;
  min-width: 18px;
}
.feathers.fea-17 {
  width: 17px;
  height: 17px;
  min-width: 17px;
}
.feathers.fea-share-icon {
  background-image: url(../images/icon/share-icon.svg);
}
.feathers.fea-read-more-arrow-active {
  background-image: url(../images/icon/read-more-arrow-active.svg);
}
.feathers.fea-icon-close-x {
  background-image: url(../images/icon/icon-close-x.svg);
}
.feathers.fea-buy {
  background-image: url(../images/fea-buy.svg);
}
.feathers.fea-add-cart {
  background-image: url(../images/fea-add-cart.svg);
}
.feathers.fea-heart-black {
  background-image: url(../images/fea-heart-black-icon.svg);
}
.feathers.fea-check-circle-icon {
  background-image: url(../images/icon/check-circle.svg);
}
.feathers.fea-trash-icon {
  background-image: url(../images/icon/fea-trash-icon.svg);
}
.feathers.fea-trash-red-icon {
  background-image: url(../images/icon/fea-trash-hover-icon.svg);
}
.feathers.fea-edit-icon {
  background-image: url(../images/icon/fea-edit-icon.svg);
}
.feathers.fea-plus-circle {
  background-image: url(../images/icon/fea-plus-circle.svg);
}
.feathers.icon-plus {
  background-image: url(../images/icon/fea-plus.svg);
}
.feathers.icon-eye {
  background-image: url(../images/icon/menu-icon-eye.svg);
}
.feathers.fea-round-check {
  background-image: url(../images/icon/fea-round-check.svg);
}
.feathers.fea-wallet-icon {
  background-image: url(../images/icon/fea-wallet-icon.svg);
}
.feathers.fea-eye-icon {
  background-image: url(../images/icon/eye-icon.svg);
}
.feathers.fea-three-dot-icon {
  background-image: url(../images/icon/three-dot-icon.svg);
}
.feathers.fea-small-caret-down {
  background-image: url(../images/icon/small-caret-down.svg);
}
.feathers.fea-search-black-icon {
  background-image: url(../images/icon/search-black-icon.svg);
}
.feathers.fea-shop-icon {
  background-image: url(../images/icon/shop-icon.svg);
}
.feathers.fea-arrow-right {
  background-image: url(../images/icon/arrow-right-24.svg);
}
.feathers.fea-truck {
  background-image: url(../images/icon/truck.svg);
}
.feathers.fea-printer {
  background-image: url(../images/icon/printer.svg);
}
.feathers.fea-arrow-left {
  background-image: url(../images/icon/arrow-left-24.svg);
}
.feathers.fea-cross-circle-info {
  background-image: url(../images/icon/cross-circle-info.svg);
}
.feathers.fea-password-eye {
  background-image: url(../images/icon/eye-open.svg);
}
.feathers.fea-password-eye.hide {
  background-image: url(../images/icon/eye-off.svg);
}
.feathers.fea-check {
  background-image: url(../images/icon/fea-check.svg);
}
.feathers.fea-print {
  background-image: url(../images/icon/fea-print.svg);
}
.feathers.fea-dashboard {
  background-image: url(../images/icon/dashboard.svg);
}
.feathers.fea-purchase-history {
  background-image: url(../images/icon/purchase-history.svg);
}
.feathers.fea-order-tracking {
  background-image: url(../images/icon/order-tracking.svg);
}
.feathers.fea-notification {
  background-image: url(../images/icon/notification.svg);
}
.feathers.fea-whishlist {
  background-image: url(../images/icon/whishlist.svg);
}
.feathers.fea-user {
  background-image: url(../images/icon/fea-user.svg);
}
.feathers.fea-user-add {
  background-image: url(../images/icon/fea-user-add.svg);
}
.feathers.icon-camera {
  background-image: url(../images/icon-camera.svg);
  width: 18px;
  height: 18px;
  padding: 10px;
}

.btn {
  border: none;
  border-radius: 25px;
  font-family: "BrauerNeueStd";
  font-size: 1rem;
  line-height: 1.5rem;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding: 0.75rem 1rem;
  position: relative;
  letter-spacing: 0.5px;
  transition: 0.3s ease all;
}
.btn:hover, .btn:focus, .btn:active, .btn:active:focus {
  border: none;
}
.btn.btn-void {
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 0.5rem 1rem;
}
@media (max-width: 991.98px) {
  .btn.btn-void {
    font-size: 0.8rem;
  }
}
@media (max-width: 575.98px) {
  .btn.btn-void {
    font-size: 0.7rem;
  }
}
.btn.btn-void:hover {
  background-color: #0D24F2;
  border-color: #0D24F2;
}
.btn.primary-btn {
  background-color: #E97E20;
  color: #ffffff;
}
.btn.primary-btn:hover, .btn.primary-btn:focus, .btn.primary-btn:active, .btn.primary-btn.active {
  background-color: #0D24F2;
}
@media (max-width: 767.98px) {
  .btn.primary-btn {
    font-size: 0.75rem;
    padding: 0.3rem 0.6rem;
  }
}
.btn.orange-text-btn {
  color: #FFD000;
  font-size: 18px;
  line-height: 24px;
  border-radius: 26px;
  padding: 0.3rem 0.6rem;
}
.btn.orange-text-btn:hover {
  background-color: #0D24F2;
  opacity: 1;
  color: #ffffff;
}
.btn.arrow-btn {
  display: inline-flex;
  align-items: center;
}
.btn.arrow-btn .arrow-icon {
  margin-left: 0.625rem;
  width: 1.5rem;
  height: 1.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/read-more-arrow-active.svg);
}
.btn.w-fixed-btn {
  width: 206px;
  max-width: 100%;
  height: 3rem;
}
.btn.btn-lg {
  font-size: 1.375rem;
  line-height: 1.5rem;
}
.btn.btn-md {
  padding: 0.625rem 1rem;
}
.btn.btn-sm {
  padding: 0.5rem 1rem;
}
.btn.btn-sm.text-13 {
  font-size: 0.813rem;
}
.btn:hover, .btn:focus, .btn:active, .btn:active:focus, .btn:visited {
  opacity: 1;
  box-shadow: none;
}
.btn.btn-primary {
  background-color: #FFD000;
  color: #000000;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:active:focus, .btn.btn-primary.active {
  background-color: #0D24F2;
  color: #ffffff;
}
.btn.btn-info {
  background-color: #E97E20;
  color: #ffffff;
}
.btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info:active:focus, .btn.btn-info.active {
  background-color: #0D24F2;
  color: #ffffff;
}
.btn.btn-secondary {
  background-color: #C3C3C3;
  color: #414141;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:active:focus, .btn.btn-secondary.active {
  background-color: #AAAAAA;
  color: #414141;
}
.btn.btn-secondary.no-bg {
  background-color: transparent;
  color: #AAAAAA;
}
.btn.btn-secondary.no-bg:hover, .btn.btn-secondary.no-bg:focus, .btn.btn-secondary.no-bg:active, .btn.btn-secondary.no-bg:active:focus, .btn.btn-secondary.no-bg.active {
  background-color: transparent;
  color: #C3C3C3;
}
.btn.btn-danger {
  background-color: #DE440E;
  color: #ffffff;
}
.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger:active:focus, .btn.btn-danger.active {
  background-color: #CE3E0B;
  color: #ffffff;
}
.btn.btn-success {
  background-color: #00D263 !important;
  color: #ffffff;
}
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success:active:focus, .btn.btn-success.active {
  background-color: #03C55E;
  color: #ffffff;
}
.btn.btn-black {
  background-color: #000000;
  color: #ffffff;
}
.btn.btn-black:hover, .btn.btn-black:focus, .btn.btn-black:active, .btn.btn-black:active:focus, .btn.btn-black.active {
  background-color: #0D24F2;
  color: #ffffff;
}

.btn-link {
  font-family: "BrauerNeueStd";
  font-size: 1rem;
  box-shadow: none;
  display: inline-block;
  white-space: nowrap;
  letter-spacing: 0.5px;
}
.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link:active:focus {
  border: none;
}
.btn-link.text-14 {
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.btn-link.primary-link {
  color: #FFD000;
}
.btn-link.primary-link:hover, .btn-link.primary-link:focus, .btn-link.primary-link:active, .btn-link.primary-link:active:focus {
  color: #F0C60C;
}
.btn-link.info-link {
  color: #E97E20;
}
.btn-link.info-link:hover, .btn-link.info-link:focus, .btn-link.info-link:active, .btn-link.info-link:active:focus {
  color: #E65A29;
}

.form-control,
.control-group .form-control,
.form-select {
  background-color: #212121;
  border: 1px solid #313131;
  border-radius: 25px;
  height: auto;
  box-shadow: none;
  outline: none;
  font-size: 1rem;
  color: #DEE3E9;
  padding: 0.313rem 1.25rem;
  transition: 0.3s ease all;
}
.form-control:focus,
.control-group .form-control:focus,
.form-select:focus {
  border-color: #58595B;
  background-color: #212121;
  color: #ffffff;
}
.form-control::-moz-placeholder, .control-group .form-control::-moz-placeholder, .form-select::-moz-placeholder {
  color: #C3C3C3;
  font-family: "Gotham-book";
  font-size: 1rem;
}
.form-control::placeholder,
.control-group .form-control::placeholder,
.form-select::placeholder {
  color: #C3C3C3;
  font-family: "Gotham-book";
  font-size: 1rem;
}
.form-control.error, .form-control.is-invalid, .form-control:invalid,
.control-group .form-control.error,
.control-group .form-control.is-invalid,
.control-group .form-control:invalid,
.form-select.error,
.form-select.is-invalid,
.form-select:invalid {
  border-color: #E65A29;
  color: #ffffff;
}
.form-control:disabled, .form-control[readonly],
.control-group .form-control:disabled,
.control-group .form-control[readonly],
.form-select:disabled,
.form-select[readonly] {
  background-color: #313131;
  cursor: default;
  color: #ffffff;
  opacity: 1;
}
.form-control.form-control-sm,
.control-group .form-control.form-control-sm,
.form-select.form-control-sm {
  height: 16px;
}
.form-control:hover, .form-control:focus, .form-control:active, .form-control:active:focus,
.control-group .form-control:hover,
.control-group .form-control:focus,
.control-group .form-control:active,
.control-group .form-control:active:focus,
.form-select:hover,
.form-select:focus,
.form-select:active,
.form-select:active:focus {
  box-shadow: none;
}
.form-control.quality-control,
.control-group .form-control.quality-control,
.form-select.quality-control {
  background-color: #414141;
  color: #ffffff;
  border-radius: 5px;
  height: 2rem;
  max-width: 70px;
  padding: 0.5rem 0.25rem 0.5rem 0.625rem;
}
.form-control ~ .text-danger, .form-control ~ .invalid-feedback,
.control-group .form-control ~ .text-danger,
.control-group .form-control ~ .invalid-feedback,
.form-select ~ .text-danger,
.form-select ~ .invalid-feedback {
  color: #E65A29 !important;
  padding-left: 1.25rem;
}

input[type=search].form-control::-webkit-search-cancel-button {
  position: relative;
  right: 0px;
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #DE440E;
  color: #ffffff;
  background-image: url(../images/icon/icon-times-white.svg);
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.control-group input[type=password].form-control {
  padding-right: 45px;
}
.control-group.has-error .control,
.control-group.has-error .form-control {
  border-color: #E65A29;
}
.control-group.has-error .control-error {
  color: #E65A29;
}

.form-select {
  position: relative;
  background-image: url(../images/icon/dropdown-caret.svg);
  background-position: right 18px center;
  background-repeat: no-repeat;
  background-size: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  padding-right: 30px;
}

.form-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: "Gotham-book";
  margin-bottom: 0.25rem;
  color: #DEE3E9;
}

.eye-icon {
  top: 0.75rem;
  cursor: pointer;
}

textarea.form-control {
  height: 7rem;
  padding-top: 0.725rem;
  min-height: 7rem;
  overflow-y: overlay;
}
textarea.form-control::-webkit-scrollbar-track {
  margin-top: 16px;
  margin-bottom: 10px;
}

.bg-primary {
  background-color: #FFD000 !important;
}

.bg-danger {
  background-color: #DE440E !important;
}

.bg-success {
  background-color: #00D263 !important;
}

.bg-info {
  background-color: #E97E20 !important;
}

.bg-warning {
  background-color: #E65A29 !important;
}

.bg-black {
  background-color: #000000 !important;
}

.bg-dark-gray {
  background-color: #212121;
}

.bg-dark-gray-01 {
  background-color: #313131;
}

.bg-dark-gray-02 {
  background-color: #414141;
}

.bg-gray {
  background-color: #58595B;
}

body {
  background-color: #FFD000;
  letter-spacing: 0;
  margin: 0;
}
body p {
  font-family: "Gotham-book";
  font-size: 18px;
  font-style: normal;
  line-height: 26px;
  color: #ffffff;
}
@media (max-width: 767.98px) {
  body p {
    font-size: 16px;
  }
}
body.sidebar-collapse #app {
  overflow: hidden;
}
body.sidebar-collapse .main-container-wrapper {
  margin-left: 240px;
  width: 100%;
}
@media (min-width: 767.98px) {
  body.sidebar-collapse .main-container-wrapper {
    margin-left: 0px;
  }
}
body.sidebar-collapse .main-container-wrapper .navbar-collapse {
  display: block;
  position: fixed;
  top: 0;
  left: -240px;
  z-index: 999;
  width: 240px;
  /*example + never use min-width with this solution */
  height: 100% !important;
  background: #212121;
  transition: 0.3s all ease;
}
body.sidebar-collapse .main-container-wrapper .navbar-collapse ul.navbar-nav {
  bottom: 0px;
  position: relative;
}
body.sidebar-collapse .main-container-wrapper .navbar-collapse.show {
  left: 0;
}
@media (min-width: 767.98px) {
  body.sidebar-collapse .main-container-wrapper .navbar-collapse {
    position: relative;
    background-color: unset;
  }
}
body .main-container-wrapper {
  transition: 0.3s all ease;
  padding: 1.25rem;
}
@media (max-width: 767.98px) {
  body .main-container-wrapper {
    padding: 1rem;
  }
}
@media (max-width: 575.98px) {
  body .main-container-wrapper {
    padding: 0.5rem;
  }
}
body .main-container-wrapper .header-top .left-content {
  position: relative;
}
body .main-container-wrapper .header-top .left-content .logo-container a.logo-image img.logo {
  height: 5.625rem;
  width: auto;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 991.98px) {
  body .main-container-wrapper .header-top .left-content .logo-container a.logo-image img.logo {
    height: 2.5rem;
  }
}
@media (max-width: 767.98px) {
  body .main-container-wrapper .header-top .left-content .logo-container a.logo-image img.logo {
    padding-left: 12px;
  }
}
@media (max-width: 767.98px) {
  body .main-container-wrapper .header-bottom {
    position: absolute;
    top: 0;
    display: flex;
    height: 100%;
    align-items: center;
  }
}
body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md {
  height: 40px;
}
@media (max-width: 767.98px) {
  body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md {
    height: unset;
  }
}
body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md button.navbar-toggler {
  border: none;
  box-shadow: none;
}
body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md button.navbar-toggler span.navbar-toggler-icon {
  background-image: url(../images/icon/menu-icon.svg) !important;
}
body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse ul.navbar-nav {
  bottom: -20px;
  position: absolute;
  display: none;
}
@media screen and (min-width: 768px) {
  body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse ul.navbar-nav {
    display: flex;
  }
}
body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
  color: #ffffff;
  border-radius: 20px 20px 0px 0px;
  width: 154px;
  height: 64px;
  padding: 20px 25px;
  font-family: "BrauerNeueStd";
}
body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse ul.navbar-nav li.nav-item a.nav-link.active {
  color: #ffffff;
}
@media (max-width: 991.98px) {
  body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
    width: 116px;
    height: 56px;
  }
}
@media (max-width: 767.98px) {
  body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
    border-radius: 6px;
    width: 100%;
    height: 46px;
    padding: 0px;
    align-items: center;
  }
}
body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse ul.navbar-nav-center {
  position: relative;
}
body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse ul.navbar-nav-center li.nav-item a.nav-link {
  color: #000000;
  font-family: "BrauerNeueStd";
  font-size: 16px;
  line-height: 24px;
}
body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse ul.navbar-nav-center li.nav-item a.nav-link:hover, body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse ul.navbar-nav-center li.nav-item a.nav-link:focus, body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse ul.navbar-nav-center li.nav-item a.nav-link:active, body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse ul.navbar-nav-center li.nav-item a.nav-link:active:focus {
  color: #0D24F2;
}
@media (max-width: 767.98px) {
  body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse ul.navbar-nav-center li.nav-item a.nav-link {
    color: #ffffff;
  }
}
body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse ul.navbar-nav-center .devider {
  width: 2px;
  background-color: #000000;
  position: absolute;
  height: 26px !important;
}
@media (max-width: 767.98px) {
  body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse ul.navbar-nav-center .devider {
    display: none;
  }
}
body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse ul.navbar-nav-end li.nav-item a.nav-link {
  color: #000000;
  font-family: "BrauerNeueStd";
  font-size: 22px;
  line-height: 24px;
}
@media (max-width: 767.98px) {
  body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse ul.navbar-nav-end li.nav-item a.nav-link {
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
  }
}
body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse ul.navbar-nav-end li.nav-item a.nav-link .aud-icon {
  background-image: url(../images/button-icon/AUD.svg);
  width: 24px;
  height: 24px;
}
@media (max-width: 767.98px) {
  body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse ul.navbar-nav-end li.nav-item a.nav-link .aud-icon {
    background-image: url(../images/button-icon/AUD-white.svg);
  }
}
body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse ul.navbar-nav-end li.nav-item a.nav-link.top-nav-cart .count {
  height: 14px;
  display: inline-block;
  min-width: 14px;
  border-radius: 2rem;
  text-align: center;
  left: 30px;
  top: 5px;
}
body .main-container-wrapper .header-bottom nav.navbar.navbar-expand-md .navbar-collapse.show ul.navbar-nav {
  bottom: 16px;
  position: relative;
}
body .main-container-wrapper main.content-container {
  background-color: #313131;
  position: relative;
}
body .main-container-wrapper main.content-container .sell-or-buy .sob-header h3.sob-head {
  color: #000000;
  font-family: "Gilroy-bold";
}
body .main-container-wrapper main.content-container .sell-or-buy .row.sob-row .sob-col .sob-icon {
  background-color: #000000;
  width: 120px;
  height: 120px;
  border-radius: 50%;
}
body .main-container-wrapper main.content-container .sell-or-buy .row.sob-row h4.sob-step-head {
  color: #000000;
  font-family: "Compacta-bold";
}
body .main-container-wrapper main.content-container .sell-or-buy .row.sob-row p.sob-discription {
  color: #000000;
  font-family: "Gotham-book";
}
body .main-container-wrapper main.content-container .product-list {
  background-color: #E97E20;
}
body .main-container-wrapper main.content-container .product-list .plist-header .plist-head {
  color: #FFD000;
  font-family: "Gilroy-black";
  size: 40px;
  line-height: 50px;
}
body .main-container-wrapper main.content-container .product-list .font-bold {
  font-weight: bold;
}
body .main-container-wrapper main.content-container .product-list .plist-discription {
  color: #ffffff;
  font-family: "Gotham-book";
  line-height: 26px;
  font-size: 16px;
  padding: 0px 70px;
}
@media (max-width: 1199.98px) {
  body .main-container-wrapper main.content-container .product-list .plist-discription {
    padding: 0px 40px;
  }
}
@media (max-width: 767.98px) {
  body .main-container-wrapper main.content-container .product-list .plist-discription {
    padding: 0px 12px;
    text-align: justify;
  }
}
body .main-container-wrapper main.content-container .download-app {
  background-color: #E65A29;
}
body .main-container-wrapper main.content-container .download-app .da-header .da-head {
  color: #FFD000;
  font-family: "Gilroy-black";
  size: 40px;
  line-height: 50px;
}
body .main-container-wrapper main.content-container .download-app .da-row .da-col .da-col-head {
  color: #ffffff;
  font-family: "Compacta-bold";
  size: 36px;
  line-height: 34px;
}
body .main-container-wrapper main.content-container .download-app .da-row .da-col .da-col-discription {
  color: #ffffff;
  text-align: left;
  font-family: "Gotham-book";
  line-height: 26px;
  font-size: 16px;
  border-bottom: 1px solid #FFD000;
}
body .main-container-wrapper main.content-container .download-app .da-row .da-col button.da-app {
  padding: 0.25rem 0.5rem;
}
body .main-container-wrapper main.content-container .download-app .da-row .da-col button.da-app .btn-text {
  color: #FFD000;
  size: 20px;
  line-height: 20px;
  font-family: "Gilroy-bold";
}
body .main-container-wrapper main.content-container .download-app .da-row .da-col button.da-app-border {
  border: 1px solid #000000;
  border-radius: 8px;
  padding: 0.25rem 0.5rem;
}
body .main-container-wrapper main.content-container .download-app .da-row .da-col button.da-app-border .app-img {
  height: 34px;
  width: 34px;
  background-position: center;
  background-repeat: no-repeat;
}
body .main-container-wrapper main.content-container .download-app .da-row .da-col button.da-app-border .app-img.apple-icon {
  background-image: url("../images/icon/apple-icon.svg");
}
body .main-container-wrapper main.content-container .download-app .da-row .da-col button.da-app-border .app-img.play-store {
  background-image: url("../images/icon/play-store-icon.svg");
}
body .main-container-wrapper main.content-container .download-app .da-row .da-col button.da-app-border .btn-text {
  color: #000000;
  size: 12px;
  font-family: "Gilroy-light";
  line-height: 1;
}
body .main-container-wrapper main.content-container .download-app .da-row .da-col button.da-app-border .btn-text-bold {
  color: #000000;
  size: 14px;
  line-height: 1;
  font-family: "Gilroy-bold";
}
body .main-container-wrapper main.content-container .download-app .da-row .da-col button.da-app-border:hover {
  background-color: #000000;
  opacity: 1;
}
body .main-container-wrapper main.content-container .download-app .da-row .da-col button.da-app-border:hover .app-img.apple-icon {
  background-image: url("../images/icon/apple-icon-white.svg");
}
body .main-container-wrapper main.content-container .download-app .da-row .da-col button.da-app-border:hover .app-img.play-store {
  background-image: url("../images/icon/play-store-icon-white.svg");
}
body .main-container-wrapper main.content-container .download-app .da-row .da-col button.da-app-border:hover .btn-text {
  color: #ffffff;
}
body .main-container-wrapper main.content-container .download-app .da-row .da-col button.da-app-border:hover .btn-text-bold {
  color: #ffffff;
}
body .main-container-wrapper main.content-container .dark-container.sell-to-us {
  background-color: #313131;
}
body .main-container-wrapper main.content-container .dark-container.sell-to-us h2.head {
  color: #ffffff;
  font-family: "Compacta-bold";
  line-height: 50px;
  letter-spacing: 0px;
}
body .main-container-wrapper main.content-container .dark-container.sell-to-us .header-text {
  font-family: "Gilroy-bold";
  font-size: 26px;
  line-height: 30px;
  color: #ffffff;
}
body .main-container-wrapper main.content-container .dark-container.sell-to-us .light-container {
  background-color: #414141;
  border-radius: 15px;
  border: 1px solid #58595B;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.16);
}
body .main-container-wrapper main.content-container .dark-container.sell-to-us .light-container .terms-area {
  max-height: calc(100vh - 206px);
  overflow: hidden;
  overflow-y: auto;
}
@media only screen and (max-width: 1024px) {
  body .main-container-wrapper main.content-container .dark-container.sell-to-us .light-container .terms-area {
    max-height: 100vh !important;
  }
}
body .main-container-wrapper main.content-container .dark-container.sell-to-us .light-container p.head-text {
  font-family: "Gilroy-bold";
  font-size: 26px;
  line-height: 30px;
  letter-spacing: 1px;
  color: #ffffff;
}
body .main-container-wrapper main.content-container .dark-container.sell-to-us .light-container p.terms-text,
body .main-container-wrapper main.content-container .dark-container.sell-to-us .light-container .terms-text p {
  font-size: 0.875rem;
}
body .main-container-wrapper main.content-container .dark-container.sell-to-us .light-container p.or-text {
  font-family: "BrauerNeueStd";
  font-size: 1.375rem;
  line-height: 1.5rem;
  color: #FFD000;
}
body .main-container-wrapper main.content-container .dark-container.sell-to-us .light-container a.alert {
  font-family: "BrauerNeueStd";
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0em;
  color: #FFD000;
}
body .login-container {
  max-width: 550px;
  margin: 0 auto;
}
@media only screen and (max-width: 575.98px) {
  body .login-container {
    max-width: calc(100% - 2rem);
  }
}
body .footer .footer-content .footer-list-container .footer-row .footer-column .footer-logo {
  margin-bottom: 1.875rem;
}
body .footer .footer-content .footer-list-container .footer-row .footer-column ul li,
body .footer .footer-content .footer-list-container .footer-row .footer-column ul a {
  font-family: "BrauerNeueStd";
  color: #000000;
  font-size: 1rem;
  text-transform: uppercase;
  cursor: pointer;
}
body .footer .footer-content .footer-list-container .footer-row .footer-column ul li:hover,
body .footer .footer-content .footer-list-container .footer-row .footer-column ul a:hover {
  color: #0D24F2;
}
body .footer .footer-content .footer-list-container .footer-row .footer-column ul li a.social-icon,
body .footer .footer-content .footer-list-container .footer-row .footer-column ul a a.social-icon {
  height: 34px;
  width: 34px;
  background-position: center;
  background-repeat: no-repeat;
}
body .footer .footer-content .footer-list-container .footer-row .footer-column ul li a.social-icon.tiktok,
body .footer .footer-content .footer-list-container .footer-row .footer-column ul a a.social-icon.tiktok {
  background-image: url(../images/icon/social-media-tiktok.svg);
}
body .footer .footer-content .footer-list-container .footer-row .footer-column ul li a.social-icon.tiktok:hover,
body .footer .footer-content .footer-list-container .footer-row .footer-column ul a a.social-icon.tiktok:hover {
  background-image: url(../images/icon/social-media-tiktok-active.svg);
}
body .footer .footer-content .footer-list-container .footer-row .footer-column ul li a.social-icon.twitter,
body .footer .footer-content .footer-list-container .footer-row .footer-column ul a a.social-icon.twitter {
  background-image: url(../images/icon/social-media-twitter.svg);
}
body .footer .footer-content .footer-list-container .footer-row .footer-column ul li a.social-icon.twitter:hover,
body .footer .footer-content .footer-list-container .footer-row .footer-column ul a a.social-icon.twitter:hover {
  background-image: url(../images/icon/social-media-twitter-active.svg);
}
body .footer .footer-content .footer-list-container .footer-row .footer-column ul li a.social-icon.insta,
body .footer .footer-content .footer-list-container .footer-row .footer-column ul a a.social-icon.insta {
  background-image: url(../images/icon/social-media-insta.svg);
}
body .footer .footer-content .footer-list-container .footer-row .footer-column ul li a.social-icon.insta:hover,
body .footer .footer-content .footer-list-container .footer-row .footer-column ul a a.social-icon.insta:hover {
  background-image: url(../images/icon/social-media-insta-active.svg);
}
body .footer .footer-content .footer-list-container .footer-row .footer-column ul li.head {
  color: #E65A29;
  font-size: 18px;
  cursor: auto;
}
body .footer .footer-content .footer-list-container .back-to-top {
  background-image: url(../images/icon/back-to-top-icon.svg);
  width: 36px;
  height: 36px;
  bottom: 0;
  right: 0;
  background-position: center;
  background-repeat: no-repeat;
}

.org-logo img {
  max-width: 100%;
  max-height: 4.375rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.form-check {
  padding-left: 23px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
  supported by Chrome, Edge, Opera and Firefox */
}
.form-check .form-check-input[type=radio] {
  background-color: #ffffff;
  border: 2px solid #E97E20;
  width: 24px;
  height: 24px;
  margin-left: -24px;
  margin-top: 0;
  cursor: pointer;
  box-shadow: none;
}
.form-check .form-check-input[type=radio]:checked {
  background-color: #E97E20;
  border-color: #E97E20;
  background-size: 20px;
}
.form-check .form-check-input[type=radio]:checked ~ .form-check-label {
  color: #E97E20;
}
.form-check .form-check-input[type=checkbox] {
  background-color: #EFEFEF !important;
  border: 2px solid #EFEFEF !important;
  width: 24px;
  height: 24px;
  margin-left: -24px;
  margin-top: 0;
  cursor: pointer;
  box-shadow: none;
}
.form-check .form-check-input[type=checkbox]:checked {
  background-color: #E97E20 !important;
  border-color: #E97E20 !important;
  background-size: 20px;
}
.form-check .form-check-input[type=checkbox]:checked ~ .form-check-label {
  color: #E97E20;
}
.form-check label.form-check-label {
  margin-left: 8px;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #ffffff;
  cursor: pointer;
  font-family: "Gotham-book";
}
.form-check label.form-check-label.text-gray {
  color: #ffffff;
}

.card {
  background-color: #414141;
  border: 1px solid #58595B;
}
.card.bg-dark-gray {
  background-color: #212121;
  border: none;
}
.card.bg-dark-gray-01 {
  background-color: #313131;
  border: none;
}
.card.bg-dark-gray-02 {
  background-color: #414141;
  border: none;
}
.card.bg-gray {
  background-color: #58595B;
  border: none;
}
.card.border-8 {
  border-radius: 8px;
}
.card.border-10 {
  border-radius: 10px;
}
.card.border-12 {
  border-radius: 12px;
}
.card.border-12 {
  border-radius: 12px;
}
.card.border-15 {
  border-radius: 15px;
}
.card.border-20 {
  border-radius: 20px;
}
.card.border-25 {
  border-radius: 25px;
}
.card.border-30 {
  border-radius: 30px;
}
@media only screen and (max-width: 575.98px) {
  .card.border-30 {
    border-radius: 15px;
  }
}

.cardShadow {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.16);
}

.postoffice-box {
  position: relative;
}
.postoffice-box .card {
  z-index: 1;
  border: 2px solid transparent;
}
.postoffice-box .card h4,
.postoffice-box .card p {
  color: #ffffff;
}
.postoffice-box .card .card-header .radio {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  display: block;
  border-radius: 50%;
  border: 2px solid #DEE3E9;
  margin: 0;
  position: relative;
}
.postoffice-box input[type=radio] {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
}
.postoffice-box input[type=radio]:checked ~ .card {
  background-color: #FFD000;
  border: 2px solid rgba(255, 255, 255, 0.5);
}
.postoffice-box input[type=radio]:checked ~ .card hr {
  background-color: rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px rgba(255, 255, 255, 0.6);
}
.postoffice-box input[type=radio]:checked ~ .card .card-header .radio {
  border: none;
  background-color: #212121;
}
.postoffice-box input[type=radio]:checked ~ .card .card-header .radio::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  background-color: #FFD000;
  border-radius: 50%;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.postoffice-box input[type=radio]:checked ~ .card h4,
.postoffice-box input[type=radio]:checked ~ .card p {
  color: #212121;
}

.opacity-0 {
  opacity: 0;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-100 {
  opacity: 1;
}

/* width */
::-webkit-scrollbar {
  width: 6px;
  height: 10px;
}
@media only screen and (max-width: 575.98px) {
  ::-webkit-scrollbar {
    width: 4px;
  }
}

/* Track */
::-webkit-scrollbar-track {
  background: #212121;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: none;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #E65A29;
  border-radius: 10px;
  box-shadow: none;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #FFD000;
}

.alert-wrapper {
  width: auto;
  max-width: 80vw;
  top: 1.25rem;
  right: 1.25rem;
}
.alert-wrapper .alert,
.alert-wrapper alert.alert-error,
.alert-wrapper alert.alert-success,
.alert-wrapper alert.alert-warning {
  width: 100%;
  border-radius: 20px;
  background-color: #212121 !important;
  border: 1px solid #414141 !important;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
  padding: 1.25rem;
  padding-left: 6rem;
  position: relative;
}
.alert-wrapper .alert::after,
.alert-wrapper alert.alert-error::after,
.alert-wrapper alert.alert-success::after,
.alert-wrapper alert.alert-warning::after {
  position: absolute;
  width: 3.5rem;
  height: 3.5rem;
  left: 1.25rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: block;
  content: "";
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.alert-wrapper .alert h4,
.alert-wrapper alert.alert-error h4,
.alert-wrapper alert.alert-success h4,
.alert-wrapper alert.alert-warning h4 {
  font-family: "Gilroy-bold";
  font-size: 1.5rem;
  line-height: 1.625rem;
  margin-bottom: 0.5rem;
}
.alert-wrapper .alert p,
.alert-wrapper alert.alert-error p,
.alert-wrapper alert.alert-success p,
.alert-wrapper alert.alert-warning p {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.5rem;
}
.alert-wrapper .alert.alert-error h4,
.alert-wrapper alert.alert-error.alert-error h4,
.alert-wrapper alert.alert-success.alert-error h4,
.alert-wrapper alert.alert-warning.alert-error h4 {
  color: #DE440E;
}
.alert-wrapper .alert.alert-error::after,
.alert-wrapper alert.alert-error.alert-error::after,
.alert-wrapper alert.alert-success.alert-error::after,
.alert-wrapper alert.alert-warning.alert-error::after {
  background-image: url(../images/icon/alert-error.svg);
}
.alert-wrapper .alert.alert-success h4,
.alert-wrapper alert.alert-error.alert-success h4,
.alert-wrapper alert.alert-success.alert-success h4,
.alert-wrapper alert.alert-warning.alert-success h4 {
  color: #00D263;
}
.alert-wrapper .alert.alert-success::after,
.alert-wrapper alert.alert-error.alert-success::after,
.alert-wrapper alert.alert-success.alert-success::after,
.alert-wrapper alert.alert-warning.alert-success::after {
  background-image: url(../images/icon/alert-success.svg);
}
.alert-wrapper .alert.alert-warning h4,
.alert-wrapper alert.alert-error.alert-warning h4,
.alert-wrapper alert.alert-success.alert-warning h4,
.alert-wrapper alert.alert-warning.alert-warning h4 {
  color: #E97E20;
}
.alert-wrapper .alert.alert-warning::after,
.alert-wrapper alert.alert-error.alert-warning::after,
.alert-wrapper alert.alert-success.alert-warning::after,
.alert-wrapper alert.alert-warning.alert-warning::after {
  background-image: url(../images/icon/alert-warning.svg);
}

.swal2-center .swal2-popup.swal2-modal {
  border-radius: 20px;
  background-color: #212121 !important;
  border: 1px solid #414141 !important;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
  padding: 1.25rem;
  padding-left: 6rem;
  position: relative;
  height: auto;
}
.swal2-center .swal2-popup.swal2-modal .swal2-icon {
  height: 4rem;
  width: 4rem;
  min-height: 4rem;
  min-width: 4rem;
  line-height: 4rem;
}
.swal2-center .swal2-popup.swal2-modal .swal2-icon .swal2-icon-content {
  font-size: 3rem;
}
.swal2-center .swal2-popup.swal2-modal .swal2-icon.swal2-warning {
  border-color: #E65A29;
  color: #E65A29;
}
.swal2-center .swal2-popup.swal2-modal .swal2-title {
  font-family: "Gilroy-bold";
  font-size: 1.5rem;
  line-height: 1.625rem;
  margin-bottom: 0.5rem;
}
.swal2-center .swal2-popup.swal2-modal .swal2-actions {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-top: 0.5rem;
  margin-bottom: 2rem;
}
.swal2-center .swal2-popup.swal2-modal .swal2-actions button.swal2-styled {
  padding: 0.5rem 1.5rem;
  margin: 0.365rem 0.5rem;
  font-family: "BrauerNeueStd";
  border-radius: 25px;
}
.swal2-center .swal2-popup.swal2-modal .swal2-actions button.swal2-styled.swal2-confirm {
  background-color: #FFD000;
  color: #000000;
}
.swal2-center .swal2-popup.swal2-modal.swal2-icon-warning .swal2-title {
  color: #E97E20;
}
.swal2-center .swal2-html-container .alert-wrapper {
  left: 1rem;
  top: 1rem;
  right: 1rem;
  bottom: 1rem;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 500px;
}
.swal2-center .swal2-html-container .alert-wrapper .swal2-actions {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-top: 0.5rem;
}
.swal2-center .swal2-html-container .alert-wrapper .swal2-actions button.swal2-styled {
  padding: 0.365rem 0.5rem;
  font-family: "BrauerNeueStd";
}
.swal2-center .swal2-html-container .alert-wrapper .swal2-actions button.swal2-styled.swal2-confirm {
  background-color: #FFD000;
  color: #000000;
}

.swal2-loader {
  border-color: #FFD000 transparent #FFD000 transparent !important;
}

h2#swal2-title {
  color: #FFD000;
  margin-bottom: 3rem;
}

.swal2-html-container {
  color: #fff;
}

.sell-search-wrapper {
  position: relative;
  z-index: 1;
}
.sell-search-wrapper .form-control {
  z-index: 1;
  position: relative;
}
.sell-search-wrapper .tt-menu {
  background-color: #212121;
  border: 1px solid #313131;
  border-bottom: 1px solid #212121;
  border-radius: 13px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  padding-bottom: 1rem;
  min-height: 3rem;
}
.sell-search-wrapper .tt-menu .tt-dataset {
  margin: 10px 10px 0 0;
  padding: 0.5rem;
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
}
.sell-search-wrapper .tt-menu .tt-dataset strong.tt-highlight {
  color: #E97E20;
}
.sell-search-wrapper .tt-menu .tt-dataset li.tt-cursor {
  background-color: #313131;
}
.sell-search-wrapper .tt-menu .tt-dataset li.tt-cursor p {
  color: #FFD000;
}
.sell-search-wrapper .tt-menu .tt-dataset li.tt-cursor .pro-image {
  background-image: url(../images/icon/dvd-disk-primary.svg);
}
.sell-search-wrapper .tt-menu .tt-dataset li {
  list-style: none;
  margin: 0;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  background-color: #212121;
  cursor: pointer;
  border-radius: 20px;
  transition: 0.3s ease all;
}
.sell-search-wrapper .tt-menu .tt-dataset li .pro-image {
  background-image: url(../images/icon/dvd-disk-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  margin-right: 0.625rem;
  line-height: 1;
  max-width: 1.5rem;
  min-width: 1.5rem;
}
.sell-search-wrapper .tt-menu .tt-dataset li .pro-image img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sell-search-wrapper .tt-menu .tt-dataset li p {
  margin: 0;
  font-family: "Gotham-book";
  font-size: 1rem;
  line-height: 1.5rem;
}
.sell-search-wrapper .tt-menu .tt-dataset li.active, .sell-search-wrapper .tt-menu .tt-dataset li:hover, .sell-search-wrapper .tt-menu .tt-dataset li:focus, .sell-search-wrapper .tt-menu .tt-dataset li:active, .sell-search-wrapper .tt-menu .tt-dataset li:active:focus {
  background-color: #313131;
}
.sell-search-wrapper .tt-menu .tt-dataset li.active p, .sell-search-wrapper .tt-menu .tt-dataset li:hover p, .sell-search-wrapper .tt-menu .tt-dataset li:focus p, .sell-search-wrapper .tt-menu .tt-dataset li:active p, .sell-search-wrapper .tt-menu .tt-dataset li:active:focus p {
  color: #FFD000;
}
.sell-search-wrapper .tt-menu .tt-dataset li.active .pro-image, .sell-search-wrapper .tt-menu .tt-dataset li:hover .pro-image, .sell-search-wrapper .tt-menu .tt-dataset li:focus .pro-image, .sell-search-wrapper .tt-menu .tt-dataset li:active .pro-image, .sell-search-wrapper .tt-menu .tt-dataset li:active:focus .pro-image {
  background-image: url(../images/icon/dvd-disk-primary.svg);
}

.customer-header {
  background-color: #212121;
  border-radius: 10px;
}

.account-content {
  background-color: #FFD000;
}

.dark-container {
  background-color: #313131;
  border-radius: 10px;
}
.dark-container .light-container {
  background-color: #414141;
  border-radius: 15px;
  border: 1px solid #58595B;
}

.sidebar {
  background-color: #212121;
  width: 250px;
  border-radius: 0.625rem;
  min-width: 250px;
}
@media (max-width: 767.98px) {
  .sidebar {
    width: 88px;
    min-width: 88px;
  }
}
.sidebar .menu-block .menu-block-title {
  margin-top: 1.875rem;
  margin-bottom: 2.5rem;
}
.sidebar .menu-block .menu-block-title img.profile-image {
  width: 5.25rem;
  height: 5.25rem;
}
@media (max-width: 767.98px) {
  .sidebar .menu-block .menu-block-title img.profile-image {
    width: 3rem;
    height: 3rem;
  }
}
@media (max-width: 767.98px) {
  .sidebar .menu-block .menu-block-title .sidebar-email-text {
    display: none;
  }
}
.sidebar .menu-block .menu-block-content ul.menubar li.menu-item {
  margin: 0rem 1.25rem;
  border-radius: 0.375rem;
}
.sidebar .menu-block .menu-block-content ul.menubar li.menu-item:hover {
  background-color: #313131;
}
.sidebar .menu-block .menu-block-content ul.menubar li.menu-item a.submenu-item {
  padding: 0.625rem 0.75rem;
}
.sidebar .menu-block .menu-block-content ul.menubar li.menu-item a.submenu-item .menu-text {
  color: #ffffff;
}
@media (max-width: 767.98px) {
  .sidebar .menu-block .menu-block-content ul.menubar li.menu-item a.submenu-item .menu-text {
    display: none;
  }
}
.sidebar .menu-block .menu-block-content ul.menubar li.menu-item.active {
  background-color: #FFD000;
}
.sidebar .menu-block .menu-block-content ul.menubar li.menu-item.active a.submenu-item .menu-text {
  color: #212121;
}
.sidebar .menu-block .menu-block-content ul.menubar li.menu-item.active a.submenu-item .feathers.fea-dashboard {
  background-image: url(../images/icon/dashboard-active.svg);
}
.sidebar .menu-block .menu-block-content ul.menubar li.menu-item.active a.submenu-item .feathers.fea-purchase-history {
  background-image: url(../images/icon/purchase-history-active.svg);
}
.sidebar .menu-block .menu-block-content ul.menubar li.menu-item.active a.submenu-item .feathers.fea-order-tracking {
  background-image: url(../images/icon/order-tracking-active.svg);
}
.sidebar .menu-block .menu-block-content ul.menubar li.menu-item.active a.submenu-item .feathers.fea-notification {
  background-image: url(../images/icon/notification-active.svg);
}
.sidebar .menu-block .menu-block-content ul.menubar li.menu-item.active a.submenu-item .feathers.fea-whishlist {
  background-image: url(../images/icon/whishlist-active.svg);
}

.swal2-popup {
  height: 0;
  padding: 0 !important;
}

.navbar-top {
  padding: 1.25rem;
  height: 4.688rem;
  margin-bottom: 1.25rem;
  position: relative;
  background-color: #212121;
  color: #fff;
  border-radius: 10px;
  border: 0;
}
.navbar-top .navbar-top-left {
  max-width: 11rem;
}
@media (max-width: 575.98px) {
  .navbar-top .navbar-top-left {
    max-width: 8rem;
  }
}
.navbar-top .navbar-top-right {
  width: auto;
  height: auto;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
}
.navbar-top .navbar-top-right .avatar {
  width: 2.25rem;
  height: 2.25rem;
  min-width: 2.25rem;
  min-height: 2.25rem;
}
.navbar-top .navbar-top-right .avatar img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.navbar-top .navbar-top-right .dropdown-menu {
  background-color: #212121;
  border-radius: 8px;
  border: 0;
  transform: translate(21px, 58px) !important;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
  right: 0 !important;
  left: auto !important;
}
.navbar-top .navbar-top-right .dropdown-menu li {
  padding: 0 7px;
}
.navbar-top .navbar-top-right .dropdown-menu li a {
  color: #ffffff;
  border-radius: 30px;
}
.navbar-top .navbar-top-right .dropdown-menu li a:hover {
  background-color: #313131;
  color: #FFD000;
}
.navbar-top .search-black-icon {
  width: 40px;
  height: 40px;
  background-color: #FFD000;
  border-radius: 50%;
}
.navbar-top .header-profile {
  cursor: pointer;
}
.navbar-top .header-profile .fea-small-caret-down {
  margin-top: 7px;
}
.navbar-top .header-top-menu {
  width: 100%;
  transition: 0.3s all ease;
}
.navbar-top .header-top-menu ul {
  margin-bottom: 0;
}
@media (min-width: 1199.98px) {
  .navbar-top .header-top-menu ul li {
    padding: 0 20px;
  }
}
.navbar-top .header-top-menu ul li a {
  font-family: "BrauerNeueStd";
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
}
.navbar-top .header-top-menu ul li a:hover {
  color: #FFD000;
}
@media (max-width: 991.98px) {
  .navbar-top .header-top-menu {
    background-color: #212121;
    position: fixed;
    left: -60px;
    width: 0;
    height: calc(100vh - 0px);
    top: 0;
    z-index: 2;
    flex-direction: column;
    padding: 20px 0;
    border-radius: 0px;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
  }
  .navbar-top .header-top-menu ul {
    flex-direction: column;
    padding: 0;
    margin-left: 0 !important;
  }
  .navbar-top .header-top-menu ul li {
    padding: 0 20px 20px;
  }
  .navbar-top .header-top-menu .hd-icon-blk {
    margin-left: 0 !important;
  }
  .navbar-top .header-top-menu .header-top-menu-info {
    flex-direction: column;
  }
}
.navbar-top .hamburger-menu {
  display: none;
  flex-flow: column;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  padding: 1px 3px;
  cursor: pointer;
  margin-right: 0.75rem;
}
@media (max-width: 991.98px) {
  .navbar-top .hamburger-menu {
    display: flex;
  }
}
.navbar-top .hamburger-menu span {
  height: 3px;
  min-height: 3px;
  width: 26px;
  display: block;
  border-radius: 2px;
  background-color: #ffffff;
  margin: 3px 0;
  transition: 0.3s ease all;
}
.navbar-top .dott-icon {
  margin: 6px 0 0;
  width: 26px;
  display: none;
  cursor: pointer;
}
@media (max-width: 991.98px) {
  .navbar-top .dott-icon {
    display: inline;
  }
}
.navbar-top .hd-number {
  width: 18px;
  height: 18px;
  right: 0;
  top: 0;
  font-size: 12px;
  font-family: "BrauerNeueStd";
  position: absolute;
  background-color: #E65A29;
  border-radius: 50%;
}

.content-body {
  margin: 0;
  width: 100%;
  height: 100%;
  display: flex;
  -webkit-box-orient: vertical;
  color: #ffffff;
  position: relative;
  margin: 0;
  padding: 0;
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
  background-color: transparent !important;
}
.content-body .navbar-left {
  background-color: #212121;
  border-radius: 10px;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
  width: 15.625rem;
  min-width: 15.625rem;
  height: 100%;
  padding: 1rem 1.25rem;
  margin-right: 1.25rem;
  border: 0;
  transition: 0.3s ease all;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media (max-width: 991.98px) {
  .content-body .navbar-left {
    overflow: hidden;
    width: 0;
    min-width: 0;
    padding: 0;
    margin-right: 0;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 992px) {
  .content-body .navbar-left {
    height: calc(100vh - 7.5rem);
  }
}
.content-body .content {
  background-color: #313131;
  border-radius: 10px;
  border: 0;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 10px;
  padding: 1.25rem;
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: 0.3s all ease;
}
.content-body .navbar-left-profile .profile-blk {
  width: 84px;
  height: 84px;
}
.content-body .navbar-left-profile .profile-blk img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.content-body .navbar-left-menu a {
  transition: 0.3s ease all;
  padding: 0.5rem 0.75rem;
  display: inline-flex;
  align-items: center;
  margin-bottom: 0.25rem;
}
.content-body .navbar-left-menu .icon {
  margin-right: 0.625rem;
}
.content-body .navbar-left-menu span {
  font-family: "Gotham-book";
  font-size: 0.938rem;
  line-height: 1.25rem;
  display: inline-block;
  color: #ffffff;
}

@media (max-width: 991.98px) {
  .sidebar-hide .navbar-left {
    overflow: hidden;
    width: 15.625rem;
    min-width: 15.625rem;
    padding: 1rem 1.25rem;
    position: fixed;
    z-index: 9;
    top: 0;
    left: -10px;
    border-radius: 0;
  }
}

.header-menu-show .header-top-menu {
  width: 180px;
  left: 0;
}
.heading-border {
  border-bottom: 1px solid black;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.09);
}

.badge-sm {
  padding: 2px 27px 1px;
}
.badge-sm.bg-success {
  background-color: #00D263 !important;
  color: #313131;
}

.slt-blk .select2-container {
  width: 100% !important;
}

.form-select-br8 .form-select,
.form-select-br8 .select2-selection,
.form-select-br8 .form-control {
  height: 42px !important;
  background-color: #212121 !important;
  border-radius: 8px !important;
  border: 1px solid #414141 !important;
  padding: 10px 8px 12px 12px !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  -ms-border-radius: 8px !important;
  -o-border-radius: 8px !important;
}
.form-select-br8 .form-label {
  padding-left: 0;
}
.form-select-br8 .select2 {
  position: relative;
  z-index: 2;
}

.select2-dropdown {
  background-color: #212121 !important;
  border: 0 !important;
  margin-top: -11px;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 1 !important;
}
.select2-dropdown .select2-search__field {
  background-color: #313131;
  color: #DEE3E9;
  border: 0 !important;
  border-radius: 8px;
  padding: 6px 10px !important;
}

.select2-results__option {
  color: #DEE3E9;
}

.select2-selection__arrow {
  display: none;
}

.search-white-icon .select2-selection {
  position: relative;
  background-image: url(../images/icon/fea-serach-icon.svg);
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  padding-right: 30px;
}

.claim-req-dblk .claim-req-d-number {
  padding-left: 15px;
}

.border-radius-10 {
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
}

.dark-card {
  padding: 1rem;
}
.dark-card .btn {
  padding: 6px 12px !important;
}
@media only screen and (min-width: 768px) {
  .dark-card.card-height {
    min-height: 280px;
  }
}
.dark-card.card {
  background-color: #212121;
  border: 0;
  border-radius: 20px;
}
.dark-card.card .card-header {
  padding: 0;
}
.dark-card.card .card-body {
  padding: 0;
}
.dark-card.card .card-body ul {
  margin: 0;
  padding: 0;
}
.dark-card.card .card-body ul li {
  font-size: 16px;
}

.dataTable-container .table .grid-container .datagrid-filters {
  justify-content: flex-end;
  margin-bottom: 1rem;
}
.dataTable-container .table .grid-container .datagrid-filters .dropdown-filters.custom-filter .dropdown-toggle {
  background-color: #414141;
  border-radius: 25px;
  padding: 1px 0.5rem;
}
.dataTable-container .table .grid-container .datagrid-filters .dropdown-filters.custom-filter .dropdown-toggle .grid-dropdown-header {
  border: none;
  color: #ffffff;
  background-image: url(../images/icon/fea-filter.svg);
  background-size: 24px;
  background-position: left 4px center;
  background-repeat: no-repeat;
  padding-left: 36px;
}
.dataTable-container .table .grid-container .datagrid-filters .dropdown-filters.custom-filter .dropdown-toggle::after {
  border-top: 0.4rem solid #ffffff;
  border-right: 0.4em solid transparent;
  border-bottom: 0;
  border-left: 0.4em solid transparent;
  margin-right: 5px;
}
.dataTable-container .table .grid-container .datagrid-filters .dropdown-filters.custom-filter .dropdown-list.dropdown-container {
  background-color: #414141;
}
.dataTable-container .table .grid-container .datagrid-filters .dropdown-filters.custom-filter .dropdown-list.dropdown-container ul li .control-group .control {
  background-color: #212121;
  border: 1px solid #313131;
  border-radius: 8px;
  height: 2.625rem;
  box-shadow: none;
  outline: none;
  font-size: 1rem;
  color: #DEE3E9;
  padding: 0.313rem 0.75rem;
  transition: 0.3s ease all;
}
.dataTable-container .table .grid-container .datagrid-filters .dropdown-filters.custom-filter .dropdown-list.dropdown-container ul li .control-group .control:focus {
  border-color: #58595B;
  background-color: #212121;
  color: #ffffff;
}
.dataTable-container .table .grid-container .datagrid-filters .dropdown-filters.per-page .per-page-label {
  color: #AAAAAA;
}
.dataTable-container .table .grid-container .datagrid-filters .dropdown-filters.per-page select {
  background-color: #414141;
  border: 1px solid #414141;
  border-radius: 25px;
  height: 2.625rem;
  box-shadow: none;
  outline: none;
  font-size: 1rem;
  color: #DEE3E9;
  padding: 0.313rem 0.75rem;
  transition: 0.3s ease all;
  min-width: 70px;
}
.dataTable-container .table .grid-container .datagrid-filters .dropdown-filters.per-page select:focus {
  border-color: #414141;
  background-color: #414141;
  color: #ffffff;
}
.dataTable-container .table .grid-container .datagrid-filters .dropdown-filters select {
  position: relative;
  background-image: url(../images/icon/caret-down.svg);
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  padding-right: 30px;
}
.dataTable-container .table .grid-container .filtered-tags {
  display: none;
}
.dataTable-container .table .grid-container .table-responsive {
  padding: 1px;
}
.dataTable-container .table .grid-container table.table {
  background-color: #313131;
  font-size: 1rem;
  color: #ffffff;
  border: none;
  box-shadow: 0px 0px 0px 1px #58595B;
  margin-bottom: 0;
  border-radius: 10px;
}
.dataTable-container .table .grid-container table.table > :not(:first-child) {
  border-width: 1px;
  border-color: transparent;
}
.dataTable-container .table .grid-container table.table tr {
  height: auto !important;
}
.dataTable-container .table .grid-container table.table thead tr:first-child th:first-child {
  border-top-left-radius: 10px;
}
.dataTable-container .table .grid-container table.table thead tr:first-child th:last-child {
  border-top-right-radius: 10px;
}
.dataTable-container .table .grid-container table.table tbody tr:last-child td {
  border-bottom: none;
}
.dataTable-container .table .grid-container table.table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.dataTable-container .table .grid-container table.table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
.dataTable-container .table .grid-container table.table th {
  vertical-align: middle;
  font-size: 1rem;
  padding: 0.938rem;
  background-color: #000000;
  color: #ffffff;
  border-bottom: 1px solid #58595B;
  font-family: "Gotham-bold";
  font-weight: normal;
  white-space: nowrap;
}
.dataTable-container .table .grid-container table.table th.text-13 {
  font-size: 0.813rem;
  line-height: 1.375rem;
}
.dataTable-container .table .grid-container table.table td {
  vertical-align: middle;
  font-size: 1rem;
  padding: 0.938rem;
  background-color: #313131;
  color: #ffffff;
  border-bottom: 1px solid #58595B;
  font-family: "Gotham-book";
  font-weight: normal;
}
.dataTable-container .table .grid-container table.table td.min-width-14 {
  min-width: 14rem;
}
.dataTable-container .table .grid-container table.table td.actions .action {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dataTable-container .table .grid-container table.table > :not(:last-child) > :last-child > * {
  border-color: #58595B;
}
.dataTable-container .table .grid-container table.table tfoot th {
  border-bottom: none;
  border-top: 1px solid #58595B;
  background-color: #414141;
}
.dataTable-container .table .pagination.custom-pagination {
  border: none;
  margin: 0;
  justify-content: flex-end;
}
.dataTable-container .table .pagination.custom-pagination .pagination {
  margin: 1.5rem 0 0.5rem;
}
.dataTable-container .table .pagination.custom-pagination .pagination .page-item {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  width: 2.375rem;
  height: 2.375rem;
  padding: 0.5rem;
  text-align: center;
  color: #ffffff;
  font-family: "Gotham-book";
  font-size: 1rem;
  line-height: 1.25rem;
  margin: 0 0.25rem;
}
.dataTable-container .table .pagination.custom-pagination .pagination .page-item:hover {
  color: #FFD000;
}
.dataTable-container .table .pagination.custom-pagination .pagination .page-item.previous {
  padding: 4px;
  border-color: #AAAAAA;
}
.dataTable-container .table .pagination.custom-pagination .pagination .page-item.previous i.icon {
  margin: 0;
}
.dataTable-container .table .pagination.custom-pagination .pagination .page-item.next {
  padding: 4px;
  border-color: #AAAAAA;
}
.dataTable-container .table .pagination.custom-pagination .pagination .page-item.next i.icon {
  margin: 0;
}
.dataTable-container .table .pagination.custom-pagination .pagination .page-item.active {
  background-color: #FFD000;
  color: #313131;
  border-color: #FFD000;
}
.dataTable-container .table .pagination.custom-pagination .pagination .page-item.active:hover {
  color: #313131;
}

.form-box .form-control,
.form-box .form-select {
  height: 42px !important;
  border-radius: 8px !important;
  background-color: #212121 !important;
  border: 1px solid #414141 !important;
  padding: 8px 8px 12px 12px !important;
}
.form-box .form-label {
  padding-left: 0;
}

.select-info .select2-selection__rendered {
  color: #fff !important;
  line-height: 17px !important;
  padding-left: 0 !important;
}

#title-error,
.error {
  color: #E65A29 !important;
}

.min-w-100 {
  min-width: 100px !important;
}

@media only screen and (max-width: 575.98px) {
  .s-w-50 {
    width: 50%;
  }
}

@media only screen and (max-width: 575.98px) {
  .dp-filters-w .control-group {
    max-width: 100%;
    min-width: 100%;
  }
}

span.badge {
  height: 1.463rem;
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  font-family: "BrauerNeueStd";
  font-size: 0.813rem;
  line-height: 1.375rem;
  text-transform: uppercase;
}
span.badge.bg-success, span.badge.badge-success {
  background-color: #00D263 !important;
  color: #313131;
}
span.badge.bg-primary, span.badge.badge-primary {
  background-color: #FFD000 !important;
  color: #313131;
}
span.badge.bg-danger, span.badge.badge-danger {
  background-color: #DE440E !important;
  color: #ffffff;
}
span.badge.bg-info, span.badge.badge-info {
  background-color: #E97E20 !important;
  color: #ffffff;
}
span.badge.w-badge-sm {
  width: 4.375rem;
}
span.badge.badge-md {
  padding: 3px 1rem;
}
span.badge.w-md {
  width: 5.938rem;
}
span.badge.w-sm {
  width: 9rem;
}
span.badge.w-lg {
  width: 8.688rem;
}

@media only screen and (max-width: 575.98px) {
  .mb-dp-w .grid-dropdown-header {
    width: 100%;
  }
  .mb-dp-w:after {
    margin-left: -17px !important;
  }
}

.tbl-info .table {
  border-radius: 10px;
  box-shadow: 0px 0px 0px 1px #58595b;
}

.select2-container--open .select2-dropdown {
  padding-bottom: 10px;
}

.select2-results__options li {
  background-color: transparent !important;
  border-radius: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.select2-results__options li:hover {
  background-color: #313131 !important;
  color: #FFD000 !important;
}

.dark-card-border {
  border: 1px solid #313131 !important;
}
.dark-card-border h3 {
  color: #ffffff;
}
.dark-card-border:hover {
  border: 1px dashed #E97E20 !important;
}
.dark-card-border:hover h3 {
  color: #E97E20;
}
.dark-card-border:hover .fea-plus-circle {
  background-image: url(../images/icon/fea-plus-circle-orange.svg);
}

.cursor-pointer {
  cursor: pointer;
}

.card-icon-blk .icon-edit:hover .fea-edit-icon {
  background-image: url(../images/icon/fea-edit-hover-icon.svg);
}
.card-icon-blk .icon-trash:hover .fea-trash-icon {
  background-image: url(../images/icon/fea-trash-hover-icon.svg);
}

.modal .modal-dialog .modal-content {
  background-color: #313131;
  border-radius: 10px;
}
.modal .modal-dialog .modal-content .modal-header {
  background-color: #212121;
  border-bottom: 1px solid #414141;
}
.modal .modal-dialog .modal-content .modal-header h5 {
  font-family: "Gotham-bold";
  font-size: 1.125rem;
  line-height: 1.25rem;
  color: #ffffff;
  margin: 0;
}
.modal .modal-dialog .modal-content .modal-header button.btn-close {
  background-image: url(../images/icon/icon-close-x.svg);
  background-size: 1.5rem;
  background-position: center;
}
.modal .modal-dialog .modal-content .modal-header.no-header {
  background-color: unset;
  border: none;
  padding-bottom: 0;
}
.modal .modal-dialog .modal-content .modal-header.no-header h1,
.modal .modal-dialog .modal-content .modal-header.no-header h2,
.modal .modal-dialog .modal-content .modal-header.no-header h3,
.modal .modal-dialog .modal-content .modal-header.no-header h4,
.modal .modal-dialog .modal-content .modal-header.no-header h5,
.modal .modal-dialog .modal-content .modal-header.no-header h6,
.modal .modal-dialog .modal-content .modal-header.no-header p,
.modal .modal-dialog .modal-content .modal-header.no-header label {
  display: none;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 1.25rem;
}
@media only screen and (max-width: 767.98px) {
  .modal .modal-dialog .modal-content .modal-body {
    padding: 1rem;
  }
}
.modal .modal-dialog .modal-content .modal-body .dark-table {
  border-radius: 10px;
}
.modal .modal-dialog .modal-content .modal-body .btn-md {
  min-width: 80px;
}
.modal .modal-dialog .modal-content .modal-footer {
  border-top: none;
}
.modal .modal-dialog .modal-content .modal-footer .btn {
  min-width: 7rem;
}

.modal-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.ul-01.ul-w-6 {
  width: 60%;
}
.ul-01.ul-w-4 {
  width: 40%;
}
.ul-01 ul li {
  margin-bottom: 10px;
  display: block;
  font-size: 16px;
}
.ul-01 ul li:last-child {
  margin-bottom: 0;
}
.ul-01 ul li span {
  display: block;
}

.add-blk {
  border: 1px solid #313131;
  border-radius: 10px;
  padding: 10px;
}
.add-blk .add-blk-cont p {
  font-size: 13px;
  line-height: 18px;
}

.pr-img {
  width: 84px;
  height: 84;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.profile-wrap .badge {
  padding-top: 7px;
}

.text-editor-wrap {
  padding: 1.25rem;
  border-radius: 20px;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
  border: 1px solid #414141;
}
.text-editor-wrap .Editor-editor {
  height: 150px !important;
}

.Editor-container {
  border: 1px solid #414141;
  border-radius: 8px;
}
.Editor-container a:link {
  color: #aaaaaa;
}
.Editor-container .row-fluid,
.Editor-container #menuBarDiv,
.Editor-container #statusbar {
  background-color: #313131;
  background-image: none;
  border-color: #414141;
}
.Editor-container .Editor-editor {
  border-color: #414141;
  color: #ffffff;
}
.Editor-container .btn-group .btn {
  border: 1px solid #414141;
  border-radius: 2px;
}
.Editor-container .btn-group .btn.dropdown-toggle {
  color: #AAAAAA;
}
.Editor-container .btn-group .btn.dropdown-toggle:hover, .Editor-container .btn-group .btn.dropdown-toggle:focus {
  color: #E97E20;
}

.dp-desktop-wrap {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  /* display: none; */
  cursor: pointer;
}
.dp-desktop-wrap .dropdown a.aTag-btn {
  width: 100%;
  display: block;
  height: 36px;
  text-align: center;
}

.form-select {
  color: #C3C3C3 !important;
}
.form-select.error {
  color: #C3C3C3 !important;
}

.proceed-blk {
  border-bottom: 1px solid #6a6a6a;
  padding: 0 0 23px;
}

.content-container .navbar-left .nav-link.active,
.content-container .navbar-left .nav-link:hover,
.content-container .navbar-left .nav-link:focus,
.content-container .navbar-left .nav-link:active,
.content-container .navbar-left .nav-link:active:focus {
  background-color: #FFD000;
  color: #000000;
  transition: 0.3s ease all;
  padding: 0.5rem 0.75rem;
  display: inline-flex;
  align-items: center;
  margin-bottom: 0.25rem;
}

.content-container .navbar-left .nav-link.active .icon svg *,
.content-container .navbar-left .nav-link.active span,
.content-container .navbar-left .nav-link:hover span .icon svg *,
.content-container .navbar-left .nav-link:hover span,
.content-container .navbar-left .nav-link:focus span .icon svg *,
.content-container .navbar-left .nav-link:focus span,
.content-container .navbar-left .nav-link:active span .icon svg *,
.content-container .navbar-left .nav-link:active span,
.content-container .navbar-left .nav-link:active:focus span {
  color: #000000;
  fill: #000000;
}
.content-container .navbar-left .nav-link.active .icon svg * .shop-blk-check ul,
.content-container .navbar-left .nav-link.active span .shop-blk-check ul,
.content-container .navbar-left .nav-link:hover span .icon svg * .shop-blk-check ul,
.content-container .navbar-left .nav-link:hover span .shop-blk-check ul,
.content-container .navbar-left .nav-link:focus span .icon svg * .shop-blk-check ul,
.content-container .navbar-left .nav-link:focus span .shop-blk-check ul,
.content-container .navbar-left .nav-link:active span .icon svg * .shop-blk-check ul,
.content-container .navbar-left .nav-link:active span .shop-blk-check ul,
.content-container .navbar-left .nav-link:active:focus span .shop-blk-check ul {
  height: 26px;
}

.shop-blk-cont-wrap h2 {
  font-family: "Gilroy-bold";
  font-weight: 800;
  color: #E65A29;
}
.shop-blk-cont-wrap h4 {
  font-family: "Gilroy-bold";
  font-weight: 800;
  color: #fff;
  font-size: 22px;
}
.shop-blk-cont-wrap p {
  font-size: 14px;
  font-family: "Gotham-book";
  line-height: 23px;
}
@media (min-width: 992px) {
  .shop-blk-cont-wrap p {
    width: 90%;
  }
}
.shop-blk-cont-wrap .shop-blk-cont-a ul {
  margin: 0;
  padding: 0;
}
.shop-blk-cont-wrap .shop-blk-cont-a ul li {
  color: #fff;
  display: flex;
  font-family: "Gotham-book";
  margin-bottom: 5px;
}
.shop-blk-cont-wrap .shop-blk-cont-a ul li .shop-blk-cont-qua-hd {
  width: 96px;
  flex: 0 0 auto;
  font-weight: bold;
  font-size: 13px;
}
.shop-blk-cont-wrap .shop-blk-cont-a ul li .shop-blk-cont-qua-dot {
  width: 35px;
  flex: 0 0 auto;
}
.shop-blk-cont-wrap .shop-blk-cont-a ul li .shop-blk-cont-qua-text {
  font-weight: 500;
  font-size: 16px;
}
.shop-blk-cont-wrap .shop-blk-cont-btn .btn-sm {
  padding: 5px 25px;
  margin: 5px 5px 5px 0;
}

.custom-checkbox {
  margin-bottom: 10px;
}
.custom-checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.custom-checkbox input:checked + label {
  color: #E97E20;
}
.custom-checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.custom-checkbox input:checked + label:before {
  background-color: #E97E20;
}
.custom-checkbox label {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  font-family: "Gotham-book";
}
.custom-checkbox label:before {
  content: "";
  -webkit-appearance: none;
  background-color: #fff;
  border: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 13px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 4px;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  margin: auto;
}

#myCarousel {
  max-width: 650px;
  margin: 0 auto;
  background: #fff;
}

#thumbCarousel {
  max-width: 650px;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  padding: 10px 0;
}

#thumbCarousel .thumb {
  float: left;
  margin-right: 10px;
  border: 1px solid #e6e6e6;
  background: #fff;
}

#thumbCarousel .thumb:last-child {
  margin-right: 0;
}

.thumb:hover {
  cursor: pointer;
}

.thumb img {
  opacity: 0.5;
}

.thumb img:hover {
  opacity: 1;
}

.thumb.active img {
  opacity: 1;
  border: 1px solid #808080;
}

.custom-radio ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  display: flex;
}
.custom-radio ul li {
  color: #AAAAAA;
  display: block;
  position: relative;
}
.custom-radio ul li:first-child {
  margin-right: 30px;
}
.custom-radio ul li label {
  display: block;
  position: relative;
  cursor: pointer;
  padding-left: 34px;
  color: #fff;
  -webkit-transition: all 0.25s linear;
}
.custom-radio ul li input[type=radio] {
  position: absolute;
  visibility: hidden;
}
.custom-radio ul li .check {
  display: block;
  position: absolute;
  border: 2px solid #fff;
  border-radius: 100%;
  height: 24px;
  width: 24px;
  top: 0;
  left: 0;
  z-index: 5;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
}
.custom-radio ul li .check:before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 10px;
  width: 10px;
  top: 5px;
  left: 5px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}
.custom-radio ul li input[type=radio]:checked ~ .check {
  border: 2px solid #FFD000;
  background-color: #FFD000;
}
.custom-radio ul li input[type=radio]:checked ~ .check::before {
  background: #313131;
}
.custom-radio ul li input[type=radio]:checked ~ label {
  color: #FFD000;
}
.custom-radio ul li:hover label {
  color: #FFFFFF;
}
.custom-radio ul li:hover .check {
  border: 2px solid #FFFFFF;
}

.numberstyle-qty {
  position: relative;
  border-radius: 6px;
  background-color: #212121;
  overflow: hidden;
  border: 1px solid #414141;
  display: flex;
  border-radius: 8px;
}

.numberstyle-qty input,
.numberstyle-qty .qty-btn {
  position: relative;
  display: block;
  float: left;
  height: 40px;
  padding: 0;
  margin: 0;
  border: 0px;
  text-align: center;
  line-height: 40px;
  outline: 0;
  box-shadow: 0px;
}

.numberstyle-qty .qty-btn {
  width: 40px;
  font-size: 18px;
  cursor: pointer;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all 250ms ease;
}

.numberstyle-qty .qty-btn.disabled {
  cursor: default;
  color: rgba(116, 116, 116, 0.5);
}

.numberstyle-qty input {
  width: 50px;
  border-left: 0;
  border-right: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  z-index: 1;
  background-color: #212121;
}

.numberstyle-qty input:focus {
  outline: 0;
  box-shadow: 0px;
}

.numberstyle-qty input[type=number]::-webkit-inner-spin-button,
.numberstyle-qty input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.numberstyle-qty input[type=number] {
  -moz-appearance: textfield;
}

@media (max-width: 575px) {
  .shop-select {
    margin-top: 1rem;
  }
}
.shop-select .form-label {
  padding-left: 0;
}
.shop-select .form-select {
  border-radius: 8px;
  border: 1px solid #414141;
  padding: 10px 8px 12px 12px;
}

.shop-banner-wrap {
  padding: 5% 0;
}
.shop-banner-wrap h2 {
  color: #ffffff;
  font-family: "Compacta-bold";
  size: 34px;
}
.shop-banner-wrap p {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .shop-banner-wrap p {
    width: 60%;
  }
}

.shop-filter-info .shop-filter-heading {
  border-bottom: 1px solid rgba(3, 2, 2, 0.25);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15);
}
.shop-filter-info .shop-filter-heading h5 {
  font-family: "BrauerNeueStd";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
}
.shop-filter-info .shop-filter-heading p {
  margin-bottom: 6px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  font-family: "Gotham-book";
  color: rgba(255, 255, 255, 0.726);
}
.shop-filter-info .shop-filter-heading p span {
  color: #D6B00A;
  font-weight: bold;
}
.shop-filter-info .shop-filter-heading a {
  color: #000;
}
.shop-filter-info .shop-filter-sub-heading {
  margin-bottom: 14px;
}
.shop-filter-info .shop-filter-sub-heading h6 {
  font-family: "Gotham-book";
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #ffffff;
}
.shop-filter-info .shop-filter-genre {
  max-height: calc(100vh - 15rem);
  overflow-y: auto;
  overflow-x: hidden;
}

.gm-img-cvr {
  position: relative !important;
  background-size: cover !important;
  overflow: hidden !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.shop-cart-block {
  transition: 0.3s all ease;
}
.shop-cart-block.card {
  background-color: #212121;
  border: 0;
}
.shop-cart-block .shop-cart-img {
  padding: 15px 15px 0;
  height: 200px;
  transition: 0.3s all ease;
  border-radius: 0.25rem;
  overflow: hidden;
}
.shop-cart-block .shop-cart-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.25rem;
}
.shop-cart-block .shop-cart-cont {
  padding: 10px;
}
.shop-cart-block .shop-cart-cont h4,
.shop-cart-block .shop-cart-cont h6 {
  font-family: "Gilroy-bold";
  font-weight: 800;
}
.shop-cart-block .shop-cart-cont h4 {
  font-size: 25px;
  color: #E65A29;
}
.shop-cart-block .shop-cart-cont h6 {
  color: #fff;
  font-size: 18px;
}
.shop-cart-block .shop-cart-btn {
  padding: 0;
  height: 50px;
}
@media (min-width: 768px) {
  .shop-cart-block .shop-cart-btn .shop-cart-btn-blk {
    display: none;
  }
}
.shop-cart-block:hover .shop-cart-img {
  padding: 0;
}
.shop-cart-block:hover .shop-cart-cont h6 {
  color: #FFD000;
}
.shop-cart-block:hover .shop-cart-btn-blk {
  display: block !important;
}

.shop-heart-icon {
  position: absolute;
  right: 23px;
  top: 20px;
  cursor: pointer;
}
.shop-heart-icon .feathers {
  width: 40px;
  height: 40px;
  z-index: 1;
  background-color: #EFEFEF;
  background-size: 1.5rem;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
.shop-heart-icon:hover .fea-heart-black {
  background-image: url(../images/fea-heart-danger-icon.svg);
}
.shop-heart-icon.active .feathers {
  background-color: #DE440E;
}
.shop-heart-icon.active .fea-heart-black {
  background-image: url(../images/fea-heart-white-icon.svg);
}

.shop-slider-wrap .grid-carousel-thumbnails-wrap .carousel-item img {
  width: 100%;
  transition: transform 0.4s;
}
.shop-slider-wrap .grid-carousel-thumbnails-wrap .carousel-item:hover img {
  transform: scale(1.5);
}
.shop-slider-wrap .grid-carousel-thumbnails-wrap .carousel-arrow {
  height: 40px;
  width: 40px;
  top: 50%;
}
.shop-slider-wrap .grid-carousel-thumbnails-wrap .carousel-control-next {
  right: 10px;
}
.shop-slider-wrap .grid-carousel-thumbnails-wrap .carousel-control-prev {
  left: 10px;
}
.shop-slider-wrap .grid-carousel-thumbnails-block {
  margin-right: 0;
}
.shop-slider-wrap .grid-carousel-thumbnails-block button {
  width: 60px;
  border: 0;
  background-color: transparent;
  margin: 0 0 6px;
  padding: 0;
}
.shop-slider-wrap .grid-carousel-thumbnails-block button img {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.shop-slider-wrap .grid-carousel-thumbnails-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 40px;
  height: 40px;
  background: #EFEFEF;
  border-radius: 6px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.shop-slider-wrap .grid-carousel-thumbnails-icon:hover .fea-heart-black {
  background-image: url(../images/fea-heart-danger-icon.svg);
}
.shop-slider-wrap .grid-carousel-thumbnails-icon.active {
  background: #DE440E;
}
.shop-slider-wrap .grid-carousel-thumbnails-icon.active .fea-heart-black {
  background-image: url(../images/fea-heart-white-icon.svg);
}

.shop-blk-cont-qua-info p {
  font-size: 15px;
  font-family: "Gotham-book";
}
@media (max-width: 575px) {
  .shop-blk-cont-qua-info .shop-blk-cont-qua-info-a {
    margin-bottom: 1rem;
  }
}
.shop-blk-cont-qua-info .shop-blk-check ul {
  height: 26px;
}

.ml7 {
  margin-left: -6px;
}

.numberstyle-qty {
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}
.numberstyle-qty .qty-btn.qty-rem, .numberstyle-qty .qty-btn.qty-add, .numberstyle-qty .qty-btn.disabled {
  width: 24px;
  height: 24px;
  color: transparent;
}
.numberstyle-qty .qty-btn.qty-rem {
  background-image: url(../images/icon-minus.svg);
}
.numberstyle-qty .qty-btn.qty-add {
  background-image: url(../images/icon-plus.svg);
}

@media (max-width: 767.98px) {
  .main-container-wrapper .navbar-collapse {
    left: -240px;
    position: fixed;
  }
}

.cart-img-blk {
  width: 120px;
  min-width: 120px;
  height: 120px;
}
@media (max-width: 575.98px) {
  .cart-img-blk {
    width: 100%;
    height: 100%;
  }
}
.cart-img-blk img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.flex-auto {
  flex: auto;
}

.flex-0-auto {
  flex: 0 0 auto;
}

.cad-boder-radius {
  border: 1px solid #58595B !important;
  border-radius: 15px;
}

.background-color-transparent {
  background-color: transparent;
}

.accordion-wrap .accordion-item {
  width: 100%;
  padding: 13px 18px;
  margin-bottom: 1rem;
  background: #212121;
  border: 1px solid #414141;
  border-radius: 10px;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
}
.accordion-wrap button {
  width: 100%;
  background: transparent;
  border: 0;
  color: #ffffff;
  padding: 0 0 0;
  font-size: 20px;
  font-family: "Gilroy-bold";
  justify-content: space-between;
  display: flex;
  align-items: center;
  color: #ffffff;
}
.accordion-wrap button.accordion-button:not(.collapsed) {
  color: #ffffff;
  background-color: #212121;
  box-shadow: none;
}
.accordion-wrap button.accordion-button:not(.collapsed):after {
  background-image: url(../images/icon-minus.svg);
  transform: initial;
}
.accordion-wrap button.accordion-button:focus {
  box-shadow: none;
  border-color: transparent;
}
.accordion-wrap button.accordion-button:after {
  background-image: url(../images/icon-plus.svg);
}
.accordion-wrap .accordion-collapse {
  background: #313131;
  border-radius: 10px;
  border-bottom-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}
.accordion-wrap .accordion-collapse .accordion-body {
  color: #fff;
}

.back-arrow-wrap a {
  color: #AAAAAA !important;
}
.back-arrow-wrap a .fea-arrow-left {
  width: 17px;
  height: 17px;
  min-width: 17px;
}

.bdr-btm {
  border-bottom: 1px solid #414141;
}

.w-120 {
  width: 120px;
}

.btm-section {
  height: 10px;
  width: 301px;
}
@media (max-width: 375px) {
  .btm-section {
    width: 100%;
  }
}

.sort-dropdown {
  border-radius: 34px;
  align-items: center;
}

.custom-select-box {
  width: 100%;
  position: relative;
}
.custom-select-box.height-3 .custom-selected-item {
  height: 3rem;
}
.custom-select-box.pl-md .custom-selected-item {
  padding: 3px 27px 3px 72px !important;
}
.custom-select-box.custom-selected-item-border-0 .custom-selected-item {
  border: 0 !important;
}
.custom-select-box.custom-selected-item-dark .custom-selected-item {
  background-color: #212121;
  border: 1px solid #414141;
}
.custom-select-box.custom-selected-item-dark .custom-item {
  font-size: 1rem;
}

.custom-select-box select {
  display: none;
}

.custom-selected-item {
  padding: 0;
  color: #fff;
  cursor: pointer;
  z-index: 5;
  font-size: 15px;
  font-family: "Gotham-bold";
  position: relative;
  background-color: #414141;
  min-width: 161px;
  border-radius: 34px;
  padding: 9px 16px;
  align-items: center;
  display: flex;
}
.custom-selected-item:after {
  content: "";
  background-image: url(../images/icon/dropdown-caret.svg);
  width: 10px;
  height: 6px;
  position: absolute;
  right: 10px;
}

.custom-item {
  padding: 5px 16px;
  color: #DEE3E9;
  cursor: pointer;
  font-size: 13px;
  border-radius: 25px;
}
.custom-item:hover {
  background-color: #313131;
  color: #FFD000;
}

.all-items {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: #212121;
  border-radius: 0 0 24px 24px;
  padding: 20px 10px 13px 10px;
  -webkit-border-radius: 0 0 24px 24px;
  -moz-border-radius: 0 0 24px 24px;
  -ms-border-radius: 0 0 24px 24px;
  -o-border-radius: 0 0 24px 24px;
  margin-top: -15px;
  z-index: 2;
}

.all-items-hide {
  display: none;
}

.sort-text {
  position: absolute;
  z-index: 9;
  top: 3px;
  padding-left: 14px;
}

.border-light .form-control {
  border: 1px solid #414141 !important;
}

.card-dark-bg {
  background-color: #212121;
  border: 1px solid #414141;
  border-radius: 10px;
}

.header-mob-close-btn {
  display: none;
}
@media (max-width: 991.98px) {
  .header-mob-close-btn {
    display: block;
    position: absolute;
    right: -24px;
  }
}

.word-break-all {
  word-break: break-all;
}

.character-length-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.cursor-pointer {
  cursor: pointer;
}

@media (min-width: 768px) {
  .plus-collections-btn,
  .plus-genre-btn {
    display: none;
  }
}

.toggle-collections-open .icon-plus,
.toggle-genre-open .icon-plus {
  background-image: url(../images/icon-minus-white.svg);
}
.toggle-collections-open .hide-collections,
.toggle-collections-open .hide-genre,
.toggle-genre-open .hide-collections,
.toggle-genre-open .hide-genre {
  display: none !important;
}

@media (max-width: 767.98px) {
  .plus-toggle-collections .hide-collections,
  .plus-toggle-collections .hide-genre,
  .plus-toggle-genre .hide-collections,
  .plus-toggle-genre .hide-genre {
    display: none !important;
  }
  .plus-toggle-collections.toggle-collections-open .hide-collections,
  .plus-toggle-collections.toggle-collections-open .hide-genre, .plus-toggle-collections.toggle-genre-open .hide-collections,
  .plus-toggle-collections.toggle-genre-open .hide-genre,
  .plus-toggle-genre.toggle-collections-open .hide-collections,
  .plus-toggle-genre.toggle-collections-open .hide-genre,
  .plus-toggle-genre.toggle-genre-open .hide-collections,
  .plus-toggle-genre.toggle-genre-open .hide-genre {
    display: block !important;
  }
}

.pointer {
  cursor: pointer;
}

.text-white {
  color: #fff !important;
}

.text-black {
  color: rgb(0, 0, 0) !important;
}

.order-tracking-wrap .order-tracking-info {
  overflow-y: auto;
  width: 100%;
}
.order-tracking-wrap .order-tracking-info .round-block {
  position: relative;
}
.order-tracking-wrap .order-tracking-info .round-block:before {
  position: absolute;
  content: "";
  left: 20px;
  width: 20px;
  height: 20px;
  background-color: #58595B;
  border-radius: 50%;
  top: 10px;
}
.order-tracking-wrap .order-tracking-block ul,
.order-tracking-wrap .order-tracking-header ul {
  margin: 0;
  padding: 0;
}
.order-tracking-wrap .order-tracking-block ul li span,
.order-tracking-wrap .order-tracking-header ul li span {
  width: 250px;
  flex: 0 0 auto;
}
@media (max-width: 991.98px) {
  .order-tracking-wrap .order-tracking-block ul li span:nth-child(1),
  .order-tracking-wrap .order-tracking-header ul li span:nth-child(1) {
    width: 90px;
  }
  .order-tracking-wrap .order-tracking-block ul li span:nth-child(2),
  .order-tracking-wrap .order-tracking-header ul li span:nth-child(2) {
    width: 110px;
  }
  .order-tracking-wrap .order-tracking-block ul li span:nth-child(3), .order-tracking-wrap .order-tracking-block ul li span:nth-child(4),
  .order-tracking-wrap .order-tracking-header ul li span:nth-child(3),
  .order-tracking-wrap .order-tracking-header ul li span:nth-child(4) {
    width: 200px;
  }
}
@media (max-width: 575.98px) {
  .order-tracking-wrap .order-tracking-block ul li span:nth-child(1),
  .order-tracking-wrap .order-tracking-header ul li span:nth-child(1) {
    width: 90px;
  }
  .order-tracking-wrap .order-tracking-block ul li span:nth-child(2),
  .order-tracking-wrap .order-tracking-header ul li span:nth-child(2) {
    width: 110px;
  }
  .order-tracking-wrap .order-tracking-block ul li span:nth-child(3), .order-tracking-wrap .order-tracking-block ul li span:nth-child(4),
  .order-tracking-wrap .order-tracking-header ul li span:nth-child(3),
  .order-tracking-wrap .order-tracking-header ul li span:nth-child(4) {
    width: 180px;
  }
}
.order-tracking-wrap .order-tracking-block {
  color: #58595B;
}
.order-tracking-wrap .order-tracking-block ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.order-tracking-wrap .order-tracking-block ul li span {
  padding: 10px 0 5px;
}
.order-tracking-wrap .order-tracking-block.order-tracking-complete {
  color: #ffffff;
}
.order-tracking-wrap .order-tracking-block.order-tracking-complete ul:last-child:before {
  height: 90%;
}
.order-tracking-wrap .order-tracking-block.order-tracking-complete ul li:last-child span {
  padding-bottom: 0;
  line-height: 17px;
}
.order-tracking-wrap .order-tracking-block.order-tracking-complete .round-block:before {
  left: 22px !important;
  width: 16px !important;
  height: 16px !important;
  border: 2px solid #313131;
  top: 10px !important;
}
.order-tracking-wrap .order-tracking-block.order-tracking-moving ul, .order-tracking-wrap .order-tracking-block.order-tracking-complete ul {
  position: relative;
}
.order-tracking-wrap .order-tracking-block.order-tracking-moving ul:before, .order-tracking-wrap .order-tracking-block.order-tracking-complete ul:before {
  position: absolute;
  content: "";
  left: 29px;
  width: 2px;
  height: 100%;
  background-color: #FFD000;
}
.order-tracking-wrap .order-tracking-block.order-tracking-moving .round-block, .order-tracking-wrap .order-tracking-block.order-tracking-complete .round-block {
  position: relative;
}
.order-tracking-wrap .order-tracking-block.order-tracking-moving .round-block:before, .order-tracking-wrap .order-tracking-block.order-tracking-complete .round-block:before {
  position: absolute;
  content: "";
  left: 24px;
  width: 12px;
  height: 12px;
  background-color: #FFD000;
  border-radius: 50%;
  top: 12px;
}
.order-tracking-wrap .order-tracking-block.order-tracking-moving .round-block:after, .order-tracking-wrap .order-tracking-block.order-tracking-complete .round-block:after {
  position: absolute;
  content: "";
  left: 20px;
  width: 20px;
  height: 20px;
  border: 2px solid #FFD000;
  border-radius: 50%;
  top: 8px;
}
.order-tracking-wrap .order-tracking-block.order-tracking-moving {
  color: #FFD000;
}
.order-tracking-wrap .order-tracking-block.order-tracking-moving .round-block:after {
  text-decoration: blink;
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate;
}

/* Open modal button styling */
#search-open-modal {
  width: auto;
  height: 35px;
  border: none;
  background-color: #ffd000;
  border-radius: 1.5rem;
  /* padding: 0.7rem 2.3rem; */
  font-size: 1.1rem;
  font-weight: bold;
  cursor: pointer;
  /* color: #fff; */
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* Modal styling */
.search-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.search-modal-content {
  margin: 35vh auto;
  max-width: 500px;
  background-color: #fff;
  padding: 20px 20px 30px;
  animation: scale 0.5s ease;
  border-radius: 10px;
  box-shadow: 6.7px 6.7px 5.3px rgba(0, 0, 0, 0.02), 22.3px 22.3px 17.9px rgba(0, 0, 0, 0.03), 100px 100px 80px rgba(0, 0, 0, 0.05);
  position: relative;
}

.search-modal-body {
  margin-top: 5px;
}

#search-close-modal {
  float: right;
  font-size: 1.2rem;
  font-weight: bold;
  position: absolute;
  cursor: pointer;
  right: 0;
  padding: 2px 9px 6px;
  top: 0;
  background: #E97E20;
  border-radius: 0 8px 0 8px;
}

/* Modal scale animation */
@keyframes scale {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.search-modal-body .search {
  width: 100%;
  position: relative;
  display: flex;
}

.search-modal-body .searchTerm {
  width: 100%;
  border: 3px solid #c5c5c5;
  border-right: none;
  padding: 4px 10px;
  /* height: 20px; */
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #000000;
}

.search-modal-body .searchTerm:focus {
  color: #000;
}

.search-modal-body .searchButton {
  width: 40px;
  /* height: 36px; */
  border: 1px solid #FFD000;
  background: #FFD000;
  text-align: center;
  color: #fff;
  border-radius: 0px 8px 8px 0px;
  cursor: pointer;
  font-size: 20px;
}

label#selling_cart_id-error {
  position: absolute;
  left: 0;
  bottom: -22px;
}

.relative {
  position: relative;
}

.order_field {
  margin-bottom: 32px !important;
}

.feathers {
  cursor: pointer;
}

.slider-gaia .tooltip {
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 1 !important;
  color: #fff !important;
  opacity: 1 !important;
}

.slider-gaia .tooltip-inner {
  white-space: nowrap;
  max-width: none !important;
  background: #58595B !important;
  color: #fff !important;
  background: #414141 !important;
  border: 1px solid #58595B !important;
  border-radius: 4px !important;
}

.slider-selection {
  background: #131313 !important;
}

.slider-gaia .slider-selection {
  background-color: #FFD000 !important;
}

.slider.slider-horizontal {
  width: 100% !important;
  height: 20px;
}

.slider-handle {
  background-color: #131313 !important;
  background-image: none !important;
  box-shadow: none;
  border: none;
  width: 16px;
  height: 16px;
}

.slider-gaia .slider-horizontal .slider-track {
  height: 4px !important;
  width: 100%;
  margin-top: -5px;
  top: 68% !important;
  left: 0;
  background: #414141;
}

.tooltip.tooltip-main.bottom {
  visibility: hidden;
}

.slider-gaia .slider-handle {
  border-color: #131313;
}

.slider-gaia .tooltip .tooltip-arrow {
  display: none !important;
}

.slider-handle:nth-child(odd) {
  background-color: red !important;
  background-image: none;
}

.log-register .ps-1,
a#dropdownMenuButton1,
.header-profile,
.navbar-left-profile .text-16,
.capitalize {
  text-transform: capitalize;
}

#zip_code::-webkit-outer-spin-button,
#zip_code::-webkit-inner-spin-button,
#contact_no::-webkit-outer-spin-button,
#contact_no::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#zip_code,
#contact_no {
  -moz-appearance: textfield;
}

.table-responsive td {
  word-break: break-all;
}

.color-white {
  word-break: break-word;
}

.shipping-method {
  font-size: auto;
  text-align: right;
}
@media (max-width: 767.98px) {
  .shipping-method {
    font-size: 12px;
  }
}
@media (max-width: 575.98px) {
  .shipping-method {
    font-size: 12px;
  }
}

.body-preloader {
  position: absolute;
  z-index: 999;
  padding: 25% 32%;
  background: rgba(33, 33, 33, 0.6);
}

.form-control,
.control-group .form-control,
.form-select {
  background-color: #212121;
  border: 1px solid #313131;
  border-radius: 8px;
  height: auto;
  padding: 10px !important;
  box-shadow: none;
  outline: none;
  font-size: 1rem;
  color: #DEE3E9;
  padding: 0.313rem 0.75rem;
  transition: 0.3s ease all;
}
.form-control:focus,
.control-group .form-control:focus,
.form-select:focus {
  border-color: #58595B;
  background-color: #212121;
  color: #ffffff;
}
.form-control::-moz-placeholder, .control-group .form-control::-moz-placeholder, .form-select::-moz-placeholder {
  color: #C3C3C3;
  font-family: "Gotham-book";
  font-size: 1rem;
}
.form-control::placeholder,
.control-group .form-control::placeholder,
.form-select::placeholder {
  color: #C3C3C3;
  font-family: "Gotham-book";
  font-size: 1rem;
}
.form-control.error,
.control-group .form-control.error,
.form-select.error {
  border-color: #ffffff;
  color: #ffffff;
}

.form-control,
.control-group .form-control,
.form-select {
  background-color: #212121;
  border: 1px solid #313131;
  border-radius: 8px;
  height: auto;
  box-shadow: none;
  outline: none;
  font-size: 1rem;
  color: #DEE3E9;
  padding: 0.313rem 0.75rem;
  transition: 0.3s ease all;
}
.form-control:focus,
.control-group .form-control:focus,
.form-select:focus {
  border-color: #58595B;
  background-color: #212121;
  color: #ffffff;
}
.form-control::-moz-placeholder, .control-group .form-control::-moz-placeholder, .form-select::-moz-placeholder {
  color: #C3C3C3;
  font-family: "Gotham-book";
  font-size: 1rem;
}
.form-control::placeholder,
.control-group .form-control::placeholder,
.form-select::placeholder {
  color: #C3C3C3;
  font-family: "Gotham-book";
  font-size: 1rem;
}
.form-control.error,
.control-group .form-control.error,
.form-select.error {
  border-color: #ffffff;
  color: #ffffff;
}

.form-row .form-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: "Gotham-book";
  margin-bottom: 0.25rem;
  color: #DEE3E9;
  padding-left: 0;
}

/* Absolute Center Spinner */
.loading-ajax {
  position: fixed;
  z-index: 999;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
}

/* Transparent Overlay */
.loading-ajax:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}

/* :not(:required) hides these rules from IE9 and below */
.loading-ajax:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading-ajax:not(:required):after {
  content: "";
  display: block;
  font-size: 10px;
  width: 80px;
  height: 80px;
  margin-top: -0.5em;
  border: 8px solid #FFD000;
  border-radius: 100%;
  border-bottom-color: transparent;
  animation: spinner 0.7s linear 0s infinite;
}

/* Animation */
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.grid-container td,
.grid-container th {
  align-items: center !important;
  text-align: center;
}

.shop-select {
  border-radius: 8px;
  margin: 0 auto;
}

.shop-select select {
  color: white;
  padding: 8px;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
}

.shop-select select:active,
.shop-select select:focus {
  outline: none;
  box-shadow: none;
}

.shop-select select:after {
  content: " ";
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 8px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid white;
}

.shop-select select option {
  color: #fff;
  width: 100%;
}

.avatar-upload {
  position: absolute;
  max-width: 205px;
  margin: 10px auto;
}
.avatar-upload .avatar-edit {
  position: absolute;
  right: 12px;
  z-index: 1;
  top: 10px;
}
.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #000;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
  padding: 5px;
}
.avatar-upload .avatar-edit input + label:hover {
  background: #786e6e;
  border-color: #d6d6d6;
}
.avatar-upload .avatar-preview {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: 100%;
  border: 2px solid #F8F8F8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 991.98px) {
  .avatar-upload {
    position: relative;
    max-width: 160px;
    float: left;
  }
}
.notification-holder {
  display: inline-block;
  width: 100%;
}

.notification-holder .list-item .item {
  float: left;
  width: 80%;
}

.notification-holder .time.color-light {
  width: 20%;
  float: left;
}

.item.color-light a {
  color: #E65A29;
  font-weight: bold;
  cursor: inherit;
}

span.hd-number.notifications {
  position: absolute;
  background: #E97E20;
  top: -1px;
  text-align: center;
  min-width: 20px;
  color: #fff !important;
  min-height: 20px;
  font-size: 12px !important;
  border-radius: 22px;
  margin-left: 13px;
  line-height: 1.7;
  padding: 0px 5px;
}

.bootstrap-tagsinput {
  background-color: #212121;
  border: 1px solid #313131;
  border-radius: 8px;
  height: auto;
  box-shadow: none;
  outline: none;
  font-size: 1rem;
  color: #DEE3E9;
  padding: 0.313rem 0.75rem;
  transition: 0.3s ease all;
  width: 100%;
  padding: 11px;
  line-height: 36px !important;
}

.bootstrap-tagsinput label {
  display: initial !important;
  background: #E97E20 !important;
}

.sell-search-wrapper span.twitter-typeahead {
  width: 100%;
}

.cookie-disclaimer {
  background: #000000;
  color: #FFF;
  opacity: 0.9;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 999;
  position: fixed;
}

.footer-column p {
  cursor: auto;
}

.font-gotham-book p {
  color: #ffffff;
  text-align: left;
  font-family: "Gotham-book";
  line-height: 26px;
  font-size: 15px;
  font-weight: 300;
}

a#selltous:hover,
a#buyfromus:hover {
  background: #E97E20;
}

.page-content p,
.page-content li,
.page-content ul {
  font-size: 18px;
  font-style: normal;
  line-height: 26px;
  color: #ffffff;
  list-style: none;
}

.page-content h3 {
  color: #ffffff;
}

.page-content ul {
  list-style: auto;
}

ul.color-border-gray {
  list-style: none !important;
}

.page-content u {
  text-decoration: underline;
  font-weight: 600;
}

.page-content li {
  margin-bottom: 15px;
  list-style: none;
}

.border-radius-30 {
  border-radius: 1.875rem !important;
}

.ms-20 {
  margin-left: 1.25rem;
}

.ps-20 {
  padding-left: 1.25rem !important;
}

.text-overflow-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.text-overflow-32 {
  max-width: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .text-overflow-32 {
    max-width: 2rem;
  }
}

.welcome-btn {
  max-width: 7rem;
}
@media screen and (min-width: 768px) {
  .welcome-btn {
    max-width: 12.375rem;
  }
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}/*# sourceMappingURL=front-end.css.map */