:root {
  --text-color-gray: #9d9d9d;
}

body {
  font-family: "Montserrat", sans-serif;
  overflow-y: scroll;
  scrollbar-color: #745eac #999999;
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 8px;
}

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

::-webkit-scrollbar-thumb {
  background: #745eac;
}

header {
  min-width: 100%;
  display: flex;
  padding: 28px;
  place-items: center;
  place-content: space-between;
  border-bottom: 1px solid #eeeeee;
  background-color: #ffffff;
}

.borde_c {
  border: none;
  border-radius: 50px !important;
}
a,
button {
  cursor: pointer;
}

button {
  outline: none;
}

#header-info {
  display: table;
}

.ion-page {
  justify-content: normal !important;
}

.icon {
  font-size: 20px;
  padding: 5px;
  float: left;
  cursor: pointer;
  color: #333333;
}

.filter ion-select {
  flex: 1 1 0%;
  margin: 0;
  padding: 0;
  display: flex;
  max-width: 100%;
  justify-content: space-between;
  text-transform: uppercase;
}

.filter ion-label {
  flex: none;
}

#search-bar input[type="text"] {
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  font-size: 0.875rem;
  font-family: "Roboto", sans-serif;
  width: 100%;
  padding: 15px 62px 15px 15px;
  color: #000000;
  outline: none;
  text-align: center;
  font-weight: lighter;
}

header #logo {
  padding-right: 10px;
}

header #logo img {
  width: 208px;
}

header #current-lang {
  padding-right: 10px;
  display: flex;
  place-items: center;
  position: relative;
}

.lang-img img {
  width: 26px;
}
.search-bar-icon {
  background: #999999;
  padding: 0px 16px;
  border-radius: 4px;
  color: white;
  font-size: 20px;
  cursor: pointer;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
}

.h-link {
  cursor: pointer;
}

.search-bar-icon:hover {
  background: #c0c0c0;
}

.search-bar-icon:active {
  background: #838383;
}

header .change_lang {
  color: #999999;
  font-size: 10px;
  padding: 5px;
  cursor: pointer;
}

.icon-badge {
  position: relative;
  color: white;
  background: #e81d1d;
  border-radius: 100%;
  width: 13px;
  height: 13px;
  text-align: center;
  font-size: 10px;
  font-family: "Heebo", sans-serif;
  float: right;
  margin-left: -10px;
}

#search-bar {
  flex-grow: 0.8;
  min-width: 20vw;
}

#nav-bar {
  padding: 0px 28px;
  display: flex;
  min-width: 100%;
  place-items: center;
  background: #fdfdfd;
  transition: top 0.3s;
}

#navigator {
  position: relative;
}

ul#nav-links {
  list-style: none;
  display: flex;
  padding: 0 30px;
  margin: 0;
}

li.nav-link {
  padding: 24px;
  text-transform: uppercase;
  font-size: 0.875rem;
  color: #999999;
  cursor: pointer;
  text-align: center;
  display: flex;
  place-content: center;
  letter-spacing: 1.4px;
  place-items: center;
  position: relative;
}

#nav-links li .icon-badge {
  padding-left: 2px;
}

li.nav-link:hover {
  background-color: rgb(233, 233, 233);
}

li.nav-link.selected::after {
  content: " ";
  width: 22px;
  height: 2px;
  background: #333333;
  position: absolute;
  bottom: 0;
  margin-bottom: 12px;
}

li.nav-link.selected {
  color: black;
  font-weight: 500;
}

.filter ion-item {
  /*background: var(--first-color)!important;color: var(--lit-color);*/
  --border-width: 0;
}

ion-item.nav-filter {
  background: #ffffff;
  border: 1px solid #efefef;
  width: 197px;
  text-align: left;
  font: normal normal normal 14px/32px Montserrat;
  letter-spacing: 0px;
  color: #302f2f;
  border-radius: 5px;
}

ion-item.nav-filter ion-label {
  margin: 0 !important;
}

.nav-filter-icon {
  font-size: 27px;
  vertical-align: middle;
  padding-right: 10px;
  margin-top: -4px;
}

#container {
  min-width: 100%;
  height: 100%;
  overflow: auto;
}

.f-rw {
  display: flex;
  flex-direction: column-reverse;
  place-content: center;
  justify-content: space-between;
  padding: 20px;
  min-height: 100%;
  overflow: auto;
}

.title {
  text-align: center;
  font: normal normal 600 22px/33px Poppins;
  letter-spacing: 0px;
  color: #000000;
  padding: 25px 0px;
}

.c-box {
  text-align: center;
  font: normal normal normal 13px/25px Poppins;
  letter-spacing: 0px;
  color: #7d7d7d;
  padding: 20px;
  flex: 1 1 0%;
}

.c-box a {
  color: #000000;
}

.type-toggle {
  color: #7d7d7d;
}

ion-item.input {
  /*background: var(--first-color)!important;color: var(--lit-color);*/
  --border-width: 0;
  border: 1px solid #d8d8d8;
  border-radius: 40px;
  padding: 2px 20px;
  text-align: left;
  font: normal normal normal 13px/20px Poppins;
  letter-spacing: 0px;
  margin-bottom: 15px;
}
ion-item.input-4 {
  /*background: var(--first-color)!important;color: var(--lit-color);*/
  --border-width: 0;
  border: 1px solid #d8d8d8;
  border-radius: 40px;
  text-align: left;
  font-family: inherit;
  font-size: 12px;
  background-color: #f2f5fa;
  letter-spacing: 0px;
  margin-bottom: 15px;
  padding-left: 13px;
  --background: #f2f5fa;
}
.input-icon-4 {
  background: #fbb03b;
  border-radius: 100%;
  width: 46px;
  color: white;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  right: 5px;
}

ion-item.upload {
  /*background: var(--first-color)!important;color: var(--lit-color);*/
  --border-width: 0;
  border: 1px solid #d8d8d8;
  border-radius: 40px;
  padding: 2px 20px;
  text-align: center;
  letter-spacing: 0px;
  margin-bottom: 15px;
}

.item-interactive {
  --highlight-background: unset;
}

.alert {
  margin-top: -20px;
  padding: 10px 20px;
  text-align: left;
  background: transparent;
  color: red;
  font-size: 10px;
  text-transform: uppercase;
}

.alert p {
  padding: 0;
  margin: 0;
}

.mt {
  margin-top: 15px !important;
}

.mb {
  margin-bottom: 3% !important;
}

.m-l {
  margin-left: 3% !important;
}
.mt-2 {
  margin-top: 40px !important;
}

.btn-default {
  width: 100%;
  background-color: #fbb03b;
  border-radius: 40px;
  padding: 19px;
  font: normal normal 600 13px/20px Poppins;
  letter-spacing: 0px;
  color: #000000;
  position: relative;
}

.check-green {
  color: #7ad06d;
}

.c-red {
  background-color: #f1584d !important;
}
.c-gold {
  background: #fbb03b !important;
}

.btn-default:hover,
.c-gold:hover {
  background: #fdba4d !important;
}

.btn-default:active,
.c-gold:active {
  background: #f8a217 !important;
}
.c-wgold {
  background: white;
  color: black;
  transition: 0.2s;
  box-shadow: 0px 0px 0px 1px inset #fbb03b;
}
.c-wgold:hover {
  background: #fdba4d;
}
.c-wgold:active {
  background: #f09a0f;
}

.c-yellow {
  text-transform: capitalize;
  background: #ffc80a;
}

.c-yellow:hover {
  background: #fccd26;
}

.c-yellow:active {
  background: #ebb907;
}

.c-orange {
  background: #ff9900;
}

.c-orange:hover {
  background: #ffa723;
}

.c-orange:active {
  background: #e98c00;
}

.err-b {
  border-color: #eb445a !important;
}

.n-w {
  width: 100%;
  height: 49px;
  padding: 10px 15px !important;
}

.n-w2 {
  width: max-content;
  height: 49px;
  padding: 10px 15px !important;
}

.hr-div {
  height: 1px;
  width: 100%;
  background: #e5e5e5;
}

#close-cross {
  font-size: 20px;
  cursor: pointer;
  color: #000000;
  position: static;
  margin-left: auto;
  z-index: 9999;
}

#close-cross:hover {
  color: rgb(73, 73, 73);
}

#close-cross:active {
  color: rgb(34, 34, 34);
}

.service-screen {
  display: flex;
}

.submenus {
  margin: 16px;
}

.submenus .submenu-section {
  border-color: #e7e7e6;
  border-style: solid;
  border-width: 1px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.submenus .submenu-section .submenu-check-item {
  display: flex;
  align-items: center;
}

.submenus .submenu-category {
  border-color: #e7e7e6;
  border-style: solid;
  border-width: 1px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}

.submenus .submenu-category ul {
  list-style-type: none;
}

/* The container */

.submenu-category-item .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */

.submenu-category-item .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */

.submenu-category-item .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */

.submenu-category-item .container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */

.submenu-category-item .container input:checked ~ .checkmark {
  background-color: #2196f3;
}

/* Create the checkmark/indicator (hidden when not checked) */

.submenu-category-item .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */

.submenu-category-item .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */

.submenu-category-item .container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.submenus .submenu-location {
  border-color: #e7e7e6;
  border-style: solid;
  border-width: 1px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}

.submenus .submenu-location .location {
  width: 70%;
}

.no-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 16px;
}

.no-menu .search {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.no-menu .search .typesearch {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  font-size: 0.875rem;
  font-family: "Roboto", sans-serif;
  width: auto;
  padding: 15px 62px 15px 15px;
}

.no-menu .service-content {
  display: flex;
  margin-top: 16px;
}

.no-menu .service-content .service-images {
  display: flex;
  flex-direction: column;
}

.no-menu .service-content .service-images .secondary-image {
  padding-top: 1rem;
  width: 81px;
  height: 81px;
}

.no-menu .service-content .service-description {
  display: flex;
  flex-direction: column;
  margin-left: 3rem;
  margin-right: 3rem;
  width: 25rem;
}

.no-menu .service-content .pay {
  width: auto;
  border-color: #e7e7e6;
  border-style: solid;
  border-width: 1px;
  border-radius: 15px 15px;
  padding-right: 3rem;
  padding-left: 3rem;
}

.no-menu .service-content .pay-text {
  width: 20rem;
}

.no-menu .service-content .buttons {
  display: flex;
  flex-direction: column;
}

.button-primary {
  border-radius: 50px 50px;
  margin-bottom: 1rem;
  padding: 15px 15px;
  display: inline-block;
  width: 250px;
  background: #fbb03b;
  color: black;
  font: normal normal 600 13px/20px Poppins;
}

.button-tertiary {
  border-radius: 50px 50px;
  margin-bottom: 1rem;
  padding: 15px 15px;
  display: inline-block;
  width: 250px;
  background: #fefeff;
  color: black;
  font: normal normal 600 13px/20px Poppins;
  border-color: gray;
  border-style: solid;
  border-width: 1.5px;
}

.button-secondary {
  border-radius: 50px 50px;
  padding: 15px 15px;
  width: 250px;
  background: #d9d8d7;
  color: black;
  font: normal normal 600 13px/20px Poppins;
  margin-bottom: 1rem;
}

.input {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.input input {
  border-color: #c3ced3;
  border-radius: 40px 40px;
  border-width: 1.5px;
  border-style: solid;
  height: 45px;
  background: white;
}

.input select {
  background: white;
  border-radius: 25px 25px;
  height: 45px;
  border: #c3ced3 solid 1px;
}

.input textarea {
  border-color: #c3ced3;
  border-radius: 5px 5px;
  border-width: 1.5px;
  border-style: solid;
  background-color: white;
}

.input label {
  font-weight: bold;
  text-transform: capitalize;
  font-size: 15px;
  padding-bottom: 5px;
}

.quote-detail {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.quote-detail hr {
  width: 75%;
  background: #d9d8d7;
}

.quote-detail .quote-table {
  width: 1200px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 16px;
}

.quote-detail .quote-table div {
  padding: 12px;
  box-sizing: border-box;
}

.quote-table .quote-table-quote {
  width: 150px;
  overflow: hidden;
}

.quote-table .quote-table-detail {
  width: 500px;
  overflow: hidden;
}

.quote-table .quote-table-proyect {
  width: 200px;
  overflow: hidden;
}

.quote-table .quote-table-agree {
  width: 150;
  overflow: hidden;
}

.quote-table .quote-table-buttons {
  width: 200px;
  display: flex;
  flex-direction: column;
}

.quote-table .quote-table-buttons button {
  width: auto;
}

#user-profile {
  display: flex;
  right: 0;
  margin-right: 64px;
  width: 310px;
  flex-direction: column;
  top: 64px;
}

#user-fav {
  width: 401px;
  right: 0;
  margin-right: 26px;
  top: 64px;
}

.t-box {
  position: absolute;
  max-height: calc(100vh - 128px);
  background: #ffffff;
  box-shadow: 1px 0px 10px #00000026;
  overflow: auto;
  z-index: 9999;
}

#user-info {
  padding: 33px;
  display: table;
  text-align: center;
  width: 100%;
}

.opa:hover,
.size-box-st button:hover,
.color-box-item:hover,
.arrow ion-icon:hover,
.icon:hover,
a:hover,
.title-icon:hover,
.h-link:hover,
.item-fav:hover,
.item-box-y:hover,
.item-box:hover,
.item-box-s:hover,
.product-box:hover,
.img-c-grid img:hover,
.circle:hover,
.social-bubble:hover,
.product-i-cur-item:hover,
.store-m-market:hover {
  opacity: 0.75;
}

.opa:active,
.size-box-st button:active,
.color-box-item:active,
.arrow ion-icon:active,
.icon:active,
a:active,
.title-icon:active,
.h-link:active,
.item-fav:active,
.item-box-y:active,
.item-box:active,
.item-box-s:active,
.product-box:active,
.img-c-grid img:active,
.circle:active,
.social-bubble:active,
.product-i-cur-item:active,
.store-m-market:active {
  opacity: 0.89;
}

.user-img {
  width: 157px;
  height: 157px;
  margin: 0 auto;
}

.user-img img {
  border-radius: 100%;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.user-name {
  text-align: center;
  font: normal normal bold 20px/9px Montserrat;
  letter-spacing: 0.5px;
  color: #414042;
  opacity: 1;
  padding: 0px 10px;
  margin-top: 20px;
  line-height: 1;
}

.user-mail {
  text-align: center;
  font: normal normal normal 14px/9px Open Sans;
  letter-spacing: 0px;
  color: #959595;
  padding: 5px 10px;
  line-height: 1;
}
#main-container {
  position: relative;
  min-height: 100%;
  display: flex;
  flex-direction: row;
  flex: 1;
}
#body-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  min-height: 100%;
  overflow: auto;
}
.t-box #close-cross,
#navigator #close-cross {
  position: absolute;
  right: 0;
  padding: 20px;
  margin-right: 0;
}

#user-profile ul {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
  display: flex;
  /* move flex-items in column */
  flex-direction: column;
  overflow: auto;
  padding-bottom: 15px;
}

#user-profile .select-language .language {
  float: left;
}

#user-profile ul > li:nth-last-child(3) {
  margin-top: auto;
}

.line-div {
  padding: 10px 26px !important;
  cursor: default;
  margin-top: auto !important;
}

.hr-line {
  width: 100%;
  height: 1px;
  background: #9e9e9e;
}

#user-profile ul li {
  cursor: pointer;
  margin: 0;
  padding: 14px 30px 7px 75px;
  text-align: left;
  opacity: 1;
  font-size: 12px;
  font: normal normal normal 15px/10px Open Sans;
  letter-spacing: 0.01px;
  color: #9e9e9e;
  text-transform: capitalize;
}

#user-profile ul li.selected {
  background: #ffcf21;
  color: #ffffff !important;
}

#user-profile ul li:hover {
  background-color: rgb(236, 236, 236);
}

#user-profile ul li:active {
  background-color: rgb(207, 207, 207);
}

#user-profile ul li.selected:hover {
  background: rgb(252, 203, 25);
}

#user-profile ul li .icon {
  font-size: 18px;
  margin-left: -35px;
  position: relative;
  float: left;
  color: inherit;
  margin-top: -7px;
}

#user-profile ul li.secondary {
  padding-left: 95px;
  text-transform: none !important;
  display: none;
}

.badge-x {
  line-height: 15px;
}

#fav-box {
  padding: 40px;
  display: flex;
  flex-direction: column;
}

#fav-box .fav-title {
  text-align: left;
  font: normal normal 600 12px/15px Montserrat;
  letter-spacing: 1.08px;
  color: #000000;
  text-transform: uppercase;
  padding-bottom: 15px;
}

#fav-box .fav-item {
  display: flex;
  flex-direction: row;
  padding-bottom: 15px;
  width: 100%;
  justify-content: space-between;
  place-items: center;
}

#fav-box .fav-img {
  width: 70px;
  height: 70px;
  margin-right: 30px;
}

#fav-box .fav-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}

#fav-box .fav-info-title {
  text-align: left;
  font: normal normal 600 16px/39px Poppins;
  letter-spacing: 0px;
  color: #000000;
  line-height: 1;
}

#fav-box .fav-info-id {
  text-align: left;
  font: normal normal 300 13px/39px Poppins;
  letter-spacing: 0px;
  color: #c4c4c4;
  line-height: 2;
}

#fav-box .fav-info-action {
  text-align: left;
  letter-spacing: 0px;
  color: #72848c;
  font-size: 12px;
  font-family: "Roboto";
  line-height: 1;
}

#fav-box .fav-info {
  flex: 1 1 0%;
}

#fav-box .fav-info-action a {
  color: inherit;
}

#btn-w {
  letter-spacing: 0px;
  color: #000000;
  text-transform: capitalize;
  background: white;
  border-radius: 40px;
  padding: 19px 60px;
  font: normal normal 600 13px/20px Poppins;
  margin: 0 auto;
  background-color: #ffffff;
  border: 1px solid #d8d8d8;
  position: relative;
}
.cf-grid {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 48px;
  grid-auto-columns: max-content;
  padding-left: 53px;
  margin-top: 25.06px;
}

.c-white {
  background: white;
  box-shadow: inset 0px 0px 0px 1px #d8d8d8;
}

#btn-w:hover,
.c-white:hover {
  background: rgb(247, 247, 247);
}

#btn-w:active,
.c-white:active {
  background: rgb(238, 238, 238);
}

.btn-icon {
  position: absolute;
  font-size: 20px;
  font-weight: bold;
  padding: 0;
  margin-left: -40px;
}

#external-box {
  padding: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#user-external {
  width: 309px;
  right: 0;
  margin-right: 26px;
  top: 64px;
}

#user-external img:hover {
  transition: 0.2s;
  transform: scale(1.1);
  position: relative;
  z-index: 1;
}

#nav-bar-button {
  display: none;
}

.loginBtn--facebook {
  background: #4c69ba !important;
  background-image: linear-gradient(#4c69ba, #3b55a0);
  text-shadow: 0 -1px 0 #354c8c;
  color: #ffffff;
}

.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
  background: #5b7bd5 !important;
  background-image: linear-gradient(#5b7bd5, #4864b1);
}

.nl {
  margin-left: 0 !important;
}

/* Google */

.loginBtn--google {
  background: #dd4b39 !important;
  color: #ffffff;
}

.loginBtn--google:hover,
.loginBtn--google:focus {
  background: rgb(252, 95, 74) !important;
}

.social-login {
  width: 100%;
  text-align: center;
  padding: 20px 0px;
}

.bubble {
  position: absolute;
  z-index: 999;
  margin-left: 16px;
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  font-family: "Montserrat";
  font-size: 9px;
  line-height: 1;
  border-radius: 8px;
  border: 1px solid #c8c8c8;
  padding: 15px;
  top: 25px;
  max-width: 230px;
  background-color: #ffffff;
  min-width: 205px;
}

.bubble ion-item {
  --padding-start: 5px;
  --border-width: 0;
  border-bottom: 1px solid #e5e5e5;
}

.bubble ion-label {
  font-family: "Montserrat" !important;
  font-size: 11px !important;
  color: #000000 !important;
  font-weight: 500 !important;
}

.bubble ion-radio {
  margin: 0;
  margin-right: 11px;
}

.bubble::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 100%;
  left: 12px;
  border: 7px solid transparent;
  border-top: none;
  border-bottom-color: #fff;
  filter: drop-shadow(0px -1px 0px #c8c8c8);
  margin-bottom: -1px;
}

.bubble a {
  color: inherit;
}

.features {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 45px;
  place-items: center;
}

.features .f-desc .f-title {
  color: #333333;
  opacity: 1;
  background-color: transparent;
  height: auto;
  letter-spacing: 0px;
  line-height: 46px;
  position: relative;
  text-align: left;
  white-space: normal;
  font-size: 38px;
}

.features .f-desc p {
  letter-spacing: 0.1px;
  line-height: 26px;
  margin-top: 12px;
  position: relative;
  text-align: left;
  font-size: 16px;
}

#container {
  font-family: "Montserrat";
}

.join-t {
  display: flex;
  place-content: space-between;
  place-items: center;
  margin-top: 80px;
}

.join-t div {
  flex: 1;
}

.join-title {
  letter-spacing: 3.2px;
  color: #333333;
  text-transform: uppercase;
  opacity: 1;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}

.join-div {
  text-align: center;
  position: relative;
  line-height: 2;
}

.join-div-line {
  height: auto;
  width: 1px;
  background: #999999;
  margin: 0 auto;
  min-height: 80px;
}

.join-text {
  font-family: Open Sans;
  letter-spacing: 0.1px;
  color: #666666;
  opacity: 1;
  font-size: 16px;
  margin-top: 10px;
}

button.join-btn {
  border-radius: 24px;
  opacity: 1;
  text-align: center;
  letter-spacing: 0.86px;
  text-transform: uppercase;
  font-size: 12px;
  padding: 15px 22px;
  margin-top: 60px;
}

.green {
  background: #35cc62 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 16px #00992e40;
  color: #ffffff;
}

.green:hover {
  background: #45e675 0% 0% no-repeat padding-box;
}

.green:active {
  background: #24ad4e 0% 0% no-repeat padding-box;
}

.pink {
  background: #d81cbb 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 16px #af0b964b;
  color: #ffffff;
}

.pink:hover {
  background: #e74ed0 0% 0% no-repeat padding-box;
}

.pink:active {
  background: #cf08b1 0% 0% no-repeat padding-box;
}

button.join-btn-p {
  box-shadow: 0px 8px 16px #00992e40;
  border-radius: 24px;
  opacity: 1;
  text-align: center;
  letter-spacing: 0.86px;
  text-transform: uppercase;
  font-size: 12px;
  padding: 15px 22px;
  margin-top: 60px;
}

.join-item,
.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.item-container {
  min-width: 100%;
  padding: 15px 0px;
}

.c-header {
  display: table;
  width: 80%;
  margin: 0 auto;
}

.c-title {
  text-align: left;
  letter-spacing: 0px;
  color: #333333;
  font-size: 38px;
  font-weight: 400;
}
.c-title-2 {
  font-weight: 800;
  letter-spacing: 3.2px;
  font-size: 16px;
}
.c-desc {
  text-align: left;
  letter-spacing: 0px;
  color: #333333;
  opacity: 1;
  font-size: 19px;
  font-weight: 300;
}

.c-more {
  float: right;
  text-align: left;
  letter-spacing: 3.2px;
  color: #333333;
  text-transform: uppercase;
  display: grid;
  grid-auto-flow: column;
  font-size: 16px;
  font-weight: 500;
  place-items: center;
  grid-gap: 20px;
}

.c-icon {
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  padding: 10px;
  font-size: 32px;
  line-height: 0;
}

.product-img {
  height: 385px;
  width: 100%;
  position: relative;
}

.product-img img {
  object-fit: cover !important;
  height: 100%;
  width: 100%;
}

.product-box {
  max-width: 272px;
  position: relative;
  display: grid;
  grid-auto-flow: row;
  grid-gap: 30px;
  cursor: pointer;
}

.product-disc {
  position: absolute;
  top: 25px;
  left: 25px;
  background: #ff0000 0% 0% no-repeat padding-box;
  border-radius: 40px;
  color: #ffffff;
  font: normal normal 600 12px/18px Poppins;
  letter-spacing: 0px;
  text-align: center;
  padding: 8px 14px;
  z-index: 99;
}

.product-title {
  text-align: left;
  font: normal normal 300 16px/25px Poppins;
  letter-spacing: 0px;
  color: #000000;
}

.product-price {
  text-align: left;
  font: normal normal normal 20px/30px Poppins;
  letter-spacing: 0px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: min-content;
  grid-gap: 30px;
}

.product-new-price {
  color: #ff0000;
}

.product-old-price {
  color: #cecece;
}

.carousel {
  padding: 25px 0px;
  height: 520px;
}

.carousel .flickity-viewport {
  position: absolute;
  width: 100%;
}

.carousel-cell {
  width: 308px;
  height: 100%;
}

.flickity-page-dots .dot {
  border-radius: 0 !important;
  width: 30px !important;
  height: 2px !important;
  margin: 0 8px;
  background: #5c4f4f33 !important;
  cursor: pointer;
  opacity: 1 !important;
}

.mx {
  margin: 0 8%;
}

.mxs {
  margin: 0 5%;
}

.center-table {
  display: grid;
  place-items: center;
  padding: 0 6%;
}

.small-letters {
  margin-top: 0px;
}

.sm-letter {
  color: #afafaf;
  font-size: 60%;
}

.pago-img {
  width: 100%;
  height: 100%;
  text-align: center;
  cursor: pointer;
}

.lista-img {
  width: 40px !important;
  height: 40px !important;
  text-align: center;
  cursor: pointer;
}

.lista-img img {
  border-radius: 100% !important;
  width: 100% !important;
  height: 100% !important;
}
.flickity-page-dots .dot.is-selected {
  background: #333333 !important;
}

.banner {
  min-height: 156px;
  width: 90%;
  margin: 0 auto;
  display: flex;
  place-items: center;
  text-align: center;
  position: relative;
  place-content: center;
  padding: 50px 50px;
}

.banner-txt {
  text-align: left;
  font: normal normal normal 25px/39px Poppins;
  color: #ffffff;
  text-shadow: 1px 1px #000000;
  position: absolute;
  left: 64px;
}

button.banner-btn {
  background: #00000063 0% 0% no-repeat padding-box;
  border-radius: 50px;
  text-align: center;
  font: normal normal 600 12px/39px Poppins;
  letter-spacing: 2.64px;
  color: #ffffff;
  opacity: 1;
  text-transform: uppercase;
  padding: 8px 26px;
  font-weight: 400;
  text-shadow: 1px 1px #000000;
}

ion-toggle {
  --background: #ffffff;
  --background-checked: #ffffff;
  --handle-background: #4e4e4e;
  --handle-background-checked: #8a3ab9;
  padding: 1px 1px;
  border-radius: 15px;
  border: 1px solid #717171;
  width: 29px;
  --handle-width: 12px;
  --handle-height: 12px;
  height: 12px;
}

.box {
  border: 1px solid #e6e6e6;
  margin-bottom: 15px;
}

.box-title {
  text-align: left;
  font: normal normal 600 12px/15px Montserrat;
  letter-spacing: 1.08px;
  color: #000000;
  text-transform: uppercase;
  position: relative;
  padding: 25px 51px;
  display: table;
  width: 100%;
}

.title-icon {
  position: relative;
  float: right;
  font-size: 16px;
  cursor: pointer;
}

.box-filter {
  padding: 0px 46px;
  margin-bottom: 25px;
  text-align: left;
}

.box-filter ion-list {
  margin: 0;
  padding: 0;
}

.box-filter ion-label {
  font: normal normal normal 14px/19px Open Sans;
  letter-spacing: 0px;
  color: #000000;
}

.box-filter ion-item {
  --padding-end: 5px;
  --inner-padding-end: 0px;
  --border-style: none;
  --padding-start: 5px;
}

ion-checkbox {
  --background: #ffffff;
  --background-checked: #8a3ab9;
  --border-color: #d4d4d4;
  --border-color-checked: #8a3ab9;
  --border-radius: 0px;
  --border-width: 1px;
  --checkmark-color: #ffffff;
  --size: 26px;
  margin-right: 18px;
  margin-top: 0;
  margin-bottom: 0;
  --checkmark-width: 5px;
}
ion-checkbox.checkbox-checked {
  --border-width: 6px !important;
}

ion-range {
  --bar-background: #000000;
  --bar-background-active: #8a3ab9;
  --knob-background: #ffffff;
  --knob-box-shadow: 0px 0px 0px 2px #8a3ab9;
  --bar-height: 1px;
  --knob-size: 15px;
}

.search-input-x {
  display: table;
  position: relative;
  width: 100%;
  background: transparent;
  padding: 0px 5px;
}

.search-input-x input[type="text"] {
  width: 100%;
  position: relative;
  background: white;
  border: 1px solid #d8d8d8;
  padding: 13px;
  padding-right: 45px;
  font-size: 13px;
  border-radius: 5px;
  outline: none;
}

.search-input-x-icon {
  position: absolute;
  top: 11px;
  right: 24px;
  color: #d8d8d8;
  font-size: 20px;
}

.tw-col {
  width: 100%;
}

.btn-s-2 {
  margin-top: 4%;
  padding: 3px 10px !important;
  border: 0 !important;
  text-align: center;
  font-size: 8px;
  font-family: "Poppins";
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  font-weight: 600;
  border-radius: 40px;
  min-height: 19px;
}

.btn-s {
  padding: 9.5px 21px !important;
  border: 0 !important;
  text-align: center;
  font: normal normal 600 13px/20px Poppins;
  letter-spacing: 0px;
  color: #000000;
  text-transform: capitalize;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  font-weight: bold;
  border-radius: 40px;
  min-height: 49px;
}

.btn-s-icon {
  font-size: 30px;
  padding-right: 5px;
}

#col-header #search-bar {
  flex-grow: 0.4;
}
#search-bar {
  position: relative;
}

.c-grey {
  background: #eaeaea !important;
}

.c-grey:hover {
  background: #e4e4e4 !important;
}

.c-grey:active {
  background: #d4d4d4 !important;
}

.c-green {
  background: #7ad06d !important;
}

.c-green:hover {
  background: #6ec461 !important;
}

.c-green:active {
  background: #5fb452 !important;
}

.btn-s .btn-icon {
  margin-left: -26px !important;
}

#col-header {
  display: grid;
  grid-gap: 25px;
  place-content: center;
  place-items: center;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
}

.item-box {
  width: 100%;
  min-height: 200px;
  max-height: 266px;
  height: 45vh;
  background: rgb(215, 215, 215);
  background: linear-gradient(
    0deg,
    rgba(215, 215, 215, 1) 0%,
    rgba(255, 255, 255, 1) 25%
  );
  background-size: cover;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.068) 0px 1px 3px, rgba(0, 0, 0, 0.13) 0px 1px 2px;
  display: flex;
}

.item-gift {
  width: 100%;
  min-height: 200px;
  max-height: 200px;
  height: 35vh;
  background: rgb(255, 255, 255);
  background-size: cover;
  position: relative;
  display: flex;
}

.item-img {
  width: 100%;
  height: 100%;
  padding: 10px 10px 64px 10px;
  text-align: center;
  cursor: pointer;
}

.item-img img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.item-img-g {
  width: 100%;
  height: 100%;
  padding: 10px;
  text-align: center;
  cursor: pointer;
}

.item-img-g img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.item-fav {
  width: 38px;
  height: 38px;
  background: white;
  position: absolute;
  top: 19px;
  right: 19px;
  border-radius: 100%;
  padding: 11px;
  font-size: 16.5px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  color: #000000;
}

.item-fav ion-icon,
#search-bar ion-icon {
  --ionicon-stroke-width: 50px;
}

.item-selected {
  background: #fbb03b 0% 0% no-repeat padding-box !important;
  color: #ffffff;
}

.item-more {
  bottom: 15px;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
}

.item-more button {
  border-radius: 19px;
  font: normal normal 600 13px/20px Poppins;
  letter-spacing: 0px;
  color: #000000;
  text-transform: capitalize;
  padding: 10px 36px;
  font-weight: bold;
}

.item-title {
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
  font: 14px/18px Montserrat;
  margin-top: 20px;
  font-weight: 700;
}
.item-title-g {
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
  font-size: 10px;
  margin-top: 6px;
  margin-left: 8%;
  font-weight: 700;
}
#item-grid {
  padding: 1vh 0px;
  grid-gap: 2vw;
  margin-top: 10px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

#fotos-grid {
  padding: 1vh 0px;
  grid-gap: 0.5vw;
  margin-top: 10px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.item-grid-center {
  place-content: center;
}

.tz-col {
  display: grid;
  grid-auto-flow: row;
  padding: 30px;
  grid-gap: 40px;
  margin-top: 10px;
  width: 100%;
  grid-template-columns: 1fr 2fr !important;
}
.item-map {
  width: 100%;
  height: 100%;
}

.nmt {
  margin-top: 0 !important;
}
.nmw {
  min-width: unset !important;
}
.mt12 {
  margin-top: 12px;
}
.item-col {
  overflow: auto;
  display: grid;
  grid-auto-flow: row;
  grid-gap: 15px;
  align-content: start;
  width: 25.625vw;
}

.item-fav.item-fav-s {
  top: 5px;
  right: 5px;
  width: 14px;
  height: 14px;
  padding: 10px;
  font-size: 12px;
  display: grid;
  place-content: center;
  place-items: center;
}

.item-box-s {
  position: relative;
  grid-gap: 20px;
  height: fit-content;
  height: -webkit-fill-available;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: max-content;
}

.item-title-s {
  text-align: left;
  font: 22px/32px Montserrat;
  letter-spacing: 0px;
  color: #212121;
  text-transform: uppercase;
  font-weight: 500;
  white-space: normal;
  width: 100%;
  position: relative;
  cursor: pointer;
  content: " ";
  height: 18px;
}

.c3 {
  width: 100%;
  padding: 0px 30px;
}

.rating-s {
  display: grid;
  grid-auto-flow: column;
  width: fit-content;
  width: -moz-fit-content;
  grid-gap: 10px;
  align-items: center;
}

.rating-stars-s {
  display: grid;
  align-content: center;
  place-items: center;
}

.rating-views-s {
  display: grid;
  grid-auto-flow: column;
  place-content: center;
  color: #9fa3a7;
  font-weight: bold;
  font-size: 10px;
  letter-spacing: 0.8px;
  place-items: center;
  grid-gap: 3px;
}

.rating-view-icon {
  font-size: 19px;
  padding-top: 2px;
}

.item-title-s p {
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-transform: uppercase;
  position: absolute;
  width: 100%;
  font-size: 0.8em;
  margin: 0;
  padding: 0;
  top: -5px;
}

.rating-s b {
  font: normal normal bold 20px/27px Open Sans;
  letter-spacing: 0.02px;
  color: #000000;
}

.item-img-s {
  width: 130px;
  height: 130px;
  background: url(../img/item-bg.png);
  background-size: cover;
  position: relative;
  display: flex;
  float: left;
}

.item-img-s img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.rating-s {
  display: grid;
  grid-auto-flow: column;
  width: fit-content;
  width: -moz-fit-content;
  grid-gap: 10px;
}

.rating-stars-s {
  display: grid;
  align-content: center;
  place-items: center;
}

.rating-views-s {
  display: grid;
  grid-auto-flow: column;
  place-content: center;
  color: #9fa3a7;
  font-weight: bold;
  font-size: 10px;
  letter-spacing: 0.8px;
  place-items: center;
  grid-gap: 3px;
}

.rating-view-icon {
  font-size: 19px;
  padding-top: 2px;
}

ul.item-info-s {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.item-info-s li {
  font: normal normal normal 14px/19px Open Sans;
  letter-spacing: 0px;
  color: #000000;
  display: table;
  width: 100%;
  padding-left: 7px;
  padding-top: 1px;
  padding-bottom: 1px;
  position: relative;
}

.item-info-icon {
  position: absolute;
  margin-left: -16px;
  margin-top: 2px;
}

.nav-filter {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #efefef;
  height: 44px;
  border-radius: 3px;
  font: normal normal normal 14px/32px Montserrat;
  letter-spacing: 0px;
  color: #302f2f;
  display: flex;
  place-items: center;
  padding: 0px 15px;
  text-transform: uppercase;
  justify-content: space-between;
  cursor: pointer;
}

.nav-filter-icon-r {
  padding-top: 3px;
}

.c1 .tw-col {
  grid-template-columns: auto !important;
}

#search-bar input:focus,
.search-input-x input:focus,
.input-send-msg input:focus,
.input-send-msg input:focus {
  box-shadow: 0 0 0 2px #ffcf21;
}

.item-box-y {
  width: 100%;
  cursor: pointer;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #d8d8d8;
  border-radius: 29px;
  height: 100%;
}

.item-img-y {
  width: 100%;
  height: 243px;
  border-radius: 29px 29px 0px 0px;
  position: relative;
  background: url(../img/item-bg.png);
  background-size: cover;
}

.item-img-y img {
  border-radius: 29px 29px 0px 0px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.item-desc-y {
  padding: 15px;
}

.item-title-y {
  font: 16px/25px Poppins;
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
}

.item-info-y {
  font: normal normal 300 16px/25px Poppins;
  letter-spacing: 0px;
  color: #000000;
  font-weight: 300;
}

.item-raiting-y b {
  font: normal normal 600 15px/20px Open Sans;
  letter-spacing: 0.01px;
  color: #000000;
  font-weight: 800;
  align-self: center;
}

.item-price-y {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
}

.item-price-y del {
  text-decoration: line-through;
  font: normal normal normal 20px/30px Poppins;
  letter-spacing: 0px;
  color: #9fa3a7;
}

.item-price-y b {
  font: normal normal 600 20px/30px Poppins;
  letter-spacing: 0px;
  color: #318200;
}

.item-disc-y {
  font: normal normal normal 12px/18px Poppins;
  letter-spacing: 0px;
  color: #318200;
  align-self: center;
  background: #eafcde 0% 0% no-repeat padding-box;
  border-radius: 5px;
  padding: 2px 6px;
  text-align: center;
}

.item-use-y {
  text-align: left;
  font: normal normal 300 12px/17px Open Sans;
  letter-spacing: 0px;
  color: #000000;
  display: flex;
}

.item-use-y ion-icon {
  padding-right: 4px;
  padding-top: 2px;
  font-size: 13px;
  --ionicon-stroke-width: 45px;
}

.mc {
  margin: 0 auto;
}
.fwb {
  font-weight: bold !important;
}
.wmc {
  width: max-content;
}

.btn-pad {
  padding: 15px 50px !important;
}

.footer {
  padding: 20px 40px;
  background: #2c2c2c 0% 0% no-repeat padding-box;
  width: 100%;
  color: white;
  font-size: 12px;
  line-height: 3;
}
.content-4 {
  color: rgb(160 160 160);
}
.title-4 {
  letter-spacing: 4px;
  font-weight: bold;
  text-transform: uppercase;
}
.icon-4 {
  color: white;
  top: 0px;
  padding: 0;
  left: -35px;
  position: absolute;
}

#hot-links {
  letter-spacing: 4px;
  font-size: 12px;
  color: #2c2c2c;
  padding: 40px;
  background: #f7f8f9 0% 0% no-repeat padding-box;
  text-transform: uppercase;
  text-align: center;
}
.arrow-rx {
  color: white;
  font-weight: bold;
  font-size: 20px;
  padding-left: 13px;
  display: inline;
}
ul.ul-4 {
  list-style: none;
  padding: 0;
  margin: 0;
  color: white;
  width: 90%;
}
.footer ion-col {
  padding-right: 35px;
}

li.hot-link-4 {
  padding: 0;
  margin: 0;
  line-height: 1.5;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

li.hot-link-4:hover {
  padding: 0px 20px;
  background: #ffffff0d;
  transition: 0.2s;
  transform: scale(1.03);
}
li.hot-link-4:active {
  padding: 0px 10px;
  background: #ffffff33;
  transition: 0.2s;
  transform: scale(1.03);
}

#content,
#content-2 {
  padding: 25px;
}

.npb {
  padding-bottom: 0 !important;
}

.npt {
  padding-top: 0 !important;
}

.box-pad {
  padding: 0px 51px !important;
}

.box-pad-2 {
  padding: 0px 21.5px !important;
}

.box-pb {
  padding-bottom: 25px !important;
}

.box-pb .box-filter:last-child {
  margin-bottom: 0 !important;
}

.view-product-grid {
  display: grid;
  grid-gap: 15px;
  grid-auto-flow: column;
}

.view-number-grid {
  display: grid;
  grid-gap: 3%;
  grid-auto-flow: column;
}

.products-grid-2 {
  display: flex;
  width: 100%;
  margin-top: 45px !important;
}

.store-m-products {
  flex-grow: 1;
}

.arrow {
  color: black;
  align-self: center;
  font-size: 22px;
  padding: 9px 0px;
}

.product-calificacion {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.product-stars {
  display: flex;
  flex-direction: column;
}

.score-prod {
  display: flex;
  grid-gap: 3%;
  height: 20px;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}

.big-number {
  color: black;
  font-size: 60px;
  font-weight: 800;
}

.arrow ion-icon {
  cursor: pointer;
}

.img-container {
  width: 559px;
}

.st {
  place-content: baseline !important;
}

.img-c-first {
  width: 100%;
  height: 557px;
  position: relative;
  background: url(../img/item-bg.png);
  background-size: cover;
}

.img-c-first img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img-c-score {
  width: 100%;
  height: 200px;
  position: relative;
  background: url(../img/item-bg.png);
  background-size: cover;
}

.img-c-score img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img-c-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(81px, 0fr));
  grid-gap: 8px;
  margin-top: 9px;
}

.img-c-grid img {
  background: url(../img/item-bg.png);
  background-size: cover;
  height: 81px;
  width: 100%;
  object-fit: cover;
  cursor: pointer;
}

.rating-s.item-raiting-p {
  grid-gap: 30px;
  margin-top: 19.09px;
}

.rating-s.item-raiting-p b {
  text-align: left;
  font: normal normal 600 25px/34px Open Sans;
  letter-spacing: 0.03px;
  color: #000000;
  line-height: 1.7;
}

.rating-s.item-raiting-p .rating-views-s {
  grid-gap: 18.71px;
  letter-spacing: 0.8px;
  font-size: 16px;
}

.rating-s.item-raiting-p .rating-views-s .rating-view-icon {
  font-size: 32px;
  padding-top: 6px;
}

.item-price-c {
  max-width: fit-content;
  width: -moz-fit-content;
  grid-gap: 30px;
}

.item-price-c del {
  text-decoration: line-through;
  font: normal normal normal 35px/53px Poppins;
  letter-spacing: 0px;
}

.item-price-c b {
  font: normal normal 600 35px/53px Poppins;
  letter-spacing: 0px;
}

.item-price-c .item-disc-y {
  font: normal normal normal 20px/30px Poppins;
  letter-spacing: 0px;
  padding: 5px 15px;
}

.product-i-offer {
  text-align: left;
  font: normal normal 600 12px/18px Poppins;
  letter-spacing: 0px;
  color: #ffffff;
  background: #ff0000 0% 0% no-repeat padding-box;
  border-radius: 40px;
  width: max-content;
  text-transform: uppercase;
  font-weight: 300;
  padding: 7px 14px;
}
.item-price-l {
  grid-auto-flow: row;
  place-content: center;
  color: black;
  font: normal normal 600 20px/30px Poppins;
}
.product-i-title {
  text-align: left;
  font: normal normal 300 28px/34px Montserrat;
  letter-spacing: 0px;
  color: #000000;
}

.product-i-sub {
  text-align: left;
  font: normal normal 300 28px/34px Montserrat;
  letter-spacing: 0px;
  color: #2900ff;
}

.product-info-container {
  display: grid;
  grid-auto-rows: max-content;
  grid-gap: 10px;
  color: #000000;
  position: relative;
}

.product-i-opt {
  text-align: left;
  font: normal normal 300 13px/20px Poppins;
  letter-spacing: 0px;
  color: #000000;
  margin-top: 8.94px;
}

.product-i-opt-s {
  display: grid;
  grid-gap: 13px;
  margin-top: 12px;
  width: 100%;
  grid-template-columns: repeat(2, 1fr) !important;
}

.circle {
  width: 43px;
  height: 43px;
  background: white;
  border: 1px solid #e6e6e6;
  border-radius: 22px;
  display: flex;
  place-content: center;
  place-items: center;
  cursor: pointer;
}

.circle div {
  border: 1px solid #e6e6e6;
  border-radius: 100%;
  width: 25px;
  height: 25px;
}

.product-i-opt-s ion-item {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #d8d8d8;
  border-radius: 50px;
  min-width: 184px;
  --border-width: 0;
  text-transform: uppercase;
  font: normal normal normal 13px/24px Poppins;
  letter-spacing: 0px;
  color: #aaaaaa;
}
.product-gc-opt-s ion-item {
  text-transform: unset !important;
}
.dus {
  display: unset !important;
}
.gc-grid {
  display: flex;
  grid-auto-flow: column;
  grid-gap: 100px;
  align-items: center;
  margin-top: 56px;
}
.gc-buy {
  flex: 1;
}

.gc-info {
  flex: 0.5;
  text-align: center;
}
.gc-buy h2 {
  margin-bottom: 46px;
  font-weight: 200 !important;
}
.product-i-opt-s ion-select {
  width: 100%;
  padding: 0px 7px;
}

.product-i-desc {
  margin-top: 27.34px;
  font-size: 15px;
  text-align: left;
  font-weight: 400;
}

.product-i-d-title {
  font: normal normal bold 20px/24px Montserrat;
  letter-spacing: 0px;
  margin-bottom: 14px;
}

.product-subtitles {
  font-size: 18px;
  font-family: "Montserrat";
  font-weight: bold;
  letter-spacing: 0px;
  margin-bottom: 14px;
}
.product-i-links {
  margin-top: 10px;
}

.product-comment {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0px;
  margin-bottom: 1px;
}

.product-i-subt {
  text-align: left;
  font: normal normal normal 13px/16px Montserrat;
  letter-spacing: 0px;
  color: #000000;
  display: flex;
}

.grid-content {
  padding: 42px !important;
  display: flex;
  flex-direction: column;
  place-items: center;
}

.grid-content .banner {
  min-width: 100%;
}

.product-i-subt ion-icon {
  padding-right: 9.64px;
  padding-top: 0px;
  font-size: 16px;
}

.social-grid {
  display: grid;
  grid-auto-flow: column;
  width: -moz-fit-content;
  width: fit-content;
  grid-gap: 23.18px;
  margin-top: 24.35px;
  margin-bottom: 14.35px;
}

.cur-grid {
  display: grid;
  grid-auto-flow: column;
  width: -moz-fit-content;
  width: fit-content;
  grid-gap: 14px;
  margin-top: 17.6px;
  margin-bottom: 14.35px;
}

.product-i-cur-item {
  width: 117px;
  min-height: 115px;
  border: 1px solid #999999;
  display: grid;
  align-content: center;
  place-items: center;
  border-radius: 16px;
  text-align: center;
  grid-gap: 4px;
  cursor: pointer;
}

.product-i-cur-item.selected-c {
  border: 1px solid #fbb03b;
}

.product-i-cur-item *:nth-child(2) {
  font: normal normal 600 12px/18px Poppins;
  letter-spacing: 0px;
  color: #000000;
}

.product-i-cur-item *:nth-child(3) {
  font: normal normal 600 13px/20px Poppins;
  letter-spacing: 0px;
  color: #318200;
}

.product-i-cur-item *:nth-child(4) {
  font: normal normal normal 10px/16px Poppins;
  letter-spacing: 0px;
  color: #a1a1a1;
}

.social-bubble {
  cursor: pointer;
  border-radius: 100%;
  color: white !important;
  width: 37px;
  height: 37px;
  font-size: 23px;
  text-align: center;
  display: grid;
  place-content: center;
  place-items: center;
}

.product-i-cur-title {
  font: normal normal bold 18px/22px Montserrat;
  letter-spacing: 0px;
  color: #000000;
  display: flex;
  grid-auto-flow: column;
}

.product-i-cur-title ion-icon {
  padding-right: 14px;
  padding-top: 1px;
}
.product-buy-container {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #d8d8d8;
  border-radius: 14px;
  height: max-content;
  padding: 18.35px 62px;
  text-align: left;
  color: #000000;
  max-width: 351px;
  display: grid;
  grid-gap: 18.14px;
  text-align: left;
  font: normal normal normal 14px/18px Montserrat;
  letter-spacing: 0px;
  padding-bottom: 46.65px;
  width: auto;
}

.product-buy-container a {
  font-weight: 800;
  text-decoration: none;
  color: #222f3e;
  font: normal normal bold 13px/16px Montserrat;
}

#modal-header {
  font: normal normal normal 13px/20px Poppins;
  letter-spacing: 0px;
  color: #b2b2b2;
  opacity: 1;
  display: flex;
  grid-gap: 5px;
  line-height: 1;
  word-spacing: 5px;
  float: left;
  min-width: 100%;
  text-align: left;
  font-weight: 200;
}

.store-m-img {
  background: url(../img/item-bg.png);
  background-size: cover;
  position: relative;
  display: flex;
  width: 100%;
  height: 505px;
}

.store-m-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.store-m-img .item-fav {
  top: 29px;
  right: 33px;
}

#store-st-img {
  background: url(../img/item-bg.png);
  background-size: cover;
  position: relative;
  display: flex;
  max-width: 260.29px;
  height: 259.06px;
  border-radius: 17px;
  align-self: center;
}

.img-c-score-store {
  width: 90%;
  height: 160px;
  position: relative;
  border-radius: 17px;
  background: url(../img/item-bg.png);
  background-size: cover;
}

.img-c-score-store img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#store-st-p {
  text-align: center;
  display: flex;
  justify-items: center;
  grid-gap: 17.89px;
  margin-bottom: 15px;
  flex-direction: column;
}

#store-st-p button {
  width: max-content;
  margin: 0 auto;
}

.store-st-rating b {
  text-align: left;
  font: normal normal bold 18px/24px Open Sans;
  letter-spacing: 0.02px;
  color: #000000;
  line-height: 1;
}

.store-p-st li {
  padding-top: 9.5px !important;
  padding-bottom: 9.5px !important;
}

.store-st-name {
  text-align: center;
  font: 18px/22px Montserrat;
  letter-spacing: 0px;
  color: #212121;
  text-transform: uppercase;
  font-weight: 600;
}

.size-box-st button {
  width: 42px;
  height: 42px;
  background: white;
  font: normal normal normal 13px/20px Poppins;
  letter-spacing: 0px;
  color: #000000;
  border: 1px solid #d4d4d6;
  border-right: 0;
}

.size-box-st button:last-child,
.color-box-item:last-child {
  border-right: 1px solid #d4d4d4;
}

.color-box-st {
  grid-template-columns: repeat(auto-fit, minmax(42px, 0fr));
  display: grid;
}

.color-box-item {
  width: 42px;
  border: 1px solid #d4d4d4;
  height: 42px;
  background: white;
  display: flex;
  align-items: center;
  padding: 9px;
  border-right: 0;
}

.store-st-rating {
  display: flex;
  align-self: center;
  grid-gap: 10.28px;
}

.color-box-item button {
  width: 100%;
  height: 100%;
}

#store-st-img .item-fav {
  top: 9.82px;
  right: 17.19px;
}

.btn-2 {
  padding: 3.5px 21px !important;
  min-height: 39px;
  height: 39px;
}

.btn-2 .btn-s-icon {
  font-size: 20px;
}

.product-2 .product-img {
  max-width: 272px;
  height: 467px;
}

.store-m-content {
  color: #000000;
  display: grid;
  grid-gap: 14px;
  width: 489px;
  grid-auto-rows: max-content;
}

.store-m-info {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: space-between;
}

.store-m-title {
  text-align: left;
  font: normal normal bold 24px/29px Montserrat;
  letter-spacing: 0px;
}

.cupon-m-title {
  text-align: left;
  font: normal normal bold 22px/27px Montserrat;
  letter-spacing: 0px;
}

.cupon-disc {
  font: normal normal bold 20px/25px Montserrat;
  letter-spacing: 0px;
  color: #318200;

  text-align: left;
}

.store-m-rating b {
  text-align: left;
  font: normal normal 600 45px/68px Poppins;
  letter-spacing: 0.04px;
  line-height: 1;
}

ul.store-m-info-s li {
  text-align: left;
  font: 16px/19px Montserrat;
  letter-spacing: 0px;
  font-weight: 600;
  padding-left: 22px;
}

.store-m-info-s .item-info-icon {
  margin-left: -22px;
  text-align: left;
}

.store-m-desc p {
  width: 100%;
  text-align: justify;
  font: normal normal 300 16px/19px Montserrat;
  letter-spacing: 0px;
}

.store-m-content .product-i-links {
  margin: 0;
}

.store-m-content .social-grid {
  grid-gap: 14px;
}

.store-m-product {
  background: #f5f5f5 0% 0% no-repeat padding-box;
  border-radius: 10px;
  color: #000000;
  width: 100%;
  min-height: 220px;
  display: flex;
  grid-gap: 4px;
  padding: 14.54px 10px 14.54px 21.61px;
  flex-direction: column;
}

.store-m-p-img {
  position: relative;
  width: 100%;
  height: 100%;
}

.store-m-p-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.store-m-market {
  position: absolute;
  top: 1px;
  right: 1px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #d8d8d8;
  border-radius: 100%;
  width: 31px;
  height: 31px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
}

.store-m-p {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  text-align: center;
  font: normal normal 600 12px/21px Poppins;
  letter-spacing: -0.22px;
  line-height: 1;
  color: #111111;
  align-items: center;
  width: 100%;
  grid-template-columns: 70% 1fr;
}

.store-m-p-title {
  text-align: left;
  width: 100%;
}

.store-m-products-grid {
  grid-gap: 21px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 0fr));
}

.store-m-products .item-container {
  padding: 19px 0px;
}

.store-m-p-price {
  padding: 4px 12px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 17px;
  display: flex;
  align-items: center;
  letter-spacing: -0.24px;
  color: #ff4f04;
  font-size: 11px;
  font-family: "Poppins";
  line-height: 1;
  justify-content: center;
}

.left {
  justify-content: flex-start !important;
}

.osf {
  text-align: left;
  font: normal normal normal 16px/22px Open Sans !important;
  letter-spacing: 0px !important;
  color: #707070 !important;
}

.vist {
  grid-gap: 15px;
}

#col-bg {
  margin-bottom: 40px;
  height: 621px;
  width: 100%;
}

#col-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-links {
  background: transparent
    linear-gradient(180deg, #ffffff 0%, #c5c5c5 100%, #808080 100%) 0% 0%
    no-repeat padding-box;
  opacity: 0.9;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 6px;
  text-align: center;
  color: #000000;
  display: flex;
  justify-content: space-around;
}

.product-links .icono {
  background: white;
  border-radius: 100%;
  padding: 12px;
  --ionicon-stroke-width: 60px;
  font-size: 16px;
}

.blog-grid {
  grid-gap: 21px !important;
  grid-template-areas: none !important;
  grid-template-columns: repeat(auto-fit, minmax(360px, 0fr)) !important;
}

.blog-post {
  width: 360px;
  height: 100%;
  background: #f7f8f9 0% 0% no-repeat padding-box;
  border-radius: 6px;
}

.blog-post:hover {
  background: #292929 0% 0% no-repeat padding-box;
  color: #ffffff !important;
}

.blog-p-dark {
  background: #292929 0% 0% no-repeat padding-box;
}
.blog-p-dark .blog-p-title {
  color: #ffffff;
}
.store-m-rating {
  text-align: right;
}

.blog-p-img {
  width: 100%;
  height: 241px;
}

.blog-p-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.blog-p-title {
  letter-spacing: 0px;
  color: #212121;
  font-size: 22px;
  font-weight: 600;
  font-family: "Arvo", serif;
}
.blog-p-info {
  padding: 20px 24.85px;
}

.blog-p-desc {
  padding-top: 12.54px;
  padding-bottom: 25.69px;
  text-align: justify;
  letter-spacing: 0px;
  color: #9fa3a7;
  font-family: "Open Sans";
  font-size: 0.875rem;
  line-height: 2;
  height: 122.22px;
}

.blog-p-links {
  display: flex;
  width: 100%;
  letter-spacing: 0px;
  color: #9fa3a7;
  font-family: "Montserrat";
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  grid-gap: 24.08px;
}

.blog-p-links div {
  padding-left: 26px;
  position: relative;
}

.blog-p-links div ion-icon {
  position: absolute;
  left: 0;
  font-size: 18px;
  top: -3px;
  --ionicon-stroke-width: 53px;
}

.foro-grid {
  display: flex !important;
  grid-template-columns: max-content !important;
  flex-direction: row;
}

.foro-grid-b {
  display: grid;
  grid-gap: 27px;
  width: 100%;
}

.foro-post {
  display: flex;
  flex-direction: row;
  grid-gap: 11px;
}

.foro-img {
  width: 238px;
  height: 198px;
}

.foro-desc {
  flex: 1 1 0%;
}

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

.foro-desc h2 {
  margin-top: 24px;
  font: normal normal 600 16px/24px Montserrat;
  letter-spacing: 0px;
  color: #222222;
  text-transform: uppercase;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.foro-desc p {
  margin: 21px 0px;
  font: normal normal normal 16px/23px Open Sans;
  letter-spacing: 0px;
  color: #777777;
}

.foro-link-r {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  width: max-content;
  grid-gap: 26.16px;
}

.foro-link-r button {
  height: 38px;
  padding: 0px 30px !important;
}
.foro-desc {
  display: grid;
  flex: 1 1 0%;
  align-content: space-between;
}
.foro-links {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.foro-link-r .item-fav {
  margin: 0;
  top: 0;
  right: 0;
  position: relative;
  bottom: 0;
  left: 0;
}
.jobs-y .item-img-y {
  height: 186px;
}

.jobs-y .item-img-y img {
  object-fit: cover;
}

.jobs-y .item-title-y {
  font-weight: 500;
}
.jobs-y .item-price-y {
  justify-content: start;
  grid-gap: 16px;
}
.sr {
  display: grid !important;
  place-items: unset;
  width: 100%;
  grid-auto-flow: column !important;
  grid-auto-columns: max-content !important;
  justify-content: right !important;
  margin-bottom: 40px;
}

.sl {
  display: grid !important;
  place-items: unset;
  width: 100%;
  grid-auto-flow: column !important;
  grid-auto-columns: max-content !important;
  justify-content: left !important;
  margin-bottom: 0px;
}
.form-c2 {
  width: 100%;
  color: #000000;
}

.form-c2 h2 {
  margin-bottom: 62px;
  font-weight: 700;
}
.form-x {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 27px;
  align-items: flex-start;
}
.label-x {
  width: 100%;
  display: grid;
  grid-gap: 13px;
}

.label-x b {
  text-transform: uppercase;
  font-size: 15px;
}

.label-x div {
  text-transform: uppercase;
  color: #8f8f8f;
  font-weight: 500;
  font-size: 13px;
  overflow: auto;
}
.box-s-des {
  border: 1px solid #f2f2f2;
  padding: 15px;
  min-height: 126px;
}
.hus {
  min-height: unset;
}
ion-list.list-ns ion-item {
  /* padding: 0; */
  --padding-start: 0;
  --padding-bottom: 0;
  --padding-end: 0;
  --border-style: none;
  font-size: 15px;
}

ion-list.list-ns {
  margin-left: -4px;
}

.form-c2 a {
  color: blue;
}
#item-grid-v {
  display: grid;
  grid-gap: 20px;
  padding: 40px 0px;
}

.item-v {
  display: flex;
  grid-gap: 20px;
  justify-content: space-between;
  padding: 50px;
  background: white;
  box-shadow: 0px 0px 5px #00000021;
  flex-direction: column;
}

#item-class {
  background: #7ad06d;
  width: max-content;
  padding: 8px 15px;
  border-radius: 16px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: -0.4px;
}

#item-table {
  display: flex;
  grid-gap: 40px;
  font-size: 14px;
}
.item-t-header {
  color: #e0e0e0;
  font-weight: 500;
  text-align: left;
}
.item-t-logo {
  width: 142px;
  height: 135px;
  object-fit: contain;
}
.item-v-col {
  display: flex;
  flex-direction: column;
  grid-gap: 6px;
}
.item-t-img {
  width: 276px;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  max-height: 250px;
}
.num-label {
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
  background: white;
  border-radius: 40px;
  padding: 15px 35px;
  font: normal normal 600 13px/20px Poppins;
  margin: 0 auto;
  background-color: #ffffff;
  border: 1px solid #d8d8d8;
  position: relative;
  display: flex;
  grid-gap: 15px;
}
.num-label ion-icon {
  font-size: 18px;
  align-items: center;
  cursor: pointer;
}
.fc {
  display: flex;
  flex-direction: column;
}
#item-table .item-t-col {
  display: grid;
  grid-gap: 20px;
}
.item-t-footer {
  display: grid;
  align-items: flex-end;
}
.f1 {
  flex: 1;
}
.mwauto {
  width: max-content !important;
  margin: 0 auto !important;
}
.item-t-body p {
  font-weight: 500;
  text-align: justify;
}
.related-grid {
  grid-template-columns: repeat(5, 1fr) !important;
}
.qa-box {
  display: grid;
  grid-template-areas: "a a a";
  grid-template-columns: max-content;
  justify-content: space-between;
  grid-gap: 20px;
}

.qa-col {
  align-items: center;
  align-self: center;
  display: grid;
  grid-gap: 25px;
}

.qa-cont {
  text-align: left;
  font: normal normal 300 11px/17px Poppins;
  letter-spacing: 0px;
  color: #000000;
  padding: 20px 30px;
  display: flex;
  flex-direction: row;
  grid-gap: 30px;
  position: relative;
}

.qa-cont b {
  font: normal normal normal 30px/46px Poppins;
}
.div-line-2 {
  width: 1px;
  height: 58px;
  background: black;
}

.qa-cont div {
  align-self: center;
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.comment-p {
  padding: 30px 0px;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 20px;
}

.comment-count {
  border: 1px solid #999999;
  opacity: 1;
  padding: 24px 16px;
  display: grid;
  text-transform: uppercase;
  text-align: center;
  align-content: center;
  align-items: center;
  border-radius: 20px;
  font: normal normal 600 13px/20px Poppins;
  letter-spacing: 0px;
  color: #000000;
  width: fit-content;
  float: right;
}

.comment-count b {
  font: normal normal 600 25px/30px Poppins;
  letter-spacing: 0px;
  text-transform: uppercase;
  opacity: 1;
}

.comment-col {
  display: table;
  width: 100%;
}

.comment-title {
  font: normal normal 600 16px Montserrat;
  letter-spacing: 0px;
  color: #222222;
  line-height: 1;
}

.comment-col p {
  font: normal normal normal 16px/23px Open Sans;
  letter-spacing: 0px;
  color: #777777;
}
.comment-2 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.heart {
  cursor: pointer;
  color: #000000;
  width: 38px;
  height: 38px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #000000;
  display: flex;
  padding: 0 !important;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

.heart ion-icon {
  position: unset !important;
  --ionicon-stroke-width: 36px !important;
}
.store-p-p {
  align-items: center;
}
.btn-grid {
  display: grid;
  grid-gap: 17px;
  grid-auto-flow: column;
  position: relative;
}
.hr-line-r {
  width: 1px;
  height: 100%;
  background: black;
}
.btn-3 {
  padding: 8px 25px;
  background: white;
  border: 1px solid #d8d8d8;
  border-radius: 25px;
  font: normal normal 600 13px/20px Poppins;
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
}
.cart-item {
  font-size: 23px;
  font-weight: 300;
  display: flex;
  flex-direction: column;
}

.cart-item a {
  text-decoration: none;
}
.na {
  position: unset !important;
}
.cart-line {
  height: 2px;
  width: 135%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff9900+0,ff9900+37,e8e8e8+37,e8e8e8+100 */
  background: #ff9900; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #ff9900 0%,
    #ff9900 37%,
    #e8e8e8 37%,
    #e8e8e8 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #ff9900 0%,
    #ff9900 37%,
    #e8e8e8 37%,
    #e8e8e8 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #ff9900 0%,
    #ff9900 37%,
    #e8e8e8 37%,
    #e8e8e8 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#e8e8e8',GradientType=1 ); /* IE6-9 */
}
.btn-small {
  font-size: 8px;
  height: auto;
  min-height: 0px;
  padding: 5px 15px !important;
}
.btn-small .btn-s-icon {
  font-size: 10px;
}
.box-title-2 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
}
.item-v .box-content {
  font-size: 13px;
  display: grid;
  grid-gap: 6px;
}
.item-v .box-content button.btn-s {
  font-size: 11px;
}
.hr-div-2:after {
  height: 1px;
  width: 100%;
  content: "";
  background: black;
  position: absolute;
  top: 16px;
  left: 0;
  bottom: 0;
  right: 0;
}

.hr-div-2 {
  display: flex;
  position: relative;
  text-align: center;
  place-content: center;
  place-items: center;
}

td.f-green {
  color: #57bd19;
}

tr td:last-child {
  font-weight: 600;
}

tr:last-child {
  border-top: 1px solid black;
}

tr:last-child td {
  padding-top: 15px !important;
  font-weight: bold;
}

tr:nth-last-child(2) td {
  padding-bottom: 15px !important;
}

.hr-div-2 div {
  background: white;
  padding: 4px 10px;
  font-weight: 500;
  position: relative;
  z-index: 9;
  font-size: 19px;
}
.flex-step-box {
  display: flex;
  width: 100%;
  place-content: center;
  place-items: center;
  grid-gap: 10px;
}

.hr-3 {
  height: 1px;
  width: 30px;
  background: #e8e8e8;
}
.flex-step-box .item-fav {
  position: unset;
  top: unset;
  right: unset;
  color: #e8e8e8;
  display: flex;
  padding: 0px;
  align-items: center;
  justify-content: center;
}
.qa-box-2 {
  grid-template-areas: "a a";
}
#chat {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: flex;
  align-items: flex-end;
  place-content: flex-end;
  grid-gap: 40px;
  height: 0px;
}

.chat-bubble {
  background: white;
  border-radius: 100%;
  width: 100px;
  height: 100px;
  margin-top: 15px;
  box-shadow: 0px 3px 4px #02020252;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
  -webkit-text-fill-color: transparent;
  color: #9a9a9a;
  cursor: pointer;
}
.chat-bubble img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}
.chat-bubble:hover {
  background: rgb(248, 248, 248);
}
.chat-bubble:active {
  background: rgb(233, 233, 233);
}
#chat-msg-box {
  width: 300px;
  display: flex;
  grid-gap: 20px;
  justify-content: space-between;
  padding: 20px 30px;
  background: white;
  box-shadow: 0px 0px 6px #0000002e;
  flex-direction: column;
  font-size: 14px;
  color: #414042;
  position: relative;
  z-index: 100;
  cursor: pointer;
}
.chat-o-box {
  width: 370px;
  display: flex;
  grid-gap: 20px;
  justify-content: space-between;
  padding: 20px 30px;
  background: white;
  box-shadow: 0px 0px 29px #0000002b;
  flex-direction: column;
  font-size: 14px;
  color: #414042;
  position: relative;
  z-index: 100;
}
.chat-msg-header {
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
  grid-gap: 15px;
  font-size: 20px;
  align-items: center;
}
.chat-msg-header ion-icon {
  cursor: pointer;
}

.chat-msg-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
}

.chat-msg-title {
  border-top: 1px solid #41404259;
  padding-top: 35px;
}

.chat-msg-box {
  display: flex;
  flex-direction: row;
  grid-gap: 15px;
  align-items: center;
  flex: 1;
}

.chat-msg-box img {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  object-fit: cover;
  background: url(../img/item-bg.png);
  background-size: cover;
  padding: 2px;
}

.chat-msg-info {
  flex: 1;
}

.msg-name,
.msg-info {
  text-align: left;
  letter-spacing: 0px;
  color: #212121;
  font-weight: 500;
  white-space: normal;
  width: 100%;
  position: relative;
  height: 15px;
  font-size: 15px;
  line-height: 1;
}
.msg-odd {
  background: #f5f5f578;
  border-radius: 5px;
  padding: 10px;
}
.msg-even {
  border-radius: 5px;
  padding: 10px;
  background: #73737314;
}
.chat-msg-body {
  overflow: auto;
  display: grid;
  grid-gap: 10px;
  max-height: 35vh;
  align-content: flex-start;
  padding: 0px 5px;
  height: 100%;
}
.more-options-chat {
  position: absolute;
  right: 0;
  width: 100%;
  top: 58px;
  display: flex;
  grid-gap: 20px;
  justify-content: space-between;
  padding: 20px 30px;
  background: white;
  box-shadow: 0px 0px 29px #0000002b;
  flex-direction: column;
  font-size: 14px;
  color: #414042;
  z-index: 101;
  text-align: right;
}
.more-options-chat div {
  cursor: pointer;
}

.msg-name span,
.msg-info span {
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  width: 100%;
  margin: 0;
  padding: 0;
}

.msg-info {
  font-weight: 200;
  font-size: 13px;
  height: 13px;
  line-height: 1;
}
.chat-msg-title,
.chat-msg-box {
  padding-left: 13px;
  padding-right: 13px;
}
.chat-o-box .chat-msg-box {
  padding: 0;
}
#chat-msg-box,
.chat-o-box {
  max-height: calc(100vh - 40px);
  overflow: auto;
}

.msg-name {
  margin-bottom: 2px;
}
.chat-bubbles {
  float: right;
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 99;
}
.msg-text {
  position: relative;
  overflow-wrap: break-word;
  white-space: pre-wrap;
  width: 100%;
  word-break: break-all;
}
div#chat-options {
  min-width: 100px;
}
.online {
  background: #10c469;
}
.offline {
  background: #ff004c;
}
.status-circle {
  width: 9px;
  height: 9px;
  border-radius: 100%;
}

.status-circle-r {
  width: 9px;
  height: 9px;
  border-radius: 100%;
}
.chat-msg-info .status-circle {
  position: absolute;
  right: -8px;
  top: 3px;
}
.input-send-msg {
  display: flex;
  position: relative;
}

.input-send-msg input {
  background: white;
  width: 100%;
  flex: 1;
  color: black;
  font-size: 14px;
  padding: 8px 40px 8px 10px;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  outline: none;
}

.input-send-icon {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: #999999;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  padding: 5px 7.5px;
  border-radius: 5px;
  --ionicon-stroke-width: 50px;
  cursor: pointer;
}

.bcard-bg {
  height: 500px;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.bcard-user-info {
  width: 100%;
  display: flex;
  flex-direction: row;
  place-content: center;
  grid-gap: 30px;
}

.bcard-user-img {
  height: 200px;
  width: 200px;
  border-radius: 100%;
  border: 10px solid white;
  margin-top: -36px;
  background-position: center;
  background-size: cover;
}

.bcard-user-desc {
  display: flex;
  grid-gap: 24px;
  line-height: 1;
  font-size: 24px;
  flex-direction: column;
  margin-top: 30px;
  font-weight: 300;
}

button.btn-4 {
  border-radius: 25px;
  font-weight: 700;
  text-transform: capitalize;
  color: #000000;
  letter-spacing: 2px;
  font-size: 11px;
  padding: 13px 34px;
  cursor: pointer;
  display: flex;
  align-items: center;
  grid-gap: 5px;
  width: max-content;
}
.btn-4 ion-icon {
  font-size: 18px;
}

.c-whitegold {
  background: white;
  border: 1px solid #febe60;
}
.c-whitegold:hover {
  background: rgb(248, 248, 248);
  border: 1px solid #ffb84d;
}

.c-whitegold:active {
  background: rgb(236, 236, 236);
  border: 1px solid #ffa928;
}

.bcard-hot-links .btn-grid {
  border-top: 1px solid #eeeeee;
  padding-top: 24px;
}

.bcard-hot-links {
  align-items: flex-end;
}

.bcard-hot-links ion-icon {
  padding-bottom: 4px;
  font-size: 32px;
  cursor: pointer;
}

.bcard-qr {
  margin-top: 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
  font-size: 19px;
  font-weight: 300;
  place-items: center;
}
.tw-col-2 {
  display: flex;
  flex-direction: row;
  grid-gap: 40px;
}

.l-column {
  flex: 0.35;
}

.r-column {
  flex: 0.65;
}
.yl-title {
  background: linear-gradient(
      to right,
      #ffc80a 0%,
      #ffc80a 30%,
      #eeeeee 30%,
      #eeeeee 100%
    )
    left bottom #fff0 no-repeat;
  background-size: 100% 3px;
  text-align: left;
  letter-spacing: 0px;
  color: #4f5b60;
  font-size: 16px;
  padding: 10px 0px 20px 0px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000000;
  font-size: 16px;
  letter-spacing: 2px;
}
.box-2 {
  border: 1px solid #e6e6e6;
  border-radius: 17px;
  padding: 10px 30px;
  margin-top: 30px;
}
.box-2:first-child {
  margin-top: 0px;
}
.box-2-content {
  padding: 20px 0px;
  font-size: 14px;
  color: gray;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.l-icon ion-icon {
  font-size: 24px;
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
}

.l-icon {
  padding: 10px 0px 10px 36px;
  position: relative;
  width: 100%;
}
.box-2 .yl-title {
  font-size: 12px;
  letter-spacing: 2px;
}
.yl-title ion-icon {
  cursor: pointer;
}
.nbr {
  border-radius: 0;
}

.box-1-content {
  padding: 0px 51px;
  margin-bottom: 25px;
  text-align: left;
}
.tt-1 {
  position: absolute;
  background: white;
  left: 0;
  top: 79px;
  box-shadow: 0px 1px 4px #00000052;
  padding: 20px;
  z-index: 99;
  grid-gap: 30px;
  border-radius: 5px;
}
.tt-2 {
  position: absolute;
  background: white;
  left: 0;
  top: 79px;
  box-shadow: 0px 0px 8px #0000002e;
  padding: 20px;
  z-index: 99;
  grid-gap: 30px;
  border-radius: 5px;
  border: 1px solid #bababa;
  font-size: 10px;
}
.tt-r-1 {
  flex: 0.5;
  font-size: 14px;
  display: grid;
  grid-gap: 10px;
}
.tt-r-1 img {
  width: 100%;
  object-fit: cover;
  background: url(../img/item-bg.png);
  background-size: cover;
  padding: 10%;
}
.tt-r-1 b {
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 600;
}
.d-rw {
  display: flex;
  flex-grow: 0.5;
}
.tt-1 ul {
  list-style: none;
  margin: 0;
  padding: 5px;
}

.tt-1 li {
  display: flex;
  align-items: center;
  grid-gap: 15px;
  cursor: pointer;
}

.tt-1 ul li ion-icon {
  font-size: 22px;
}

.r-letters {
  left: unset;
  font-size: 13px;
  font-weight: 500;
}

.r-mx {
  right: 0;
  width: max-content;
  left: unset;
  font-size: 13px;
  font-weight: 500;
}
.small {
  font-size: 10px;
}
.grid-1 {
  display: grid;
  grid-gap: 10px;
}
.share-input {
  background: white;
  display: flex;
  flex-direction: row;
  border-radius: 13px;
}

.share-input input {
  background: transparent;
  outline: none;
  padding: 5px;
  font-size: 10px;
  border-radius: 13px;
  border: 1px solid #0000002b;
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.share-input button {
  border-radius: 0px 13px 13px 0px;
  color: black;
  font-weight: 700;
  font-size: 10px;
  display: flex;
  align-items: center;
}
.form-3 {
  color: black;
  width: 100%;
  font-size: 13px;
  display: grid;
  grid-gap: 20px;
}

.form-3 b {
  text-transform: uppercase;
}

.c-3-item {
  font-weight: bold;
}
.br-3 {
  border-radius: 3px !important;
}
.c-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
h2.form-title {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.list-title {
  text-align: left;
  font-size: 20px;
  font-weight: 600;
}
.btn-circle {
  color: black;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  display: flex;
  align-items: center;
  padding: 0;
  border: 1px solid #80808000;
  border-radius: 21px;
  padding-right: 15px;
  grid-gap: 5px;
}

.btn-circle ion-icon {
  font-size: 36px;
  border: 1px solid #80808038;
  border-radius: 100%;
}
.qrc {
  width: 100px;
  height: 100px;
}
.alert-radio-label.sc-ion-alert-md,
.alert-radio-label.sc-ion-alert-ios {
  white-space: normal;
}
#side-bar {
  padding-top: 25px;
  position: unset;
  left: 0;
  top: 0;
  right: auto;
  min-height: 100%;
  overflow-y: auto;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
  width: 290px;
  background: white;
  opacity: 1;
  overflow: auto;
  transition: 1s ease-out;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.11);
  grid-gap: 20px;
}
#side-bar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
  display: flex;
  /* move flex-items in column */
  flex-direction: column;
  overflow: auto;
}

img.user-img-b {
  width: 148px;
  height: 148px;
  object-fit: cover;
  border-radius: 100%;
}

.user-info-b {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  grid-gap: 9px;
  font-size: 12px;
  color: #999999;
}

.user-info-b b {
  font-size: 20px;
  color: black;
  line-height: 1;
}

#side-bar ul > li:last-child {
  margin-top: auto;
  padding-top: 13px;
  padding-bottom: 20px;
  border-top: 1px solid #ececec;
}

#side-bar ul li {
  cursor: pointer;
  padding: 13px 30px 13px 75px;
  text-align: left;
  color: #9e9e9e;
  opacity: 1;
  font-size: 13px;
}

#side-bar ul li.selected {
  text-transform: uppercase;
  background: #ffcf21 0% 0% no-repeat padding-box;
  color: #ffffff !important;
  font-size: 14px;
}

#side-bar ul li:hover {
  background-color: rgb(238, 238, 238);
}

#side-bar ul li.selected:hover {
  background: rgb(252, 203, 25) 0% 0% no-repeat padding-box;
}

#side-bar ul li ion-icon {
  font-size: 18px;
  margin-left: -35px;
  position: relative;
  float: left;
}

#side-bar ul li.secondary {
  padding-left: 95px;
  text-transform: none !important;
  display: none;
}
img.user-img-mc {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  cursor: pointer;
}
.tt-1 ul {
  text-align: center !important;
  padding-top: 15px !important;
}
@media only screen and (max-width: 1390px) {
  #item-grid {
    grid-template-columns: repeat(5, 1fr);
  }
  .related-grid {
    grid-template-columns: repeat(5, 1fr) !important;
  }
  /* .join-t{
    display: flex !important;
    flex-direction: column !important;
  } */
}

@media only screen and (min-width: 768px) {
  div#user-notif {
    width: 368px;
    right: 0;
    margin-right: 26px;
    top: 64px;
  }
  img.user-img-mc.opa {
    display: none;
  }
  .msb-x {
    -moz-animation: bodyslidein 0.3s forwards;
    -o-animation: bodyslidein 0.3s forwards;
    -webkit-animation: bodyslidein 0.3s forwards;
    animation: bodyslidein 0.3s forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .filter,
  .nav-filter {
    min-width: 15%;
  }
  .tw-col {
    display: flex;
    grid-gap: 2vw;
  }
  .r-col {
    flex-grow: 1;
  }
  .filter-c .box {
    width: 100%;
  }
  .filter-c {
    width: 25%;
    max-width: 350px;
    min-width: 350px;
  }
  #content {
    margin: 0 auto;
    max-width: 1825px;
  }
  #content-2 {
    max-width: 1000px;
    margin: 0 auto;
  }
  .features {
    grid-auto-flow: column;
    width: 75%;
    margin: 0 auto;
  }
  /* 
  

  .join-div {
    display: none;
  } */
  .login-modal{
    height: 528px;
    width: 768px;
  }
  .qr-modal{
    width: 380px;
    height: 380px;
  }
  .c-box:first-child {
    width: 315px;
    flex: none;
  }
  .f-rw {
    flex-direction: row;
  }
  #close-cross {
    position: absolute;
    right: 0;
    margin-right: 20px;
  }
  #navigator {
    display: block !important;
  }
  #navigator #close-cross {
    display: none;
  }
  .bubble #close-cross {
    display: none;
  }
  li.openX {
    display: none;
  }
  .product-gc-opt-s {
    grid-gap: 20px;
    justify-content: space-between;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media only screen and (max-width: 767px) {
  
body {
  scrollbar-width: 0;
}

::-webkit-scrollbar {
  width: 0;
}

  #side-bar {
    position: absolute;
    top: 0;
    width: 100%;
  }
  .tw-col-2,
  .bcard-user-info {
    flex-direction: column;
  }
  .item-t-col {
    width: 100%;
  }
  .bcard-hot-links .btn-grid {
    grid-template-areas: "a a";
    grid-auto-flow: dense;
  }

  .btn-grid.bcard-hot-links {
    align-items: center;
  }
  img.item-t-img {
    width: 100%;
    max-height: 250px;
  }

  .item-t-footer.btn-grid {
    grid-auto-flow: unset;
  }

  .cart-line {
    width: 100%;
  }

  .item-t-footer.btn-grid {
    grid-gap: 9px;
  }
  .comment-p {
    grid-auto-flow: row;
  }
  .comment-count {
    width: 100%;
  }
  .qa-box {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .blog-grid {
    grid-template-columns: auto !important;
  }
  #item-table {
    flex-direction: column;
    align-items: start;
  }
  .item-col {
    width: 100%;
  }
  .form-x {
    grid-template-areas: "a";
  }
  .cf-grid {
    padding-left: 0;
  }
  .blog-post {
    width: 100%;
  }
  #item-grid {
    align-items: center;
  }
  .view-product-grid {
    grid-auto-flow: row;
  }
  .view-number-grid {
    grid-auto-flow: row;
  }
  .product-buy-container {
    width: 100%;
  }
  .img-container {
    width: 100%;
  }
  .nav-filter-icon-r {
    padding-left: 30px;
  }
  .filter {
    padding-left: 15px;
  }
  #nav-bar {
    padding: 0;
  }
  header {
    flex-direction: column;
    padding: 15px;
  }
  header #search-bar {
    width: 100%;
    margin-top: 15px;
  }
  #header-info .icon,
  #current-lang .lang-img,
  #current-lang .change_lang {
    display: none;
  }
  .banner {
    flex-direction: column;
    text-align: center;
  }
  .item-c {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .c-header {
    width: 100%;
  }
  .banner-txt {
    position: relative;
    text-align: center;
    left: 0;
  }
  #user-profile,
  #user-fav,
  #user-notif,
  #user-external {
    width: 100%;
    top: 0;
    left: 0;
    margin-left: 0;
    height: 100%;
    max-height: none;
  }
  #external-box {
    justify-content: space-around;
  }
  #fav-box .fav-item {
    flex-direction: column;
  }
  #fav-box .fav-img {
    margin-right: 0;
  }
  #navigator {
    position: absolute;
    top: 0;
    z-index: 999;
    left: 0;
    background: white;
    min-height: 100%;
    overflow: auto;
    width: 100%;
  }
  ul#nav-links {
    padding: 50px 0px !important;
    flex-direction: column;
    position: absolute;
    width: 100%;
    overflow: auto;
    height: 100%;
  }
  #nav-bar-button {

    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .mnb,
  .msb {
    -moz-animation: slidein 0.3s forwards;
    -o-animation: slidein 0.3s forwards;
    -webkit-animation: slidein 0.3s forwards;
    animation: slidein 0.3s forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .msb {
    display: flex;
    flex-direction: column;
  }
  .msh {
    -moz-animation: slideout 0.3s forwards;
    -o-animation: slideout 0.3s forwards;
    -webkit-animation: slideout 0.3s forwards;
    animation: slideout 0.3s forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  @-webkit-keyframes slidein {
    0% {
      left: -100%;
    }
    100% {
      left: 0;
    }
  }
  @keyframes slidein {
    0% {
      left: -100%;
    }
    100% {
      left: 0;
    }
  }
  @-moz-keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -100%;
    }
  }
  @-webkit-keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -100%;
    }
  }
  header #current-lang {
    position: unset;
  }
  .bubble #close-cross {
    float: right;
    right: 0;
    z-index: 999;
    position: absolute;
    top: 0;
    margin: 15px;
    display: block;
  }
  .bubble {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    max-width: unset;
    margin: 0;
    bottom: 0;
    right: 0;
    border: 0;
    overflow: auto;
    min-height: 100%;
  }
  .msh {
    -moz-animation: slideout 0.3s forwards;
    -o-animation: slideout 0.3s forwards;
    -webkit-animation: slideout 0.3s forwards;
    animation: slideout 0.3s forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  @keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -100%;
    }
  }
  @-moz-keyframes bodyslidein {
    0% {
      left: 0;
    }
    100% {
      margin-left: 0 !important;
    }
  }
  @-webkit-keyframes bodyslidein {
    0% {
      left: 0;
    }
    100% {
      left: 0;
    }
  }
  @keyframes bodyslidein {
    0% {
      margin-left: 0 !important;
    }
    100% {
      margin-left: 0 !important;
    }
  }
  @-moz-keyframes bodyslideout {
    0% {
      margin-left: 0 !important;
    }
    100% {
      margin-left: 0 !important;
    }
  }
  @-webkit-keyframes bodyslideout {
    0% {
      margin-left: 0 !important;
    }
    100% {
      margin-left: 0 !important;
    }
  }
  @keyframes bodyslideout {
    0% {
      margin-left: 0 !important;
    }
    100% {
      margin-left: 0 !important;
    }
  }
  #navigator {
    position: absolute;
    top: 0;
    z-index: 999;
    left: 0;
    background: white;
    min-height: 100%;
    overflow: auto;
    width: 100%;
  }
  #search-bar {
    grid-column: span 2;
    flex-grow: 1;
    width: 100%;
  }
  #col-header {
    width: 100%;
    flex-direction: column !important;
    display: flex !important;
  }
  #col-header button {
    width: 100%;
    grid-template-columns: max-content;
  }
  #item-grid {
    padding: 20px 0px;
    flex-direction: column;
    justify-content: space-between;
    grid-template-columns: repeat(2, 1fr);
  }
  .related-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .tz-col {
    grid-template: none;
    grid-auto-flow: row;
    padding: 15px 0px;
  }
  .item-box,
  .item-box-y {
    width: 100%;
  }
  .products-grid-2 {
    flex-direction: column;
  }
  .store-m-content {
    width: 100%;
  }
  .store-m-products-grid {
    justify-content: center;
  }
}

@media only screen and (max-width: 1080px) {
  li.nav-link {
    padding: 24px 5px;
  }
  .gc-grid {
    flex-direction: column;
  }
  .gc-buy {
    width: 100%;
  }

  .gc-info {
    width: 100%;
  }
}

@media only screen and (max-width: 395px) {
  #item-grid {
    grid-template-areas: "a";
    display: flex;
  }
  .related-grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
@media only screen and (min-width: 1390px) {
  .product-modal{
    --height: 95%;
    --width: 1390px;
  }
}

@media only screen and (min-width: 963px) {
  .job-modal{
    --height: 95%;
    --width: 960px;
  }
  .red-social-modal{
    --height: 65%;
    --width: 900px;
  }
  .score-modal{
    --height: 95%;
    --width: 70%;
  }
  .score-store-modal{
    --height: 75%;
    --width: 70%;
  }
  .calendar-modal{
    --height: 90%;
    --width: 86%;
  }
  .modal-dir{
    --width: 70%;
  }
}
@media only screen and (max-width: 962px) {
  .job-modal{
    --height: 95%;
    --width: 95%;
  }
  .score-modal{
    --height: 95%;
    --width: 85%;
  }
  .score-store-modal{
    --height: 65%;
    --width: 85%;
  }
  .calendar-modal{
    --height: 96%;
    --width: 96%;
  }
  .red-social-modal{
    --height: 65%;
    --width: 65%;
  }
}

@media only screen and (max-width: 1390px) and (min-width: 768px) {
  .product-modal{
    --width: 95%;
    --height: 95%;
  }
}

.cross-md {
  position: absolute;
  right: 15px;
  top: 15px;
}

@media only screen and (max-width: 1825px) and (min-width: 768px) {
  li.nav-link {
    padding: 2vh 1vw;
    font-size: 0.9vw;
    letter-spacing: 0.1vw;
    font-size: 1vw;
  }
  /*.box-title, #fav-box .fav-title {
    font: normal normal 600 0.656vw/1.543vh Montserrat;
  }*/
  .nav-filter {
    font-size: 1vw;
    letter-spacing: 0px;
    padding: 0.8vh 1vw;
  }
  .item-more button {
    font-size: 0.8vw;
  }
  .item-title {
    font-size: 0.8vw;
  }
  .box-title {
    font-size: 0.8vw;
    padding: 2.57vh 2.656vw;
  }
  .box-filter ion-item {
    font-size: 0.8vw;
    --min-height: 0px;
    --padding-end: 0.26vw;
    --padding-start: 0.26vw;
  }

  ion-checkbox {
    --background: #ffffff;
    --background-checked: #fbb03b;
    --border-color: #d4d4d4;
    --border-color-checked: #f3f3f3;
    --border-radius: 0px;
    --border-width: 1px;
    --checkmark-color: #fbb03b;
    --size: 15px;
    margin-right: 10px;
    margin-top: 0;
    margin-bottom: 0;
    --checkmark-width: 0px;
  }
  ion-checkbox.checkbox-checked {
    --border-width: 3px !important;
  }

  ion-toggle {
    --background: #ffffff;
    --background-checked: #ffffff;
    --handle-background: #4e4e4e;
    --handle-background-checked: #8a3ab9;
    padding: 1px 1px;
    border-radius: 15px;
    border: 1px solid #717171;
    width: 1.61vw;
    --handle-width: 0.625vw;
    --handle-height: 0.625vw;
    height: 1.233vh;
  }
  .box-filter {
    padding: 0px 2.395vw;
    margin-bottom: 2.569vh;
  }
  #search-bar input[type="text"] {
    font-family: "Roboto", sans-serif;
    width: 100%;
    padding: 1.5416238437821173vh 3.2291666666666665vw 1.5416238437821173vh
      0.78125vw;
  }
  .c-title {
    font-size: 1.9791666666666667vw;
  }

  .c-desc {
    font-size: 0.9895833333333334vw;
  }

  li.nav-link.selected::after {
    margin-bottom: 1.2332990750256938vh;
  }
  .btn-s {
    font-size: 0.83vw;
  }

  #search-bar input[type="text"] {
    font-size: 0.83vw;
  }
  .btn-s {
    min-height: unset;
    padding: 0.9763617677286742vh 1.09375vw !important;
    border-radius: 2.0833333333333335vw;
  }
  .btn-s .btn-s-icon {
    font-size: 1.5625vw;
    padding-right: 0.2604166666666667vw;
  }
  .item-img-y {
    height: 24.974306269270297vh;
    border-radius: 2.9804727646454263vh 2.9804727646454263vh 0px 0px;
  }
  .item-desc-y {
    padding: 0.88125vw;
  }
  .item-title-y {
    font: 0.8333333333333334vw/2.5693730729701953vh Poppins;
    font-weight: 700;
  }
  .item-info-y {
    font: normal normal 300 0.8333333333333334vw/2.5693730729701953vh Poppins;
    font-weight: 300;
  }
  .item-raiting-y b {
    font: normal normal 600 0.78125vw/2.055498458376156vh Open Sans;
    font-weight: 800;
  }
  .rating-views-s {
    font-size: 0.5208333333333334vw;
    letter-spacing: 0.166666666666667vw;
  }
  .rating-view-icon {
    font-size: 0.9895833333333334vw;
    padding-top: 0.20554984583761562vh;
  }
  .item-price-y del {
    font: normal normal normal 1.0416666666666667vw/3.0832476875642345vh Poppins;
  }
  .item-price-y b,
  .item-price-l {
    font: normal normal 600 1.0416666666666667vw/3.0832476875642345vh Poppins;
  }
  .item-disc-y {
    font: normal normal normal 0.625vw/1.8499486125385407vh Poppins;
    padding: 0.20554984583761562vh 0.3125vw;
  }
  .item-use-y {
    font: normal normal 300 0.625vw/1.7471736896197327vh Open Sans;
  }
  .item-use-y ion-icon {
    padding-right: 0.20833333333333334vw;
    padding-top: 0.20554984583761562vh;
    font-size: 0.6770833333333334vw;
    --ionicon-stroke-width: 45px;
  }
  .item-title-s {
    font: 1.1458333333333333vw/3.28879753340185vh Montserrat;
    font-weight: 500;
  }
  .rating-s b {
    font: normal normal bold 1.0416666666666667vw/2.774922918807811vh Open Sans;
  }
  ul.item-info-s li {
    font: normal normal normal 0.7291666666666666vw/1.9527235354573484vh Open
      Sans;
    padding-left: 0.8854166666666666vw;
    padding-top: 0.10277492291880781vh;
    padding-bottom: 0.10277492291880781vh;
  }
  .item-img-s {
    width: 6.770833333333333vw;
    height: 13.360739979445015vh;
  }
  h2 {
    margin-top: 1.8499486125385407vh !important;
    font-size: 1.25vw !important;
  }
  .form-x {
    grid-gap: 1.40625vw;
  }
  .label-x {
    grid-gap: 0.6770833333333334vw;
  }
  .label-x b {
    font-size: 0.78125vw;
  }
  .label-x div {
    font-size: 0.6770833333333334vw;
  }
  .box-s-des {
    padding: 0.78125vw;
    min-height: 12.949640287769784vh;
  }
  ion-list.list-ns ion-item {
    font-size: 0.78125vw;
  }
  #btn-w {
    padding: 1.9527235354573484vh 3.125vw;
    font: normal normal 600 0.6770833333333334vw/2.055498458376156vh Poppins;
  }
  .n-w2 {
    width: max-content;
    height: 5.0359712230215825vh;
    padding: 1.027749229188078vh 3.125vw !important;
  }
  .btn-icon {
    font-size: 1.0416666666666667vw;
    margin-left: -2.0833333333333335vw;
  }
  .btn-default {
    padding: 1.9527235354573484vh 0.9895833333333334vw;
    font: normal normal 600 0.6770833333333334vw/2.055498458376156vh Poppins;
  }
  .title {
    font: normal normal 600 1.1458333333333333vw/3.3915724563206577vh Poppins;
    padding: 2.5693730729701953vh 0px;
  }
  ion-item.input {
    padding: 0.20554984583761562vh 1.0416666666666667vw;
    font: normal normal normal 0.6770833333333334vw/2.055498458376156vh Poppins;
    margin-bottom: 1.5416238437821173vh;
  }
  .c-box {
    font: normal normal normal 0.6770833333333334vw/2.5693730729701953vh Poppins;
    padding: 2.055498458376156vh 1.0416666666666667vw;
  }
  .c-more {
    letter-spacing: 0.16666666666666666vw;
    font-size: 0.8333333333333334vw;
    grid-gap: 1.0416666666666667vw;
  }
  .c-icon {
    padding: 1.027749229188078vh 0.5208333333333334vw;
    font-size: 1.6666666666666667vw;
  }
  .product-title {
    font: normal normal 300 0.8333333333333334vw/2.5693730729701953vh Poppins;
  }
  .product-price {
    font: normal normal normal 1.0416666666666667vw/3.0832476875642345vh Poppins;
    grid-gap: 1.5625vw;
  }
  .product-img {
    height: 39.568345323741006vh;
    min-height: 250px;
    position: relative;
  }
  .product-disc {
    top: 2.5693730729701953vh;
    left: 1.3020833333333333vw;
    font: normal normal 600 0.625vw/1.8499486125385407vh Poppins;
    padding: 0.8221993833504625vh 0.7291666666666666vw;
  }
  .carousel {
    padding: 2.5693730729701953vh 0px;
    height: 53.44295991778006vh;
  }
  .banner-txt {
    font: normal normal normal 1.3020833333333333vw/4.008221993833504vh Poppins;
    left: 3.3333333333333335vw;
  }
  button.banner-btn {
    font: normal normal 600 0.625vw/4.008221993833504vh Poppins;
    letter-spacing: 0.1375vw;
    padding: 0.8221993833504625vh 1.3541666666666667vw;
  }
  .store-m-content {
    grid-gap: 0.7291666666666666vw;
    width: 25.46875vw;
  }
  .store-m-img {
    height: 51.901336073997946vh;
  }
  .store-m-title {
    font: normal normal bold 1.25vw/2.9804727646454263vh Montserrat;
  }
  .store-m-rating b {
    font: normal normal 600 2.34375vw/6.988694758478931vh Poppins;
    letter-spacing: 0.0020833333333333333vw;
  }
  ul.store-m-info-s li {
    font: 0.8333333333333334vw/1.9527235354573484vh Montserrat;
    padding-left: 1.1458333333333333vw;
  }
  .store-m-info-s .item-info-icon {
    margin-left: -1.1458333333333333vw;
  }
  .store-m-desc p {
    font: normal normal 300 0.8333333333333334vw/1.9527235354573484vh Montserrat;
  }
  .product-i-subt {
    font: normal normal normal 0.6770833333333334vw/1.644398766700925vh
      Montserrat;
  }
  .social-grid {
    grid-gap: 1.2072916666666667vw;
    margin-top: 2.50256937307297vh;
    margin-bottom: 1.474820143884892vh;
  }
  .social-bubble {
    width: 1.9270833333333333vw;
    height: 1.9270833333333333vw;
    font-size: 1.1979166666666667vw;
  }
  .store-m-products-grid {
    grid-gap: 1vw;
    grid-template-areas: "a a a";
  }
  .store-m-product {
    min-height: 22.61048304213772vh;
    grid-gap: 0.20833333333333334vw;
    padding: 1.4943473792394655vh 0.5208333333333334vw 1.4943473792394655vh
      1.1255208333333333vw;
  }
  .store-m-p {
    font: normal normal 600 0.625vw/2.158273381294964vh Poppins;
    letter-spacing: -0.011458333333333333vw;
  }
  .store-m-p-price {
    padding: 0.41109969167523125vh 0.625vw;
    letter-spacing: 0.0125vw;
    font-size: 0.5729166666666666vw;
  }
  .item-fav {
    width: 1.9791666666666667vw;
    height: 1.9791666666666667vw;
    top: 1.9527235354573484vh;
    right: 0.9895833333333334vw;
    padding: 0.5729166666666666vw;
    font-size: 0.859375vw;
  }
  .store-m-img .item-fav {
    top: 2.9804727646454263vh;
    right: 1.71875vw;
  }
  .store-m-market {
    top: 0.10277492291880781vh;
    right: 0.052083333333333336vw;
    width: 1.6145833333333333vw;
    height: 1.6145833333333333vw;
    font-size: 0.8333333333333334vw;
  }
  #store-st-p {
    grid-gap: 1.8386433710174717vh;
    margin-bottom: 1.5416238437821173vh;
  }
  #store-st-img {
    height: 26.62487153134635vh;
  }
  .store-st-name {
    font: 0.9375vw/2.2610483042137717vh Montserrat;
  }
  .store-st-rating b {
    font: normal normal bold 0.9375vw/2.4665981500513876vh Open Sans;
    letter-spacing: 0.0010416666666666667vw;
  }
  .osf {
    font: normal normal normal 0.8333333333333334vw/2.2610483042137717vh Open
      Sans !important;
  }
  .size-box-st button {
    width: 2.1875vw;
    height: 2.1875vw;
    padding: 0;
    font: normal normal normal 0.6770833333333334vw/2.055498458376156vh Poppins;
  }
  .color-box-st {
    grid-template-columns: repeat(auto-fit, minmax(2.1875vw, 0fr));
    display: grid;
  }
  .color-box-item {
    width: 2.1875vw;
    height: 2.1875vw;
    padding: 0.46875vw;
  }
  #col-header {
    grid-gap: 1.3020833333333333vw;
  }
  .product-2 .product-img {
    width: 100%;
    height: 47.99588900308325vh;
  }
  .product-box {
    grid-gap: 1.5625vw;
  }
  .product-2 .product-box {
    max-width: 100%;
    width: 100%;
  }
  .product-links {
    padding: 0.3125vw;
  }
  .product-links .icono {
    padding: 0.625vw;
    font-size: 0.8333333333333334vw;
  }
  #col-bg {
    margin-bottom: 4.110996916752312vh;
    height: 63.82322713257965vh;
    width: 100%;
  }
  .item-box-y {
    border-radius: 2.9804727646454263vh;
  }
  .features .f-desc .f-title {
    line-height: 4.72764645426516vh;
    font-size: 1.9791666666666667vw;
  }
  .features .f-desc p {
    letter-spacing: 0.1px;
    line-height: 2.672147995889003vh;
    margin-top: 1.2332990750256938vh;
    position: relative;
    text-align: left;
    font-size: 0.8333333333333334vw;
  }
  .join-title,
  .join-div {
    font-size: 0.8333333333333334vw;
  }
  .join-text {
    letter-spacing: 0.005208333333333333vw;
    font-size: 0.8333333333333334vw;
    margin-top: 1.027749229188078vh;
  }
  button.join-btn {
    border-radius: 1.25vw;
    letter-spacing: 0.04479166666666667vw;
    font-size: 0.625vw;
    padding: 1.5416238437821173vh 1.1458333333333333vw;
    margin-top: 6.166495375128469vh;
  }
  header #logo img {
    width: 10.833333333333334vw;
  }
  .blog-post {
    width: 18.75vw;
    border-radius: 0.3125vw;
  }
  .blog-p-img {
    width: 100%;
    height: 24.76875642343268vh;
  }
  .blog-grid {
    grid-gap: 1.09375vw !important;
    grid-template-columns: repeat(auto-fit, minmax(18.75vw, 0fr)) !important;
  }
  .blog-p-info {
    padding: 2.055498458376156vh 1.2942708333333333vw;
  }
  .blog-p-title {
    font-size: 1.1458333333333333vw;
  }
  .blog-p-desc {
    padding-top: 1.28879753340185vh;
    padding-bottom: 2.6402877697841727vh;
    font-size: 0.7291666666666666vw;
    line-height: 2;
  }
  .blog-p-links {
    font-size: 0.5208333333333334vw;
    grid-gap: 1.2541666666666667vw;
  }
  .blog-p-links div {
    padding-left: 1.3541666666666667vw;
    position: relative;
  }
  .blog-p-links div ion-icon {
    font-size: 0.9375vw;
    top: -0.30832476875642345vh;
  }
  .search-bar-icon {
    padding: 0 1.1904761904761905vw;
    border-radius: 0.2976190476190476vw;
    font-size: 0.9vw;
  }
  header {
    padding: 3.9270687237026647vh 28px;
  }
  .icon {
    font-size: 1.4992503748125936vw;
    padding: 0.3748125937031484vw;
  }
  .icon-badge {
    width: 0.974512743628186vw;
    height: 0.974512743628186vw;
    font-size: 0.7496251874062968vw;
    margin-left: -0.7496251874062968vw;
  }
  .lang-img img {
    width: 1.949025487256372vw;
  }
  header .change_lang {
    font-size: 0.7496251874062968vw;
    padding: 0.3748125937031484vw;
  }
  .bubble {
    margin-left: 16px;
    font-size: 9px;
    border-radius: 8px;
    padding: 15px;
    top: 25px;
    max-width: 230px;
    min-width: 205px;
  }

  .c-title-2 {
    font-weight: 800;
    letter-spacing: 0.167vw;
    font-size: 0.833vw;
  }

  .product-2 .product-img {
    height: 47.99588900308325vh;
    min-height: 150px;
  }
  #item-class {
    font-size: 0.833vw;
  }
  #item-table {
    font-size: 0.7291666666666666vw;
    grid-gap: 2.0833333333333335vw;
  }
  #item-table .item-t-col {
    display: grid;
    grid-gap: 2.055498458376156vh;
  }
  .item-v {
    grid-gap: 2.055498458376156vh;
    padding: 2.6041666666666665vw;
  }
  .img-container {
    width: 29.115vw;
  }
  .img-c-first {
    height: 57.01125895598772vh;
  }

  .img-c-grid {
    grid-template-columns: repeat(auto-fit, minmax(4.219vw, 0fr));
    grid-gap: 0.417vw;
    margin-top: 0.9211873080859775vh;
  }

  .img-c-grid img {
    height: 4.219vw;
    width: 100%;
  }

  .rating-s.item-raiting-p {
    grid-gap: 30px;
    margin-top: 2.0373532550693705vh;
  }

  .rating-s.item-raiting-p b {
    text-align: left;
    font: normal normal 600 1.3020833333333333vw/3.6286019210245466vh Open Sans;
    letter-spacing: 0.03px;
    color: #000000;
    line-height: 1.7;
  }

  .rating-s.item-raiting-p .rating-views-s {
    grid-gap: 0.9744791666666667vw;
    letter-spacing: 0.06666666666666667vw;
    font-size: 0.8333333333333334vw;
  }

  .rating-s.item-raiting-p .rating-views-s .rating-view-icon {
    font-size: 1.6666666666666667vw;
    padding-top: 0.6403415154749199vh;
  }

  .item-price-c {
    grid-gap: 1.5625vw;
  }

  .item-price-c del {
    font: normal normal normal 1.8229166666666667vw/5.656350053361793vh Poppins;
  }

  .item-price-c b {
    font: normal normal 600 1.8229166666666667vw/5.656350053361793vh Poppins;
  }

  .item-price-c .item-disc-y {
    font: normal normal normal 1.0416666666666667vw/3.2017075773746vh Poppins;
    padding: 5px 15px;
  }

  .product-i-offer {
    font: normal normal 600 0.625vw/1.842374616171955vh Poppins;
    border-radius: 2.083vw;
    padding: 0.7164790174002047vh 0.729vw;
  }

  .product-i-title {
    font: normal normal 300 1.458vw/3.480040941658137vh Montserrat;
  }

  .product-i-sub {
    font: normal normal 300 1.458vw/3.480040941658137vh Montserrat;
  }

  .product-info-container {
    grid-gap: 0.521vw;
  }

  .product-i-opt {
    font: normal normal 300 0.677vw/2.0470829068577276vh Poppins;
    margin-top: 0.9150460593654043vh;
  }

  .product-i-opt-s {
    grid-gap: 0.677vw;
    margin-top: 1.2282497441146367vh;
  }

  .circle {
    width: 2.24vw;
    height: 2.24vw;
    border-radius: 1.146vw;
  }
  .circle.selected-c {
    border: 1px solid #fbb03b;
  }

  .circle div {
    width: 1.302vw;
    height: 1.302vw;
  }

  .product-i-opt-s ion-item {
    border-radius: 2.604vw;
    min-width: 9.583vw;
    font: normal normal normal 0.677vw/2.4564994882292734vh Poppins;
  }
  .gc-grid {
    grid-gap: 5.208333333333333vw;
    margin-top: 5.976520811099253vh;
  }
  .gc-buy h2 {
    margin-bottom: 4.909284951974386vh;
  }
  .product-i-opt-s ion-select {
    padding: 0px 0.3645833333333333vw;
  }

  .product-i-desc {
    margin-top: 2.9178228388473855vh;
    font-size: 0.78125vw;
    font-weight: 400;
  }

  .product-i-d-title {
    font: normal normal bold 1.0416666666666667vw/2.5613660618996796vh
      Montserrat;
    margin-bottom: 1.4941302027748133vh;
  }

  .product-i-links {
    margin-top: 1.0672358591248665vh;
  }

  .product-i-subt {
    font: normal normal normal 0.6770833333333334vw/1.7075773745997866vh
      Montserrat;
  }

  .grid-content {
    padding: 2.1875vw !important;
  }

  .product-i-subt ion-icon {
    padding-right: 0.5020833333333333vw;
    font-size: 0.8333333333333334vw;
  }

  .social-grid {
    grid-gap: 1.2072916666666667vw;
    margin-top: 2.59871931696905vh;
    margin-bottom: 1.5314834578441836vh;
  }

  .cur-grid {
    grid-gap: 0.7291666666666666vw;
    margin-top: 1.8783351120597656vh;
    margin-bottom: 1.5314834578441836vh;
  }

  .product-i-cur-item {
    width: 6.09375vw;
    min-height: 12.273212379935966vh;
    border-radius: 0.8333333333333334vw;
    grid-gap: 0.20833333333333334vw;
  }

  .product-i-cur-item *:nth-child(2) {
    font: normal normal 600 0.625vw/1.92102454642476vh Poppins;
  }

  .product-i-cur-item *:nth-child(3) {
    font: normal normal 600 0.6770833333333334vw/2.134471718249733vh Poppins;
  }

  .product-i-cur-item *:nth-child(4) {
    font: normal normal normal 0.5208333333333334vw/1.7075773745997866vh Poppins;
  }

  .social-bubble {
    width: 1.9270833333333333vw;
    height: 1.9270833333333333vw;
    font-size: 1.1979166666666667vw;
  }

  .product-i-cur-title {
    font: normal normal bold 0.9375vw/2.3479188900747063vh Montserrat;
  }

  .product-i-cur-title ion-icon {
    padding-right: 0.7291666666666666vw;
    padding-top: 0.10672358591248667vh;
  }

  .product-buy-container {
    border-radius: 0.7291666666666666vw;
    padding: 1.9583778014941304vh 3.2291666666666665vw;
    grid-gap: 0.9447916666666667vw;
    font: normal normal normal 0.7291666666666666vw/1.92102454642476vh
      Montserrat;
    padding-bottom: 4.978655282817503vh;
  }

  .product-buy-container a {
    font: normal normal bold 0.6770833333333334vw/1.7075773745997866vh
      Montserrat;
  }
  .qa-box {
    grid-gap: 1.0416666666666667vw;
  }
  .qa-col {
    grid-gap: 1.3020833333333333vw;
  }
  .qa-cont {
    font: normal normal 300 0.5729166666666666vw/1.7471736896197327vh Poppins;
    padding: 2.055498458376156vh 1.5625vw;
    grid-gap: 1.5625vw;
  }
  .qa-cont div {
    grid-gap: 1.027749229188078vh;
  }
  .qa-cont b {
    font: normal normal normal 1.5625vw/4.72764645426516vh Poppins;
  }
  .div-line-2 {
    height: 5.960945529290853vh;
  }
  .comment-p {
    padding: 3.0832476875642345vh 0px;
    grid-gap: 20px;
  }
  .comment-count {
    padding: 2.4665981500513876vh 0.8333333333333334vw;
    border-radius: 1.0416666666666667vw;
    font: normal normal 600 0.6770833333333334vw/2.055498458376156vh Poppins;
  }

  .comment-count b {
    font: normal normal 600 1.3020833333333333vw/3.0832476875642345vh Poppins;
  }

  .comment-title {
    font: normal normal 600 0.8333333333333334vw Montserrat;
  }

  .comment-col p {
    font: normal normal normal 0.8333333333333334vw/2.36382322713258vh Open Sans;
  }
  .heart {
    width: 1.9791666666666667vw;
    height: 1.9791666666666667vw;
  }
  .btn-3 {
    padding: 0.8221993833504625vh 1.3020833333333333vw;
    font: normal normal 600 0.6770833333333334vw/2.055498458376156vh Poppins;
  }
  .comment-2 {
    padding-left: 2.0833333333333335vw !important;
    padding-right: 2.0833333333333335vw !important;
  }

  .cart-item {
    font-size: 1.198vw;
  }
  .btn-small {
    font-size: 0.417vw;
    padding: 0.02672147995889003vh 0.781vw !important;
  }
  .btn-small .btn-s-icon {
    font-size: 0.5208333333333334vw;
  }
  .box-title-2 {
    font-size: 0.8333333333333334vw;
  }
  .item-v .box-content {
    font-size: 0.6770833333333334vw;
    grid-gap: 0.3125vw;
  }
  .item-v .box-content button.btn-s {
    font-size: 0.5729166666666666vw;
  }
  .hr-div-2:after {
    top: 1.644398766700925vh;
  }
  tr:last-child td {
    padding-top: 1.5416238437821173vh !important;
  }

  tr:nth-last-child(2) td {
    padding-bottom: 1.5416238437821173vh !important;
  }

  .hr-div-2 div {
    padding: 0.41109969167523125vh 0.5208333333333334vw;
    font-size: 0.9895833333333334vw;
  }

  .item-v-col {
    grid-gap: 0.3125vw;
  }
  .item-t-img {
    width: 14.375vw;
  }
  .num-label {
    padding: 15px 35px;
    font: normal normal 600 0.6770833333333334vw Poppins;
    grid-gap: 15px;
  }
  .num-label ion-icon {
    font-size: 0.9375vw;
  }
  .filter-c {
    max-width: 18.229166666666668vw;
    min-width: 18.229166666666668vw;
  }

  .bcard-bg {
    height: 26.041666666666668vw;
  }
  .bcard-user-info {
    grid-gap: 1.5625vw;
  }

  .bcard-user-img {
    height: 10.416666666666666vw;
    width: 10.416666666666666vw;
    margin-top: -36px;
  }

  .bcard-user-desc {
    grid-gap: 1.25vw;
    font-size: 1.25vw;
    margin-top: 1.5625vw;
  }

  button.btn-4 {
    border-radius: 1.3020833333333333vw;
    letter-spacing: 0.10416666666666667vw;
    font-size: 0.5729166666666666vw;
    padding: 0.6770833333333334vw 1.7708333333333333vw;
    grid-gap: 0.2604166666666667vw;
  }
  .btn-4 ion-icon {
    font-size: 0.9375vw;
  }
  .bcard-hot-links .btn-grid {
    padding-top: 1.25vw;
  }

  .bcard-hot-links ion-icon {
    padding-bottom: 0.20833333333333334vw;
    font-size: 1.6666666666666667vw;
  }

  .bcard-qr {
    margin-top: 1.25vw;
    grid-gap: 0.78125vw;
    font-size: 0.9895833333333334vw;
  }
  .tw-col-2 {
    grid-gap: 2.0833333333333335vw;
  }
  .yl-title {
    letter-spacing: 0px;
    font-size: 0.8333333333333334vw;
    padding: 0.5208333333333334vw 0px 1.0416666666666667vw 0px;
    letter-spacing: 0.10416666666666667vw;
  }
  .box-2 {
    border-radius: 0.8854166666666666vw;
    padding: 0.5208333333333334vw 1.5625vw;
    margin-top: 1.5625vw;
  }
  .box-2-content {
    padding: 1.0416666666666667vw 0px;
    font-size: 0.7291666666666666vw;
  }
  .l-icon ion-icon {
    font-size: 1.25vw;
  }

  .l-icon {
    padding: 0.5208333333333334vw 0px 0.5208333333333334vw 1.875vw;
  }
  .box-2 .yl-title {
    font-size: 0.625vw;
    letter-spacing: 0.10416666666666667vw;
  }
  .box-1-content {
    padding: 0px 2.65625vw;
    margin-bottom: 1.3020833333333333vw;
  }
  .tt-1 {
    top: 4.114583333333333vw;
    box-shadow: 0px 0.052083333333333336vw 0.20833333333333334vw #00000052;
    padding: 1.0416666666666667vw;
    grid-gap: 1.5625vw;
    border-radius: 0.2604166666666667vw;
  }
  .tt-2 {
    top: 4.114583333333333vw;
    box-shadow: 0px 0px 0.4166666666666667vw #0000002e;
    padding: 1.0416666666666667vw;
    grid-gap: 1.5625vw;
    border-radius: 0.2604166666666667vw;
    font-size: 0.5208333333333334vw;
  }
  .tt-r-1 {
    font-size: 0.7291666666666666vw;
    grid-gap: 0.5208333333333334vw;
  }
  .tt-r-1 b {
    font-size: 0.8854166666666666vw;
  }
  .tt-1 ul {
    padding: 0.2604166666666667vw;
  }

  .tt-1 li {
    grid-gap: 0.78125vw;
  }

  .tt-1 ul li ion-icon {
    font-size: 1.1458333333333333vw;
  }
  .r-mx {
    font-size: 0.6770833333333334vw;
  }
  .small {
    font-size: 0.5208333333333334vw;
  }
  .grid-1 {
    grid-gap: 0.5208333333333334vw;
  }
  .share-input {
    border-radius: 0.6770833333333334vw;
  }

  .share-input input {
    padding: 0.2604166666666667vw;
    font-size: 0.5208333333333334vw;
    border-radius: 0.6770833333333334vw;
  }

  .share-input button {
    border-radius: 0px 0.6770833333333334vw 0.6770833333333334vw 0px;
    font-size: 0.5208333333333334vw;
  }
  .form-3 {
    font-size: 0.6770833333333334vw;
  }
  .c-3 {
    grid-gap: 1.5625vw;
  }
  h2.form-title {
    font-size: 1.0416666666666667vw;
  }

  .list-title {
    font-size: 1.0416666666666667vw;
  }
  .btn-circle {
    font-size: 0.5729166666666666vw;
    border-radius: 1.09375vw;
    padding-right: 0.78125vw;
    grid-gap: 0.2604166666666667vw;
  }

  .btn-circle ion-icon {
    font-size: 1.875vw;
  }
  .qrc {
    width: 5.208333333333333vw;
    height: 5.208333333333333vw;
  }
}
@media only screen and (min-width: 767px) {
  .comentario-modal{
    height: 45%;
    width: 50%;
  }

  .pregunta-modal{
    height: 65%;
    width: 50%;
  }

  .select-list{
    height: 45%;
    width: 45%;
  }

  .contactos-modal{
    height: 65%;
    width: 40%;
  }

  .quote-modal{
    height: 50%;
    width: 60%;
  }

  .quote-create-modal{
    height: 90%;
    width: 45%;
  }
}
@media only screen and (max-width: 770px) {
  .quote-modal{
    height: 100%;
    width: 100%;
  }
  .quote-create-modal{
    height: 100%;
    width: 100%;
  }
}

.diverror {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--ion-color-danger);
}

.line {
  background-color: #c7c7c6;
  height: 2px;
  margin-top: 30px;
  margin-bottom: 10px;
  margin-left: 50px;
  margin-right: 50px;
}

h2#swal2-title {
  margin-bottom: 5px;
}

div#swal2-html-container {
  margin-top: 0;
}

ion-item.input-d {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #d8d8d8;
  border-radius: 50px;
  min-width: 184px;
  --border-width: 0;
  font: normal normal normal 13px Poppins;
  letter-spacing: 0px;
  color: #aaaaaa;
  height: max-content;
}
ion-item.input-d ::-webkit-input-placeholder {
  /* WebKit browsers */
  text-transform: uppercase;
}
ion-item.input-d :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  text-transform: uppercase;
}
ion-item.input-d ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  text-transform: uppercase;
}
ion-item.input-d :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  text-transform: uppercase;
}
ion-item.input-d ::placeholder {
  /* Recent browsers */
  text-transform: uppercase;
}

.grid-v {
  display: grid;
  grid-gap: 10px;
}
.err-phone input#phoneSelector {
  border: 1px solid #eb445a !important;
}
.grid-v .iti.iti--allow-dropdown {
  width: 100% !important;
}
.grid-v .iti--allow-dropdown .iti__flag-container,
.grid-v .iti--separate-dial-code .iti__flag-container {
  left: 10px !important;
}
.grid-v input#phoneSelector {
  padding-left: 60px;
}
.mt-1 {
  margin-top: 15px;
}
.iti__flag-container {
  position: absolute !important;
  left: -54px !important;
}
input#phoneSelector {
  background: white;
  font-size: 13px !important;
  outline: none;
  padding: 8px 23px;
  width: 100%;
  min-height: 50px;
  border-radius: 50px;
  color: #aaaaaa;
  border: 1px solid #d8d8d8;
}
#recaptcha-container {
  margin: 0 auto !important;
}
.iti__flag-container {
  position: absolute;
  right: 16px;
}
.iti.iti--allow-dropdown {
  width: calc(100% - 54px) !important;
  float: right !important;
}
.item-interactive {
  --highlight-background: unset;
}
ion-input {
  font-family: "Poppins" !important;
}

.input-country input {
  padding-left: 45px;
  font-size: 13px !important;
  outline: none;
  width: 100%;
  color: #aaaaaa;
  line-height: 1;
  margin-top: 3px !important;
  min-height: 50px !important;
}
.cgr input {
  background: #f5f2f2 !important;
  border-radius: 12px !important;
  border: 1px solid #d9d9d9 !important;
  padding: 6px 15px !important;
}
.agm-marker {
  background-color: red;
}
.gm-style div[aria-hidden="true"] {
  background-color: white !important;
  padding: 7px 15px;
  font-family: "Montserrat" !important;
  font-size: 12px !important;
  border-radius: 13px;
  margin-top: -50px;
  text-transform: uppercase;
}
agm-map {
  width: 100% !important;
}
.inmo-d input {
  color: black !important;
  opacity: 1 !important;
}

.iti__flag-container {
  position: absolute!important;
  left: -54px!important;
}
input#phoneSelector {
  background: white;
  font-size: 13px!important;
  outline: none;
  padding: 8px 23px;
  width: 100%;
  min-height: 54px;
}
#recaptcha-container{
  margin:0 auto!important;
}
.iti__flag-container {
  position: absolute;
  right: 16px;
}
.iti.iti--allow-dropdown {
  width: calc(100% - 54px)!important;
  float: right!important;
}
.item-interactive {
  --highlight-background: unset;
}

.alert {
  margin-top: -20px;
  padding: 10px 20px;
  text-align: left;
  background: transparent;
  color: red;
  font-size: 10px;
  text-transform: uppercase;
}

.alert p {
  padding: 0;
  margin: 0;
}

h2#swal2-title {
  margin-bottom: 5px;
}

div#swal2-html-container {
  margin-top: 0;
}
.input_dis input#phoneSelector {
  background: transparent;
  border: 0;
  padding: 0px;
}

.iti__flag-container {
  position: absolute!important;
  left: -54px!important;
}
input#phoneSelector {
  background: white;
  font-size: 13px!important;
  outline: none;
  padding: 8px 23px;
  width: 100%;
  min-height: 54px;
}
#recaptcha-container{
  margin:0 auto!important;
}
.iti__flag-container {
  position: absolute;
  right: 16px;
}
.iti.iti--allow-dropdown {
  width: calc(100% - 54px)!important;
  float: right!important;
}
.item-interactive {
  --highlight-background: unset;
}

.alert {
  margin-top: -20px;
  padding: 10px 20px;
  text-align: left;
  background: transparent;
  color: red;
  font-size: 10px;
  text-transform: uppercase;
}

.checkbox-txt {
  padding: 10px 0px;
}
.input_dis input#phoneSelector {
  background: transparent;
  border: 0;
  padding: 0px;
}
.hide{display:none;visibility: hidden;}
.birthday {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(3, 1fr) !important;
  text-align: center;
}

 ion-datetime {
  font-family: 'Poppins'!important;
  font-size: 13px !important;
  width: 100%;
}
.tu{text-transform: capitalize;}
.pvs button{justify-content: flex-start;}
.pvs .btn-default{color:white;}
.pvs .c-white{color:gray;}
.col-info p {
  text-align: justify;
}

.err-phone input#phoneSelector{
  border: 1px solid #eb445a !important;
}
.grid-v .iti.iti--allow-dropdown {
    width: 100%!important;
  }
.grid-v .iti--allow-dropdown .iti__flag-container, .grid-v .iti--separate-dial-code .iti__flag-container{
  left: 10px!important;
}
.grid-v input#phoneSelector{
  padding-left: 60px;
}
ngx-intl-tel-input {
  display: flex;
  margin: 0 auto;
  justify-content: end;
}
@media only screen and (max-width: 767px){

  div#chat {
    bottom: 0;
    right: 0;
}

div#chat-msg-box {
    width: 100vw;
    height: calc(100% - 55px)!important;
    padding: 0!important;
}

.chat-msg-header.chat-header-f {
    width: 100%;
    box-sizing: content-box;
    margin: 0;
}

* {
    box-sizing: content-box;
}

div#chat-msg-box {
    justify-content: start;
}

div#chat {
    bottom: 0;
    right: 0;
}

div#chat-msg-box {
    width: 100vw;
    height: 100vh!important;
    padding: 0!important;
    max-height:unset;
}

.chat-msg-header.chat-header-f {
    width: 100%;
    box-sizing: content-box;
    margin: 0;
}
div#chat-msg-box {
    justify-content: start;
}
.chat-msg-box {
  flex: unset;
}.status-circle {
  right: 0!important;
}.chat-header-f{width: 100%!important;}
}
.tile{height:100%}

#xdr .ngucarousel-items {
  grid-gap: 25px!important;
}
header {
  padding-top: 18px!important;
  padding-bottom: 18px!important;}
  div#content, #container {
      max-width: 1500px!important;
  }