@import url("colors");
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Nunito', sans-serif;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 !important;
}

a {
  text-decoration: none;
  color: #000000 !important;
  outline: none !important;
  -webkit-transition: .3s;
  transition: .3s;
}

a:hover {
  color: #B20110 !important;
}

.flexContent, .productFooter .footerBlock a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

html {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body {
  width: 100%;
  float: left;
  min-height: 100vh;
  position: relative;
}

.specialOffers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

.specialOffers .swiper {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 33%;
          flex: 1 0 33%;
}

.mainHolder {
  width: 100%;
  max-width: 1220px !important;
  min-width: 1220px !important;
  margin: auto;
}

.mainHolder.search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 1220px !important;
  max-width: 1220px !important;
}

.mainHolder.bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 1220px !important;
  max-width: 1220px !important;
}

.mainHolder.slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 1220px !important;
  max-width: 1220px !important;
}

.userTop {
  min-width: 1220px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #d8d8d8;
  padding: 0 3%;
  color: #000000;
}

.userTop .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.userTop .profile {
  overflow: hidden;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.userTop .profile img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.userTop .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
}

.userTop .info a {
  margin: 0 10px;
  -webkit-transition: .3s;
  transition: .3s;
  height: 100%;
  float: left;
  padding: 5px;
}

.userTop .info a:hover {
  background: #B20110;
  color: #ffffff !important;
}

.userTop .icons {
  float: right;
}

/*search bar*/
.searchHolder {
  width: calc(100% - 6%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 3%;
  padding: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.searchHolder .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.searchHolder .left a {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #d8d8d8;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}

.searchHolder .left a span {
  font-size: 30px;
}

.searchHolder .left a img {
  width: 100%;
  height: 100%;
}

.searchHolder .left a:last-child {
  overflow: hidden;
}

.searchHolder .logoHolder {
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.searchHolder .logo {
  width: 50px;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
}

.searchHolder .logo img {
  width: 100%;
  height: 100%;
}

.searchHolder .searchBar {
  width: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
  background: #B20110;
  padding: 5px;
  border-radius: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #d8d8d8;
  color: #ffffff;
}

.searchHolder .searchBar span {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.searchHolder .searchBar form {
  width: calc(100% - 0px);
}

.searchHolder .searchBar form input {
  padding: 10px;
  width: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  color: #ffffff;
  font-size: 16px;
}

.searchHolder .searchBar form input::-webkit-input-placeholder {
  color: #ffffff;
}

.searchHolder .searchBar form input:-ms-input-placeholder {
  color: #ffffff;
}

.searchHolder .searchBar form input::-ms-input-placeholder {
  color: #ffffff;
}

.searchHolder .searchBar form input::placeholder {
  color: #ffffff;
}

.searchHolder .rightHolder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.spannerr {
  width: 70px;
  text-align: center;
  display: none;
}

.spannerr > div {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spannerr .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spannerr .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.searchResults {
  width: 100%;
  float: left;
  margin-top: 10px;
}

.searchResults .voiceSearch {
  width: 80%;
  height: 400px;
  background: #4b4b4b;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 10px;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 10000000;
}

.searchResults .voiceSearch .close {
  position: absolute;
  top: 20px;
  right: 20px;
}

.searchResults .voiceSearch .close span {
  font-size: 30px;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
}

.searchResults .voiceSearch .close span:hover {
  color: #B20110;
}

.searchResults .voiceSearch #speechRes {
  color: #ffffff;
  padding: 10px;
  text-align: center;
}

.searchResults .voiceSearch span {
  font-size: 100px;
  color: #ffffff;
}

.searchResults .voiceSearch button {
  margin: 5px 5%;
  border: none;
  padding: 10px 20px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 30px;
  background: #B20110;
}

.topHolder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper {
  width: calc(100% - 6%);
  height: 400px;
  float: left;
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  aspect-ratio: 1/2;
}

.swiper.product {
  height: 400px;
  aspect-ratio: 1/1 !important;
}

.mySwiper {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
  background-color: #F4F0F0;
}

.mySwiper.product {
  position: relative;
  width: 100%;
  border-radius: 0;
  margin: 0;
  float: left;
  aspect-ratio: 1/1;
}

.mySwiper h2 {
  position: absolute;
  bottom: 0px;
  z-index: 2;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.9)));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
  width: 100%;
  padding: 10px;
  text-align: center;
  font-size: 18px;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #B20110;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  float: left;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.swiper-slide .swiper-pagination-bullet-active {
  width: 40px !important;
}

.swiper-button-prev, .swiper-button-next {
  color: #B20110;
}

.banners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.shippingBanner {
  width: calc(100%);
  float: left;
  margin-top: 10px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
  height: auto;
}

.shippingBanner.ship div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.shippingBanner.ship img {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.shippingBanner.ship span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  font-size: 100px;
  color: #FFBD11;
}

.shippingBanner.ship h3 {
  position: absolute;
  bottom: 0 !important;
}

.shippingBanner h3 {
  bottom: 0px;
  z-index: 2;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.9)));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
  width: 100%;
  padding: 10px;
  text-align: center;
  font-size: 18px;
  position: absolute;
}

.shippingBanner img {
  width: 100%;
}

.packHolder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.packHolder .shippingBanner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.packHolder .rightRow {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.packHolder .productPane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.categories {
  width: calc(100%);
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.categories .categoryHolder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 25%;
          flex: 1 0 25%;
  float: left;
}

.categories .categoryHolder .categoryThumb {
  width: 70px;
  height: 70px;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #966b6f;
}

.categories .categoryHolder .categoryThumb span {
  font-size: 40px;
  font-weight: normal;
  color: #ffffff;
}

.categories .categoryHolder span {
  margin-top: 5px;
  font-weight: bold;
}

.tile {
  width: calc(100%);
  margin: 3% 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tile .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.tile span {
  color: #FFBD11;
  font-size: 40px;
}

.tile span.pack {
  font-size: 20px;
  background: #966b6f;
  color: #ffffff;
  padding: 3px;
  border-radius: 5px;
  margin-left: 10px;
}

.tile span.pack.deleteData {
  background: #B20110;
}

.tile span.pack.submitPackage {
  background: #FFBD11;
}

.tile .payBtn {
  background: #B20110;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
  border-radius: 5px;
  color: #ffffff;
  cursor: pointer;
}

.tile .payBtn span {
  margin: 0;
  margin-right: 5px;
}

.tile b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tile.bg {
  background: #d8d8d8;
  border-radius: 10px;
  overflow: hidden;
}

.tile.bg h3 {
  font-weight: normal;
  font-size: 18px;
  padding-left: 10px;
}

.tile.bg b {
  background: #FFBD11;
  padding: 10px 20px;
  color: #ffffff;
}

.tile.product {
  width: 100%;
  margin: 20px 0;
}

.tile.product .cartNo,
.tile.product .prodSize {
  background: #d8d8d8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 20px;
  border: 1px solid #d8d8d8;
  overflow: hidden;
  -webkit-transition: .3s;
  transition: .3s;
}

.tile.product .cartNo span,
.tile.product .prodSize span {
  height: 40px;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
}

.tile.product .cartNo span:hover,
.tile.product .prodSize span:hover {
  background: #B20110;
  color: #ffffff !important;
}

.tile.product .cartNo input,
.tile.product .cartNo select,
.tile.product .prodSize input,
.tile.product .prodSize select {
  padding: 6px;
  width: 50px;
  text-align: center;
  outline: none;
  font-size: 20px;
  border: none;
}

.tile.product .cartNo span,
.tile.product .prodSize span {
  padding: 0 10px;
  color: #000000 !important;
  font-size: 20px;
}

.tile.product .prodSize select {
  min-width: 100px;
  background: transparent;
}

.tile h3 {
  font-weight: bold;
  font-size: 20px;
}

.tile a {
  color: #000000 !important;
  font-weight: bold;
}

.categorySlider {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
}

.categorySlider a {
  margin-bottom: 15px !important;
  border-radius: 30px;
  padding: 8px 20px;
  margin-left: 10px;
  color: #000000 !important;
  border: 2px solid #000000;
  font-weight: bold;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  clear: both;
  -webkit-transition: .4s;
  transition: .4s;
}

.categorySlider a.active {
  background: #000000;
  color: #ffffff !important;
}

.categorySlider :last-child {
  margin-right: 10px;
}

.categorySlider :first-child {
  margin-left: 0px;
}

.productPane {
  width: calc(100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: auto;
  float: left;
  gap: 5px;
}

.productPane.chats {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: unset;
}

.productPane.chats .recentChat {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #4b4b4b;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.productPane.chats .recentChat h2 {
  padding: 5px 10px;
  background: #000000;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.productPane.chats .chat {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.productPane.cart {
  margin-bottom: 160px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

.productPane.cart .otherProduct {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.productPane.cart .otherProduct h2 {
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #d8d8d8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productPane.cart .otherProduct h2 span {
  font-size: 1.5em;
}

.productPane.cart .addedCart {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  position: relative;
}

.productPane.cart.order {
  margin-bottom: 90px;
}

.productPane.cart.order.ch {
  margin-bottom: 40px;
}

.productPane.cart .emptyCart {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.productPane.cart .emptyCart img {
  width: 80%;
  margin: 30px 0;
}

.productPane.cart .emptyCart p {
  font-size: 30px;
  text-align: center;
}

.productPane .copy {
  font-size: 16px;
  color: #FFBD11;
}

.productPane .productHolder {
  width: calc(20% - 5px);
  float: left;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: wrap;
      -ms-flex-positive: wrap;
          flex-grow: wrap;
}

.productPane .productHolder.cart {
  width: 100%;
  margin: 10px 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 20px;
  background: #f4f0f0;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.productPane .productHolder.cart .productThumb {
  min-height: 100px;
  aspect-ratio: 1/1;
}

.productPane .productHolder.cart.other {
  gap: 10px;
  background: #4b4b4b;
  color: #ffffff;
}

.productPane .productHolder.cart.other a {
  color: #ffffff !important;
}

.productPane .productHolder.cart.other button {
  border: none;
  padding: 5px 10px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 30px;
  background: #B20110;
}

.productPane .productHolder.cart.order.ed .rate {
  font-size: 12px;
}

.productPane .productHolder.cart.order.ed .rate .color {
  width: 12px;
  height: 12px;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  border: 1px solid #F4F0F0;
  position: relative;
}

.productPane .productHolder.cart.order.ed .rate .color img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.productPane .productHolder.cart.order.ed .progress {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.productPane .productHolder.cart.order.ed .progress.ship span {
  background: #B20110;
  color: #ffffff;
}

.productPane .productHolder.cart.order.ed .progress span {
  background: #d8d8d8;
  padding: 3px 5px;
  border-radius: 3px;
  color: #000000;
  margin: 5px 0;
}

.productPane .productHolder.cart.order .cartNo {
  min-width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}

.productPane .productHolder.cart.order .cartNo.track {
  background: #000000;
  color: #ffffff;
  padding: 5px 10px;
  border: none;
}

.productPane .productHolder.cart .rate {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productPane .productHolder.cart .rate .color {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background-color: #FFBD11;
  border: 1px solid #F4F0F0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 4px;
}

.productPane .productHolder.cart .rate .sold {
  background: transparent;
  color: #B20110;
  font-size: unset;
  margin-left: 3px;
  float: left;
}

.productPane .productHolder.cart .productThumb {
  min-width: 100px;
  max-width: 100px;
  aspect-ratio: 1/1;
  height: 100px;
}

.productPane .productHolder .cartDetails {
  -webkit-box-flex: 2;
      -ms-flex: 2 0;
          flex: 2 0;
  padding-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.productPane .productHolder .cartDetails .color {
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  border: 1px solid #F4F0F0;
  position: relative;
  height: 30px !important;
  width: 30px !important;
}

.productPane .productHolder .cartDetails .color img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.productPane .productHolder .cartDetails .productName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  margin: 0 !important;
}

.productPane .productHolder .cartDetails .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4b4b4b;
}

.productPane .productHolder .cartDetails .price span {
  font-weight: bold;
}

.productPane .productHolder .cartDetails .price.ship {
  font-size: 20px;
}

.productPane .productHolder .cartDetails .price b {
  font-size: 20px;
  color: #000;
}

.productPane .productHolder .cartDetails .delivery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4b4b4b;
}

.productPane .productHolder .cartDetails .delivery a {
  cursor: pointer;
  background: #B20110;
  color: #ffffff !important;
  padding: 3px 5px;
  border-radius: 5px;
}

.productPane .productHolder .cartDetails .cartNo {
  background: #d8d8d8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 20px;
  border: 1px solid #d8d8d8;
  overflow: hidden;
}

.productPane .productHolder .cartDetails .cartNo input,
.productPane .productHolder .cartDetails .cartNo select {
  padding: 4px;
  width: 30px;
  text-align: center;
  outline: none;
  font-size: 12px;
  border: none;
}

.productPane .productHolder .cartDetails .cartNo span {
  padding: 0 3px;
}

.productPane .productHolder .productThumb {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  background: #d8d8d8;
  outline: none;
  min-width: 100%;
  min-height: 160px;
  aspect-ratio: 1/1;
}

.productPane .productHolder .productThumb h3 {
  position: absolute;
  bottom: 0px !important;
  z-index: 2;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.9)));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
  width: 100%;
  padding: 10px;
  text-align: center;
  font-size: 18px;
}

.productPane .productHolder .productThumb .wishCard,
.productPane .productHolder .productThumb .off,
.productPane .productHolder .productThumb .flag {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 10px;
  background-color: #B20110;
  width: 30px;
  height: 30px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100px;
  font-weight: normal;
  outline: none;
}

.productPane .productHolder .productThumb .off {
  right: unset;
  left: 15px;
  border-radius: 3px;
  width: unset;
  padding: 5px;
  font-size: 14px;
  background: #000000;
  opacity: .8;
}

.productPane .productHolder .productThumb .flag {
  top: unset;
  bottom: 15px;
  border-radius: unset;
  background: unset;
  display: none;
}

.productPane .productHolder .productThumb .productImage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 100%;
  min-height: 100%;
}

.productPane .productHolder .productThumb .productImage img {
  width: 100%;
  min-height: 100%;
  background: url(../assets/default.jpg);
  background-size: cover;
  border: none;
  color: transparent;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.productPane .productHolder .productName {
  width: 100%;
  margin: 3px 0;
  font-weight: bold;
  font-size: 16px;
}

.productPane .productHolder .rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.productPane .productHolder .rate div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.productPane .productHolder .rate span {
  font-size: 18px;
  margin-right: 5px;
}

.productPane .productHolder .rate .sold {
  background: #B20110;
  border-radius: 3px;
  padding: 3px;
  color: #ffffff;
  font-size: 12px;
}

.productPane .productHolder .rate .sold.ship {
  background: #FFBD11;
  color: #000000;
}

.productPane .productHolder .price {
  font-weight: normal;
  font-size: 16px;
}

.productPane .productHolder .price .big {
  font-weight: bold;
  font-size: 20px;
  padding-left: 5px;
}

.manyThumbs {
  position: relative;
  width: 116px;
  height: 116px;
}

.manyThumbs .productThumb {
  position: absolute !important;
  top: 0;
  left: 0;
  aspect-ratio: 1/1;
}

.manyThumbs .productThumb:nth-child(1) {
  top: 0px;
  left: 0px;
  z-index: 5;
}

.manyThumbs .productThumb:nth-child(2) {
  top: 4px;
  left: 4px;
  z-index: 4;
}

.manyThumbs .productThumb:nth-child(3) {
  top: 8px;
  left: 8px;
  z-index: 3;
}

.manyThumbs .productThumb:nth-child(4) {
  top: 12px;
  left: 12px;
  z-index: 2;
}

.manyThumbs .productThumb:nth-child(5) {
  top: 16px;
  left: 16px;
  z-index: 1;
}

.bottomNav {
  width: 100vw;
  min-width: 1220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #ffffff;
  -webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
  color: #000000 !important;
  border-top: 1px solid #d8d8d8;
  padding: 0 3%;
  height: 40px;
}

.bottomNav.shop {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  bottom: unset !important;
  margin-bottom: 10px;
  width: 100% !important;
  min-width: unset !important;
  background: #000000;
  color: #ffffff !important;
  border-top: unset !important;
}

.bottomNav.shop .iconHolder {
  border-left: 1px solid #231a1a;
}

.bottomNav.shop a {
  color: #ffffff !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.bottomNav .iconHolder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 10px 5px 5px;
  border-left: 1px solid #d8d8d8;
  -webkit-transition: .3s;
  transition: .3s;
}

.bottomNav .iconHolder:first-child {
  padding-left: 0;
  border-left: none;
}

.bottomNav .iconHolder:hover {
  color: #B20110 !important;
}

.bottomNav .iconHolder div {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bottomNav .iconHolder a {
  color: #000000 !important;
}

.bottomNav .iconHolder.active {
  color: #B20110;
}

.bottomNav .iconHolder.active.ship {
  color: #FFBD11;
}

.bottomNav .iconHolder span {
  font-size: 1em;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bottomNav .iconHolder span img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100px;
  height: 25px;
  width: 25px;
  border: 1px solid #000000;
}

.bottomNav .iconHolder b {
  font-size: 1em;
  padding-left: 3px;
}

.categoryBanner {
  width: 100%;
  position: relative;
  background: red;
  height: 200px;
  border-radius: 0 0 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.categoryBanner h3 {
  margin: 0;
  padding: 10px;
  font-size: 20px;
  background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
  background: linear-gradient(to top, #000, transparent);
  color: #fff;
  width: 100%;
  text-align: center;
}

.categoryBanner .pageTitle {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(transparent));
  background: linear-gradient(to bottom, #fff, transparent);
  margin: 0 !important;
}

.categoryBanner .shopProfile {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100px;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 100px;
  background: url(../assets/default.jpg);
  background-size: cover;
}

.categoryBanner .shopProfile img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.pageTitle {
  width: calc(100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 3% 0;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  background: #ffffff;
  z-index: 100000;
}

.pageTitle.product {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 10;
  background: transparent;
}

.pageTitle.product .shareBtn {
  position: absolute;
  -webkit-transition: .3s;
  transition: .3s;
  top: 10px;
  width: 0px;
  right: 70px;
  padding-right: 30px;
  height: 32px;
  z-index: 30;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}

.pageTitle.product .shareBtn.video {
  z-index: 100000;
  top: -20px;
  width: 100%;
}

.pageTitle.product .shareBtn.active {
  opacity: 1;
  visibility: visible;
  width: 230px;
}

.pageTitle.product .proLeft span {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50px;
  padding: 5px;
  z-index: 31;
}

.pageTitle.product .proLeft span.active {
  background: black;
}

.pageTitle.product .moreOptions {
  position: absolute;
  -webkit-transition: .3s;
  transition: .3s;
  top: 50px;
  right: 20px;
  z-index: 30;
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}

.pageTitle.product .moreOptions ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.pageTitle.product .moreOptions ul li {
  list-style: none;
  padding: 5px 10px;
}

.pageTitle.product .moreOptions ul li:hover {
  background: #d8d8d8;
}

.pageTitle.product .moreOptions.active {
  opacity: 1;
  visibility: visible;
}

.pageTitle div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pageTitle div span {
  margin-right: 10px;
}

.pageTitle div h4 {
  font-weight: bold;
  font-size: 20px;
}

.pageTitle div h4 p {
  font-size: 12px;
  color: #B20110;
}

.pageTitle a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background: #B20110;
  color: #ffffff !important;
  padding: 5px 10px;
  border-radius: 5px;
}

.notificationHolder {
  width: calc(100% - 6%);
  margin: 5px 3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #d8d8d8;
  padding: 10px;
  border-radius: 10px;
}

.notificationHolder .icon {
  border-radius: 100px;
  margin-right: 10px;
}

.notificationHolder .icon span {
  font-size: 50px;
  color: #FFBD11;
}

.notificationHolder div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.recents {
  width: calc(100% - 6%);
  margin: 3%;
}

.recents .productPane {
  width: 100%;
  margin: 0;
}

.recents ul {
  width: 100%;
}

.recents ul li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 15px 0;
  font-size: 18px;
  -webkit-transition: .3s;
  transition: .3s;
}

.recents ul li div:hover {
  cursor: pointer;
  color: #B20110;
}

.recents ul li span {
  border: 1px solid #966b6f;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 7px;
  color: #B20110;
}

.recents .notFound {
  width: calc(100% - 6%);
  margin: 3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  margin-top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.recents .notFound h3 {
  margin: 20px 0 !important;
  font-size: 30px;
}

.recents .notFound img {
  width: 60%;
}

.recents .notFound,
.recents .productPane {
  display: none;
}

.recents {
  width: calc(100% - 6%);
  margin: 3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.recents img {
  width: 60%;
}

.overlay {
  position: fixed;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  height: 100vh;
  bottom: 0;
  z-index: 1000000002;
  display: none;
  -webkit-transition: .1s;
  transition: .1s;
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
}

.overlay.active {
  display: block;
}

.modal {
  position: fixed;
  width: 50%;
  bottom: 0;
  z-index: 1000000011;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  visibility: hidden;
}

.modal.active {
  visibility: visible;
}

.modal.active .modalHolder {
  bottom: 0;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 0;
}

.modal.active .modalHolder .modalBody {
  padding: 20px;
}

.modalHolder {
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  width: 100%;
  bottom: -80vh;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
  max-height: 80vh;
  border-radius: 20px 20px 0 0;
  overflow-y: scroll;
}

.modalTitle {
  width: calc(100% - 6%);
  margin: 0 3%;
  text-align: center;
  padding: 20px;
  padding-top: 30px;
  border-bottom: 1px solid #d8d8d8;
  font-size: 30px;
  font-weight: bold;
  height: 20%;
}

.modalTitle i {
  position: absolute;
  top: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: '';
  background-color: #966b6f;
  height: 5px;
  width: 50px;
  border-radius: 10px;
}

.priceRange {
  width: calc(100% - 6%);
  margin: 0 3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.priceRange .price-input {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px 0 35px;
}

.priceRange .price-input.field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.field input {
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 19px;
  border-radius: 5px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #966b6f;
  -moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.price-input .separator {
  width: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 19px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.slider {
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}

.slider .progress {
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: #B20110;
}

.range-input {
  position: relative;
}

.range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #B20110;
  pointer-events: auto;
  -webkit-appearance: none;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #B20110;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.filterButtons {
  width: calc(100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.filterButtons .reset,
.filterButtons .apply {
  padding: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
  margin: 10px;
  border-radius: 30px;
  border: none;
  background: #d8d8d8;
  font-weight: bold;
  font-size: 20px;
}

.filterButtons .reset.likeComment,
.filterButtons .apply.likeComment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}

.filterButtons .apply {
  background-color: #000000;
  color: #ffffff;
}

.filterButtons .apply.ship {
  background-color: #FFBD11;
}

.productDetails {
  width: 100%;
  float: left;
  margin: auto;
}

.productDetails .pro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 5px;
}

.productDetails .pro .mainPro {
  padding-top: 10px;
  width: 100%;
  -webkit-box-flex: 1.5;
      -ms-flex: 1.5;
          flex: 1.5;
}

.productDetails .pro .subImg {
  -webkit-box-flex: 0.2;
      -ms-flex: 0.2;
          flex: 0.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  height: 400px;
  overflow-x: scroll;
  padding-right: 10px;
  position: relative;
}

.productDetails .pro .subImg .img {
  width: 100%;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #d8d8d8;
}

.productDetails .pro .subImg .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.productDetails .pro .mainDetail {
  width: 100%;
  -webkit-box-flex: 2.5;
      -ms-flex: 2.5;
          flex: 2.5;
}

.productDetails .pro .mainDetail .productName {
  width: 100%;
  margin: 3px 0;
  font-weight: bold;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productDetails .pro .mainDetail .productName h3 {
  font-size: 2em;
}

.productDetails .pro .mainDetail .productName span {
  font-size: 2em;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
}

.productDetails .pro .mainDetail .productName span:hover {
  color: #B20110 !important;
}

.productDetails .details {
  width: calc(100%);
  float: left;
  padding: 10px 0;
}

.productDetails .details.comment {
  padding: 20px !important;
}

.productDetails .details .rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productDetails .details .rate div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.productDetails .details .rate .delivery {
  background: #B20110;
  color: #ffffff;
  padding: 2px 5px;
  border-radius: 3px;
}

.productDetails .details .rate span {
  font-size: 18px;
  margin-right: 5px;
}

.productDetails .details .rate .sold {
  background: #966b6f;
  border-radius: 3px;
  padding: 3px;
  color: #ffffff;
  font-size: 12px;
  margin-right: 10px;
}

.productDetails .details .price {
  font-weight: bold;
  font-size: 20px;
}

.productDetails .details .comment {
  width: 100%;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 10px;
}

.productDetails .details .comment .comRow {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.productDetails .details .comment .comRow div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
  background: #d8d8d8;
  border-radius: 5px;
  padding: 2px;
}

.productDetails .details .comment .userTop {
  width: 100%;
  margin: 0;
  background: unset;
  padding: 0 !important;
  margin-bottom: 10px;
}

.productDetails .details .comment .userTop.comment .row {
  -webkit-box-pack: unset !important;
      -ms-flex-pack: unset !important;
          justify-content: unset !important;
  padding-bottom: 10px;
}

.productDetails .details .comment .userTop .row {
  width: 100%;
}

.productDetails .details .comment.video .userTop .info {
  width: calc(100% - 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.productDetails .details .comment.video .userTop .info .sold {
  margin: unset !important;
}

.productDetails .details .comment .profile {
  width: 40px !important;
  height: 40px !important;
}

.productDetails .details .comment .profile.icons {
  border-radius: 5px !important;
  width: 30px !important;
  height: 30px !important;
}

.productDetails .details .comment .profile.bigComImg {
  border-radius: 10px !important;
  width: calc(100%) !important;
  height: auto !important;
  overflow: hidden;
  margin-top: 10px;
  float: left;
}

.productDetails .details .comment .profile.bigComImg img {
  width: 100%;
}

.productDetails .details .comment .rate {
  margin-top: 20px;
}

.productDetails .details .comment .sold {
  background: none !important;
  color: #d8d8d8;
  margin-left: 20px;
}

.productDetails .details .comment p {
  font-size: 14px;
}

.productDetails .colors {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll;
  padding-bottom: 15px;
}

.productDetails .colors .color {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 60px;
  height: 60px;
  float: left;
  border-radius: 10px;
  background-color: #FFBD11;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  border: 1px solid #F4F0F0;
  position: relative;
}

.productDetails .colors .color.size {
  border-radius: 100px;
  width: unset !important;
  min-width: 50px !important;
  padding: 0 10px;
  float: left;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 40px !important;
}

.productDetails .colors .color.size p {
  font-weight: bold;
  font-size: 20px;
  float: left;
}

.productDetails .colors .color.active::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.productDetails .colors .color img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.productDetails .colors .color span {
  font-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #B20110;
}

.productDetails .colors .color:nth-child(2n-1) {
  background: yellow;
}

.productDetails .colors .color:last-child {
  margin-right: 10px;
}

.productFooter {
  bottom: 0;
  background-color: #4b4b4b;
  color: #ffffff;
  border-radius: 20px 20px 0 0;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: wrap;
      -ms-flex-positive: wrap;
          flex-grow: wrap;
  position: fixed;
  padding: 20px;
  z-index: 1000000001;
}

.productFooter .fA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.productFooter .fA .price {
  background: #000000;
  color: #ffffff;
  border-radius: 30px;
  padding: 10px 20px;
  font-weight: bold;
}

.productFooter .toggleFloating {
  margin-right: 20px;
  position: relative;
  border-radius: 100px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: .5s;
  transition: .5s;
  width: 40px;
  height: 40px;
}

.productFooter .toggleFloating.active {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  border-radius: 0 0 100px 100px;
  background: #000000;
  margin-right: 75px;
}

.productFooter .toggleFloating.active span {
  font-size: 30px;
  color: #ffffff;
}

.productFooter .toggleFloating.active::before {
  opacity: 1;
}

.productFooter .toggleFloating::before {
  position: absolute;
  content: '';
  background: #000000;
  width: 40px;
  left: 0;
  top: -9px;
  width: 100%;
  height: 10px;
  z-index: -1;
  opacity: 0;
}

.productFooter .toggleFloating span {
  font-size: 50px;
  color: #B20110;
}

.productFooter .footerBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.productFooter .footerBlock:nth-child(3) {
  position: relative;
}

.productFooter .addcart {
  border: none;
  padding: 10px 20px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 30px;
  background: #B20110;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
}

.productFooter .addcart:hover {
  background: #ffffff !important;
  color: #000000 !important;
}

.productFooter .floatAction {
  position: absolute;
  right: -60px;
  background: #000000;
  bottom: -25px;
  width: 150px;
  padding: 10px 0;
  border-radius: 10px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: .5s;
  transition: .5s;
  z-index: 20;
  visibility: hidden;
  opacity: 0;
}

.productFooter .floatAction.active {
  right: 20px;
  bottom: 55px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  visibility: visible;
  opacity: 1;
}

.productFooter .floatAction button {
  width: calc(100% - 10%);
  margin: 5px 5%;
  border: none;
  padding: 10px 20px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 30px;
  background: #B20110;
}

.productFooter .floatAction button:first-child {
  background: #FFBD11;
}

.productFooter.cart .totalsPane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.productFooter.cart .totalsPane .smallP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: 10px;
  border-bottom: 1px solid #d8d8d8;
}

.productFooter.cart .totalsPane .smallP .footerBlock b {
  font-size: 16px;
}

.productFooter.cart .totalsPane .smallP span {
  font-size: 12px;
}

.productFooter.cart .totalsPane .footerBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.productFooter.cart.order.ch .footerBlock a {
  width: unset;
  white-space: nowrap;
  color: #ffffff !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.productFooter.cart.order .footerBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.productFooter.cart .footerBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.productFooter.cart .footerBlock:last-child {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.productFooter.cart .footerBlock:last-child b {
  font-size: 25px;
  white-space: nowrap;
  color: #ffffff;
  font-weight: bold;
}

.productFooter.cart .footerBlock:last-child a,
.productFooter.cart .footerBlock:last-child button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #B20110;
  margin: 0 5%;
  height: 90%;
  border: none;
  color: #ffffff !important;
  font-weight: bold;
  border-radius: 30px;
  padding: 0 20px;
  height: 50px;
  white-space: nowrap;
  color: #ffffff !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 10px;
}

.productFooter.cart .footerBlock:last-child a:hover,
.productFooter.cart .footerBlock:last-child button:hover {
  background: #ffffff !important;
  color: #000000 !important;
}

.productFooter .footerBlock a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #ffffff !important;
}

.productFooter .footerBlock a:hover {
  color: #FFBD11 !important;
}

.productFooter .footerBlock button {
  border: none;
  color: #ffffff;
  font-weight: bold;
  border-radius: 30px;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
}

.productFooter .footerBlock button:hover {
  background: #ffffff !important;
  color: #000000 !important;
}

.commentHolder {
  width: calc(100% - 6%);
  margin: 3%;
}

.commentHolder.review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
}

.commentHolder.review form {
  width: 100%;
}

.commentHolder.review .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.commentHolder.review textarea {
  width: calc(100% - 40px);
  height: 40px;
  padding: 4px;
  border: none;
  font-size: 12px;
}

.commentHolder.review.video textarea {
  width: 100% !important;
  height: 50px;
}

.commentHolder.review .file {
  all: unset;
}

.commentHolder.review .file .img {
  margin-right: 0;
  padding: 10px;
}

.commentHolder.review .file .img img {
  border-radius: 5px;
  background: url(../assets/default.jpg);
  background-size: cover;
  border: none;
  color: transparent;
}

.commentHolder.review .file label {
  padding: 0;
  background: transparent;
}

.commentHolder textarea {
  width: 100%;
  outline: #966b6f;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 10px;
  resize: none;
}

.commentHolder .file {
  width: 100%;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.commentHolder .file .img {
  width: 40px;
  height: 40px;
  border-radius: 3px;
  margin-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.commentHolder .file .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.commentHolder .file label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #966b6f;
  padding: 5px 10px;
  border-radius: 20px;
  color: #ffffff;
}

.commentHolder .filterButtons {
  display: block;
}

.commentHolder .filterButtons .apply {
  margin: 0;
  padding: 10px 20px;
}

.commentHolder .logout p {
  width: 100%;
  text-align: center;
  font-size: 25px;
  margin-bottom: 20px;
}

.commentHolder .logout .filterButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.commentHolder .logout .filterButtons button {
  margin: 10px !important;
}

.divider {
  width: calc(100% - 6%);
  margin: 30px 3%;
  height: 1px;
  background: #d8d8d8;
  float: left;
}

.spacer {
  height: 90px;
  width: 100%;
  float: left;
}

.spacer.small {
  height: 30px;
}

.container {
  width: 100%;
  float: left;
}

.shippingPane {
  float: left;
  margin: 5px;
  border-radius: 10px;
  background: #d8d8d8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: wrap;
      -ms-flex-positive: wrap;
          flex-grow: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
}

.shippingPane:first-child {
  margin-left: 0;
}

.shippingPane:hover {
  background: #4b4b4b;
  color: #ffffff;
}

.shippingPane.large {
  width: 100%;
  margin: 0;
}

.shippingPane.ship {
  margin-top: 20px;
}

.shippingPane.ship.ship span:first-child {
  background: #FFBD11;
}

.shippingPane.ship.ship.m {
  width: unset !important;
  margin-left: 0 !important;
  float: left;
}

.shippingPane.ship.active {
  background: #966b6f !important;
  color: #ffffff;
}

.shippingPane.ship.table {
  overflow-x: scroll;
}

.shippingPane span:first-child {
  color: #ffffff;
  width: 15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #000000;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  margin: 15px;
  position: relative;
  z-index: 2;
}

.shippingPane span:first-child::before {
  position: absolute;
  content: '';
  top: -7px;
  left: -7px;
  width: 54px;
  height: 54px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 100px;
  z-index: -1;
}

.shippingPane span:first-child div {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  padding: 0;
  border-radius: 100%;
}

.shippingPane span:first-child img {
  width: 100% !important;
  height: 100% !important;
}

.shippingPane a {
  color: #000000;
  padding: 10px 5px;
}

.shippingPane .deleteData {
  color: #B20110;
  padding: 10px 5px;
  cursor: pointer;
}

.shippingPane div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
}

.shippingPane div div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.shippingPane div p {
  font-size: 14px;
}

.chInput {
  margin: 10px 0;
  width: 100%;
  float: left;
}

#radio {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  border: 2px solid #B20110;
  background: #F4F0F0;
  position: relative;
  -webkit-transition: .3s;
  transition: .3s;
}

#radio.checkbox {
  outline: none;
  border-radius: 3px !important;
  float: left;
  margin-right: 10px;
}

#radio.checkbox::before {
  position: absolute;
  background: #B20110;
  width: 0px;
  height: 0px;
  border-radius: 1px;
  top: 50%;
  left: 50%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: '';
  -webkit-transition: .3s;
  transition: .3s;
}

#radio.checkbox::before:checked::before {
  width: 3px;
  height: 5px;
}

#radio::before {
  position: absolute;
  background: #B20110;
  width: 0px;
  height: 0px;
  border-radius: 100px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: '';
  -webkit-transition: .3s;
  transition: .3s;
}

#radio:checked::before {
  width: 12px;
  height: 12px;
}

.navBar {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid #d8d8d8;
  margin-bottom: 20px;
  position: relative;
}

.navBar .nav {
  padding: 14px 20px;
}

.navBar .nav.active {
  margin-bottom: -3px;
  border-radius: 2px;
  position: relative;
}

.navBar .border {
  height: 5px;
  background: #000000;
  position: absolute;
  left: 0;
  bottom: -3px;
  -webkit-transition: .3s;
  transition: .3s;
  z-index: 2;
  border-radius: 2px;
}

.holder {
  display: none;
  width: 100%;
}

.holder.active {
  display: block;
}

.reviewPane {
  width: calc(100% - 6%);
  margin: 3%;
  text-align: center;
}

.reviewPane p {
  font-size: 14px;
  margin: 10px 0;
}

.reviewPane .stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.reviewPane .stars span {
  margin: 0 5px;
}

.reviewPane .stars span:hover, .reviewPane .stars span.active {
  color: #B20110;
}

.searchShip {
  width: calc(100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
  border-radius: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
  margin-top: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.searchShip input {
  border: none;
  padding: 10px 20px;
  width: calc(100% - 100px);
  outline: none;
}

.searchShip button {
  background: #B20110;
  border: none;
  padding: 10px 20px;
  width: 100px;
  outline: none;
  color: #ffffff;
  font-size: 20px;
}

.trackShip {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.timeline {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
  position: relative;
}

.timeline::before {
  position: absolute;
  content: '';
  width: calc(100% - 30px);
  left: 15px;
  bottom: 5px;
  border: 1px dashed #966b6f;
  z-index: 1;
}

.timeline .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
}

.timeline .step.active span {
  color: #966b6f;
}

.timeline .step span {
  color: #d8d8d8;
}

.timeline .step span:last-child {
  font-size: 16px;
  margin-top: 10px;
  background: #ffffff;
  padding: 0 10px;
}

.orderDetails {
  margin-top: 30px;
}

.orderDetails h4 {
  margin: 10px 0;
}

.orderDetails b {
  color: #966b6f;
  font-size: 12px;
}

.orderDetails .detailHolder {
  position: relative;
  width: 100%;
}

.orderDetails .detailHolder::before {
  position: absolute;
  content: '';
  height: calc(100% - 90px);
  left: 11px;
  top: 40px;
  border: 1px dashed #000000;
  z-index: 1;
}

.orderDetails .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
}

.orderDetails .step .detailsHolder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.orderDetails .step .details {
  width: 100% !important;
}

.orderDetails .step .details p {
  font-size: 14px;
}

.orderDetails .step .time {
  font-size: 12px;
  width: 15%;
  text-align: right;
}

.linkColored {
  color: #B20110 !important;
}

.controller {
  position: absolute;
  bottom: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10000;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.controller span {
  font-size: 40px;
  color: #ffffff;
  margin: 0 20px;
}

.controller span:nth-child(2) {
  font-size: 60px;
}

.navigation {
  position: fixed;
  left: calc(50% + 250px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: calc(100vh - 40px);
  padding: 20px;
}

.navigation span {
  font-size: 50px;
  background: #d8d8d8;
  border-radius: 50px;
  padding: 10px;
  -webkit-transition: .3s;
  transition: .3s;
}

.navigation span:hover {
  background: #B20110;
  color: #ffffff;
  cursor: pointer;
}

.mainPlayer {
  min-width: 500px;
  max-width: 500px;
  min-height: calc(100vh - 40px);
  max-height: calc(100vh - 40px);
  position: relative;
  background: red;
  margin: auto;
}

.mainPlayer #custom-seekbar {
  cursor: pointer;
  height: 10px;
  background: #FFBD11;
  overflow: hidden;
  position: relative;
  width: 500px;
  position: fixed;
  z-index: 10;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.mainPlayer #custom-seekbar span {
  background-color: #B20110;
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  width: 0px;
}

.mainPlayer #custom-seekbar span.hover:after {
  content: '';
  display: block;
  position: absolute;
  background-color: red;
  color: red;
  top: 0;
  right: 0;
}

.videoHolder {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
  overflow: scroll;
  height: calc(100vh - 40px);
  scroll-behavior: smooth;
}

.videoHolder::-webkit-scrollbar {
  display: none;
}

.videoPlayer {
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  position: relative;
  background: #000000;
  scroll-snap-align: start;
  /* following rule is for hiding Stack Overflow's console  */
}

.videoPlayer .video {
  width: 100%;
  height: 100%;
  position: relative;
}

.videoPlayer .video .play {
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 20;
  display: none;
}

.videoPlayer .video .play span {
  font-size: 100px;
  opacity: .8;
}

.videoPlayer .video video {
  width: 100%;
  height: 100%;
}

.videoPlayer .vLogo {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 100px;
  margin-right: 5px;
  opacity: .8;
  z-index: 100;
}

.videoPlayer .vLogo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.videoPlayer .icons {
  position: absolute;
  bottom: 150px;
  right: 30px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.videoPlayer .icons .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 80px;
  text-align: center;
}

.videoPlayer .icons .icon.yes {
  color: #B20110 !important;
}

.videoPlayer .icons .icon.bounce {
  position: relative;
}

.videoPlayer .icons .icon.bounce span {
  color: #B20110 !important;
  -webkit-animation-name: bouncing;
          animation-name: bouncing;
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
  -webkit-transition: .3s;
  transition: .3s;
  font-size: 30px;
}

.videoPlayer .icons .icon span {
  font-size: 30px;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
}

.videoPlayer .userData {
  position: absolute;
  top: 0px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #ffffff;
  font-size: 20px;
  padding: 20px;
}

.videoPlayer .userData .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.videoPlayer .userData .user .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.videoPlayer .userData .user .img {
  width: 50px;
  height: 50px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 100px;
  margin-right: 5px;
}

.videoPlayer .userData .user .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.videoPlayer .userData .user button {
  border: none;
  background: #B20110;
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 5px;
}

.videoPlayer .as-console-wrapper {
  display: none !important;
}

@-webkit-keyframes bouncing {
  0% {
    font-size: 30px;
  }
  50% {
    font-size: 50px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  100% {
    font-size: 30px;
  }
}

@keyframes bouncing {
  0% {
    font-size: 30px;
  }
  50% {
    font-size: 50px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  100% {
    font-size: 30px;
  }
}

.getStarted {
  width: calc(40%);
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
  margin-top: 20px;
}

.getStarted.large {
  width: 100%;
  margin-top: 0;
}

.getStarted.pay .logBy.left h1 {
  font-size: 20px;
}

.getStarted.pay .paymentNo, .getStarted.pay .paymentYes {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.getStarted.pay .paymentNo .lds-ellipsis, .getStarted.pay .paymentYes .lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
}

.getStarted.pay .paymentNo .lds-ellipsis div, .getStarted.pay .paymentYes .lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #966b6f;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
          animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.getStarted.pay .paymentNo .lds-ellipsis div:nth-child(1), .getStarted.pay .paymentYes .lds-ellipsis div:nth-child(1) {
  left: 8px;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
          animation: lds-ellipsis1 0.6s infinite;
}

.getStarted.pay .paymentNo .lds-ellipsis div:nth-child(2), .getStarted.pay .paymentYes .lds-ellipsis div:nth-child(2) {
  left: 8px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}

.getStarted.pay .paymentNo .lds-ellipsis div:nth-child(3), .getStarted.pay .paymentYes .lds-ellipsis div:nth-child(3) {
  left: 32px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}

.getStarted.pay .paymentNo .lds-ellipsis div:nth-child(4), .getStarted.pay .paymentYes .lds-ellipsis div:nth-child(4) {
  left: 56px;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
          animation: lds-ellipsis3 0.6s infinite;
}

@-webkit-keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@-webkit-keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
}

.getStarted.pay .paymentNo span, .getStarted.pay .paymentYes span {
  font-size: 10em;
}

.getStarted.pay .paymentNo .msg, .getStarted.pay .paymentYes .msg {
  font-size: 30px;
}

.getStarted.pay .paymentYes {
  color: #4BB543;
  display: none;
}

.getStarted .welcomeImg {
  width: 20rem;
  padding: 0 50px;
  margin-top: 10px;
}

.getStarted .welcomeImg img {
  width: 100%;
}

.getStarted .logBy {
  width: 100%;
}

.getStarted .logBy.left h1 {
  text-align: left;
  font-weight: bold;
  font-size: 40px;
  margin-top: 0px;
}

.getStarted .logBy h1 {
  width: 100%;
  font-size: 50px;
  font-weight: bold;
  text-align: center;
}

.getStarted .logBy a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #d8d8d8;
  padding: 10px;
  border-radius: 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0;
}

.getStarted .logBy a img {
  height: 30px;
  padding-right: 10px;
}

.getStarted .separator {
  margin: 30px 0;
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.getStarted .separator span {
  background: #ffffff;
  padding: 0 10px;
}

.getStarted .separator::before {
  position: absolute;
  content: '';
  width: calc(100%);
  top: 11px;
  border: 0.5px solid #d8d8d8;
  z-index: -1;
}

.getStarted .lowerLink {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.getStarted .lowerLink p {
  margin-top: 20px;
  color: #4b4b4b;
}

.getStarted .lowerLink p a {
  color: #000000 !important;
}

.userLinks {
  width: calc(100%);
  margin-bottom: 30px;
}

.userLinks.shop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.userLinks .link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 25px 0;
}

.userLinks .link:last-child {
  color: #B20110;
}

.userLinks .link div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.userLinks .link div span {
  margin-right: 10px;
}

.buttonLink {
  width: 100%;
  background: #000000;
  color: #ffffff;
  border-radius: 50px;
  padding: 20px;
  text-align: center;
  font-weight: bold;
  border: none;
  float: left;
  color: #ffffff !important;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.buttonLink:hover {
  background: #4b4b4b !important;
}

.buttonLink.ship {
  background: #FFBD11;
}

.buttonLink.payBtn, .buttonLink.payPending {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
}

.buttonLink.payBtn:hover, .buttonLink.payPending:hover {
  background: #4b4b4b;
}

.buttonLink.payBtn span, .buttonLink.payPending span {
  margin-right: 10px;
}

.buttonLink.payPending {
  background: #B20110 !important;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
}

.buttonLink.payPending:hover {
  background: #4b4b4b;
}

.coverImg {
  background: red;
  width: 100%;
  position: relative;
  height: 300px;
  border-radius: 0 0 20px 20px;
  overflow: hidden;
  background: url(../assets/images/cover.jpg);
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 40px;
  font-size: 2em !important;
}

.profileImg {
  width: 120px;
  height: 120px;
  position: relative;
}

.profileImg .img {
  background: #B20110;
  width: 120px;
  height: 120px;
  border-radius: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.profileImg .img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.profileImg label {
  position: absolute;
  bottom: 0 !important;
  right: 0;
  background-color: #000000;
  color: #ffffff;
  padding: 3px;
  border-radius: 5px;
  font-size: 18px;
  width: 40px !important;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50px !important;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
}

.profileImg label:hover {
  background: #B20110;
  border: 3px solid #ffffff;
}

.forms {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.forms.big .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
}

.forms.big .form .inputRow {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 33%;
          flex: 1 0 33%;
}

.forms .names {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 20px;
}

.forms .input {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  border: 1px solid #d8d8d8;
  margin: 30px 0;
  border-radius: 5px;
  background: #d8d8d8;
  position: relative;
}

.forms .input.series input, .forms .input.series select {
  border-left: 1px solid #ffffff;
}

.forms .input.series input:first-child, .forms .input.series select:first-child {
  border-left: none;
}

.forms .input.small {
  margin: 10px 0;
}

.forms .input.small.ship span {
  background: #FFBD11;
  width: 30px !important;
  height: 30px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 3px;
}

.forms .input:focus-within, .forms .input.active {
  background: #ffffff;
}

.forms .input:focus-within.series input, .forms .input:focus-within.series select, .forms .input.active.series input, .forms .input.active.series select {
  border-left: 1px solid #d8d8d8;
}

.forms .input:focus-within.series input:first-child, .forms .input:focus-within.series select:first-child, .forms .input.active.series input:first-child, .forms .input.active.series select:first-child {
  border-left: none;
}

.forms .input span {
  padding: 10px;
  width: 40px;
}

.forms .input datalist {
  position: absolute;
  background-color: white;
  border: 1px solid #d8d8d8;
  border-radius: 0 0 5px 5px;
  border-top: none;
  font-family: sans-serif;
  width: 350px;
  max-height: 10rem;
  overflow-y: auto;
  width: 100%;
  top: 50;
  z-index: 100;
  left: 0;
}

.forms .input option {
  background-color: white;
  padding: 4px;
  color: #000000;
  margin-bottom: 1px;
  font-size: 16px;
  cursor: pointer;
}

.forms .input option:hover, .forms .input .active {
  background-color: #d8d8d8;
}

.forms .input input, .forms .input select {
  width: calc(100% - 40px);
  height: 100%;
  padding: 10px 20px;
  border: none;
  outline: none;
  background: transparent;
}

.forms .input input.small, .forms .input select.small {
  width: calc(100% - 80px);
}

.forms .input input.full, .forms .input select.full {
  width: calc(100% - 0px);
}

.forms .gender {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.forms .gender .block {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.forms .gender .block input {
  margin-right: 0px;
}

.form label {
  width: 100% !important;
  float: left;
  margin-bottom: 10px !important;
  height: 40px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px !important;
}

.signPro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.response {
  width: 100%;
  padding: 10px 20px;
  border-radius: 5px;
  text-align: center;
  float: left;
  background: #ccc;
  margin-bottom: 10px;
  margin-top: 10px;
  display: block;
  -webkit-transition: .3s;
  transition: .3s;
}

.response.error {
  background: #EB3A53;
  color: #fff;
  display: block;
}

.response.success {
  background: #01A982;
  color: #fff;
  display: block;
}

.customSelect {
  position: relative;
  height: inherit;
}

.customSelect .mainInput select {
  display: none;
}

.customSelect .selectInput {
  background: #966b6f;
  width: 100%;
  border-radius: 5px;
  margin-top: -3px;
  position: absolute;
  top: 55px;
  display: none;
  z-index: 10;
}

.customSelect .selectInput .input {
  margin: 0 !important;
  background: #ffffff;
}

.customSelect .selectInput ul {
  width: 100%;
  max-height: 300px;
  margin: 0;
  overflow: hidden;
  overflow-y: scroll;
  padding: 10px 0;
}

.customSelect .selectInput ul li {
  list-style: none;
  padding: 10px 20px;
}

.customSelect .selectInput ul li:hover {
  background: #000000;
  color: #ffffff;
}

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-spinner div {
  -webkit-transform-origin: 40px 40px;
          transform-origin: 40px 40px;
  -webkit-animation: lds-spinner 1.2s linear infinite;
          animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #000;
}

.lds-spinner div:nth-child(1) {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
  -webkit-transform: rotate(210deg);
          transform: rotate(210deg);
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg);
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
  -webkit-transform: rotate(330deg);
          transform: rotate(330deg);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

@-webkit-keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.loadHolder {
  width: 100%;
  padding: 50px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.loaderPane {
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  -webkit-perspective: 1000px;
          perspective: 1000px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  color: #000000;
  display: inline-block;
  position: relative;
}

.loaderPane:before,
.loaderPane:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
  -webkit-animation: 1s spin linear infinite;
          animation: 1s spin linear infinite;
}

.loaderPane:after {
  color: #B20110;
  -webkit-transform: rotateY(70deg);
          transform: rotateY(70deg);
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0deg);
            transform: translate(-50%, -50%) rotateZ(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
            transform: translate(-50%, -50%) rotateZ(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0deg);
            transform: translate(-50%, -50%) rotateZ(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
            transform: translate(-50%, -50%) rotateZ(360deg);
  }
}

@-webkit-keyframes rotateccw {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-360deg);
            transform: translate(-50%, -50%) rotate(-360deg);
  }
}

@keyframes rotateccw {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-360deg);
            transform: translate(-50%, -50%) rotate(-360deg);
  }
}

@-webkit-keyframes spin {
  0%,
  100% {
    -webkit-box-shadow: .2em 0px 0 0px currentcolor;
            box-shadow: .2em 0px 0 0px currentcolor;
  }
  12% {
    -webkit-box-shadow: .2em .2em 0 0 currentcolor;
            box-shadow: .2em .2em 0 0 currentcolor;
  }
  25% {
    -webkit-box-shadow: 0 .2em 0 0px currentcolor;
            box-shadow: 0 .2em 0 0px currentcolor;
  }
  37% {
    -webkit-box-shadow: -.2em .2em 0 0 currentcolor;
            box-shadow: -.2em .2em 0 0 currentcolor;
  }
  50% {
    -webkit-box-shadow: -.2em 0 0 0 currentcolor;
            box-shadow: -.2em 0 0 0 currentcolor;
  }
  62% {
    -webkit-box-shadow: -.2em -.2em 0 0 currentcolor;
            box-shadow: -.2em -.2em 0 0 currentcolor;
  }
  75% {
    -webkit-box-shadow: 0px -.2em 0 0 currentcolor;
            box-shadow: 0px -.2em 0 0 currentcolor;
  }
  87% {
    -webkit-box-shadow: .2em -.2em 0 0 currentcolor;
            box-shadow: .2em -.2em 0 0 currentcolor;
  }
}

@keyframes spin {
  0%,
  100% {
    -webkit-box-shadow: .2em 0px 0 0px currentcolor;
            box-shadow: .2em 0px 0 0px currentcolor;
  }
  12% {
    -webkit-box-shadow: .2em .2em 0 0 currentcolor;
            box-shadow: .2em .2em 0 0 currentcolor;
  }
  25% {
    -webkit-box-shadow: 0 .2em 0 0px currentcolor;
            box-shadow: 0 .2em 0 0px currentcolor;
  }
  37% {
    -webkit-box-shadow: -.2em .2em 0 0 currentcolor;
            box-shadow: -.2em .2em 0 0 currentcolor;
  }
  50% {
    -webkit-box-shadow: -.2em 0 0 0 currentcolor;
            box-shadow: -.2em 0 0 0 currentcolor;
  }
  62% {
    -webkit-box-shadow: -.2em -.2em 0 0 currentcolor;
            box-shadow: -.2em -.2em 0 0 currentcolor;
  }
  75% {
    -webkit-box-shadow: 0px -.2em 0 0 currentcolor;
            box-shadow: 0px -.2em 0 0 currentcolor;
  }
  87% {
    -webkit-box-shadow: .2em -.2em 0 0 currentcolor;
            box-shadow: .2em -.2em 0 0 currentcolor;
  }
}

.cartCount {
  position: absolute;
  background: #B20110;
  color: #ffffff;
  height: 20px;
  min-width: 20px;
  border-radius: 50px;
  font-size: 12px;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: -3px;
  right: -3px;
}

#map {
  width: 100vw;
  height: 100vh;
  background: #d8d8d8;
}

.styled-table {
  border-collapse: collapse;
  font-size: 0.9em;
  font-family: sans-serif;
  width: 100%;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.styled-table thead tr {
  background-color: #FFBD11;
  color: #ffffff;
  text-align: left;
}

.styled-table th,
.styled-table td {
  padding: 12px 15px;
}

.styled-table tbody tr {
  border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
  border-bottom: 2px solid #FFBD11;
}

.styled-table tbody tr.active-row {
  font-weight: bold;
  color: #000000;
}

.center {
  position: absolute;
  top: 50%;
  left: calc(50% + 12rem);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pic {
  width: 50px;
  height: 50px;
  aspect-ratio: 1/1;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  padding-right: 10px;
}

.contact {
  padding: 5px 10px;
  padding-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100%);
  top: 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-bottom: 1px solid #d8d8d8;
}

.contact:hover {
  background: #ffffff;
}

.contact .pic {
  position: relative;
}

.contact .name {
  font-weight: 500;
  margin-bottom: 0.125rem;
}

.contact .message, .contact .seen {
  font-size: 0.9rem;
  color: #999;
}

.contact .badge {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  text-align: center;
  font-size: 0.9rem;
  padding-top: 0.125rem;
  border-radius: 1rem;
  top: 0;
  left: 2.5rem;
  background: #333;
  color: white;
}

.contacts {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-6rem, -50%);
          transform: translate(-6rem, -50%);
  width: 24rem;
  height: 32rem;
  padding: 1rem 2rem 1rem 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 1rem 0 0 1rem;
  cursor: pointer;
  background: white;
  -webkit-box-shadow: 0 0 8rem 0 rgba(0, 0, 0, 0.1), 2rem 2rem 4rem -3rem rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 8rem 0 rgba(0, 0, 0, 0.1), 2rem 2rem 4rem -3rem rgba(0, 0, 0, 0.5);
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

.contacts h2 {
  margin: 0.5rem 0 1.5rem 5rem;
}

.contacts .fa-bars {
  position: absolute;
  left: 2.25rem;
  color: #999;
  -webkit-transition: color 200ms;
  transition: color 200ms;
}

.contacts .fa-bars:hover {
  color: #666;
}

.contacts .contact:last-child {
  margin: 0;
}

.contacts:hover {
  -webkit-transform: translate(-23rem, -50%);
          transform: translate(-23rem, -50%);
}

.chat {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 60px;
  z-index: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 1rem;
  background: white;
}

.chat .contact.bar {
  -ms-flex-preferred-size: 3.5rem;
      flex-basis: 3.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.chat .messages {
  -ms-flex-negative: 2;
      flex-shrink: 2;
  overflow-y: auto;
  padding-top: 20px;
  -webkit-box-shadow: inset 0 2rem 2rem -2rem rgba(0, 0, 0, 0.05), inset 0 -2rem 2rem -2rem rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2rem 2rem -2rem rgba(0, 0, 0, 0.05), inset 0 -2rem 2rem -2rem rgba(0, 0, 0, 0.05);
}

.chat .messages .audio-player {
  width: 50% !important;
  border: unset !important;
  background-color: unset !important;
}

.chat .messages .audio-player #seekObj {
  border: unset !important;
}

.chat .messages .audio-player #seekObj #percentage {
  background-color: #B20110 !important;
}

.chat .messages .time {
  font-size: 0.8rem;
  background: #EEE;
  padding: 0.25rem 1rem;
  border-radius: 2rem;
  color: #999;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.chat .messages .message {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.5rem 1rem;
  margin: 1rem;
  background: #FFF;
  border-radius: 1.125rem 1.125rem 1.125rem 0;
  min-height: 2.25rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 66%;
  -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.075), 0rem 1rem 1rem -1rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 2rem rgba(0, 0, 0, 0.075), 0rem 1rem 1rem -1rem rgba(0, 0, 0, 0.1);
}

.chat .messages .message.img {
  padding: unset !important;
  overflow: hidden !important;
}

.chat .messages .message.img p {
  padding: 0.5rem 1rem;
}

.chat .messages .message .image {
  width: 100%;
}

.chat .messages .message .image img {
  width: 100%;
}

.chat .messages .message.parker {
  margin: 1rem 1rem 1rem auto;
  border-radius: 1.125rem 1.125rem 0 1.125rem;
  background: #333;
  color: white;
}

.chat .messages .message.stark {
  background: #F7F7F7;
}

.chat .messages .message.stark #seekObj {
  background-color: #333333 !important;
}

.chat .messages .message.stark #seekObj #percentage {
  background-color: #FFBD11 !important;
}

.chat .messages .message .typing {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ccc;
  border-radius: 50%;
}

.chat .messages .message .typing.typing-1 {
  -webkit-animation: typing 3s infinite;
  animation: typing 3s infinite;
}

.chat .messages .message .typing.typing-2 {
  -webkit-animation: typing 3s 250ms infinite;
  animation: typing 3s 250ms infinite;
}

.chat .messages .message .typing.typing-3 {
  -webkit-animation: typing 3s 500ms infinite;
  animation: typing 3s 500ms infinite;
}

.recorded {
  width: 90%;
}

.msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: relative;
}

.msg.active {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.messageHolder {
  width: 100%;
}

.messageHolder.active {
  border: 1px solid #d8d8d8;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #d8d8d8;
  border-radius: 10px;
  margin: 0px 10px;
}

.messageHolder.active .img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.messageHolder .img {
  overflow: hidden;
  display: none;
  max-height: 300px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.messageHolder .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.chat .inputMessage {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-preferred-size: 4rem;
      flex-basis: 4rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: fixed;
  padding: 10px;
  bottom: 0;
  width: inherit;
  height: 60px;
  background: #333333;
  color: #ffffff !important;
}

.chat .inputMessage.active {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.chat .inputMessage.active input {
  margin: 10px;
}

.chat .inputMessage i {
  font-size: 1.5rem;
  margin-right: 1rem;
  color: #666;
  cursor: pointer;
  -webkit-transition: color 200ms;
  transition: color 200ms;
}

.chat .inputMessage i:hover {
  color: #333;
}

.chat .inputMessage input {
  border: none;
  background-image: none;
  background-color: white;
  padding: 0.5rem 1rem;
  border-radius: 1.125rem;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1), 0rem 1rem 1rem -1rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1), 0rem 1rem 1rem -1rem rgba(0, 0, 0, 0.2);
  font-family: Red hat Display, sans-serif;
  font-weight: 400;
  letter-spacing: 0.025em;
  margin: 0 10px;
  width: calc(100% - 20px);
}

.chat .inputMessage input:placeholder {
  color: #999;
}

#stop {
  color: #ffffff;
  background: #B20110;
  border-radius: 100px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  display: none;
  -webkit-animation: record 3s infinite;
  animation: record 3s infinite;
}

#start {
  padding: 5px 0;
}

.rec, .recorded, #send, #del {
  display: none;
}

.recorded {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.audio-player {
  width: calc(90% - 20px);
  margin: 0 10px;
  padding: 5px;
  background-color: #d8d8d8;
  border: 1px solid #d8d8d8;
  border-radius: 20px;
}

.audio-player .player-controls {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.audio-player #playAudio {
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  border: none;
  width: 30px;
  height: 30px;
  background: url("https://img.icons8.com/play") no-repeat center;
  background-size: contain;
}

.audio-player #playAudio.pause {
  background: url("https://img.icons8.com/pause") no-repeat center;
  background-size: contain;
}

.audio-player p {
  margin: 0 0 0 5px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.audio-player p small {
  font-size: 10px;
}

.audio-player #seekObjContainer {
  position: relative;
  width: 300px;
  margin: 0 5px;
  height: 5px;
}

.audio-player #seekObjContainer #seekObj {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #e3e3e3;
  border: 1px solid #d8d8d8;
}

.audio-player #seekObjContainer #seekObj #percentage {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #FFBD11;
}

@-webkit-keyframes record {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes typing {
  0%, 75%, 100% {
    -webkit-transform: translate(0, 0.25rem) scale(0.9);
            transform: translate(0, 0.25rem) scale(0.9);
    opacity: 0.5;
  }
  25% {
    -webkit-transform: translate(0, -0.25rem) scale(1);
            transform: translate(0, -0.25rem) scale(1);
    opacity: 1;
  }
}

@keyframes typing {
  0%, 75%, 100% {
    -webkit-transform: translate(0, 0.25rem) scale(0.9);
            transform: translate(0, 0.25rem) scale(0.9);
    opacity: 0.5;
  }
  25% {
    -webkit-transform: translate(0, -0.25rem) scale(1);
            transform: translate(0, -0.25rem) scale(1);
    opacity: 1;
  }
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 80px;
  display: none;
}

.lds-ellipsis.active {
  display: block;
}

.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #B20110;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
          animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
          animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
          animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
}
/*# sourceMappingURL=style.css.map */