:root {
  --color-primary: #e63946;
  --color-primary-light: #007bff;
  --color-primary-dark: #e63946;
  --color-dark-gray: #1d1d1d;
  --color-light-gray: #303030;
  --color-very-light-gray: #b8b8b8;
  --color-white: #fff;
  --color-black: #000;
  --color-blue-dark: #005dba;
  --color-blue: #008ff3;
  --color-green-dark: #037612;
  --color-green: #009713;
  --color-premium-member: #e1002d;
  --color-diamond: #e63946;
  --color-gold: #ffc107;
  --color-silver: #454649;
  --primary-gradient: linear-gradient(345deg, #c50d2f 0%, #e63946 100%);
  --gold-gradient: linear-gradient(270deg, #ffc200 0%, #ffc107 100%);
  --blue-gradient: linear-gradient(345deg, #005dba 0%, #008ff3 100%);
  --green-gradient: linear-gradient(345deg, #037612 0%, #009713 100%);
  --gray-gradient: linear-gradient(270deg, #303133 0%, #67696e 100%);
  --icon-primary: #e63946;
  --icon-secondary: #797676;
  --icon-white: #fff;
  --diamond-gradient: linear-gradient(270deg, #a60a53 0%, #e63946 100%);
  --gold-gradient: linear-gradient(270deg, #eca70c 0%, #f2d835 100%);
  --silver-gradient: linear-gradient(270deg, #303133 0%, #454649 100%);
  --premium-member-gradient: linear-gradient(45deg, #e1002d 30%, #e01378 90%);
  --color-online: #009713;
  --color-verify: #0089ff;
  --color-success: #009713;
  --color-warning: #eca70c;
  --color-danger: red;
  --additive-background: #0000001a;
  --additive-background-hover: #0003;
  --additive-background-5: #0000000d;
  --additive-background-10: #0000001a;
  --additive-background-20: #0003;
  --additive-background-30: #0000004d;
  --additive-background-40: #0006;
  --additive-background-50: #00000080;
  --additive-background-60: #0009;
  --additive-background-70: #000000b3;
  --additive-background-80: #000c;
  --additive-background-90: #000000e6;
  --additive-background-inverse: #ffffff1a;
  --additive-background-inverse-hover: #fff3;
  --additive-background-inverse-5: #ffffff0d;
  --additive-background-inverse-10: #ffffff1a;
  --additive-background-inverse-20: #fff3;
  --additive-background-inverse-30: #ffffff4d;
  --additive-background-inverse-40: #fff6;
  --additive-background-inverse-50: #ffffff80;
  --additive-background-inverse-60: #fff9;
  --additive-background-inverse-70: #ffffffb3;
  --additive-background-inverse-80: #fffc;
  --additive-background-inverse-90: #ffffffe6;
  --spec-text-primary: #0f0f0f;
  --spec-text-primary-inverse: #fff;
}

body[data-brand="escorts-club"] {
  --color-primary: #0000ca;
  --color-primary-light: #007bff;
  --color-primary-dark: #0000ca;
  --color-dark-gray: #1d1d1d;
  --color-light-gray: #303030;
  --color-very-light-gray: #b8b8b8;
  --color-white: #fff;
  --color-black: #000;
  --color-blue-dark: #005dba;
  --color-blue: #008ff3;
  --color-green-dark: #037612;
  --color-green: #009713;
  --color-premium-member: #e1002d;
  --color-diamond: #e63946;
  --color-gold: #ffc107;
  --color-silver: #454649;
  --primary-gradient: linear-gradient(345deg, #007bff 0%, #0000ca 100%);
  --gold-gradient: linear-gradient(270deg, #ffc200 0%, #ffc107 100%);
  --blue-gradient: linear-gradient(345deg, #005dba 0%, #008ff3 100%);
  --green-gradient: linear-gradient(345deg, #037612 0%, #009713 100%);
  --gray-gradient: linear-gradient(270deg, #303133 0%, #67696e 100%);
  --icon-primary: #e63946;
  --icon-secondary: #797676;
  --icon-white: #fff;
  --diamond-gradient: linear-gradient(270deg, #a60a53 0%, #0000ca 100%);
  --gold-gradient: linear-gradient(270deg, #eca70c 0%, #f2d835 100%);
  --silver-gradient: linear-gradient(270deg, #303133 0%, #454649 100%);
  --premium-member-gradient: linear-gradient(45deg, #e1002d 30%, #e01378 90%);
  --color-online: #009713;
  --color-verify: #0089ff;
  --color-success: #009713;
  --color-warning: #eca70c;
  --color-danger: red;
}

/* Protection globale contre l'overflow horizontal mobile */
* {
  max-width: 100%;
}

body {
  font-display: auto;
  color: #505050;
  -webkit-font-smoothing: antialiased;
  font: 400 0.875rem/22px Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
}

.push-primary {
  box-shadow: 0 4px 0px 0px var(--color-primary-dark);
  cursor: pointer;
  border: none;
  outline: none;
  transition: all 0.1s ease-in-out !important;
}

.push-primary:active,
.push-primary:focus {
  box-shadow: none;
  transition: all 0.1s ease-in-out !important;
  transform: translateY(3px) !important;
}

.push-dark {
  box-shadow: 0 3px 0px 0px var(--color-dark-gray);
  cursor: pointer;
  border: none;
  outline: none;
  transition: all 0.1s ease-in-out !important;
}

.push-dark:active,
.push-dark:focus {
  box-shadow: none;
  transition: all 0.1s ease-in-out !important;
  transform: translateY(3px) !important;
}

.push-white {
  box-shadow: 0 3px 0px 0px var(--color-very-light-gray);
  cursor: pointer;
  border: none;
  outline: none;
  transition: all 0.1s ease-in-out !important;
}

.push-white:active,
.push-white:focus {
  box-shadow: none;
  transition: all 0.1s ease-in-out !important;
  transform: translateY(3px) !important;
}

.push-blue {
  box-shadow: 0 4px 0 0 var(--color-blue-dark);
  cursor: pointer;
  border: none;
  outline: none;
  transition: all 0.1s ease-in-out !important;
}

.push-blue:active,
.push-blue:focus {
  box-shadow: none;
  transition: all 0.1s ease-in-out !important;
  transform: translateY(3px) !important;
}

.push-green {
  box-shadow: 0 4px 0 0 var(--n-dark);
  cursor: pointer;
  border: none;
  outline: none;
  transition: all 0.1s ease-in-out !important;
}

.push-green:active,
.push-green:focus {
  box-shadow: none;
  transition: all 0.1s ease-in-out !important;
  transform: translateY(3px) !important;
}

.bg-blue {
  background-color: var(--color-blue) !important;
}

.bg-blue-dark {
  background-color: var(--color-blue-dark) !important;
}

.bg-green {
  background-color: var(--n) !important;
}

.bg-green-dark {
  background-color: var(--n-dark) !important;
}

.color-diamond {
  color: var(--color-diamond);
}

.color-gold {
  color: var(--color-gold);
}

.color-silver {
  color: var(--color-silver);
}

.background-diamond {
  background: var(--color-diamond);
}

.background-gold {
  background: var(--color-gold);
}

.background-silver {
  background: var(--color-silver);
}

.tooltipstyle {
  text-underline-position: under;
  text-decoration-line: underline;
  text-decoration-style: dashed;
}

.bbtn {
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  color: #fff;
  background: linear-gradient(45deg, #e91e63, #f44336);
  border: none;
  padding: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: inline-block;
  box-shadow: 0 0 3px #fff;
  border-radius: 50rem !important;
}

.bbtn:hover {
  color: #fff;
  background: linear-gradient(45deg, #f44336, #e91e63);
  box-shadow: 0 0 6px #fff;
}

.bbtn:focus {
  color: #fff;
  outline: 2px solid #f44336;
  box-shadow: 0 0 8px #f44336;
}

.bbtn:active {
  color: #fff;
  box-shadow: inset 0 0 3px #f44336;
}

.location-display,
.do-category .location-display,
.do-new .location-display {
  overflow: hidden;
  max-height: 222px !important;
  max-width: 100%;
  box-sizing: border-box;
}

.do-home .location-display {
  overflow: hidden;
  max-height: 208px !important;
  max-width: 100%;
  box-sizing: border-box;
}

.see-all {
  letter-spacing: -0.3px;
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500 !important;
}

.detail-pager {
  background: var(--color-light-gray);
}

.detail-pager .previous {
  border-right: 1px solid var(--color-dark-gray);
}

.detail-pager .previous,
.detail-pager .next {
  color: #fff;
  fill: #fff;
  line-height: 1.1;
  overflow: hidden;
}

.main_content .h5 {
  letter-spacing: -0.015rem;
  font-size: 1.1rem;
  font-weight: 700;
}

.main_content .h5 a {
  color: var(--color-light-gray) !important;
}

.similar-model-list {
  clear: both;
  height: auto;
  flex-flow: wrap;
  display: flex;
}

.similar-model-list .similar-list-wrapper {
  flex: auto;
}

.similar-model-list .similar-list {
  flex-flow: wrap;
  flex: auto;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .model-list-item {
    max-width: 50%;
    flex-basis: 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .model-list-item {
    max-width: 20%;
    flex-basis: 20%;
  }
}

@media only screen and (min-width: 1024px) {
  .model-list-item {
    max-width: 10%;
    flex-basis: 10%;
  }
}

.model-list-item {
  min-height: 200px;
  flex-direction: column;
  align-items: stretch;
  padding: 2px;
  display: flex;
  position: relative;
}

.model-list-item img {
  width: -webkit-fill-available;
}

.pager-info div {
  color: var(--color-white);
  text-transform: uppercase;
  font-size: medium;
  font-weight: 500;
}

.pager-info span {
  color: var(--color-verify);
}

.detail-pager .next:hover {
  background: var(--color-dark-gray);
  opacity: 0.8;
  padding-right: 15px !important;
  transition: all 0.2s ease-in-out !important;
}

.detail-pager .previous:hover {
  background: var(--color-dark-gray);
  opacity: 0.8;
  padding-left: 15px !important;
  transition: all 0.2s ease-in-out !important;
}

@media (min-width: 0) {
  .br-0 {
    border-radius: 0 !important;
  }

  .br-start-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .br-end-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .br-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .br-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .br-1 {
    border-radius: 0.25rem !important;
  }

  .br-start-1 {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }

  .br-end-1 {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }

  .br-top-1 {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }

  .br-bottom-1 {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }

  .br-2 {
    border-radius: 0.5rem !important;
  }

  .br-start-2 {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }

  .br-end-2 {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }

  .br-top-2 {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }

  .br-bottom-2 {
    border-bottom-right-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }

  .br-3 {
    border-radius: 0.75rem !important;
  }

  .br-start-3 {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }

  .br-end-3 {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }

  .br-top-3 {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }

  .br-bottom-3 {
    border-bottom-right-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }

  .br-4 {
    border-radius: 1rem !important;
  }

  .br-start-4 {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }

  .br-end-4 {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }

  .br-top-4 {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }

  .br-bottom-4 {
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }

  .br-5 {
    border-radius: 1.25rem !important;
  }

  .br-start-5 {
    border-top-left-radius: 1.25rem !important;
    border-bottom-left-radius: 1.25rem !important;
  }

  .br-end-5 {
    border-top-right-radius: 1.25rem !important;
    border-bottom-right-radius: 1.25rem !important;
  }

  .br-top-5 {
    border-top-left-radius: 1.25rem !important;
    border-top-right-radius: 1.25rem !important;
  }

  .br-bottom-5 {
    border-bottom-right-radius: 1.25rem !important;
    border-bottom-left-radius: 1.25rem !important;
  }
}

@media (min-width: 576px) {
  .br-sm-0 {
    border-radius: 0;
  }

  .br-start-sm-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .br-end-sm-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .br-top-sm-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .br-bottom-sm-0 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .br-sm-1 {
    border-radius: 0.25rem;
  }

  .br-start-sm-1 {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .br-end-sm-1 {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .br-top-sm-1 {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .br-bottom-sm-1 {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .br-sm-2 {
    border-radius: 0.5rem;
  }

  .br-start-sm-2 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .br-end-sm-2 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .br-top-sm-2 {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .br-bottom-sm-2 {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .br-sm-3 {
    border-radius: 0.75rem;
  }

  .br-start-sm-3 {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .br-end-sm-3 {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .br-top-sm-3 {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .br-bottom-sm-3 {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .br-sm-4 {
    border-radius: 1rem;
  }

  .br-start-sm-4 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .br-end-sm-4 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .br-top-sm-4 {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .br-bottom-sm-4 {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .br-sm-5 {
    border-radius: 1.25rem;
  }

  .br-start-sm-5 {
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }

  .br-end-sm-5 {
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }

  .br-top-sm-5 {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
  }

  .br-bottom-sm-5 {
    border-bottom-right-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }
}

@media (min-width: 768px) {
  .br-md-0 {
    border-radius: 0;
  }

  .br-start-md-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .br-end-md-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .br-top-md-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .br-bottom-md-0 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .br-md-1 {
    border-radius: 0.25rem;
  }

  .br-start-md-1 {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .br-end-md-1 {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .br-top-md-1 {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .br-bottom-md-1 {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .br-md-2 {
    border-radius: 0.5rem;
  }

  .br-start-md-2 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .br-end-md-2 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .br-top-md-2 {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .br-bottom-md-2 {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .br-md-3 {
    border-radius: 0.75rem;
  }

  .br-start-md-3 {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .br-end-md-3 {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .br-top-md-3 {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .br-bottom-md-3 {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .br-md-4 {
    border-radius: 1rem;
  }

  .br-start-md-4 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .br-end-md-4 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .br-top-md-4 {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .br-bottom-md-4 {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .br-md-5 {
    border-radius: 1.25rem;
  }

  .br-start-md-5 {
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }

  .br-end-md-5 {
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }

  .br-top-md-5 {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
  }

  .br-bottom-md-5 {
    border-bottom-right-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }
}

@media (min-width: 992px) {
  .br-lg-0 {
    border-radius: 0;
  }

  .br-start-lg-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .br-end-lg-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .br-top-lg-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .br-bottom-lg-0 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .br-lg-1 {
    border-radius: 0.25rem;
  }

  .br-start-lg-1 {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .br-end-lg-1 {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .br-top-lg-1 {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .br-bottom-lg-1 {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .br-lg-2 {
    border-radius: 0.5rem;
  }

  .br-start-lg-2 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .br-end-lg-2 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .br-top-lg-2 {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .br-bottom-lg-2 {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .br-lg-3 {
    border-radius: 0.75rem;
  }

  .br-start-lg-3 {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .br-end-lg-3 {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .br-top-lg-3 {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .br-bottom-lg-3 {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .br-lg-4 {
    border-radius: 1rem;
  }

  .br-start-lg-4 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .br-end-lg-4 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .br-top-lg-4 {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .br-bottom-lg-4 {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .br-lg-5 {
    border-radius: 1.25rem;
  }

  .br-start-lg-5 {
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }

  .br-end-lg-5 {
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }

  .br-top-lg-5 {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
  }

  .br-bottom-lg-5 {
    border-bottom-right-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }
}

@media (min-width: 1200px) {
  .br-xl-0 {
    border-radius: 0;
  }

  .br-start-xl-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .br-end-xl-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .br-top-xl-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .br-bottom-xl-0 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .br-xl-1 {
    border-radius: 0.25rem;
  }

  .br-start-xl-1 {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .br-end-xl-1 {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .br-top-xl-1 {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .br-bottom-xl-1 {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .br-xl-2 {
    border-radius: 0.5rem;
  }

  .br-start-xl-2 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .br-end-xl-2 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .br-top-xl-2 {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .br-bottom-xl-2 {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .br-xl-3 {
    border-radius: 0.75rem;
  }

  .br-start-xl-3 {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .br-end-xl-3 {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .br-top-xl-3 {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .br-bottom-xl-3 {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .br-xl-4 {
    border-radius: 1rem;
  }

  .br-start-xl-4 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .br-end-xl-4 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .br-top-xl-4 {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .br-bottom-xl-4 {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .br-xl-5 {
    border-radius: 1.25rem;
  }

  .br-start-xl-5 {
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }

  .br-end-xl-5 {
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }

  .br-top-xl-5 {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
  }

  .br-bottom-xl-5 {
    border-bottom-right-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }
}

@media (min-width: 1400px) {
  .br-xxl-0 {
    border-radius: 0;
  }

  .br-start-xxl-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .br-end-xxl-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .br-top-xxl-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .br-bottom-xxl-0 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .br-xxl-1 {
    border-radius: 0.25rem;
  }

  .br-start-xxl-1 {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .br-end-xxl-1 {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .br-top-xxl-1 {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .br-bottom-xxl-1 {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .br-xxl-2 {
    border-radius: 0.5rem;
  }

  .br-start-xxl-2 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .br-end-xxl-2 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .br-top-xxl-2 {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .br-bottom-xxl-2 {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .br-xxl-3 {
    border-radius: 0.75rem;
  }

  .br-start-xxl-3 {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .br-end-xxl-3 {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .br-top-xxl-3 {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .br-bottom-xxl-3 {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .br-xxl-4 {
    border-radius: 1rem;
  }

  .br-start-xxl-4 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .br-end-xxl-4 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .br-top-xxl-4 {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .br-bottom-xxl-4 {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .br-xxl-5 {
    border-radius: 1.25rem;
  }

  .br-start-xxl-5 {
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }

  .br-end-xxl-5 {
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }

  .br-top-xxl-5 {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
  }

  .br-bottom-xxl-5 {
    border-bottom-right-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }
}

@media (min-width: 600px) {
  .slider-info-mobile {
    padding: 3rem 3rem 1rem !important;
  }
}

@media (max-width: 445px) {
  #flags .nav-justified .nav-item {
    text-align: center;
    -ms-flex-positive: 1;
    flex-basis: 0;
    flex-grow: unset !important;
  }
}

@media (max-width: 768px) {
  .usercomments svg,
  .favori-member-heart svg,
  .follow-member-user-plus svg {
    width: 100px !important;
    height: 100px !important;
  }

  h1.slider-name {
    font-size: 1.75rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .dashboard_location_box_alert {
    margin-top: 10px;
    border-top: 2px solid #dee2e6 !important;
    border-left: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .nav-right .btn-register,
  .nav-right .btn-login {
    display: none !important;
  }

  .swiper_dashboard .progress-title span {
    font-size: 0.7rem;
    text-decoration: none;
  }

  .swiper_dashboard .progress-desc {
    font-size: 0.688rem;
    line-height: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .not-login-sm {
    display: none !important;
  }
}

@media (min-width: 446px) and (max-width: 975px) {
  #scrolltop_mobile {
    bottom: 70px !important;
    right: 10px !important;
  }
}

@media (min-width: 992px) and (max-width: 1299px) {
  .desktop-left-menu {
    width: 24%;
    visibility: hidden;
    margin-right: 1%;
    transition: all 0.3s;
    margin-left: -25% !important;
  }

  .desktop-left-menu-passive {
    visibility: visible;
    transition: all 0.3s;
    margin-left: 0 !important;
  }

  .desktop-right-content {
    transition: all 0.3s;
    width: 100% !important;
  }

  .desktop-right-content-passive {
    transition: all 0.3s;
    width: 75% !important;
  }
}

@media (min-width: 1300px) {
  .desktop-left-menu {
    width: 14%;
    visibility: hidden;
    margin-right: 1%;
    transition: all 0.3s;
    margin-left: -15% !important;
  }

  .desktop-left-menu-passive {
    visibility: visible;
    transition: all 0.3s;
    margin-left: 0 !important;
  }

  .desktop-right-content {
    transition: all 0.3s;
    width: 100% !important;
  }

  .desktop-right-content-passive {
    transition: all 0.3s;
    width: 85% !important;
  }
}

@media (max-width: 320px) {
  .mainmenu_sidebar_overlay,
  .sidebar_overlay {
    width: 200px !important;
  }

  .footer-feedback-helper-text {
    font-size: 14px;
    white-space: normal !important;
  }

  .footer-feedback-helper-btn {
    font-size: 13px;
  }
}

@media (min-width: 500px) {
  .grid-column {
    display: none !important;
  }
}

@media (max-width: 428px) {
  .footer-feedback-helper-text {
    white-space: nowrap;
    font-size: 14px;
  }

  .footer-feedback-helper-btn {
    font-size: 13px;
  }
}

@media (min-width: 429px) {
  .footer-feedback-helper-text {
    white-space: nowrap;
    font-size: 18px;
  }

  .footer-feedback-helper-btn {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  #scrolltop_mobile {
    bottom: 70px !important;
    right: 10px !important;
  }

  .slider-info-mobile {
    padding: 3rem !important;
  }

  .content-section-desktop,
  .mobile-detail-left-content {
    z-index: 50 !important;
  }

  .user-avatar-border-width {
    border-width: 7px !important;
  }

  .desktop-dashboard-button {
    z-index: 999;
    left: 15px;
    top: 70px !important;
  }

  .desktop-right-content {
    position: relative;
  }

  #swiper_rate_photo {
    width: 350px;
    height: 550px;
    top: 0 !important;
  }

  .desktop-right-content .demo {
    margin: auto;
    width: 400px !important;
    position: absolute !important;
    top: 5% !important;
    bottom: 5% !important;
  }

  .desktop-right-content .demo .demo__card__img,
  .desktop-right-content .demo .demo__card__drag {
    border-radius: 10px !important;
  }

  .desktop-right-content .demo .demo-card-info {
    bottom: 100px !important;
  }

  .desktop-right-content .demo .demo-card-buttons {
    bottom: 15px !important;
  }

  #modalLoginForm .modal-dialog {
    max-width: 900px !important;
  }

  #modalSensitive .modal-dialog {
    max-width: 70%;
  }
}

@media (max-width: 975px) {
  .mobile-detail-left-content {
    z-index: 1;
  }

  .metas .meta {
    border-top: 1px solid #ebebeb;
  }

  .metas .meta:first-child,
  .metas .meta:nth-child(2) {
    border-top: none;
  }

  .metas .meta:nth-child(2n) {
    border-left: 1px solid #ebebeb;
  }

  .desktop-right-content {
    width: 100% !important;
  }

  .content-section-desktop .sticky-top {
    position: static !important;
  }

  .content-section-desktop {
    z-index: 52 !important;
  }

  .usermenu {
    margin-right: 10px;
  }

  .user-avatar-border-width {
    border-width: 5px !important;
  }

  .photos-rule-box {
    height: 300px;
  }

  .desktop-right-content .demo-card-container {
    height: 100vh !important;
  }

  #modalLoginForm .modal-dialog,
  #modalSensitive .modal-dialog {
    max-width: 450px !important;
    margin: auto !important;
  }
}

@media (min-width: 1400px) and (max-width: 1700px) {
  .right-top-action-button {
    margin-top: -0.3rem !important;
  }

  .right-action-group {
    top: 190px !important;
  }
}

@media (min-width: 992px) and (max-width: 1400px) {
  .right-top-action-button {
    margin-top: 0 !important;
  }

  .right-action-group {
    top: 160px !important;
  }
}

@media (max-width: 445px) {
  .right-top-action-button {
    margin-top: 0 !important;
  }

  .right-action-group {
    top: 90px !important;
  }

  #scrolltop_mobile {
    bottom: 150px !important;
    right: 8px !important;
  }

  .modal-content-left
    .detail-modal-login-tabs
    .nav-link.active
    .tab_modal_title {
    width: 80px;
    transition: width 0.5s;
  }

  .modal-content-left .detail-modal-login-tabs .nav-link .tab_modal_title {
    width: 0;
    white-space: nowrap;
    transition: width 0.5s;
    overflow: hidden;
  }
}

@media (max-width: 575px) {
  .dashboard_location_box_alert {
    border-top: 2px solid #dee2e6;
    margin-top: 10px;
    border-left: none !important;
  }

  .langselector {
    position: relative !important;
  }

  .options_menu {
    z-index: 1500;
    transition: all 0.3s !important;
    position: fixed !important;
    inset: auto 10px 10px !important;
    transform: translateY(250px) !important;
  }

  .options_menu.is-show {
    transition: all 0.3s !important;
    transform: translate(0) !important;
  }

  .options_menu .card {
    background-color: #0000 !important;
    border: 0 !important;
  }

  .options_menu .card .list-group {
    padding: 0 !important;
  }

  .options_menu .card .list-group .list-group-item:first-child {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }

  .options_menu .card .list-group .list-group-item:nth-child(4) {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }

  .options_menu .card .list-group .list-group-item:last-child {
    border-radius: 10px !important;
    margin-top: 10px !important;
  }

  .gallery_menu {
    z-index: 1500;
    transition: all 0.3s !important;
    position: fixed !important;
    inset: auto 10px 10px !important;
    transform: translateY(300px) !important;
  }

  .gallery_menu.is-show {
    transition: all 0.3s !important;
    transform: translate(0) !important;
  }

  .gallery_menu .card {
    background-color: #0000 !important;
    border: 0 !important;
  }

  .gallery_menu .card .list-group {
    padding: 0 !important;
  }

  .gallery_menu .card .list-group .list-group-item:first-child {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }

  .gallery_menu .card .list-group .list-group-item:nth-child(2) {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }

  .gallery_menu .card .list-group .list-group-item:last-child {
    border-radius: 10px !important;
    margin-top: 10px !important;
  }

  .add_gallery_menu {
    z-index: 1500;
    min-width: unset !important;
    transition: all 0.3s !important;
    position: fixed !important;
    inset: auto 10px 10px !important;
    transform: translateY(300px) !important;
  }

  .add_gallery_menu.is-show {
    transition: all 0.3s !important;
    transform: translate(0) !important;
  }

  .add_gallery_menu .card {
    background-color: #0000 !important;
    border: 0 !important;
  }

  .add_gallery_menu .card .list-group {
    padding: 0 !important;
  }

  .add_gallery_menu .card .list-group .list-group-item:first-child {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }

  .add_gallery_menu .card .list-group .list-group-item:nth-child(2) {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }

  .add_gallery_menu .card .list-group .list-group-item:last-child {
    border-radius: 10px !important;
    margin-top: 10px !important;
  }
}

@media (max-width: 560px) {
  .content-section {
    padding: 10px !important;
  }

  .comment-time {
    width: 100%;
  }

  .dashboard_current_plan_alert .fa-gem {
    font-size: 40px !important;
  }
}

@media (min-width: 1401px) {
  #scrolltop_mobile {
    bottom: 70px !important;
    right: 10px !important;
  }
}

@media (min-width: 1701px) {
  #scrolltop_mobile {
    bottom: 70px !important;
    right: 10px !important;
  }
}

@media (max-width: 400px) {
  .pay-btn-label {
    display: none !important;
  }

  .fast-contact-links div {
    flex-wrap: wrap !important;
  }

  .campaigns a,
  .annoucements a {
    font-size: 120% !important;
  }
}

@media (min-width: 2560px) {
  .your-ad-here {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    font-size: 140% !important;
  }
}

.bg-smoked {
  background-color: #222;
}

#avatar_file {
  display: none;
}

.bg-cgrey {
  background-color: #3e3f42;
}

.avatar {
  margin-right: 2px;
  font-size: 2px;
}

.color-league-grey:hover {
  color: #9f9f9f;
}

.avatar-league-background {
  background-color: #000;
}

.avatar-border {
  color: #7d7d7e;
  border: 1em solid;
}

.avatar {
  color: #bfbfbf80;
  height: 100%;
  text-align: center;
  text-transform: capitalize;
  vertical-align: middle;
  width: 100%;
  cursor: pointer;
  background-color: #f4f4f40d;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 5px;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.bi-camera {
  display: none;
  position: absolute;
  top: 40%;
  left: 40%;
}

.avatar-wrapping:hover .bi-camera {
  color: #fff;
  height: 30px;
  width: 28px;
  font-size: 24px;
  display: block;
  position: absolute;
  top: 38%;
  left: 38%;
}

.avatar-league-background:before {
  content: "";
  opacity: 0.2;
  pointer-events: none;
  width: 100%;
  background-color: currentColor;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.avatar:before {
  box-sizing: initial;
  content: " ";
  height: 100%;
  width: 100%;
  border: 1px solid #fff3;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.avatar-wrapping {
  z-index: 1;
  background: #181c1f;
  border-radius: 50%;
  display: block;
  position: relative;
}

.avatar img {
  width: inherit;
}

.page-description {
  opacity: 0.7;
  white-space: pre-line;
  letter-spacing: -0.006rem;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5rem;
}

.mainmenu_bottom_btn {
  color: #fff;
}

.user_menu_overlay {
  width: max-content;
  background: #3e3f42;
}

#user_menu_overlay .nav-link,
.user_menu_overlay .nav-link {
  color: #fffc;
}

.user_right_menu .dropdown-menu {
  right: 0;
  left: inherit !important;
}

.user_right_menu .dropdown-toggle:after {
  display: none !important;
}

.user-menu-name {
  color: #fffc;
  font-size: larger;
  font-weight: 500;
  display: block;
}

.header-top .dd-link:hover,
.header-top .dd-link:focus {
  background: #de4754;
  border: none;
  border-radius: 0;
}

.header-top .dd-link {
  border: none;
  border-radius: 0;
}

#modal_screen {
  height: 100%;
  width: 100%;
  z-index: 1100;
  background-color: #000000b3;
  position: fixed;
  top: 0;
  left: 0;
}

#modal_screen.nope {
  background-color: #1e0924;
}

#modal_content {
  z-index: 1101;
  color: #b7b7b7;
  width: 290px;
  height: 290px;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  background-color: #000;
  background-position: 50% 2em;
  background-repeat: no-repeat;
  background-size: 90px;
  border: 1px solid #e03c7b;
  border-radius: 5px;
  margin: 0 auto;
  font-size: 12px;
  position: fixed;
}

#modal_content .content_wrapper {
  text-align: center;
  margin: 3em auto 0;
}

#modal_content h2 {
  color: #e03c7b;
  margin: 0;
  font-size: 40px;
}

#modal_content p {
  max-width: 75%;
  margin: 1.2em auto 0;
}

#modal_content nav {
  width: 282px;
  font-size: 16px;
  display: table;
}

#modal_content nav ul {
  width: 100%;
  margin: 0;
  padding: 0;
  display: table-row;
}

#modal_content nav li {
  text-align: right;
  width: auto;
  display: table-cell;
}

#modal_content nav:after {
  content: "";
  clear: both;
  display: block;
}

#modal_content nav small {
  text-align: center;
  color: #888;
  margin: 1em 0 0;
  display: block;
}

#modal_content nav a.av_btn,
#modal_content nav a.standartbtn {
  text-align: center;
  width: 90%;
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
  border-radius: 5px;
  margin: 1em auto 0;
  padding: 1em;
  text-decoration: none;
  display: block;
}

#modal_content #modal_regret_wrapper nav a.av_btn {
  width: 130px;
  margin-top: 0;
  font-size: 0.8em;
}

@media (min-width: 688px) {
  #modal_content {
    width: 90%;
    max-width: 500px;
    height: 300px;
    background-position: 50% 3em;
    background-size: 160px;
    border-radius: 5px;
    padding: 3em;
    font-size: 16px;
    left: 30vw;
  }

  #modal_content .content_wrapper {
    text-align: center;
    margin: auto;
  }

  #modal_content h2 {
    color: #e03c7b;
    margin: 0;
    font-size: 40px;
  }

  #modal_content p {
    font-size: 1em;
    line-height: 1.9em;
  }

  #modal_content nav {
    width: 396px;
  }

  #modal_content nav a.av_btn,
  #modal_content nav a.standartbtn {
    width: 90%;
    margin: 5px;
    padding: 1em 2.5em;
    font-size: 18px;
  }
}

.btn-grad {
  text-align: center;
  color: #fff;
  background-image: linear-gradient(
    90deg,
    #313134 0%,
    #3e3f43c7 51%,
    #313134 100%
  );
  background-size: 200%;
  margin: 10px;
  padding: 11px 45px;
  transition: all 0.5s;
  display: block;
  box-shadow: 0 0 20px #eee;
}

.btn-grad:hover {
  color: #fff;
  background-position: 100%;
  text-decoration: none;
}

.glow-on-hover {
  color: #fff;
  cursor: pointer;
  z-index: 0;
  border: none;
  border-bottom: 3px solid #000;
  border-radius: 5px;
  outline: none;
  position: relative;
}

.glow-on-hover:before {
  content: "";
  z-index: -1;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  opacity: 0;
  background: linear-gradient(
      45deg,
      #343639,
      #343639,
      #3e3f43,
      #3e3f43,
      #343639,
      #343639,
      #5f6063,
      #343639,
      #343639
    )
    0 0/400%;
  border-radius: 5px;
  transition: opacity 0.3s ease-in-out;
  animation: 20s linear infinite glowing;
  position: absolute;
  top: -2px;
  left: -2px;
}

.glow-on-hover:active {
  color: #000;
}

.glow-on-hover:active:after {
  background: 0 0;
}

.glow-on-hover:before {
  opacity: 1;
}

.glow-on-hover:after {
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
}

@keyframes glowing {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: 400% 0;
  }

  to {
    background-position: 0 0;
  }
}

.headscrollsubmenu {
  background-color: #303133;
}

.headscrollsubmenu .scroll-bar-container {
  scroll-behavior: smooth;
  background-color: #303133;
  position: relative;
  overflow: auto;
}

@media (pointer: coarse) {
  .headscrollsubmenu .scroll-bar-container {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
  }
}

.headscrollsubmenu .nav-scrollable {
  height: 36px;
  flex-direction: row;
  display: flex;
}

.headscrollsubmenu .header-sub-item-wrapper {
  flex-direction: row;
  flex-shrink: 0;
  align-self: stretch;
  align-items: center;
  margin: 0 24px 0 0;
  display: flex;
}

.headscrollsubmenu .model-filter-link {
  color: #fff9;
  white-space: nowrap;
  width: 100%;
  border-bottom: 3px solid #0000;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  font-size: 0.938rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-decoration: none;
  display: flex;
  position: relative;
  left: 0;
}

.headscrollsubmenulight {
  background-color: #f6f6f6;
}

.headscrollsubmenulight .scroll-bar-container {
  scroll-behavior: smooth;
  position: relative;
  overflow: auto;
}

@media (pointer: coarse) {
  .headscrollsubmenulight .scroll-bar-container {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
  }
}

.headscrollsubmenulight .nav-scrollable {
  height: 36px;
  flex-direction: row;
  display: flex;
}

.headscrollsubmenulight .header-sub-item-wrapper {
  flex-direction: row;
  flex-shrink: 0;
  align-self: stretch;
  align-items: center;
  margin: 0 5px 0 0;
  display: flex;
}

.headscrollsubmenulight .model-filter-link {
  white-space: nowrap;
  width: 100%;
  background: #ccc;
  border-radius: 25px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.25rem;
  text-decoration: none;
  display: flex;
  position: relative;
  left: 0;
}

.headscrollsubmenulight .active.model-filter-link,
.headscrollsubmenulight .model-filter-link:hover,
.headscrollsubmenulight .model-filter-link:focus {
  color: #fff;
  background: #d9435b;
}

.custom-select {
  height: 50px;
}

.frmcheckin {
  width: 100%;
}

.acf2 {
  z-index: 498;
  position: fixed;
  inset: 0;
}

.acf__cover2 {
  background: #fafafa;
  position: absolute;
  inset: 0;
}

.book_bottom_btn {
  z-index: 6;
  width: 100%;
  border-radius: 0;
  padding: 8px;
  font-size: 20px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

opacity-fade-show from {
  opacity: 0;
}

opacity-fade-show to {
  opacity: 1;
}

@keyframes opacity-fade-show {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

#filtermenu_sidebar_overlay,
.filtermenu_sidebar_overlay {
  pointer-events: initial;
  height: 100%;
  overflow: overlay;
  z-index: 5;
  background: #1f1f1f96;
  animation: 0.2s forwards opacity-fade-show;
  display: none;
  position: absolute;
  inset: 56px 0 0;
}

.mainmenu_sidebar_include .tag-group {
  padding-bottom: 22px;
}

.mainmenu_sidebar_include .tag-group-standart:after {
  content: " ";
  content: " ";
  border-top: 1px solid #d8d8d840;
  margin: 20px 20px 10px 0;
  display: block;
}

.mainmenu_sidebar_include .group-header {
  text-transform: uppercase;
  padding-left: 14px;
}

.sidebar_include {
  opacity: 1;
  width: 100%;
  max-width: 300px;
  position: absolute;
  left: auto;
  right: 0;
}

.mainmenu_sidebar_include {
  opacity: 1;
  background: #1f1f1f;
  position: absolute;
  left: auto;
}

#searchForm .form-select label,
#searchForm .card-body button {
  color: #fff;
  cursor: pointer;
  width: 100%;
  letter-spacing: 0.5px;
  flex-flow: row;
  align-items: center;
  padding: 10px;
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  transition: none;
  display: block;
  position: relative;
}

.filtermenu_sidebar_include {
  opacity: 1;
  max-width: 80%;
  width: 80%;
  height: 100%;
  background: #1f1f1f;
  position: absolute;
  right: 0;
  box-shadow: 1px 1px 9px 6px #0000003b;
}

.filtermenu_sidebar_include .card-body .dropdown-menu.checkbox-menu {
  width: 70%;
  color: #f5f5f5;
  background-color: #3e3f43;
  margin-left: -1px;
}

.filtermenu_sidebar_include
  .card-body
  .dropdown-menu.checkbox-menu
  .list-group-item {
  color: #f5f5f5;
  background-color: #3e3f43;
}

.filter_btn {
  color: #fff;
  background: #3e3f43;
  border: none;
  border-radius: 25px;
}

.mainmenu_sidebar_include li {
  padding: 0 10px;
}

.mainmenu_sidebar_include .mainmenu {
  padding: 12px 0 0 24px;
}

.mainmenu_sidebar_include .mainmenu .nav-link {
  height: 36px;
  color: #fff;
  cursor: pointer;
  width: 100%;
  letter-spacing: 0.5px;
  border-radius: 5px;
  flex-flow: row;
  align-items: center;
  padding: 10px;
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  transition: none;
  display: flex;
  position: relative;
  left: -10px;
}

.sidebar_overlay .list-group-item-action:active,
.sidebar_overlay .list-group-item-action:focus,
.sidebar_overlay .list-group-item-action:hover {
  background-color: #272727 !important;
}

#sidebar_overlay .nav-item,
.sidebar_overlay .nav-item {
  padding: 3px 18px;
  font-size: medium;
}

#sidebar_overlay .nav-link,
.sidebar_overlay .nav-link {
  color: #fffc;
  font-size: 0.9em;
  padding: 0.3rem 0.5rem !important;
}

.headmenu .bi {
  fill: red;
}

.commentslist:hover,
.commentslist:focus {
  background: #f5f5f5;
}

.md-avatar {
  vertical-align: middle;
  width: 50px;
  height: 50px;
}

.md-avatar.size-1 {
  width: 40px;
  height: 40px;
}

.md-avatar.size-2 {
  width: 70px;
  height: 70px;
}

.md-avatar.size-3 {
  width: 90px;
  height: 90px;
}

.md-avatar.size-4 {
  width: 110px;
  height: 110px;
}

#baiser {
  min-height: 500px;
  overflow-x: hidden;
}

.citylist {
  margin-right: 10px;
  padding-left: 0;
  list-style: none;
}

.citylist:before {
  text-align: center;
  color: #fff;
  font-size: 80px;
  line-height: 220px;
  display: block;
}

.autocomplete_input {
  width: 100%;
  height: 35px;
  background: #d3d3d3;
  border: 1px solid #343a405c;
  border-radius: 5px;
  margin-bottom: 10px;
}

.appavailable .whatsapp {
  color: #075e54;
}

.appavailable .viber {
  color: #665cac;
}

.pay-btn {
  display: block;
}

.boxdes {
  background: #fff;
  border: 3px solid #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 5px #13296833;
}

.adscontent {
  overflow-wrap: break-word;
  overflow: auto;
}

.btn-standart {
  color: #fff;
  background: #343a40;
  border-bottom: 3px solid #12171b;
  border-radius: 3px;
  margin-bottom: 2px;
  padding: 0.5rem 0.75rem;
  font-size: 15px;
}

.mh {
  min-height: 500px;
}

.navbar-brand {
  display: inline-flex !important;
}

.header-logo-link .brand {
  text-transform: uppercase;
  color: #fff;
  padding: 5px 0 5px 3px;
  font-size: 25px;
  font-weight: 700;
  display: inline-flex;
}

.header-logo-link .brandlogo {
  float: left;
  max-height: 30px;
}

.headmenu .nav-item span {
  width: 10%;
  color: #fff;
}

.loader-ellips {
  width: 4em;
  height: 1em;
  margin: 10px auto;
  font-size: 20px;
  position: relative;
}

.loader-ellips__dot {
  width: 1em;
  height: 1em;
  background: #555;
  border-radius: 0.5em;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  display: block;
  position: absolute;
}

.citylist .is-selected {
  color: #e82693;
  font-weight: 700;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}

.loader-ellips__dot:nth-child(3) {
  left: 1.5em;
}

.loader-ellips__dot:nth-child(4) {
  left: 3em;
}

@keyframes reveal {
  0% {
    transform: scale(0.001);
  }

  to {
    transform: scale(1);
  }
}

@keyframes slide {
  to {
    transform: translate(1.5em);
  }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}

.clcarousel {
  max-height: 256px;
  border-radius: 0.375em;
  margin-bottom: 18px;
  overflow: hidden;
  box-shadow: 0 7px 14px #3b415e1a, 0 3px 6px #00000012;
}

.mloader {
  text-align: center;
  z-index: 1050;
  width: 100%;
  height: 100%;
  color: #00f;
  background: #343a40;
  outline: 0;
  position: fixed;
  top: 0;
  left: 0;
}

.loader,
.loader:before,
.loader:after {
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  animation: 1.8s ease-in-out infinite load7;
}

.loader {
  color: #ccc;
  text-indent: -9999em;
  margin: 80px auto;
  font-size: 10px;
  animation-delay: -0.16s;
  position: relative;
  transform: translateZ(0);
}

.loader:before,
.loader:after {
  content: "";
  position: absolute;
  top: 0;
}

.loader:before {
  animation-delay: -0.32s;
  left: -3.5em;
}

.loader:after {
  left: 3.5em;
}

@keyframes load7 {
  0%,
  80%,
  to {
    box-shadow: 0 2.5em 0 -1.3em;
  }

  40% {
    box-shadow: 0 2.5em;
  }
}

p a {
  color: #212529 !important;
}

.filter .dropdown-menu {
  max-height: 400px;
  overflow-y: scroll;
}

.esc-pre-info {
  text-shadow: 1px 1px #00000040;
  margin-top: -35%;
  margin-bottom: 5%;
}

.esc-pre-info .cityitem {
  width: 100%;
  color: #262626;
  justify-content: space-between;
  align-items: center;
  padding: 0.375rem 0;
  font-size: 15px;
  line-height: 1.25rem;
  display: flex;
}

.esc-pre-info .productname,
.esc-pre-info .categoryname {
  color: #fff;
}

.card-header-down-arrow svg,
.card-header-down-arrow img {
  float: right;
  width: 15px;
  height: 15px;
}

.container {
  overflow: hidden;
  max-width: 100%;
  box-sizing: border-box;
}

.comment-list li {
  border-bottom: 1px solid #ccc;
  padding: 15px 10px;
  list-style: none;
}

.flag-wrapper {
  width: 36px;
  height: 24px;
  margin: 10px 0;
  display: inline-grid;
  position: relative;
  overflow: hidden;
}

.has-error .form-control,
.has-error .form-control:focus {
  box-shadow: none !important;
  border: 2px solid red !important;
}

.has-success .form-control {
  box-shadow: none !important;
  border: 2px solid #28a745 !important;
}

.has-error .help-block {
  color: red !important;
}

.list-group-title {
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  border-color: unset !important;
}

.bg-gold {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#666666", endColorstr="#9e9e9e", GradientType=1);
  background: linear-gradient(45deg, #e89e2a 0%, #fbff07 100%);
}

.bg-silver {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#666666", endColorstr="#9e9e9e", GradientType=1);
  background: linear-gradient(45deg, #333 0%, #9e9e9e 100%);
}

@media only screen and (max-width: 768px) {
  .stamp.is-suspicious.stamp-complex {
    top: 35% !important;
    left: calc(50% - 50px) !important;
  }

  .dashboard-main-pic {
    max-height: 200px;
  }

  .favorite span {
    font-size: 12px;
  }

  .breadcrumb {
    display: none;
  }

  .navbar-brand {
    margin-right: none !important;
  }
}

:focus {
  outline: none !important;
}

.blogs-image {
  overflow: hidden;
}

.blogs-image img {
  width: 100%;
  height: auto;
}

.gallerydashbox img {
  width: 100%;
}

.gallerydash {
  background: #fff;
  border: 1px solid #ccc;
  padding: 2px;
}

.dropzone {
  border: 3px solid #cf3b81 !important;
}

.bloglisttitle {
  color: #5032b4;
  font-size: smaller;
}

.voirebutton {
  width: unset;
  padding: 5px 10px !important;
  font-size: 12px !important;
}

.side-widget {
  text-align: center;
  margin-bottom: 15px;
}

.widget-register {
  width: 100%;
  height: 100%;
  max-height: 450px;
  background-size: cover;
  border-bottom: 5px solid #d33b81;
}

.widget-register h3 {
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 3px #ffffff47;
  text-transform: uppercase;
  padding-top: 210px;
  font-size: 27px;
  font-weight: 700;
}

.widget-title {
  color: #fff;
  text-align: center;
  background: #d33b81;
  padding: 3px;
  font-weight: 700;
}

.widget-gotm {
  width: 100%;
  height: 100%;
  max-height: 350px;
  background-size: cover;
  border-bottom: 5px solid #d33b81;
  display: contents;
}

.sidebar {
  float: left;
  width: 20%;
  padding: 0 5px;
  overflow: hidden;
}

.ulist-container {
  height: 0;
  padding-top: 150%;
  position: relative;
  overflow: hidden;
}

.ulist-photo {
  margin: 0;
  position: absolute;
  inset: 0;
}

.ulist-container .ulist-photo img {
  width: 100%;
  height: 100%;
}

.ulist-about {
  color: #fff;
  opacity: 0;
  word-break: break-word;
  pointer-events: none;
  background-color: #1a1a1ae6;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  transition-property: opacity;
  transition-duration: 0.172s;
  display: flex;
  position: absolute;
  inset: 0;
}

.ulist-info h4 {
  color: #fff;
}

.ulist-info {
  color: #fff;
  background-image: linear-gradient(#0000, #00000080);
  padding: 1.25em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}

.ulist-name.ulist-name-table {
  display: flex;
}

.ulist-name {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-shadow: 0 1px 2px #0006;
  color: #fff;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.25;
}

.ulist-container .ulist-city,
.mobile-container .ulist-city {
  opacity: 0.5;
  text-shadow: 0 1px 2px #0006;
  width: 65% !important;
}

.ulist-meta {
  justify-content: space-between;
  line-height: 1.25;
  display: flex;
}

.ulist-info .stamps-above-name {
  font-size: 0;
  position: absolute;
  bottom: calc(100% - 0.5rem);
}

.do-home .profile-info .is-diamond,
.do-home .profile-info .is-gold,
.do-home .profile-info .is-silver {
  top: 15px !important;
  left: -32px !important;
  transform: rotate(-45deg) scale(0.85) !important;
}

.do-home .profile-info .is-photo-verify,
.do-home .profile-info .is-online,
.do-home .profile-info .is-vip {
  transform: scale(0.9);
}

.ulist-container .stamp.is-diamond,
.ulist-container .stamp.is-gold,
.ulist-container .stamp.is-silver,
.ulist-container .stamp.is-vip {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.ulist-container {
  height: 0;
  margin: 1px;
  padding-top: 150%;
  position: relative;
  overflow: hidden;
}

.ulist-container.con-none {
  height: unset;
  overflow: unset;
  margin: 0;
  padding-top: 0;
  position: relative;
}

.profile-container {
  padding: 0 1px;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.profile-container a {
  aspect-ratio: 2/3;
}

.profile-container:hover .ulist-photo img {
  transition: all 1s;
  transform: scale(1.1) !important;
}

.profile-container .ulist-photo img {
  transition: all 1s;
}

.stamp.is-vip.stamp-complex {
  width: 42px;
  height: 42px;
  color: #ffd400;
  background-color: #333;
  border: 1px solid #ffd400;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 7px;
  font-weight: 500;
  position: absolute;
  top: 0;
  right: 0;
}

.stamp.is-suspicious.stamp-complex svg {
  width: 80px;
  height: 80px;
}

.stamp.is-suspicious.stamp-complex {
  width: 100px;
  height: 100px;
  color: #dc3545;
  text-shadow: 0 0 5px #000;
  z-index: 1;
  justify-content: center;
  align-items: center;
  padding: 7px;
  font-weight: 500;
  position: absolute;
  top: 187px;
  left: 110px;
}

.ulist-item,
.ulist-property {
  margin-bottom: 0;
}

.ulist-property .ribbon.is-likecount {
  color: #fff;
  width: 135px;
  background: -moz-linear-gradient(45deg, #666 0%, #9e9e9e 100%);
  background: -webkit-gradient(
    left bottom,
    right top,
    color-stop(0%, #666),
    color-stop(100%, #9e9e9e)
  );
  background: -o-linear-gradient(45deg, #666 0%, #9e9e9e 100%);
  background: -ms-linear-gradient(45deg, #666 0%, #9e9e9e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#666666", endColorstr="#9e9e9e", GradientType=1);
  cursor: pointer;
  background: linear-gradient(45deg, #007bff 0%, #1085d4 100%);
  font-weight: 700;
}

.ribbon-flat.is-diamond-flat {
  color: #fff;
  background: -moz-linear-gradient(45deg, #666 0%, #9e9e9e 100%);
  background: -webkit-gradient(
    left bottom,
    right top,
    color-stop(0%, #666),
    color-stop(100%, #9e9e9e)
  );
  background: -o-linear-gradient(45deg, #666 0%, #9e9e9e 100%);
  background: -ms-linear-gradient(45deg, #666 0%, #9e9e9e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#666666", endColorstr="#9e9e9e", GradientType=1);
  background: linear-gradient(45deg, #ab074b 0%, #ff0cc8 100%);
  font-weight: 700;
}

.ribbon-flat.is-diamond-flat img {
  width: 20px;
  height: 20px;
}

.ulist-item .label {
  text-transform: uppercase;
  text-align: center;
  width: 76px;
  text-shadow: 0 1px 1px #fff0;
  height: 25px;
  padding: 3px 0;
  font-size: 12px;
  position: absolute;
  top: 10px;
  right: 0;
  transform: rotate(0);
}

.ulist-item .label.is-online {
  color: #fff;
  font-weight: 700;
}

.ulist-item .label.is-online svg {
  color: #4caf50;
}

.online-spinner {
  width: 15px;
  height: 15px;
  float: right;
  margin-top: 4px;
  position: relative;
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-color: #fff;
  border-radius: 50%;
  animation: 2s ease-in-out infinite sk-bounce;
  position: absolute;
  top: 0;
  left: 0;
}

.double-bounce2 {
  background-color: #8bc34a;
  animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {
  0%,
  to {
    -webkit-transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bounce {
  0%,
  to {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

.ulist-item .is-online {
  color: #fff;
  z-index: 1;
  text-transform: uppercase;
  background: #4caf50;
  border-radius: 0.2em;
  margin: 0;
  padding: 0 2px;
  font-size: 11px;
  font-weight: lighter;
  position: absolute;
  top: 6px;
  right: 6px;
}

.ulist-item .is-online:before {
  content: "";
  vertical-align: middle;
  min-width: 5px;
  min-height: 5px;
  background: #fff;
  border-radius: 2.5px;
  margin-top: -2px;
  margin-right: 5px;
  animation: 2s infinite fadeInLive;
  display: inline-block;
}

@keyframes fadeInLive {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ulist-item .ribbon.is-gold {
  color: #fff;
  background: -moz-linear-gradient(45deg, #feb645 0%, #f1e767 100%);
  background: -webkit-gradient(
    left bottom,
    right top,
    color-stop(0%, #feb645),
    color-stop(100%, #f1e767)
  );
  background: -o-linear-gradient(45deg, #feb645 0%, #f1e767 100%);
  background: -ms-linear-gradient(45deg, #feb645 0%, #f1e767 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#feb645", endColorstr="#f1e767", GradientType=1);
  background: linear-gradient(45deg, #e89e2a 0%, #fbff07 100%);
  font-weight: 700;
}

.ulist-property .ribbon.is-gold {
  color: #fff;
  background: -moz-linear-gradient(45deg, #feb645 0%, #f1e767 100%);
  background: -webkit-gradient(
    left,
    right,
    color-stop(0%, #feb645),
    color-stop(100%, #f1e767)
  );
  background: -o-linear-gradient(45deg, #feb645 0%, #f1e767 100%);
  background: -ms-linear-gradient(45deg, #feb645 0%, #f1e767 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#feb645", endColorstr="#f1e767", GradientType=1);
  background: linear-gradient(45deg, #e89e2a 0%, #fbff07 100%);
  font-weight: 700;
}

.ulist-item .ribbon.is-gold img,
.ulist-item .ribbon.is-diamond img,
.ulist-property .ribbon.is-gold img,
.ulist-property .ribbon.is-diamond img {
  width: 20px;
  height: 20px;
}

.ulist-property .ribbon svg {
  vertical-align: bottom;
}

.ribbon span {
  width: 100%;
  display: block;
}

.ulist-item .ribbon span:first-child {
  margin-top: -25px;
}

.ulist-item .ribbon {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  width: 115px;
  text-shadow: 0 1px 1px #0003;
  height: 25px;
  z-index: 1;
  background-color: #d63b7e;
  padding: 3px 0;
  font-size: 1em;
  position: absolute;
  top: 20px;
  left: -25px;
  transform: rotate(-45deg);
}

.ulist-property .ribbon {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  width: 115px;
  text-shadow: 0 1px 1px #0003;
  height: 25px;
  z-index: 1;
  float: left;
  background-color: #d63b7e;
  margin-right: 5px;
  font-size: 12px;
  top: 25px;
  transform: rotate(0);
}

.ribbon-flat {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  width: 115px;
  text-shadow: 0 1px 1px #0003;
  height: 25px;
  float: left;
  background-color: #d63b7e;
  margin: 0 5px 0 0;
  padding: 3px 0;
  font-size: 12px;
  top: 20px;
}

.ulist-item:hover .ulist-about,
.ulist-item:focus .ulist-about {
  opacity: 1;
}

.ulist-permalink {
  display: block;
}

.ulist-about,
.ulist-permalink,
.ulist-photo,
.is-overlay {
  position: absolute;
  inset: 0;
}

.main_content {
  float: left;
  width: 80%;
  padding: 0 5px;
  display: contents;
  overflow: hidden;
}

.all-blog .panel-default {
  margin-bottom: 20px;
}

.dashboardbtn {
  background: #fff;
  border: 3px solid #fff;
}

.dashboardbtn:hover,
.dashboardbtn:focus {
  border: 3px solid #b7398b;
}

.label {
  display: inline-block;
  margin: 0.5rem 0.2rem !important;
}

.ui-menu .ui-menu-item {
  border-bottom: 1px solid #f5f5f5;
}

.ui-menu .ui-menu-item-wrapper {
  width: 100%;
  display: block;
}

.editprofile .btngrp {
  margin-bottom: 3px;
}

.usertype {
  color: #b7398b;
  border-radius: 4px;
  border: 3px solid #fff !important;
}

.usertype:hover {
  color: #4331b9;
  transition: all 0.9s;
  box-shadow: 5px 5px 5px #00000008, 0 5px 5px #0000002e;
  border: 3px solid #4331b9 !important;
}

.userregister span {
  width: 100%;
  padding-right: 140px;
  display: flex;
}

.usertypetitle {
  font-size: 28px;
  font-weight: 500;
}

.usertypedesc {
  height: 275px;
  color: #212529;
}

.usertypedesc_formobile {
  height: 270px;
  font-size: smaller;
}

.userADVERTISING,
.userAGENCY,
.userMEMBER {
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto 375px;
}

.bigicon {
  color: #343a40;
  display: block;
  display: initial;
  font-size: 30px;
}

.bigicon > svg {
  width: 50px;
  height: 50px;
}

.dashboardtitle {
  width: 100%;
  color: #000;
  margin-left: 10px;
  font-size: 15px;
  font-weight: 400;
}

.langbtn {
  float: left;
  opacity: 0.6;
}

.tright {
  text-align: right !important;
}

.tcenter {
  text-align: center !important;
}

.divider {
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  margin: 0 0 5px;
  overflow: hidden;
}

.activelang {
  opacity: 1 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #444;
}

.fa {
  font-size: 14px;
}

.fa-stack {
  width: 10px;
}

.fa-stack .fa {
  font-size: 15px;
}

h1 {
  font-size: 33px;
}

h2 {
  font-size: 27px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 15px;
}

h5 {
  font-size: 12px;
}

h6 {
  font-size: 10.2px;
}

a {
  color: #505050;
}

a:hover {
  text-decoration: none;
}

legend {
  padding: 7px 0;
  font-size: 18px;
}

.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
  font-size: 12px;
}

.input-group .input-group-addon {
  height: 30px;
  font-size: 12px;
}

span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg {
  display: inline;
}

.nav-tabs {
  margin-bottom: 15px;
}

div.required .control-label:before {
  content: "* ";
  color: red;
  font-weight: 700;
}

.dropdown-menu li > a:hover {
  color: #fff;
  background-color: #3498db;
  text-decoration: none;
}

#mainheader {
  border-bottom: 2px solid #17649a;
}

.p5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.p0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.section-padding {
  padding: 30px 0;
}

.section-white {
  background-color: #fff;
}

.section-gray {
  background-color: #f6f6f6;
}

.primary-color {
  color: #d63c80;
}

.primary-bg {
  background: #17649a;
}

.mybooking {
  box-shadow: 0 2px 4px #373f470d;
  color: #fff !important;
  background: #40b3df !important;
  border: none !important;
  border-radius: 3px !important;
  font-weight: 500 !important;
}

.listfeature div {
  border-bottom: 1px dotted #f5f5f5;
  margin-bottom: 5px;
}

.right {
  text-align: right;
}

.phonebottom {
  font-size: 20px;
  font-weight: 500;
}

.bottom-fixed-detail,
.bottom-fixed-detail a,
.bottom-fixed-detail a:hover {
  text-decoration: none;
}

.bottom-fixed-detail {
  text-transform: uppercase;
  z-index: 1;
  background: #fff;
  padding: 10px 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 3px 20px #676767;
}

#carouselExampleControls {
  height: 450px;
  background: #ccc;
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
}

.resultlabel,
.resultlabel a {
  font-weight: 500;
}

.listlabel {
  color: #656565;
}

.secondary-color {
  color: #40b3df;
}

.secondary-bg {
  background: #40b3df;
}

.list-icon {
  font-size: 40px;
}

.list-arrow {
  color: #ccc;
  font-size: 14px;
}

.airport-name {
  color: #505050;
  margin: 0;
  font-size: 17px;
  font-weight: 700;
}

.airport-desc {
  color: #929292;
  margin: 0;
  font-size: 15px;
  font-weight: 400;
}

.servicelist {
  font-size: 14px;
}

.popular-route-from {
  color: #777;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

.popular-route-to {
  color: #929292;
  margin: 0;
  font-size: 15px;
  font-weight: 400;
}

.list-ul {
  padding: 5px;
}

.graytext {
  color: #929292;
  font-weight: 400;
}

.list-li-white {
  min-height: 55px;
  cursor: pointer;
  background: #fff;
  border-radius: 3px;
  margin: 0;
  list-style: none;
  position: relative;
  box-shadow: 1px 1px 3px #00000012;
}

.list-li-gray {
  min-height: 55px;
  cursor: pointer;
  background: 0 0;
  border-radius: 3px;
  margin: 0;
  list-style: none;
  position: relative;
}

.list-li-box {
  margin: 0 10px 10px;
}

.dortala {
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-content {
  font-size: 18px;
  line-height: 1.8;
}

.section-title {
  margin-bottom: 20px;
  font-size: 25px;
}

.service-level {
  margin-bottom: 30px;
  position: relative;
}

.service-level > span:first-child {
  height: 40px;
  width: 40px;
  color: #fff;
  text-align: center;
  background-color: #a8cb17;
  border-radius: 50%;
  font-size: 22px;
  font-weight: 500;
  line-height: 40px;
  display: inline-block;
}

.service-level-divider {
  height: 50%;
  width: 100%;
  padding-left: 56px;
  display: block;
  position: absolute;
  bottom: 0;
}

.service-level-divider:after {
  content: " ";
  width: 100%;
  border-bottom: 1px solid #a8cb17;
  display: block;
  position: relative;
}

.main-header {
  background: #fff;
  position: relative;
}

.header_block {
  float: left;
}

.header_block .col-sm-4 {
  text-align: left;
  width: 100%;
  padding: 0;
}

.header_right.header_block .col-sm-5 {
  width: 100%;
  padding: 0;
}

.catlist {
  margin: 5px 0;
}

#top {
  height: auto;
  background: #fff;
  margin: 0;
  padding: 0;
}

#top #currency .currency-select.btn-link,
#top #language .dropdown-menu > li > a {
  text-align: left;
  text-transform: capitalize;
  width: 100%;
  padding: 7px 0;
  font-size: 14px;
  line-height: 14px;
}

#top #currency .currency-select:hover {
  color: #161b1e;
}

#currency button span,
#language button span {
  color: #787878;
  text-transform: capitalize;
  margin: 4px 0;
  font-size: 14px;
  font-weight: 400;
}

#currency button:hover span,
#language button:hover span {
  color: #161b1e;
}

#top-links .myaccount-menu > li {
  border: none;
  padding: 0;
}

#top-links .myaccount-menu a {
  text-transform: capitalize;
  padding: 7px 0;
  font-size: 14px;
  line-height: 14px;
}

#currency .dropdown-menu,
#language .dropdown-menu {
  border: none;
  border-top: 1px solid #3498db;
  margin-top: 0;
  padding: 7px 15px;
  top: 99%;
  box-shadow: 0 2px 4px #0000001a;
}

#language .dropdown-menu {
  top: 98%;
}

#top-links .myaccount-menu {
  border: none;
  border-top: 1px solid #3498db;
  margin-top: 1px;
  padding: 7px 15px;
  top: 98%;
  right: -3px;
  box-shadow: 0 2px 4px #0000001a;
}

#top-links .myaccount-menu > li:last-child {
  border-bottom: none;
  padding: 0 5px;
}

#top #language .dropdown-menu > li > a {
  padding: 7px 0;
}

#top .btn-link,
#top-links li,
#top-links a,
#language .dropdown-menu > li > a {
  color: #787878;
  font-size: 14px;
  text-decoration: none;
}

#top-links li:first-child {
  border-left: none;
}

#top-links li:last-child {
  padding: 4px 0 4px 12px;
}

#top-links .list-inline {
  margin-bottom: 0;
}

#top-links a .fa {
  padding: 5px;
}

#top .btn-link:hover,
#top-links a:hover {
  color: #fff;
}

#top-links .dropdown-menu a {
  text-shadow: none;
}

#top-links .dropdown-menu a:hover,
#top-links .dropdown-menu a:focus {
  color: #161b1e;
  background: 0 0;
}

#top .btn-link strong {
  margin: 0 5px;
  font-size: 12px;
  font-weight: 400;
}

#currency .currency-menu > li,
#language .language-menu > li {
  padding: 0;
}

#currency .currency-menu > li:last-child,
#language .language-menu > li:last-child {
  border-bottom: none;
}

#language .dropdown-toggle > img {
  margin: 0 5px 3px;
}

#top-links {
  padding-top: 0;
}

#top-links a + a {
  margin-left: 15px;
}

#top .fa-caret-down {
  vertical-align: text-bottom;
}

#top #currency .btn-link {
  padding: 3px 12px 2px 0;
}

#top #language .btn-link {
  border-left: 1px solid #e8e8e8;
  padding: 3px 12px 4px;
}

.contact_us a {
  height: 25px;
  vertical-align: middle;
  width: 23px;
  margin-right: 5px;
}

.contact_us .fa {
  color: #3498db;
  margin-top: 3px;
  font-size: 22px;
  font-weight: 600;
}

.contact_us {
  color: #161b1e;
  white-space: nowrap;
  margin: 20px 0;
  font-size: 16px;
  font-weight: 300;
}

.contact_us_2 {
  color: #161b1e;
  font-size: 18px;
  font-weight: 600;
}

.nav-responsive {
  display: none;
}

.responsive-menu,
.main-menu {
  height: 65px;
  -khtml-border-radius: 0px;
  float: right;
  border-radius: 0;
  margin-bottom: 0;
}

.main-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-menu > ul > li {
  float: left;
  z-index: 20;
  position: relative;
}

.nav-inner.container {
  padding: 0;
}

#menu > ul > li {
  float: left;
  z-index: 9;
  position: relative;
}

#res-menu {
  display: none;
}

#menu .categoryinner > ul {
  float: left;
}

#menu > ul > li > div {
  min-width: 560px;
  z-index: 12345;
  text-align: left;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -o-transition: transform 0.3s ease 0s;
  height: 0;
  transition: all 0.3s;
  background: #282d30;
  padding: 0;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  position: absolute;
  top: 65px;
  left: 0;
  overflow: hidden;
  transform: translateY(10%);
}

#menu > ul > li.hiden_menu div {
  min-width: 180px;
}

.categoryinner {
  padding: 30px;
  display: block;
  position: relative;
  overflow: hidden;
}

#menu > ul > li:hover > div {
  height: auto;
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -khtml-opacity: 1;
  z-index: 9;
  border-top: 1px solid #3498db;
  overflow: visible;
  transform: translateY(0%);
}

#menu .categoryinner ul > ul {
  float: left;
}

#menu ul {
  float: none;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.main-navigation ul:last-child .categorycolumn {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}

.categorycolumn {
  float: left;
  vertical-align: top;
  margin-bottom: 0;
  margin-right: 10px;
}

a.submenu1,
.level0 .level0 a {
  color: #e99d9d;
  text-transform: capitalize;
  text-align: left;
  background: 0 0;
  margin-bottom: 12px;
  padding: 0;
  font-size: 15px;
  font-weight: 400;
  display: block;
  position: relative;
}

a:hover.submenu1,
a:focus.submenu1 {
  color: #fff;
}

#menu .cate_inner_bg > ul > li a {
  color: #e4e4e4;
  text-align: left;
  padding: 5px 0;
  font-size: 15px;
  font-weight: 300;
  display: block;
}

#menu .cate_inner_bg > ul > li a:hover,
#menu .cate_inner_bg > ul > li a:hover:before {
  color: #fff;
}

#menu .cate_inner_bg > ul > li a:hover {
  background: 0 0;
}

#menu > ul > li ul > li:hover > a {
  color: #fff;
}

.categorycolumn ul {
  float: left;
}

.cate_inner_bg ul {
  padding-top: 7px !important;
}

.categoryinner ul {
  padding: 0 !important;
}

.cate_inner_bg li {
  padding: 0;
}

#menu > ul > li ul > li ul > li {
  padding-right: 0 !important;
}

#menu > ul > li ul > li > a {
  color: #a27c66;
  white-space: normal;
  padding: 4px 6px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
}

.submenu2 {
  text-transform: capitalize;
  border-bottom: 0;
  margin-left: 0;
  font-size: 11px;
  font-weight: 400;
}

#menu .hiden_menu .categoryinner > ul {
  display: none;
}

.content_top_bredcum {
  height: 80px;
  text-align: center;
  width: 100%;
  background-color: #f7f7f7;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.common-home .content_top_bredcum {
  display: none;
}

.cms_outer.container {
  padding: 0;
  overflow: hidden;
}

.cms_outer .res_head {
  display: none;
}

.one_third {
  float: left;
  width: 33.333%;
}

.cms1 .one_third_inner.content_inner {
  margin-right: 20px;
  overflow: hidden;
}

.cms-banner-item.cms-banner1,
.cms-banner-item.cms-banner4 {
  margin-bottom: 30px;
}

.cms-banner-inner {
  width: 100%;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.cms-banner-inner > a {
  background: #161b1e;
  display: block;
}

.cms-banner-inner img {
  backface-visibility: hidden;
  max-width: none;
  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  transition: opacity 0.35s, transform 0.35s;
  transform: translate(-10px);
}

.cms-banner-inner:hover img {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  -ms-opacity: 0.5;
  -khtml-opacity: 0.5;
  transform: translate(0, 0);
}

.static-wrapper {
  width: 100%;
  z-index: 99;
  padding: 0 20px;
  position: absolute;
  top: auto;
  bottom: 12px;
  left: 0;
}

.cms-banner-inner .static-inner:after {
  content: "";
  height: 1px;
  -o-transition: transform 0.35s ease 0s;
  width: 100%;
  background: #fff;
  transition: transform 0.35s;
  position: absolute;
  bottom: -7px;
  left: 0;
  transform: translate(-130%);
}

.static-inner {
  position: relative;
}

.text1.static-text {
  margin: 0 5px 0 0;
}

.cms-banner-item .static-text {
  color: #fff;
  text-transform: uppercase;
  font-size: 22px;
}

.static-text-2 {
  color: #a36074;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 700;
}

.text2.static-text {
  font-weight: 700;
}

.text3.static-text {
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  -ms-opacity: 0;
  -khtml-opacity: 0;
  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  padding: 1em 0;
  font-size: 13px;
  transition: opacity 0.35s, transform 0.35s;
  transform: translate(100%);
}

.cms-banner-inner:hover .static-inner:after {
  transform: translate(0, 0);
}

.cms-banner-inner:hover .text3.static-text {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -khtml-opacity: 1;
  transform: translate(0, 0);
}

.cms-banner2 .static-wrapper,
.cms-banner5 .static-wrapper {
  top: 120px;
  bottom: auto;
}

.cms-banner2 .text3.static-text,
.cms-banner5 .text3.static-text {
  top: auto;
  bottom: 20px;
}

.one_third {
  float: left;
  width: 33.333%;
}

.cms2 .one_third_inner.content_inner {
  margin: 0 10px;
}

.cms-banner3 .text3.static-text {
  inset: 30px 30px auto auto;
}

.cms3 .one_third_inner.content_inner {
  margin-left: 20px;
}

.cms-banner-item.cms-banner1,
.cms-banner-item.cms-banner4 {
  margin-bottom: 30px;
}

.cms-banner3 .static-wrapper {
  top: 60px;
  bottom: auto;
  right: 30px;
}

.cms-banner-inner:hover .hover-div {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -khtml-opacity: 1;
  transform: translate(0, 0);
}

.blogs {
  float: left;
  width: 66.666%;
}

.testimonials {
  float: left;
  width: 33.333%;
  position: relative;
}

.blog_inner {
  margin-right: 20px;
  position: relative;
  overflow: hidden;
}

.blog_inner .slider-item .product-image-inner-blog {
  margin: 0 20px;
}

.blog_inner .product-carousel {
  margin-left: -20px;
}

#content .box.blogs .box-heading,
.testimonials .cms-box-heading {
  color: #161b1e;
  letter-spacing: 0;
  padding-bottom: 35px;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
  display: inline-block;
  position: relative;
}

.product-block-image .testi-image {
  position: relative;
  overflow: hidden;
}

.blog_inner .image-block {
  position: relative;
}

.post-image-hover {
  height: 100%;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  -ms-opacity: 0;
  -khtml-opacity: 0;
  -o-transition: all 0.3s ease 0s;
  width: 100%;
  background: #0006;
  transition: all 0.3s;
  position: absolute;
  top: 0;
  left: 0;
}

.blog_inner .image-hover-block {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -khtml-opacity: 1;
  text-align: center;
  -o-transition: all 0.35s ease 0s;
  width: 100%;
  transition: all 0.35s ease-out;
  margin: 0;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  position: absolute;
  top: 75px;
}

.blog_inner .slider-item .product-image-inner-blog:hover .post-image-hover {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -khtml-opacity: 1;
}

#testimonial .customNavigation a {
  top: -63px;
}

#testimonial .customNavigation a.next {
  cursor: pointer;
  height: 26px;
  width: 26px;
  color: #787878;
  -o-transition: all 0.3s ease 0s;
  z-index: 1;
  background: #fff;
  border: 1px solid #e8e8e8;
  transition: all 0.3s;
  display: block;
  top: 3px;
  left: 25px;
  right: auto;
}

#testimonial .customNavigation a.prev {
  cursor: pointer;
  height: 26px;
  width: 26px;
  color: #787878;
  -o-transition: all 0.3s ease 0s;
  z-index: 1;
  background: #fff;
  border: 1px solid #e8e8e8;
  transition: all 0.3s;
  display: block;
  top: 3px;
  left: 0;
  right: auto;
}

.product-image-inner-blog .image-hover-block .zoom:hover:before,
.product-image-inner-blog .image-hover-block .readmore:hover:before {
  background: #3498db;
  border-color: #3498db;
}

.product-block-image .post-author:before {
  content: "";
  text-align: center;
  width: 30px;
  border-bottom: 1px solid #fff;
  margin: 0 auto;
  display: block;
  position: absolute;
  bottom: -7px;
  left: 0;
}

.product-block-image .post-author {
  color: #fff;
  text-transform: capitalize;
  -o-transition: all 0.3s ease 0s;
  z-index: 9999;
  font-size: 12px;
  font-weight: 600;
  transition: all 0.3s;
  display: inline-block;
  position: absolute;
  bottom: -20px;
  left: 20px;
}

.post-date,
.comments-link,
.post-date .month,
.post-date .day,
.post-date .year,
.post-date,
.comments-link {
  display: inline-block;
}

.comments-link a {
  color: #fff;
}

.post-content-inner {
  padding: 20px 0 0;
}

.post-content-inner .post-title a {
  color: #161c1e;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}

.post-content-inner .post-title a:hover,
.comments-link a:hover,
.testmonial-text .testimonial-title a:hover {
  color: #3498db;
}

.post-content-inner .post-author {
  color: #8c8c8c;
  text-transform: capitalize;
  margin: 0;
}

.product-image-inner-blog .post-author .fa {
  margin-right: 5px;
}

.post-content-inner .post-description {
  text-transform: initial;
  margin: 15px 0;
}

.testimonial_inner {
  position: relative;
  overflow: hidden;
}

.testmonial-image {
  float: left;
  margin: 0 15px 15px 0;
}

#testimonial-carousel {
  padding: 59px 0 0;
}

.testmonial-text {
  float: left;
}

.testmonial-text .testimonial-title a {
  color: #161c1e;
  font-size: 16px;
  font-weight: 600;
}

.testimonial-designation {
  color: gray;
  display: inline-block;
}

.testimonial-content {
  display: inline-block;
}

#testimonial .hline {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 22px;
  padding-bottom: 15px;
}

.common-home .footer_top_outer {
  background-color: #e7e7e7;
  margin-top: 0;
  padding: 27px 0;
}

.footer_top_outer {
  background-color: #e7e7e7;
  margin-top: 15px;
  padding: 27px 0;
}

.aboutme-read-more {
  float: right;
  margin: 0;
}

.tm-about-text {
  float: left;
  margin-top: 6px;
}

.aboutme-read-more > a {
  color: #fff;
  letter-spacing: 0.5px;
  backface-visibility: hidden;
  -o-transition-duration: 0.5s;
  -o-transition-property: color;
  vertical-align: middle;
  background-color: #3498db;
  padding: 12px 27px;
  font-size: 15px;
  font-weight: 700;
  transition-property: color;
  transition-duration: 0.5s;
  display: inline-block;
  position: relative;
  transform: translateZ(0);
  box-shadow: 0 0 1px #0000;
}

.aboutme-read-more > a:before {
  content: "";
  transform-origin: 50% 100% 0;
  -moz-transform-origin: 50% 100% 0;
  -webkit-transform-origin: 50% 100% 0;
  -ms-transform-origin: 50% 100% 0;
  -o-transform-origin: 50% 100% 0;
  -o-transition-duration: 0.4s;
  -o-transition-property: transform;
  -o-transition-timing-function: ease-out;
  z-index: -1;
  background: #161b1e;
  transition-property: transform;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  position: absolute;
  inset: 0;
  transform: scaleY(0);
}

.aboutme-read-more > a:hover {
  color: #fff;
}

.aboutme-read-more > a:hover:before,
.aboutme-read-more > a:focus:before,
.aboutme-read-more > a:active:before {
  -o-transition-timing-function: cubic-bezier(0.35, 1.64, 0.57, 0.35);
  transition-timing-function: cubic-bezier(0.35, 1.64, 0.57, 0.35);
  transform: scaleY(1);
}

.footer_title1 {
  color: #787878;
  font-size: 25px;
  font-weight: 400;
}

.footer_title2 {
  color: #161b1e;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
}

.news-text {
  float: left;
  width: 62%;
  letter-spacing: 0.5px;
  border-left: 1px solid #bebebe;
  margin-top: 12px;
  margin-left: 30px;
  padding-left: 30px;
  font-size: 21px;
}

.footer-percent .footer-percent-inner:hover .icon i {
  transform: translateY(-10px);
}

.bx-viewport .slider-item {
  vertical-align: top;
  width: 100%;
  margin-bottom: 5px;
  margin-right: 0;
  padding: 7px 0;
  display: block;
  position: relative;
  overflow: hidden;
}

#column-right .bx-viewport .image,
#column-left .bx-viewport .image {
  float: left;
  text-align: center;
  border: 1px solid #e8e8e8;
  margin-bottom: 0;
  margin-right: 10px;
  display: block;
  position: relative;
}

#column-right .bx-viewport .image {
  margin-bottom: 3px;
}

#column-right .bx-viewport .image a,
#column-left .bx-viewport .image a {
  margin-bottom: 0;
  display: block;
}

#column-right .bx-viewport .image img,
#column-left .bx-viewport .image img {
  height: auto;
  max-width: 100%;
  width: auto;
  display: block;
}

#column-left .bx-viewport .product-details,
#column-right .bx-viewport .product-details {
  text-align: left;
  width: auto;
  margin-left: 87px;
}

#column-right .bx-viewport .rating,
#column-left .bx-viewport .rating {
  display: none;
}

.bx-viewport .slider-item .product-details h4 {
  color: #161b1e;
  text-align: left;
  text-transform: capitalize;
  margin: 8px 0 2px;
  font-size: 16px;
  font-weight: 400;
}

.bx-viewport .slider-item .product-details h4 a {
  color: #161b1e;
}

.bx-viewport .slider-item .product-details h4 a:hover,
#column-left
  .bx-viewport
  .slider-item
  .product-details
  .button-group
  button:hover,
#column-right
  .bx-viewport
  .slider-item
  .product-details
  .button-group
  button:hover {
  color: #787878;
}

.bx-viewport .slider-item .product-details .price {
  color: #161b1e;
  float: left;
  margin: 3px 0 2px;
  font-size: 16px;
  font-weight: 700;
}

.bx-viewport .slider-item .product-details .price .price-old {
  color: #a6a6a6;
  float: left;
  margin-right: 5px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: line-through;
}

#column-right #special .button-group,
#column-left #special .button-group {
  height: auto;
  width: auto;
  border: none;
  display: block;
}

#column-left .bx-viewport .slider-item .product-details .button-group button,
#column-right .bx-viewport .slider-item .product-details .button-group button {
  -khtml-border-radius: 0;
  color: #161b1e;
  float: none;
  text-transform: capitalize;
  width: auto;
  background: 0 0;
  border: none;
  border-radius: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 23px;
  display: inline-block;
}

.bx-pager.bx-default-pager {
  display: none;
}

#column-right .bx-controls-direction,
#column-left .bx-controls-direction {
  position: absolute;
  top: -49px;
  right: 10px;
}

.bx-controls-direction a.bx-next:before {
  color: #787878;
  content: "";
  vertical-align: middle;
  margin: 0 -4px 0 0;
  font-family: FontAwesome;
  font-size: 18px;
  line-height: 25px;
  position: absolute;
  top: 0;
}

.bx-controls-direction a.bx-next {
  position: relative;
  top: -10px;
}

.bx-controls-direction a {
  height: 18px;
  width: 18px;
  z-index: 95;
  outline: 0;
  font-size: 0;
  display: block;
}

.bx-controls-direction a.bx-prev:before {
  color: #787878;
  content: "";
  vertical-align: middle;
  margin: 0 -4px 0 0;
  font-family: FontAwesome;
  font-size: 18px;
  line-height: 25px;
  position: absolute;
  top: 0;
}

.bx-controls-direction a.bx-prev:hover:before,
.bx-controls-direction a.bx-next:hover:before {
  color: #161b1e;
}

.bx-controls-direction a.bx-prev {
  position: relative;
  top: -8px;
}

#special .box-content {
  padding: 10px 15px 40px;
  position: relative;
}

@media (min-width: 768px) {
  #menu .dropdown:hover .dropdown-menu {
    display: block;
  }
}

@media (max-width: 767px) {
  .h1,
  h1 {
    font-size: 1.2rem;
  }

  .wbox {
    padding: 15px 5px !important;
  }

  .btn-cherry {
    background-image: linear-gradient(135deg, #e82693, #922cec);
    margin: 5px 0;
    color: #fff !important;
    border: none !important;
  }

  .btn-graytime {
    margin: 5px 0;
    color: #3e3f43 !important;
    border-color: #3e3f43 !important;
    border-radius: 0 !important;
  }

  .ulist-info {
    padding: 0.5em;
  }

  .ulist-info .ulist-name {
    font-size: 1em;
  }

  .ulist-about {
    padding: 0.5rem;
  }

  .main_content {
    width: 100%;
  }

  #menu {
    -khtml-border-radius: 0px;
    border-radius: 0;
  }

  #menu div.dropdown-inner > ul.list-unstyled {
    display: block;
  }

  #menu div.dropdown-menu {
    background-color: #0000001a;
    padding-bottom: 10px;
    margin-left: 0 !important;
  }

  #menu .dropdown-inner {
    display: block;
  }

  #menu .dropdown-inner a {
    width: 100%;
    color: #fff;
  }

  #menu .dropdown-menu a:hover,
  #menu .dropdown-menu ul li a:hover {
    background: #0000001a;
  }

  #menu .see-all {
    -khtml-border-radius: 0;
    color: #fff;
    border: none;
    border-radius: 0;
    margin-top: 0;
  }
}

#column-left {
  width: 25%;
}

#column-right {
  width: 26.2%;
}

.layout-1 #content {
  padding: 0 15px;
}

.layout-2.left-col #column-left {
  width: 26.2%;
  padding-right: 28px;
}

.layout-2.right-col #column-right {
  width: 26.2%;
  padding-left: 28px;
}

.layout-2 {
  background: #f6f6f6;
}

.layout-2.right-col #content {
  padding-right: 0;
}

.layout-3 #column-left,
.layout-3 #column-right {
  width: 26.2%;
}

.layout-3 #content {
  width: 47.6%;
  padding: 0;
}

footer {
  color: #b3b3b3;
  background-color: #161b1e;
  margin-top: 0;
  padding-top: 0;
}

footer hr {
  border-top: none;
  border-bottom: 1px solid #e8e8e8;
}

footer a {
  color: #b3b3b3;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s;
}

#footer .col-sm-3.column.last > ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

#footer .column li {
  padding: 2px 0;
  line-height: 22px;
}

footer a:hover {
  color: #fff;
}

footer .social_block .facebook > a:hover {
  color: #3b5998;
}

footer .social_block .twitter > a:hover {
  color: #00aced;
}

footer .social_block .instagrm > a:hover {
  color: #517fa4;
}

footer .social_block .pinterest > a:hover {
  color: #cb2027;
}

footer .social_block .whatsapp > a:hover {
  color: #119607;
}

#footer .col-sm-3.column.last .fa.fa-envelope {
  margin-top: 6px;
  font-size: 14px;
}

footer h5:before {
  content: "";
  text-align: left;
  width: 30px;
  border-bottom: 1px solid #3498db;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

footer h5 {
  color: #fff;
  background: 0 0;
  border: none;
  margin: 0 0 14px;
  padding: 0 0 20px;
  font-size: 17px;
  font-weight: 700;
  display: inline-block;
  position: relative;
}

.footer_inner1 {
  border-bottom: 1px solid #2a2e31;
  overflow: hidden;
}

.footer-percent {
  float: left;
  width: 25%;
}

.footer-percent-inner {
  padding: 67px 0 48px;
}

.footer-percent-inner .icon:before {
  content: "";
  text-align: center;
  width: 30px;
  border-bottom: 1px solid #d33b80;
  margin: 0 auto;
  display: block;
  position: absolute;
  bottom: -13px;
  left: 0;
  right: 0;
}

.footer-percent .icon {
  float: left;
  -o-transition: all 0.3s ease 0s;
  -khtml-border-radius: 0;
  height: 30px;
  text-align: center;
  -o-transition: all 0.5s ease 0s;
  width: 30px;
  border-radius: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  line-height: 30px;
  transition: all 0.5s;
  display: inline-block;
  position: relative;
}

.footer-percent-inner .icon {
  float: left;
  -o-transition: all 0.3s ease 0s;
  margin: 0 15px 10px 0;
  padding: 0;
  transition: all 0.3s;
  display: inline-block;
}

.footer-percent .icon i {
  color: #d33b80;
  width: 23px;
  -o-transition: all 0.5s ease 0s;
  padding: 0;
  font-size: 25px;
  transition: all 0.5s;
  display: inline-block;
}

.footer-percent-inner .service-content {
  text-align: left;
  vertical-align: top;
  display: table-cell;
}

.footer-percent-inner .service-content .service-text {
  color: #fff;
  margin: 2px 0;
  font-size: 17px;
  font-weight: 600;
}

.footer-percent-inner .service-content .description {
  margin: 0;
}

.description.other-font {
  margin-bottom: 10px;
}

.footer-percent.footer-percent4 {
  background: #2a2e31;
}

.footer-percent4 .footer-percent-inner {
  padding: 67px 30px 48px;
}

#footer .col-sm-3.column.first {
  padding-left: 0;
}

#footer .col-sm-3.column {
  padding: 50px 30px 50px 0;
}

#footer .col-sm-3.column.last {
  background: #2a2e31;
  padding: 50px 30px 61px;
}

#footer .col-sm-3.column.last .fa {
  clear: left;
  color: #3498db;
  float: left;
  margin-top: 3px;
  margin-right: 15px;
  font-size: 17px;
}

.address_content {
  overflow: hidden;
}

.contact_address {
  padding-top: 1px;
  line-height: 24px;
}

.footer li a,
.social-icon li a {
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s;
}

.footer_bottom {
  clear: both;
  background: #0d1012;
  padding: 13px 0;
  overflow: hidden;
}

.footer_bottom_left {
  float: left;
  margin-top: 0;
}

.footer_bottom_right {
  float: right;
  margin: 9px 0 0;
}

.social_block {
  margin-top: 11px;
}

.social_block > ul,
.footer_right > ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.social_block li {
  cursor: pointer;
  margin: 0 2px;
  padding: 0;
  font-size: 12px;
}

.footermenu .nav-link {
  padding: 1px !important;
}

.social_block li:last-child {
  margin-right: 0;
}

.footer_bottom_left .social_block .fa {
  font-size: 17px;
}

.footer_right .payment_block li {
  height: 22px;
  width: 33px;
  margin-left: 9px;
  display: inline-block;
}

.payment_block img {
  width: 32px;
  height: 24px;
}

.footer_bottom_right > p,
.footer_right {
  float: left;
  color: #aaa9aa;
}

.footer_bottom_right > p {
  margin-right: 7px;
}

@media (max-width: 979px) {
  #footer .column ul {
    display: none;
  }

  #footer .column {
    width: 100%;
  }

  .topbar-verify {
    padding: 26px;
    height: 112px !important;
  }
}

.alert {
  padding: 8px 14px;
}

.breadcrumb {
  padding: 2px 5px; /* Réduit le padding vertical de 5px à 2px */
  font-size: 13px; /* Réduit de 14px à 13px */
  line-height: 1.4; /* Réduit la hauteur de ligne */
  list-style: none;
  background-color: #0000 !important;
  margin-bottom: 0 !important;
}

.breadcrumb i {
  font-size: 13px; /* Réduit de 15px à 13px pour correspondre au texte */
}

.breadcrumb > li {
  white-space: normal;
  list-style: none;
  position: relative;
}

.breadcrumb > li a {
  color: #787878;
}

.breadcrumb > li + li:before {
  content: "";
  vertical-align: middle;
  border: 1px solid #8e8e93;
  border-width: 0 1px 1px 0;
  margin: 0 0.7em;
  padding: 3px;
  display: inline-block;
  transform: rotate(-45deg);
}

.breadcrumb a:hover,
.breadcrumb li:last-child a {
  color: #4631b8;
}

.pagination {
  margin: 0;
}

.section-shadow {
  box-shadow: 0 1px 10px #0000001a;
}

.buttons {
  width: 100%;
  margin: 1em 0;
  display: inline-block;
}

.list-group-item.title {
  color: #161b1e;
  text-transform: capitalize;
  padding: 0 0 8px;
  font-size: 14px;
  font-weight: 700;
}

.filterbox .list-group-item {
  padding: 0;
}

.filterbox .list-group-item label {
  color: #161b1e;
  font-size: 14px;
  font-weight: 400;
}

.filterbox .list-group-item label:hover {
  color: #787878;
}

.filterbox .panel-footer {
  text-align: left;
  background-color: #f3f3f3;
  border-top: none;
  padding: 0 25px 30px;
}

.carousel-caption {
  color: #fff;
}

.carousel-control .icon-prev:before {
  content: "";
  font-family: FontAwesome;
}

.carousel-control .icon-next:before {
  content: "";
  font-family: FontAwesome;
}

.product-thumb .image {
  text-align: center;
  position: relative;
}

.product-list .rating_list {
  display: block;
}

.product-list .rating {
  display: none;
}

.product-thumb .image a {
  display: block;
}

.product-list .product_hover_block {
  display: none;
}

.product-thumb .image img {
  margin-left: auto;
  margin-right: auto;
}

.product-grid .product-thumb .image {
  float: none;
}

@media (max-width: 767px) {
  .phonebottom {
    font-size: 15px;
  }

  .product-list .product-thumb .caption {
    min-height: 0;
    margin-left: 0;
    padding: 0 10px;
  }

  .product-grid .product-thumb .caption {
    min-height: 0;
  }
}

.product-thumb .rating {
  padding-bottom: 0;
}

.rating .fa-stack,
#review .fa-stack,
.rating_list .fa.fa-star {
  width: 10px;
  font-size: 8px;
}

.rating .fa-star,
#review .fa-star,
.rating_list .fa.fa-star,
.rating .fa-star,
#review .fa-star,
.rating-wrapper .fa-star {
  color: #aaa;
  font-size: 13px;
}

.rating .fa-star + .fa-star,
.rating-wrapper .fa-star + .fa-star,
#review .fa-star + .fa-star,
.rating_list .fa.fa-star + .fa-star {
  color: #f2b611;
}

h2.price {
  margin: 0;
}

.product-thumb .price {
  color: #444;
  vertical-align: middle;
  margin-top: 6px;
  font-size: 15px;
  font-weight: 900;
  display: inline-block;
}

.price-buyuk {
  font-size: 18px;
  font-weight: 900;
  color: #3498db !important;
}

.product-thumb .price-new {
  float: left;
}

.product-thumb .price-old {
  color: #999;
  float: left;
  margin-left: 5px;
  font-size: 15px;
  font-weight: 400;
  text-decoration: line-through;
}

.product-thumb .price-tax {
  color: #999;
  width: 100%;
  font-size: 12px;
  display: none;
}

.product-list .product-thumb .button-group {
  float: left;
  overflow: hidden;
}

.product-grid .button-group.list,
.product-grid .rating_list {
  display: none;
}

.banners-slider-carousel img {
  -o-transition: all 0.5s ease 0s;
  opacity: 0.6;
  -moz-opacity: 0.6;
  -webkit-opacity: 0.6;
  -ms-opacity: 0.6;
  -khtml-opacity: 0.6;
  transition: all 0.5s;
}

.banners-slider-carousel img:hover {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -khtml-opacity: 1;
}

@media (max-width: 768px) {
  .product-list .product-thumb .button-group {
    border-left: none;
  }

  .voirebutton {
    width: 100%;
    padding: 5px 10px;
    font-size: 12px;
  }
}

.product-thumb .button-group button {
  width: 60%;
  float: left;
  color: #161b1e;
  text-align: center;
  text-transform: capitalize;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 6px 12px;
  font-weight: 700;
  display: inline-block;
}

#cart .text-right .addtocart,
#cart .text-right .checkout {
  width: 60%;
  float: left;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  width: auto;
  float: left;
  border: 1px solid #fff;
  padding: 6px 12px;
  font-weight: 700;
  display: inline-block;
}

#cart .dropdown-menu .img-thumbnail {
  width: auto;
  max-width: none;
}

#cart .text-right .addtocart {
  margin: 0 5px 0 0;
}

.product-thumb .button-group button + button,
.productpage .wishlist,
.productpage .compare {
  width: 48px;
  height: 44px;
  color: #b3b3b3;
  background-color: #0000;
  border: 1px solid #e8e8e8;
  padding: 0;
}

.product-thumb .button-group button:hover {
  color: #fff;
  cursor: pointer;
  background-color: #161b1e;
  border: 1px solid #161b1e;
  text-decoration: none;
}

#cart .text-right .addtocart:hover,
#cart .text-right .checkout:hover {
  color: #161b1e;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
}

.product-list .button-group.list .wishlist:hover,
.product-list .button-group.list .compare:hover {
  color: #161b1e;
  background-color: #0000;
  border: 1px solid #e8e8e8;
}

.productpage .wishlist:hover,
.productpage .compare:hover {
  color: #fff;
  cursor: pointer;
  background-color: #161b1e;
  border: 1px solid #161b1e;
  text-decoration: none;
}

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

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

.thumbnails {
  clear: both;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: auto;
}

.thumbnails > img {
  width: 100%;
}

.image-additional a {
  border: 1px solid #e8e8e8;
  margin-bottom: 20px;
  padding: 5px;
  display: block;
}

.thumbnails .image-additional {
  float: left;
}

.product-info .image {
  -khtml-border-radius: 0px;
  text-align: center;
  border-radius: 0;
  margin-bottom: 15px;
  display: block;
}

.productpage h3 {
  margin-top: 0;
}

.product-info .zoomContainer {
  z-index: 9;
  top: 1px !important;
  left: 16px !important;
}

.product-info .additional-carousel {
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.product-info .image-additional {
  clear: both;
  width: 288px;
  padding-left: 30px;
  padding-right: 30px;
  overflow: hidden;
}

.product-info .image-additional a {
  float: left;
  display: block;
}

.product-right .btn-group .wishlist .fa,
.product-right .btn-group .compare .fa {
  margin-right: 5px;
}

.form-group.qty {
  margin-top: 30px;
  margin-bottom: 30px;
}

.form-group.qty .control-label {
  float: left;
  margin: 12px 10px 0 0;
}

.productpage #input-quantity {
  float: left;
  width: auto;
  height: 44px;
  text-align: center;
  margin-right: 15px;
}

.box {
  margin-bottom: 12px;
}

.box .box-heading {
  color: #161b1e;
  background: #f3f3f3;
  padding: 25px;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}

.box .box-heading:before {
  content: "";
  width: 30px;
  border-bottom: 1px solid #3498db;
  margin: 0 auto;
  position: absolute;
  bottom: 10px;
  left: 25px;
  right: auto;
}

.box.category .box-heading {
  color: #fff;
  background: #3498db;
  padding: 25px;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}

.box.category .box-heading:before {
  content: "";
  width: 30px;
  border-bottom: 1px solid #fff;
  margin: 0 auto;
  position: absolute;
  bottom: 10px;
  left: 25px;
  right: auto;
}

#column-left .box,
#column-right .box {
  margin-bottom: 2px;
}

#column-left .box.category .box-content,
#column-right .box.category .box-content {
  -khtml-border-radius: 0;
  background: #3498db;
  border: none;
  border-radius: 0;
  margin-bottom: 2px;
  padding: 10px 25px 30px;
  position: relative;
}

.box .box-content {
  background: #f3f3f3;
  padding: 10px 15px 30px;
}

#column-left .box .box-content,
#column-right .box .box-content {
  padding: 10px 25px 30px;
}

#content .box .box-content {
  -khtml-border-radius: 0px;
  background: 0 0;
  border: none;
  border-radius: 0;
  padding: 10px 0;
}

.box .box-content ul,
#content .content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.box .box-content ul li,
#content .content ul li {
  border-bottom: none;
  padding: 4px 0 4px 10px;
  line-height: 22px;
}

.box .box-content ul li a,
#content .content ul li a {
  color: #fff;
  padding: 0;
}

.box .box-content ul li a + a,
.box .box-content ul li a + a:hover {
  background: 0 0;
  padding-left: 0;
}

.box .box-content ul li a:hover,
#content .content ul li a:hover,
.box .box-content ul li a.active {
  color: #cdebff;
}

.box .box-content ul ul {
  margin-left: 3px;
}

.tabfeatured_default_width,
.tabbestseller_default_width,
.tablatest_default_width,
.tabspecial_default_width {
  width: 250px;
}

.hometab {
  margin: 46px auto 0;
  position: relative;
  overflow: hidden;
}

#content .box .box-heading {
  color: #161b1e;
  text-align: center;
  letter-spacing: -1px;
  background: 0 0;
  padding: 0 0 35px;
  font-size: 25px;
  font-weight: 700;
  position: relative;
}

.hometab-heading {
  color: #161b1e;
  text-align: center;
  letter-spacing: 0;
  background: 0 0;
  padding: 0 0 42px;
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  position: relative;
}

.box .box-content .customNavigation a {
  top: -40px;
}

#content .box.blogs .box-heading:before,
.testimonials .cms-box-heading:before {
  content: "";
  text-align: left;
  width: 30px;
  border-bottom: 1px solid #3498db;
  display: block;
  position: absolute;
  bottom: 17px;
  left: 1px;
  right: auto;
}

.hometab-heading:before,
#content .box .box-heading:before {
  content: "";
  text-align: center;
  width: 30px;
  border-bottom: 1px solid #3498db;
  margin: 0 auto;
  display: block;
  position: absolute;
  bottom: 20px;
  left: 1px;
  right: 0;
}

#content .hometab .box-content {
  margin: 0 -14px;
  padding: 3px 0 0;
}

.hometab .box {
  margin-bottom: 0;
}

.htabs {
  height: 46px;
  text-align: center;
  margin-bottom: 33px;
  line-height: 16px;
}

.etabs {
  float: none;
  text-align: center;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.htabs .etabs li {
  float: left;
  text-align: center;
  line-height: 17px;
  list-style: none;
  display: inline-block;
  position: relative;
}

.htabs li a {
  color: #161b1e;
  float: left;
  text-align: center;
  text-transform: capitalize;
  background: 0 0;
  border: 1px solid #e8e8e8;
  margin-right: 10px;
  padding: 11px 30px 10px;
  font-size: 14px;
  font-weight: 900;
  line-height: 22px;
}

.htabs li:last-child a {
  margin-right: 0;
}

.htabs a.selected,
.htabs a:hover {
  color: #fff;
  background: #161b1e;
  border-color: #161b1e;
}

.hometab .tab-content {
  z-index: 2;
  border: none;
  margin-bottom: 0;
  padding: 0;
  position: relative;
  overflow: visible;
}

.tab-content .tab {
  display: none;
}

.hometab .box .box-content .customNavigation a.prev {
  color: #787878;
  padding-left: 40px;
  right: auto;
}

.hometab .customNavigation a.prev:before {
  color: #787878;
  content: "ï„„";
  vertical-align: middle;
  margin: 0 -4px 0 0;
  font-family: FontAwesome;
  font-size: 18px;
  line-height: 25px;
  position: absolute;
  top: 9px;
  left: 20px;
  right: auto;
}

.hometab .box .box-content .customNavigation a {
  -khtml-border-radius: 0px;
  color: #161b1e;
  float: none;
  height: auto;
  text-transform: uppercase;
  width: auto;
  border: 1px solid #e8e8e8;
  border-radius: 0;
  margin: 0 3px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  position: relative;
  top: auto;
}

.hometab .box .box-content .customNavigation a.next {
  color: #787878;
  padding-right: 40px;
  right: auto;
}

.hometab .box .box-content .customNavigation a.prev:hover,
.hometab .box .box-content .customNavigation a.next:hover {
  color: #fff;
  background-color: #161b1e;
  border-color: #161b1e;
}

.hometab .customNavigation a.next:before {
  color: #787878;
  content: "ï„…";
  vertical-align: middle;
  margin: 0 -4px 0 0;
  font-family: FontAwesome;
  font-size: 18px;
  line-height: 25px;
  position: absolute;
  top: 9px;
  right: 24px;
}

#content .box-product {
  width: 100%;
  clear: both;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  overflow: hidden;
}

.product_hover_block {
  -o-transition: all 0.5s ease 0s;
  border-top: 1px solid #e8e8e8;
  transition: all 0.5s;
  position: absolute;
  bottom: -45px;
  left: 0;
  right: 0;
}

.product-block:hover .product_hover_block {
  bottom: 0;
}

#content .box-product .product-items {
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.product-grid li,
#content .box-product .product-items,
#content .product-carousel .slider-item,
.related .box-product .product-items {
  width: 300px;
  float: left;
  display: inline-block;
}

#related-grid.box-product.productbox-grid {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.ie7 .product-grid li {
  width: 192px !important;
}

#content .image-additional .slider-item {
  float: left;
  display: inline-block;
}

#content .image-additional .slider-item .product-block {
  -khtml-border-radius: 0px;
  clear: both;
  background: #fff;
  border-radius: 0;
  margin: 4px 2px;
  overflow: hidden;
}

.product-block .product-image-block-inner .image .hover-image,
#column-right .bx-viewport .image .hover-image,
#column-left .bx-viewport .image .hover-image {
  text-align: center;
  visibility: hidden;
  height: 100%;
  width: 100%;
  background: -moz-linear-gradient(#3a31bd59 0%, #e03c7b59 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, #e03c7b59),
    color-stop(100%, #3a31bd59)
  );
  background: -o-linear-gradient(#3a31bd59 0%, #e03c7b59 100%);
  background: -ms-linear-gradient(top, #e03c7b59 0%, #3a31bd59 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e03c7b", endColorstr="#3a31bd", GradientType=0);
  background: linear-gradient(#e03c7b59 0%, #3a31bd59 100%);
  padding-top: 30%;
  display: block;
  position: absolute;
  inset: 0;
}

.product-block .product-image-block-inner .image:hover .hover-image,
#column-right .bx-viewport .image:hover .hover-image,
#column-left .bx-viewport .image:hover .hover-image {
  opacity: 1;
  visibility: visible;
  height: 100%;
  width: 100%;
  text-align: center;
  color: #fff;
  background: -moz-linear-gradient(#3a31bd59 0%, #e03c7b59 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, #e03c7b59),
    color-stop(100%, #3a31bd59)
  );
  background: -o-linear-gradient(#3a31bd59 0%, #e03c7b59 100%);
  background: -ms-linear-gradient(top, #e03c7b59 0%, #3a31bd59 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e03c7b", endColorstr="#3a31bd", GradientType=0);
  background: linear-gradient(#e03c7b59 0%, #3a31bd59 100%);
  transition: all 1s;
  display: block;
}

.hoverproductname {
  color: #fff;
  z-index: 4;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}

.hoverproductdesc {
  color: #fff;
  max-height: 70px;
  margin-bottom: 5px;
  padding: 10px;
  font-size: 11px;
  font-weight: 400;
  line-height: normal;
  overflow: hidden;
}

#content .image-additional .slider-item .product-block:hover {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

.grid_default_width {
  width: 230px;
}

.featured_default_width {
  width: 250px;
}

.module_default_width {
  width: 210px;
}

.latest_default_width,
.special_default_width,
.related_default_width,
.bestseller_default_width {
  width: 250px;
}

.additional_default_width {
  width: 80px;
}

.blog_default_width {
  width: 350px;
}

.testimonial_default_width {
  width: 400px;
}

.banners-slider-carousel .product-block-inner {
  text-align: center;
}

#content .product-carousel .product-block,
#content .product-grid .product-block,
#content .box-product .product-block,
.related .product-carousel .product-block,
.box.related #related-grid .product-block-inner {
  clear: both;
  background: #fff;
  margin: 13px 14px 38px;
  overflow: hidden;
}

#content .product-grid .product-block,
#content .product-list .product-block {
  margin: 13px 0 20px;
}

.img-gallery-thumb {
  margin: 5px 0;
}

.img-gallery-thumb img {
  width: 100%;
  overflow: hidden;
}

.product-image {
  overflow: hidden;
}

.product-image-block-inner {
  border: 1px solid #e8e8e8;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.category_description > p {
  margin: 0 0 5px;
}

.cart_button span {
  background: 0 0;
  padding: 0;
  font-size: 0;
}

.product_hover_block .cart_button:hover > span {
  background-position: 50% 12px;
}

#column-right .cart_button span,
#column-left .cart_button span {
  color: #161b1e;
  font-size: 13px;
  font-weight: 400;
  line-height: 23px;
}

#column-right .cart_button:hover span,
#column-left .cart_button:hover span {
  color: #787878;
}

.product_hover_block .wishlist_button {
  height: 44px;
  background: #fff;
  border: none;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}

.product_hover_block .compare_button {
  height: 44px;
  background: #fff;
  border: none;
}

.product_hover_block button .fa {
  color: #161b1e;
  margin-top: 4px;
  font-size: 20px;
}

.product_hover_block .wishlist_button:hover .fa,
.product_hover_block .compare_button:hover .fa {
  color: #b5b5b5;
}

#content .product-carousel .product-block:hover,
#content .product-grid .product-block:hover,
#content .box-product .product-block:hover {
  clear: both;
  overflow: hidden;
}

.ie7 #content .product-carousel .product-block,
.ie7 #content .box-product .product-block,
.ie7 #content .product-carousel .product-block:hover,
.ie7 #content .box-product .product-block:hover {
  border: 1px solid #ddd;
}

.product-grid .product-thumb .desc,
.productbox-grid .product-thumb .price-tax,
.product-carousel .product-thumb .price-tax {
  display: none;
}

.product-list .product-details {
  overflow: hidden;
}

#content .product-carousel .product-block-inner,
#content .box-product .product-block-inner,
.related-products .product-block-inner {
  text-align: center;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.box.related .box-content .customNavigation a {
  top: -50px;
}

.banners-slider-carousel {
  width: 100%;
  clear: both;
  margin-bottom: 0;
  position: relative;
}

#banner0 {
  margin: 28px 0;
}

#banner0 .owl-pagination {
  bottom: -5px;
}

#carousel-0 .product-carousel .product-block {
  margin: 50px 15px;
}

.sale {
  color: #3498db;
  text-align: right;
  text-transform: uppercase;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  top: 10px;
  right: 10px;
}

#column-left .box-product,
#column-right .box-product {
  width: 100%;
  overflow: hidden;
}

#column-left .box-product > div,
#column-right .box-product > div {
  vertical-align: top;
  width: 100%;
  margin-bottom: 5px;
  margin-right: 0;
  display: block;
}

#column-left .box .box-content div.product-items:last-child > div,
#column-right .box .box-content div.product-items:last-child > div,
#column-left .box .box-content div.slider-item:last-child > div,
#column-right .box .box-content div.slider-item:last-child > div {
  border: 0;
}

#column-left .box-product .image,
#column-right .box-product .image {
  float: left;
  border: 1px solid #e8e8e8;
  margin-bottom: 0;
  margin-right: 10px;
  display: block;
}

#column-left .product-items .product-details,
#column-right .product-items .product-details {
  width: auto;
  margin-left: 87px;
}

#column-left .product-thumb .caption,
#column-right .product-thumb .caption,
#column-left .product-thumb .button-group,
#column-right .product-thumb .button-group {
  margin-left: 87px;
  padding: 0;
}

#column-left .product-thumb .price-old,
#column-right .product-thumb .price-old {
  margin-left: 0;
}

#column-left .product_hover_block,
#column-right .product_hover_block {
  display: none;
}

#column-left .product-image-block-inner,
#column-right .product-image-block-inner {
  float: left;
  border: none;
}

.box .box-content .button-group {
  display: none;
}

#column-left .box-product .product-thumb h4,
#column-right .box-product .product-thumb h4 {
  margin: 0;
}

#column-left .box-product .name,
#column-right .box-product .name,
#column-left .box-product .cart,
#column-right .box-product .cart {
  display: block;
}

#column-left .box-product .cart .button,
#column-right .box-product .cart .button {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  height: auto;
  -khtml-border-radius: 0;
  color: #555;
  text-align: left;
  background: 0 0;
  border-radius: 0;
  padding: 0;
  font-weight: 400;
  display: block;
}

#column-left .box-product .cart .button:hover,
#column-right .box-product .cart .button:hover {
  text-decoration: underline;
}

#column-left .box-product .rating,
#column-right .box-product .rating,
#column-left .box-product .name,
#column-right .box-product .name,
#column-left .box-product .price,
#column-right .box-product .price,
#column-left .box-product .cart,
#column-right .box-product .cart,
#column-left .box .box-content,
#column-right .box .box-content,
#column-left .box .filterbox,
#column-right .box .filterbox {
  margin-bottom: 2px;
}

#column-left .box-product .rating,
#column-right .box-product .rating {
  margin-bottom: 0;
  display: none;
}

#column-left .product-thumb,
#column-right .product-thumb {
  border: none;
  margin-bottom: 5px;
  padding: 7px 0;
}

#column-left .price .price-new,
#column-right .price .price-new {
  color: #161b1e;
  float: left;
  margin-right: 5px;
  font-size: 16px;
  font-weight: 900;
}

#column-left .caption a,
#column-right .caption a {
  font-weight: 400;
}

#column-left .product-block:hover .caption a,
#column-right .product-block:hover .caption a {
  color: #787878;
}

#column-left .product-block .caption a:hover,
#column-right .product-block .caption a:hover {
  color: #161b1e;
}

#column-left .sale,
#column-left .price-tax,
#column-left .wishlist,
#column-left .compare,
#column-right .sale,
#column-right .price-tax,
#column-right .wishlist,
#column-right .compare {
  display: none !important;
}

#column-left .product-thumb .button-group button,
#column-right .product-thumb .button-group button {
  text-transform: capitalize;
  width: auto;
  color: #787878;
  background: 0 0;
  border: none;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

#column-left .product-thumb .button-group button:hover,
#column-right .product-thumb .button-group button:hover {
  color: #161b1e;
}

#column-left .product-thumb .button-group,
#column-right .product-thumb .button-group {
  background: 0 0;
  border: none;
  display: block;
}

.top_button {
  height: 34px;
  width: 34px;
  z-index: 95;
  background: #3492db;
  font-size: 0;
  display: none;
  position: fixed;
  bottom: 15px;
  right: 15px;
}

.generalh1 {
  color: #fff;
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e03c7b", endColorstr="#3a31bd", GradientType=1);
  width: 100%;
  background: linear-gradient(
    90deg,
    #e04952 0,
    #d03b63 32%,
    #a91a86 65%,
    #91079a 100%
  );
  margin-bottom: 0;
  padding: 1.5px 0;
  display: block;
  overflow: hidden;
}

.top_button:before {
  color: #fff;
  content: "";
  text-align: center;
  font-family: FontAwesome;
  font-size: 18px;
  line-height: 25px;
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
}

ul.list-unstyled {
  border: none;
  margin-bottom: 0;
}

#content ul.list-unstyled {
  border: none;
  margin-bottom: 0;
  padding: 0;
  overflow: auto;
}

.product-description td {
  font-weight: 700;
}

.product-description .description-right {
  padding-left: 15px;
  font-weight: 400;
}

.product-right .description {
  margin-bottom: 10px;
  padding: 0;
  line-height: 23px;
}

.productpage .product-right ul li span.old-price {
  float: left;
  color: #a6a6a6;
  margin-right: 10px;
  font-size: 16px;
}

#content.productpage .special-price,
#content.productpage .product-price {
  color: #161b1e;
  font-size: 20px;
  font-weight: 700;
}

#content ul.list-unstyled li {
  padding: 8px 0;
  line-height: 22px;
}

#content ul.list-unstyled li.rewardpoint,
#content ul.list-unstyled li.discount {
  line-height: 18px;
}

.manufacturer-list {
  border: 1px solid #dbdee1;
  margin-bottom: 20px;
  padding: 5px;
}

.manufacturer-heading {
  background: #f3f3f3;
  margin-bottom: 6px;
  padding: 5px 8px;
  font-size: 15px;
  font-weight: 700;
}

.manufacturer-content {
  padding: 8px;
}

.manufacturer-list ul {
  float: left;
  list-style: outside none none;
  width: 25%;
  margin: 0 0 10px;
  padding: 0;
}

.category_filter .sort .form-control {
  cursor: pointer;
}

.productpage .box {
  margin-top: 20px;
}

.tab-content {
  border: 1px solid #e8e8e8;
  border-top: none;
  padding: 25px;
}

.col-sm-4.total_amount {
  margin-top: 70px;
}

.product-tag {
  margin: 5px 0;
}

#content .aboutus {
  clear: both;
}

#content h3 {
  color: #161b1e;
  font-size: 16px;
  font-weight: 900;
}

.mavi-metin {
  color: #3498db !important;
}

.copy-right {
  text-align: center;
  border-top: 1px solid #444;
  padding: 10px 0;
}

.container .product-right .product-title {
  margin: 0;
  font-weight: 700;
}

.account-address .table > tbody > tr > td {
  vertical-align: middle;
}

.account-address .btn-info {
  margin: 2px 0;
}

.affiliate-account .btn-primary .list-group-item {
  color: #787878;
  background: 0 0;
  padding: 0;
}

#content .affiliate-logout {
  padding: 10px 0;
}

.affiliate-account .btn-primary .list-group-item:hover,
.affiliate-account .btn-primary:hover .list-group-item {
  color: #fff;
}

.shopping-cart .img-thumbnail {
  max-width: none;
  border: 1px solid #e8e8e8;
  display: inline-block;
}

.account-wishlist .text-center img,
.product-compare .img-thumbnail {
  border: 1px solid #e8e8e8;
}

#accordion label.col-sm-2.control-label {
  width: 26%;
  margin: 7px 0 0;
  padding: 0 15px 0 0;
}

#accordion #collapse-shipping label.col-sm-2.control-label {
  padding: 0 15px;
}

.checkout-checkout #accordion label.col-sm-2.control-label {
  padding-left: 15px;
}

.checkout-cart .input-group-btn:last-child > .btn,
.checkout-cart .input-group-btn:last-child > .btn-group {
  margin-left: 5px;
  font-size: 14px;
}

.col-sm-3.search_subcategory {
  width: auto;
  margin-top: 7px;
}

.affiliate-tracking .dropdown-menu {
  margin-top: 0;
}

.affiliate-tracking .dropdown-menu li a:hover {
  color: #161b1e;
  background-color: #0000;
}

.affiliate-tracking .dropdown-menu li a {
  color: #787878;
  background-color: #0000;
}

.productname {
  text-transform: uppercase;
  color: #000;
  font-size: 30px;
  font-weight: 700;
  display: block;
}

.categoryname {
  text-transform: uppercase;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  display: block;
}

.btn-long {
  position: relative;
  border-radius: 2rem !important;
  padding: 5px 30px !important;
  overflow: hidden !important;
}

.btn-cherry:after,
.btn-transparent:after,
.btn-graytime:after {
  width: 30%;
  height: 600%;
  z-index: 1;
  transform-origin: 0 0;
  content: "";
  background: #ffffff26;
  margin: -5px 0 0 -5px;
  transition: all 0.2s;
  position: absolute;
  top: 0;
  right: -5%;
  transform: rotate(-20deg);
}

.btnSpan {
  z-index: 9;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  position: absolute !important;
}

.wtitle {
  color: #fff;
  text-transform: uppercase;
  background: linear-gradient(
    90deg,
    #e04952 0,
    #d03b63 32%,
    #a91a86 65%,
    #91079a 100%
  );
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 5.5px 20px;
  font-size: 18px;
  font-weight: 700;
}

.wtitle_gray {
  color: #fff;
  text-transform: uppercase;
  background: #8a8989;
  margin-bottom: 20px;
  padding: 5.5px 20px;
  font-size: 18px;
  font-weight: 700;
}

.wboxmini {
  background-color: #fff;
  margin-bottom: 20px;
  padding: 5px 35px;
  box-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000;
}

.wbox {
  min-height: 268px;
  background-color: #fff;
  border-radius: 0.375rem;
  padding: 10px;
  transition: all 0.5s;
  box-shadow: 0 7px 14px #3b415e1a, 0 3px 6px #00000012;
  margin-bottom: 20px !important;
}

.checkout-checkout #accordion h2 {
  margin-top: 5px;
  margin-bottom: 0;
  padding: 0 0 8px;
}

.modal-dialog .aboutus h3 {
  margin-bottom: 5px;
}

.modal-dialog .aboutus {
  margin-bottom: 15px;
}

.product-compare .img-thumbnail {
  display: inline-block;
}

.sitemap-left > ul {
  padding-left: 30px;
}

#collapse-checkout-option h2 + p {
  font-weight: 700;
}

#collapse-checkout-option label {
  font-weight: 400;
}

.bootstrap-datetimepicker-widget {
  border-radius: 0 !important;
}

.bootstrap-datetimepicker-widget a[data-action] {
  border: none !important;
}

.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
  border-radius: 0 !important;
}

.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
  background: #f3f3f3 !important;
}

.bootstrap-datetimepicker-widget td.today:before {
  border-bottom: 7px solid #3498db !important;
}

.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
  background-color: #3498db !important;
}

.bootstrap-datetimepicker-widget td span {
  background: #f3f3f3 !important;
  border-radius: 0 !important;
}

.bootstrap-datetimepicker-widget td span:hover {
  color: #fff !important;
  background: #3498db !important;
}

.bootstrap-datetimepicker-widget td span.active {
  background-color: #3498db !important;
}

.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
  background: #f3f3f3 !important;
}

.picker-switch.accordion-toggle .btn {
  background: #f3f3f3;
  border: none;
}

.picker-switch.accordion-toggle .btn:hover {
  background: #3498db;
}

.blogs {
  float: left;
  width: 66.666%;
  position: relative;
  overflow: hidden;
}

#content .box-product .blog-items {
  float: left;
  display: inline-block;
}

#content .box.blogs .box-content {
  margin: 0 28px 0 -14px;
  padding: 54px 0 0;
}

.blog-left {
  float: left;
  position: relative;
  overflow: hidden;
}

.blog-left .blog-image img {
  width: 365px;
  height: 205px;
}

.blog-right {
  float: left;
}

.view-blog {
  float: left;
  width: 100%;
  text-align: left;
  margin: 0 0 10px;
}

.write-comment {
  float: left;
  margin-right: 10px;
  padding-right: 10px;
}

.date-time {
  float: left;
  text-align: left;
}

.author {
  color: gray;
  margin-bottom: 15px;
}

.blog-right .author .fa.fa-user {
  color: #9c9c9c;
  margin-right: 3px;
}

.blog-right > h4 {
  margin-bottom: 0;
}

.blog-desc {
  margin: 10px 0;
}

.blog-img {
  padding: 10px 0 0;
}

.blog-date {
  float: right;
}

#content #blog-carousel,
#content #blog-grid {
  border: none;
  padding: 0;
  overflow: visible;
}

#content #blog-carousel .blog-item {
  float: left;
}

#content #blog-carousel .product-block,
#content #blog-grid .product-block {
  margin: 5px 14px;
  overflow: hidden;
}

#content #blog-carousel .product-block:hover,
#content #blog-grid .product-block:hover {
  box-shadow: none;
}

#blog-carousel .owl-pagination,
.blogs .buttons {
  display: none;
}

#blog-carousel .owl-controls .owl-buttons .owl-prev {
  cursor: pointer;
  height: 26px;
  width: 26px;
  color: #787878;
  -o-transition: all 0.3s ease 0s;
  background: #fff;
  border: 1px solid #e8e8e8;
  transition: all 0.3s;
  display: block;
  top: -51px;
  left: 14px;
  right: auto;
}

.blogs .owl-carousel .owl-buttons .owl-prev i {
  color: #787878;
  font-size: 18px;
  top: 3px;
  left: 8px;
}

.blog-right a,
.product-block:hover .blog-right h4 a {
  color: #161c1e;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}

.product-block .blog-right h4 a:hover {
  color: #787878;
}

.blog_comment {
  float: left;
  font-size: 12px;
}

.blog-right .read_link > a {
  color: gray;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 400;
}

.read_link .fa.fa-book {
  margin-right: 5px;
}

.blogs .owl-carousel .owl-buttons .owl-next i {
  color: #787878;
  font-size: 18px;
  top: 3px;
  right: 9px;
}

#blog-carousel .owl-controls .owl-buttons .owl-prev:hover,
#blog-carousel .owl-controls .owl-buttons .owl-next:hover,
#testimonial .customNavigation a.prev:hover,
#testimonial .customNavigation a.next:hover {
  background: #161b1e;
  border-color: #161b1e;
}

.blogs .owl-carousel .owl-buttons .owl-next:hover i,
.blogs .owl-carousel .owl-buttons .owl-prev:hover i {
  color: #fff;
}

#blog-carousel .owl-controls .owl-buttons .owl-next {
  cursor: pointer;
  height: 26px;
  width: 26px;
  color: #787878;
  -o-transition: all 0.3s ease 0s;
  background: #fff;
  border: 1px solid #e8e8e8;
  transition: all 0.3s;
  display: block;
  top: -51px;
  left: 39px;
  right: auto;
}

.single-blog .blog-desc {
  padding-bottom: 10px;
}

.single-blog .block-title h3 {
  padding: 10px 0;
}

.single-blog .view-comment .panel-default {
  box-shadow: none;
  border: 1px solid #f3f3f3;
  border-left: none;
  border-right: none;
  padding: 20px 0;
}

.view-comment .name {
  color: #161b1e;
  font-weight: 700;
}

.view-comment .date {
  color: #bbb;
  font-size: 12px;
}

.blog-image {
  position: relative;
}

.product-block .blog-left .post-author {
  color: #fff;
  text-transform: capitalize;
  -o-transition: all 0.3s ease 0s;
  z-index: 9999;
  font-size: 12px;
  font-weight: 600;
  transition: all 0.3s;
  display: inline-block;
  position: absolute;
  bottom: -20px;
  left: 20px;
}

.product-block:hover .blog-left .post-author {
  bottom: 23px;
}

.write-comment > a {
  color: #fff;
}

.write-comment > a:hover,
.product-block .blog-right a:hover {
  color: #3498db;
}

.product-block .blog-left .post-author:before {
  content: "";
  text-align: center;
  width: 30px;
  border-bottom: 1px solid #fff;
  margin: 0 auto;
  display: block;
  position: absolute;
  bottom: -7px;
  left: 0;
}

.blog_page .panel-body {
  border: none;
  padding: 0;
}

.blog_page .blog-image img {
  display: none;
}

.blog_page .blog-image {
  float: left;
  height: 400px;
  width: 100%;
  background-position: 50%;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.blog_page .blog-desc {
  clear: both;
  position: relative;
}

.blog_data_left {
  float: left;
  margin-right: 30px;
  position: relative;
}

.blog_page .panel.panel-default {
  border: none;
  margin-bottom: 70px;
}

.blog_data_left .blog-date {
  color: #fff;
  float: none;
  text-align: center;
  background: #3498db;
  font-size: 12px;
}

.blog_data_left .icon {
  height: 65px;
  width: 72px;
  background: #000;
  display: block;
  position: relative;
}

.panel-default .blog_data_left .icon:before {
  color: #fff;
  content: "";
  -o-transition: all 0.3s ease 0s;
  text-align: center;
  margin: 0 auto;
  font-family: FontAwesome;
  font-size: 30px;
  line-height: 65px;
  transition: all 0.3s;
  position: absolute;
  left: 0;
  right: 0;
}

.blog_page .panel-body h5 {
  color: #2b2b2b;
  margin: 0 0 12px;
  font-size: 25px;
  display: inline;
  position: relative;
}

.blog_links .blog_autor {
  float: left;
  font-size: 12px;
  position: relative;
}

.blog_links .write-comment {
  margin: 0 0 0 10px;
  padding: 0 0 0 5px;
  font-size: 12px;
}

.blog_links .fa {
  margin-right: 5px;
}

.blog_links {
  float: none;
  border-bottom: 1px solid #e8e8e8;
  margin: 10px 0 20px;
  padding: 0 0 25px;
  display: block;
  position: relative;
  overflow: hidden;
}

.product-block:hover .blog-left .post_hover,
.product-block:hover .blog-left .zoom,
.product-block:hover .blog-left .readmore_link {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -kkhtml-opacity: 1;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s;
}

.product-block:hover .post-image-hover {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -kkhtml-opacity: 1;
}

.product-block .blog-image .post_hover .zoom,
.product-block .blog-image .post_hover .readmore_link {
  float: none;
  height: 40px;
  width: 40px;
  display: inline-block;
  position: relative;
}

.product-block .blog-image .post_hover .readmore_link {
  margin-left: 10px;
}

.blog-image .post_hover .zoom:before,
.blog-image .post_hover .readmore_link:before {
  -khtml-border-radius: 50%;
  box-sizing: border-box;
  color: #fff;
  content: "";
  height: 40px;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  -ms-opacity: 0;
  -khtml-opacity: 0;
  text-align: center;
  -o-transition: all 0.4s ease 0s;
  width: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
  margin: auto;
  padding: 8px 0;
  font-family: FontAwesome;
  font-size: 14px;
  transition: all 0.4s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transform: scale(1.5);
}

.blog-image .post_hover .readmore_link:before {
  content: "";
}

.product-block:hover .blog-image .post_hover .readmore_link:before,
.product-block:hover .blog-image .post_hover .zoom:before {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -khtml-opacity: 1;
  transform: scale(1);
}

.blog-left .blog-image .zoom:hover:before,
.blog-left .blog-image .readmore_link:hover:before {
  background-color: #3498db;
  border-color: #3498db;
}

.zoomContainer {
  margin-bottom: 5px;
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  .cms2 .one_third_inner.content_inner {
    margin: 0 8px;
  }

  .blog_inner .slider-item .product-image-inner-blog {
    margin: 0 15px;
  }

  .blog_inner .product-carousel {
    margin-left: -15px;
  }

  #blog .customNavigation a.prev {
    right: 54px;
  }

  #blog .customNavigation a.next {
    right: 28px;
  }

  #blog .image-block > img,
  .category_img img {
    width: 100%;
  }

  .news-text {
    letter-spacing: 0;
    font-size: 17px;
  }

  .footer-percent4 .footer-percent-inner {
    padding: 67px 17px 48px;
  }

  #footer .col-sm-3.column {
    padding: 50px 17px 50px 0;
  }

  #footer .col-sm-3.column.last {
    padding: 50px 17px 61px;
  }

  .layout-2.left-col #column-left,
  .layout-2.right-col #column-right {
    width: 26%;
  }

  .layout-2 #content {
    width: 74%;
  }

  .cms-banner-item .static-text,
  .parallex .content_inner .service-text {
    font-size: 20px;
  }

  .cms-banner-item .text3.static-text {
    font-size: 12px;
  }

  .product-info .image-additional {
    width: 278px;
  }

  .blog-left .blog-image img {
    height: auto;
    width: 100%;
  }

  .single-blog .blog-img img {
    width: 100%;
  }

  .cms-banner-inner img {
    width: calc(100% + 20px);
  }
}

@media only screen and (min-width: 980px) and (max-width: 1023px) {
  .cms2 .one_third_inner.content_inner {
    margin: 0 8px;
  }

  .blog_inner .slider-item .product-image-inner-blog {
    margin: 0 15px;
  }

  .blog_inner .product-carousel {
    margin-left: -15px;
  }

  #blog .customNavigation a.prev {
    right: 54px;
  }

  #blog .customNavigation a.next {
    right: 28px;
  }

  .news-text {
    letter-spacing: 0;
    font-size: 17px;
  }

  .footer-percent4 .footer-percent-inner {
    padding: 67px 12px 48px;
  }

  #footer .col-sm-3.column {
    padding: 50px 12px 50px 0;
  }

  #footer .col-sm-3.column.last {
    padding: 50px 12px 61px;
  }

  #blog .image-block > img,
  .category_img img {
    width: 100%;
  }

  .cms-banner-item .static-text,
  .parallex .content_inner .service-text {
    font-size: 20px;
  }

  .cms-banner-item .text3.static-text {
    font-size: 12px;
  }

  .layout-2.left-col #column-left,
  .layout-2.right-col #column-right {
    width: 27%;
  }

  .layout-2 #content {
    width: 73%;
  }

  .pagination-wrapper.top {
    float: left;
    clear: both;
    margin: 15px 0 0;
  }

  .product-info .image-additional {
    width: 100%;
  }

  #column-left .product-thumb .price-old,
  #column-right .product-thumb .price-old {
    margin-left: 0;
  }

  .owl-carousel .owl-buttons .owl-prev,
  .owl-carousel .owl-buttons .owl-next {
    width: 200px !important;
  }

  #blog-carousel .owl-controls .owl-buttons .owl-next,
  #blog-carousel .owl-controls .owl-buttons .owl-prev {
    width: 26px !important;
  }

  .blog-left .blog-image img {
    height: auto;
    width: 100%;
  }

  .news-text {
    margin-left: 25px;
    padding-left: 25px;
  }

  .product-block-inner img,
  .single-blog .blog-img img {
    width: 100%;
  }

  .cms-banner-inner img {
    width: calc(100% + 20px);
  }

  #content .hometab .box-content {
    margin: 0 -13px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
  .layout-2.left-col #column-left {
    width: 33%;
  }

  .layout-2.left-col #content,
  .layout-2.right-col #content {
    width: 67%;
  }

  .layout-2.right-col #column-right {
    width: 33%;
  }

  .layout-2.right-col .right_column #column-right {
    width: 34%;
    margin-top: 50px;
  }

  .layout-2.right-col #content.productpage {
    width: 100%;
    padding-right: 15px;
  }

  #column-left .product-items .product-details,
  #column-right .product-items .product-details {
    float: left;
    width: 100%;
    margin: 10px 0 0;
  }
}

@media (max-width: 979px) {
  .cms2 .one_third_inner.content_inner {
    margin: 0 6px;
  }

  .cms1 .one_third_inner.content_inner {
    margin-right: 12px;
  }

  .cms3 .one_third_inner.content_inner {
    margin-left: 12px;
  }

  .cms-banner-item.cms-banner1,
  .cms-banner-item.cms-banner4 {
    margin-bottom: 18px;
  }

  .cms-banner-item .static-text {
    font-size: 17px;
  }

  .text3.static-text {
    font-size: 11px;
  }

  #res-menu {
    width: 89.3%;
    display: block;
  }

  .main-menu {
    display: none;
  }

  .box .box-content .customNavigation a {
    top: 0;
  }

  .parallex .content_inner .service-text {
    font-size: 18px;
  }

  .parallex .one_third_inner.content_inner {
    margin: 0 15px;
  }

  #blog .image-block > img,
  .category_img img {
    width: 100%;
  }

  .news-text {
    width: 42%;
    margin-top: 0;
    font-size: 14px;
  }

  .footer_inner1 {
    border-bottom: none;
  }

  .footer-percent {
    width: 50%;
  }

  .footer-percent-inner,
  .footer-percent4 .footer-percent-inner {
    padding: 45px 0 0;
  }

  .footer-percent.footer-percent4 {
    background: 0 0;
  }

  #footer .col-sm-3.column,
  #footer .col-sm-3.column.last {
    padding: 0;
  }

  .footer_inner.container {
    border-bottom: 1px solid #2a2e31;
    margin-bottom: 25px;
    padding-bottom: 25px;
  }

  #footer .col-sm-3.column.last {
    background: 0 0;
    padding: 0 0 25px;
  }

  #column-left .product-thumb .caption,
  #column-right .product-thumb .caption,
  #column-left .product-thumb .button-group,
  #column-right .product-thumb .button-group {
    margin-left: 84px;
  }

  #column-left .caption .price-old,
  #column-right .capton .price-old {
    margin-left: 0;
  }

  .pagination-wrapper.top {
    float: left;
    margin: 15px 10px 0;
  }

  .compare-total {
    clear: both;
    margin: 18px 10px 0 0;
  }

  .product-list .product-image-block-inner {
    margin-right: 0;
  }

  .product-list .product-details {
    float: left;
    width: 100%;
    padding-top: 30px;
  }

  .account-wishlist .text-right .btn.btn-primary {
    margin-bottom: 2px;
  }

  .owl-carousel .owl-buttons .owl-prev,
  .owl-carousel .owl-buttons .owl-next {
    width: 150px !important;
  }

  .product-info .image-additional,
  .product-block-inner img {
    width: 100%;
  }

  #column-left .box-product .image,
  #column-right .box-product .image {
    margin-right: 7px;
  }

  .col-md-4.btn-list-grid {
    margin-bottom: 10px;
  }

  .pagination-right {
    clear: both;
    float: left;
    margin: 5px 0;
  }

  .product-compare .table-bordered {
    width: 100%;
    float: left;
    display: inline;
    overflow: auto;
  }

  #accordion .form-horizontal .control-label {
    width: 100%;
  }

  .productpage .product-right {
    padding: 0 15px 0 0;
  }

  #content .hometab .box-content {
    margin: 0;
  }

  #blog-carousel .owl-controls .owl-buttons .owl-next,
  #blog-carousel .owl-controls .owl-buttons .owl-prev {
    width: 26px !important;
  }

  .blog-left .blog-image img {
    height: auto;
    width: 100%;
  }

  footer h5:before {
    content: none;
  }

  .blog_page .blog-image img {
    width: 100%;
    display: block;
  }

  .blog_page .blog-image {
    height: auto;
  }

  .single-blog .blog-img img {
    width: 100%;
  }

  .checkout-cart .table.table-bordered .input-group-btn {
    clear: both;
    float: left;
    margin: 5px 0 0;
  }

  .checkout-cart .btn.btn-danger {
    margin-top: -2px !important;
  }

  .checkout-cart .input-group .input-group-btn .btn.btn-primary {
    margin-left: 0;
  }

  .checkout-cart #collapse-coupon .input-group .input-group-btn #button-coupon,
  .checkout-cart
    #collapse-voucher
    .input-group
    .input-group-btn
    #button-voucher {
    margin-left: 5px;
  }

  .information-blogger .breadcrumb {
    float: none;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }

  .information-blogger .container h1 {
    padding: 0;
  }

  .product-block:hover .blog-left .post-author {
    bottom: 16px;
  }

  .product-block .blog-left .post-author {
    left: 8px;
  }

  .blog-image .post_hover {
    top: 35%;
  }

  .shopping-cart .input-group .form-control {
    width: 100%;
  }

  .cms-banner-inner img {
    width: calc(100% + 20px);
  }

  .box.category .box-heading:before,
  .box .box-heading:before {
    left: 15px;
  }

  #column-left .box.category .box-content,
  #column-right .box.category .box-content,
  #column-left .box .box-content,
  #column-right .box .box-content {
    padding: 10px 15px 30px;
  }

  .box.category .box-heading,
  .box .box-heading {
    padding: 25px 15px;
  }

  .list-group {
    padding: 10px 15px 30px !important;
  }

  .filterbox .panel-footer {
    padding: 0 15px 30px;
  }
}

@media (max-width: 767px) {
  .layout-2 #content,
  .layout-3 #content,
  .product-info .image-additional {
    width: 100%;
  }

  .product-info .image-additional a {
    padding: 1px;
  }

  .btn-info {
    margin-bottom: 3px;
  }

  #input-search {
    margin-bottom: 8px;
  }

  .col-sm-4.total_amount {
    margin-top: 20px;
  }

  #cart {
    float: none;
  }

  #cart .dropdown-menu {
    width: 350px;
  }

  .checkout-cart .table.table-bordered .input-group-btn {
    clear: both;
    float: left;
    margin: 5px 0 0;
  }

  .checkout-cart .btn.btn-danger {
    margin-top: -2px !important;
  }

  .button_class {
    clear: both;
  }

  .one_third {
    width: 100%;
  }

  .show-wrapper {
    clear: both;
    margin: 10px 0 0;
  }

  .category_filter .show {
    float: left;
    margin: 8px 10px 0 0;
  }

  .product-compare .table-bordered {
    float: left;
    width: 100%;
    display: inline;
    overflow: auto;
  }

  .product-info .image,
  .product-info .additional-carousel {
    float: left;
    width: 260px;
    margin: 0 auto;
  }

  .addthis_toolbox.addthis_default_style {
    margin: 10px 0;
  }

  #content .category_list .filterbox {
    border: none;
    margin: 10px 0;
  }

  #content .category_list .filterbox .list-group a {
    border: none;
  }

  .checkout-cart .input-group-btn:last-child > .btn,
  .checkout-cart .input-group-btn:last-child > .btn-group {
    margin-left: 0;
    margin-right: 5px;
  }

  .header_block {
    width: auto;
    text-align: center;
    float: none;
  }

  #search .btn-lg {
    padding: 10px 12px 11px;
  }

  #search {
    width: 100%;
    margin: 16px 0 0;
  }

  .nav-inner.container {
    margin: 0 15px;
  }

  #res-menu {
    width: 82.5%;
  }

  .text1.static-text:before {
    display: none;
    bottom: -3px;
  }

  .cms-banner-item .static-text {
    font-size: 18px;
    line-height: 12px;
  }

  .cms-banner-item .text3.static-text {
    font-size: 14px;
  }

  .cms-banner-inner .static-inner:after {
    left: -10px;
  }

  .cms-banner-inner:hover .static-inner:after {
    left: 0;
  }

  .text3.static-text,
  .static-wrapper,
  .cms-banner3 .static-wrapper {
    text-align: left;
    text-transform: capitalize;
    margin: 0 auto;
    left: 0;
    right: 0;
  }

  .text1.static-text {
    margin: 0 2px 0 0;
  }

  .hometab-heading {
    float: none;
    text-align: center;
  }

  .hometab-heading:before {
    margin: 0 auto;
    left: 0;
    right: 0;
  }

  .htabs {
    text-align: center;
    margin-right: 0;
  }

  .parallex.container,
  .blog_testimonial.container {
    padding: 0;
  }

  .parallex .one_third {
    padding: 90px 0;
  }

  .parallex .one_third_inner.content_inner {
    margin: 0 5px;
  }

  .blog_inner {
    margin-right: 0;
  }

  .blog_inner .product-carousel {
    margin-left: 0;
  }

  .blogs,
  .testimonials {
    width: 100%;
  }

  .blog_inner .slider-item .product-image-inner-blog {
    margin: 0 10px;
  }

  #blog .customNavigation a.next {
    right: 0;
  }

  .news-text {
    width: 62%;
    border-left: none;
    margin-top: 12px;
    margin-left: 0;
    padding-left: 0;
  }

  .tm-about-text {
    float: none;
  }

  .footer_bottom_inner.container {
    text-align: center;
  }

  .footer_bottom_left,
  .footer_bottom_right,
  .footer_bottom_right > p,
  .footer_right {
    float: none;
    text-align: center;
  }

  .footer_bottom_right > p {
    margin-right: 0;
  }

  .breadcrumb {
    float: none;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }

  .container .page-title,
  .container .product-title,
  .container h2,
  .container h1 {
    padding: 0;
  }

  .layout-2.left-col #content {
    padding-left: 15px;
  }

  .product-block:hover .product_hover_block,
  .product-block .product_hover_block {
    bottom: 0;
  }

  .product-layout.product-grid {
    width: 50%;
  }

  .productpage .product-left,
  .productpage .product-right {
    width: 100%;
  }

  .productpage .product-right {
    padding: 0 15px;
  }

  .layout-2.right-col #content {
    padding-right: 15px;
  }

  .blogs {
    margin-bottom: 60px;
  }

  #blog .customNavigation a.prev {
    right: 26px;
  }

  .cms1 .one_third_inner.content_inner {
    margin-right: 0;
  }

  .cms2 .one_third_inner.content_inner {
    margin: 0;
  }

  .cms3 .one_third_inner.content_inner {
    margin-left: 0;
  }

  .banners-slider-carousel .customNavigation a,
  .banners-slider-carousel:hover .customNavigation a {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -khtml-opacity: 1;
  }

  #top-links li.dropdown.myaccount {
    padding: 4px 0 4px 12px;
  }

  .productpage .product-left {
    padding-right: 15px;
  }

  .hometab.container {
    padding: 0;
  }

  .caret {
    width: 12px !important;
    height: 12px !important;
  }

  #testimonial .hline,
  .testi-block {
    margin-right: 14px;
  }

  #content .box.blogs .box-content {
    margin: 0 -14px;
  }

  #accordion label.col-sm-2.control-label {
    width: 100%;
  }

  .cms_outer .res_head {
    color: #161b1e;
    cursor: pointer;
    width: 100%;
    background-color: #f1f1f1;
    border-radius: 0;
    padding: 15px;
    font-size: 17px;
    font-weight: 700;
    display: block;
    position: relative;
  }

  .cms_outer .res_head .banner_toggle {
    cursor: pointer;
    width: 100%;
    margin-top: 0;
    padding: 15px;
    transition: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  .cms_outer .res_head .banner_toggle:before {
    color: #161b1e;
    content: "";
    height: 22px;
    text-align: center;
    width: 22px;
    border: 1px solid #161b1e;
    margin: 0;
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    right: 15px;
  }

  .cms_outer .res_head.toggle.active .banner_toggle:before {
    content: "";
  }

  .banner_content {
    margin-top: 15px;
    display: none;
  }

  .hometab {
    margin-top: 30px;
  }

  .cms1 .one_third_inner.content_inner,
  .cms3 .one_third_inner.content_inner {
    margin: 0;
  }

  .one_third_inner {
    text-align: center;
  }

  .cms-banner-item {
    text-align: center;
    display: inline-block;
  }

  .cms-banner-item.cms-banner2,
  .cms-banner3 .cms-banner-inner {
    margin: 0 0 18px;
  }

  .cms-banner-inner .text3.static-text {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    transform: translate(0, 0);
  }

  .cms-banner-inner .static-inner:after {
    left: 0;
    transform: translate(0, 0);
  }

  .contact_us {
    margin: 0 0 20px;
  }

  header .container {
    margin: 10px auto;
  }

  .zoomContainer .zoomWindow,
  .zoomContainer,
  .zoomLens {
    display: none !important;
  }
}

.product-layout.product-grid {
  width: 100% !important;
}

.shopping-cart .input-group .form-control {
  width: 100%;
  text-align: center;
  padding: 0;
}

.account-wishlist .table-bordered,
.account-return .table-bordered {
  float: left;
  width: 100%;
  display: inline;
  overflow: auto;
}

#cart .dropdown-menu table {
  display: inline-block;
}

.flex-direction-nav a:before {
  font-size: 27px !important;
}

#cart .dropdown-menu {
  width: 290px;
}

.dropdown-menu.pull-right {
  width: 100%;
}

#cart .dropdown-menu li > div {
  min-width: 100%;
}

.category_filter .limit {
  float: left;
}

.contact-info .left,
.contact-info .right,
.product-info .image,
.product-info .additional-carousel {
  width: 100%;
}

.nav-tabs > li > a {
  margin: 0 0 2px;
}

.productpage .write-review,
.productpage .review-count {
  width: auto;
  margin: 0 10px;
  display: inline-block;
}

.pagination-wrapper .page-link {
  float: left;
}

.pagination-wrapper .page-result {
  float: left;
  clear: both;
}

.checkout-cart .pull-right {
  clear: both;
  float: left;
  margin: 10px 0;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto;
}

.checkout-cart #accordion .input-group-btn {
  float: left;
  margin: 5px 0 0;
}

#res-menu {
  width: 72%;
}

.parallex .one_third {
  width: 100%;
  padding: 15px 0 0;
}

.parallex {
  height: 700px;
}

#blog .customNavigation a.prev {
  right: 26px;
}

.tm-about-text {
  text-align: center;
}

.news-text {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}

.aboutme-read-more {
  float: none;
  text-align: center;
}

.footer-percent {
  width: 100%;
}

.nav-tabs > li {
  text-align: center;
}

.productpage #input-quantity {
  float: none;
  margin-bottom: 15px;
  margin-right: 0;
}

.container .page-title,
.container .product-title,
.container h2,
.container h1 {
  padding: 0;
  font-size: 22px;
}

#top .inner-wishlist,
#top .inner-checkout {
  display: block;
}

#top .top-wishlist,
#top .top-checkout {
  display: none;
}

#top-links li {
  border-left: none;
}

#top-links li:last-child,
#top-links li:first-child {
  padding: 0;
}

#top-links .myaccount-menu > li:first-child {
  padding: 0 5px;
}

.nav-tabs > li > a {
  margin-right: 0 !important;
}

.account-address .table-bordered {
  border: none !important;
}

.contact_us {
  text-align: center;
}

.htabs li a,
.htabs .etabs li {
  width: 100%;
}

.htabs li a {
  margin-bottom: 2px;
  margin-right: 0;
}

.htabs {
  height: 135px;
}

.one_third {
  width: 100%;
}

.blog_inner .image-hover-block {
  top: 45px;
}

.etabs {
  width: 100%;
}

#testimonial .hline,
.testi-block {
  margin-left: 0;
  margin-right: 0;
}

.blog_links {
  margin: 10px 0 20px 87px;
}

.blog_data_left {
  margin-right: 15px;
}

.blog_page .blog-image .post_hover {
  top: 40%;
}

.contact-info .right {
  margin-top: 30px;
}

.product-block:hover .blog-left .post-author {
  bottom: 23px;
}

.product-block .blog-left .post-author {
  left: 20px;
}

.blog-image .post_hover {
  top: 40%;
}

.checkout-cart #collapse-coupon .input-group .input-group-btn #button-coupon,
.checkout-cart #collapse-voucher .input-group .input-group-btn #button-voucher {
  margin-left: 0;
}

#top-links {
  clear: none;
  float: right;
  margin: 0;
  padding-top: 0;
}

#accordion .panel-title > a {
  color: inherit;
}

#accordion h4.panel-title a.accordion-toggle {
  display: block;
}

.checkout-cart #accordion .panel-title > a,
.checkout-checkout #accordion .panel-title {
  padding: 10px;
}

#accordion .panel-heading .fa.fa-caret-down {
  float: right;
  margin-top: 4px;
}

#accordion .col-sm-10 {
  width: 75%;
}

#accordion .form-horizontal .control-label {
  text-align: left;
}

.list-unstyled li a strong {
  text-align: right;
  float: right;
  font-weight: 500;
}

.wtitle .tcounter {
  float: right;
  font-size: 70%;
  font-weight: 400;
}

.filter button.filtertype.is-active {
  border: 1px solid #da4458 !important;
}

.filteritem {
  float: left;
  width: 20%;
  padding: 2px;
}

@media only screen and (min-width: 768px) {
  .header-top {
    padding: 0 10px !important;
  }
}

@media only screen and (max-width: 768px) {
  h1 {
    font-size: 1.2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 21px;
  }

  h4 {
    font-size: 15px;
  }

  h5 {
    font-size: 12px;
  }

  h6 {
    font-size: 10.2px;
  }

  .user_area .member-name {
    text-align: center;
  }

  .btn-long {
    padding: 3px 8px !important;
  }

  .filteritem {
    width: 100% !important;
  }
}

.filtertype {
  width: 100%;
  color: #343a40;
  text-align: left;
  border: 1px solid #cecece;
  border-radius: 0;
  font-size: 14px;
  display: block;
}

.filtertype:hover,
.filtertype:focus {
  border: 1px solid #da4458;
}

.btn.focus,
.btn:focus {
  box-shadow: none !important;
}

.filter .list-group-item {
  border: unset;
  cursor: pointer;
  border-bottom: 1px solid #00000020;
  margin-bottom: 0;
  padding: 4px 1.25rem !important;
}

.filter ul.dropdown-menu {
  width: -webkit-fill-available;
  font-size: 14px;
}

.filter input[type="checkbox"],
input[type="radio"] {
  width: 0;
  height: 0;
}

.filter .list-group-item.is-active,
.filter .list-group-item:hover,
.filter .list-group-item:focus {
  color: #404040;
  background-color: #f9f9f9;
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 20px 14px;
}

.filter button {
  text-align: left;
}

button.filtertype:after {
  width: 0;
  height: 0;
  vertical-align: 0.255em;
  content: "";
  float: right;
  color: #da4458;
  border-top: 0.3em solid;
  border-bottom: 0;
  border-left: 0.3em solid #0000;
  border-right: 0.3em solid #e0131300;
  margin-top: 9px;
  margin-left: 0.255em;
  display: inline-block;
}

.filter label {
  width: -webkit-fill-available;
  cursor: pointer;
}

.filternavbar {
  background: #fff;
  border: none;
  border-radius: 0;
  margin-bottom: 40px;
  padding: 15px 10px;
  box-shadow: 1px 1px 3px #0000001a;
}

.filternavbar-btn {
  box-shadow: none;
  border: none;
  outline: none !important;
}

#filtersidebar {
  width: 250px;
  height: 100vh;
  z-index: 999;
  color: #fff;
  background: #fff;
  transition: all 0.3s;
  position: fixed;
  top: 0;
  right: -300px;
  overflow-y: scroll;
  box-shadow: 0 0 9px 10px #0006;
}

#filtersidebar.active {
  right: 0;
}

#dismiss {
  width: 35px;
  height: 35px;
  text-align: center;
  cursor: pointer;
  -o-transition: all 0.3s;
  background: #da4458;
  line-height: 35px;
  transition: all 0.3s;
  position: absolute;
  top: 10px;
  right: 10px;
}

#dismiss:hover {
  color: #000;
  background: #fff;
}

.overlay {
  width: 100%;
  height: 100vh;
  z-index: 998;
  opacity: 0;
  background: #00000040;
  transition: all 0.5s ease-in-out;
  display: none;
  position: absolute;
  inset: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.overlay.active {
  opacity: 1;
  display: block;
}

#filtersidebar .filtersidebar-header {
  background: #fff;
  padding: 20px;
}

#filtersidebar ul.components {
  border-bottom: 1px solid #47748b;
  padding: 20px 0;
}

#filtersidebar ul p {
  color: #fff;
  padding: 10px;
}

#filtersidebar ul li a {
  padding: 10px;
  font-size: 1.1em;
  display: block;
}

#filtersidebar ul li a:hover {
  color: #7386d5;
  background: #fff;
}

a[data-toggle="collapse"] {
  position: relative;
}

.chosen-select,
.chosen-select-deselect {
  width: 100%;
}

.chosen-container {
  text-align: left;
  vertical-align: middle;
  font-size: 1rem;
  display: inline-block;
  position: relative;
  width: 100% !important;
}

.chosen-container .chosen-drop {
  z-index: 1060;
  background: #fff;
  border: 1px solid #80bdff;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  margin-top: -1px;
  position: absolute;
  top: 100%;
  left: -9000px;
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
  right: 0;
}

.chosen-container .chosen-results {
  max-height: 15rem;
  color: #6c757d;
  scroll-behavior: smooth;
  margin: 0;
  padding: 0.5rem 0 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.chosen-container .chosen-results li {
  margin: 0;
  padding: 0.25rem 0.25rem 0.25rem 1.5rem;
  line-height: 1.5;
  list-style: none;
  display: none;
}

.chosen-container .chosen-results li em {
  color: #6c757d;
  font-style: normal;
}

.chosen-container .chosen-results li.group-result {
  cursor: default;
  color: #adb5bd;
  text-transform: uppercase;
  padding-left: 0.75rem;
  font-weight: 400;
  display: list-item;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 1.5rem;
}

.chosen-container .chosen-results li.active-result {
  cursor: pointer;
  display: list-item;
}

.chosen-container .chosen-results li.result-selected {
  color: #495057;
}

.chosen-container .chosen-results li.result-selected:before {
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23495057' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.25rem 1.25rem;
  margin-left: -1.25rem;
  display: inline-block;
  position: relative;
  top: 0.3rem;
}

.chosen-container .chosen-results li.highlighted {
  color: #fff;
  background-color: #007bff;
  background-image: none;
}

.chosen-container .chosen-results li.highlighted:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
}

.chosen-container .chosen-results li.highlighted em {
  color: #fffc;
  background: 0 0;
}

.chosen-container .chosen-results li.disabled-result {
  color: #ced4da;
  display: list-item;
}

.chosen-container .chosen-results .no-results {
  color: #dc3545;
  padding: 0.25rem 0 1rem 1.065rem;
  display: list-item;
}

.chosen-container .chosen-results-scroll {
  text-align: center;
  width: 20rem;
  z-index: 1;
  background: #fff;
  margin: 0 0.25rem;
  position: absolute;
}

.chosen-container .chosen-results-scroll span {
  height: 1.5px;
  text-indent: -5000px;
  width: 0.5rem;
  display: inline-block;
}

.chosen-container-single .chosen-single {
  color: #6c757d;
  height: calc(2.25rem + 2px);
  white-space: nowrap;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 0 0 0 0.75rem;
  line-height: calc(2.25rem + 2px);
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.chosen-container-single .chosen-single abbr {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23dc3545' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  display: inline-block;
  position: absolute;
  top: 0.45rem;
  right: 2.5rem;
}

.chosen-container-single .chosen-single abbr:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23921925' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
}

.chosen-container-single .chosen-single span {
  text-overflow: ellipsis;
  margin-right: 1.5rem;
  display: block;
}

.chosen-container-single
  .chosen-single.chosen-disabled
  .chosen-single
  abbr:hover {
  background-position: right 2px;
}

.chosen-container-single .chosen-single div {
  width: 2rem;
  height: 100%;
  background-color: #fff;
  padding-left: 0.5rem;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.chosen-container-single .chosen-single div:after {
  width: 2rem;
  height: 2rem;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23adb5bd' d='M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
  display: inline-block;
  position: relative;
  top: 0.25rem;
  left: -1rem;
}

.chosen-container-single .chosen-default {
  color: #adb5bd;
}

.chosen-container-single a:not([href]):not([tabindex]) {
  color: #adb5bd !important;
}

.chosen-container-single
  a:not([href]):not([tabindex]).chosen-single:not(.chosen-default) {
  color: #6c757d !important;
}

.chosen-container-single .chosen-search-input {
  border: none;
  display: none;
}

.chosen-container-single .chosen-search {
  white-space: nowrap;
  z-index: 1000;
  margin: 0;
  padding: 0.5rem 0.5rem 0;
  position: relative;
}

.chosen-container-single .chosen-search:after {
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23adb5bd' d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.25rem 1.25rem;
  display: inline-block;
  position: relative;
  top: 0.365rem;
  left: -1.75rem;
}

.chosen-container-single .chosen-search input[type="text"] {
  width: 100%;
  background-color: #f8f9fa;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  outline: none;
  padding: 0.25rem 1rem 0.25rem 0.5rem;
}

.chosen-container-single .chosen-drop {
  background-clip: padding-box;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  margin-top: -1px;
}

.chosen-container-single-nosearch .chosen-search {
  display: none;
}

.chosen-container-multi .chosen-choices {
  cursor: text;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  height: auto !important;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-choices .search-field input[type="text"] {
  color: #adb5bd;
  height: calc(2.25rem + 2px);
  outline: 0;
  margin: 0;
  padding: 0 0 0 0.75rem;
  width: 100% !important;
  background: 0 0 !important;
  border: 0 !important;
}

.chosen-container-multi .chosen-choices .search-field .default {
  color: #ced4da;
}

.chosen-container-multi .chosen-choices .search-choice {
  cursor: default;
  color: #6c757d;
  background-color: #f8f9fa;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  margin: 0.35rem 0 0 0.5rem;
  padding: 0.25rem 1.5rem 0.25rem 0.25rem;
  font-size: 0.875rem;
  line-height: 1;
  position: relative;
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23dc3545' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  display: inline-block;
  position: absolute;
  top: 0.2rem;
  right: 0.125rem;
}

.chosen-container-multi
  .chosen-choices
  .search-choice
  .search-choice-close:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23921925' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
}

.chosen-container-multi .chosen-choices .search-choice-focus {
  background: #dee2e6;
}

.chosen-container-multi
  .chosen-choices
  .search-choice-focus
  .search-choice-close {
  background-position: right -11px;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: none;
}

.chosen-container-active .chosen-single {
  border: 1px solid #80bdff;
  transition: border linear, box-shadow linear;
}

@media screen and (prefers-reduced-motion: reduce) {
  .chosen-container-active .chosen-single {
    transition: none;
  }
}

.chosen-container-active.chosen-with-drop .chosen-single {
  background-color: #fff;
  border: 1px solid #80bdff;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  transition: border linear, box-shadow linear;
}

@media screen and (prefers-reduced-motion: reduce) {
  .chosen-container-active.chosen-with-drop .chosen-single {
    transition: none;
  }
}

.chosen-container-active.chosen-with-drop .chosen-single div:after {
  width: 2rem;
  height: 2rem;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23adb5bd' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
  display: inline-block;
  position: relative;
  top: 0.25rem;
  left: -1rem;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #80bdff;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  transition: border linear, box-shadow linear;
}

@media screen and (prefers-reduced-motion: reduce) {
  .chosen-container-active .chosen-choices {
    transition: none;
  }
}

.chosen-container-active .chosen-choices .search-field input[type="text"] {
  color: #6c757d !important;
}

.chosen-container-active.chosen-with-drop .chosen-choices {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.chosen-container-active.chosen-with-drop .chosen-search-input {
  display: inline-block;
}

.chosen-disabled {
  cursor: default;
  opacity: 0.5 !important;
}

.chosen-disabled .chosen-single,
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

.chosen-container-optgroup-clickable li.group-result {
  text-transform: none !important;
}

.chosen-container-optgroup-clickable li.group-result:hover {
  color: #fff;
  cursor: pointer;
  background-color: #007bff;
}

.chosen-container.is-valid .chosen-single,
.chosen-container.is-valid .chosen-choices,
.chosen-container.is-valid .chosen-drop,
.chosen-container:valid .chosen-single,
.chosen-container:valid .chosen-choices,
.chosen-container:valid .chosen-drop {
  border-color: #28a745;
}

.chosen-container.is-invalid .chosen-single,
.chosen-container.is-invalid .chosen-choices,
.chosen-container.is-invalid .chosen-drop,
.chosen-container:invalid .chosen-single,
.chosen-container:invalid .chosen-choices,
.chosen-container:invalid .chosen-drop {
  border-color: #dc3545;
}

input[type="text"].chosen-focus-input {
  width: 0;
  height: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -9000px;
  background: 0 0 !important;
  border: 0 !important;
}

flickity-button:focus {
  outline: 0;
  box-shadow: 0 0 0 5px #19f;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

.flickity-prev-next-button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 0;
}

.flickity-prev-next-button.next {
  right: 0;
}

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 0;
}

.flickity-rtl .flickity-prev-next-button.next {
  left: 0;
  right: auto;
}

.flickity-prev-next-button .flickity-button-icon {
  width: 60%;
  height: 60%;
  position: absolute;
  top: 20%;
  left: 20%;
}

.flickity-page-dots {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 1;
  list-style: none;
  position: absolute;
  bottom: -25px;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  width: 10px;
  height: 10px;
  opacity: 0.25;
  cursor: pointer;
  background: #333;
  border-radius: 50%;
  margin: 0 8px;
  display: inline-block;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.langbox {
  width: 100%;
  text-align: center;
  z-index: 999999;
  position: absolute;
  top: 42px;
  left: 0;
  box-shadow: inset 0 5px 15px -5px #000000bf;
  background: linear-gradient(
    90deg,
    #e04952 0,
    #d03b63 32%,
    #a91a86 65%,
    #91079a 100%
  ) !important;
}

.langbox a {
  color: #fff;
  padding-top: 7px;
  padding-bottom: 7px;
  display: block;
  border-bottom: 1px solid #20588a !important;
}

.langselector img {
  width: 22px;
  height: 16px;
  margin-top: -4px;
}

.langselector {
  color: #e2e2e2;
  cursor: pointer;
  padding: 10px 0 10px 10px;
  font-weight: 300;
  display: inline-block;
  position: relative;
}

.loader1,
.loader-avatar {
  width: 25px;
  height: 25px;
  border: 5px solid #f3f3f3;
  border-top-color: #d03b63;
  border-radius: 50%;
  margin: 15px auto;
  padding: 10px;
  animation: 2s linear infinite spin;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.list-group-item-action:hover {
  background-color: #efefef !important;
  text-decoration: none !important;
}

.list-group-item-action.active {
  color: #fff !important;
  background-color: #efefef !important;
  text-decoration: none !important;
}

.list-group-item-action.active a {
  color: #fff !important;
}

.topbar-verify {
  height: 50px;
  text-align: center;
  background: #fff7b0;
  padding-top: 10px;
  font-size: 13px;
  font-weight: 400;
}

.header-dd {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-right,
.nav-left {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.nav-right {
  flex: auto;
  justify-content: flex-end;
}

.nav-left {
  flex: auto;
}

.header-dd .dd-link {
  color: #fffc;
  transition: color 120 120;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.pay-btn-plus {
  color: #afc310;
}

.header-order-menu .pay-btn-icon,
.header-order-menu .pay-btn-label {
  padding-right: 3px;
}

@media screen and (max-width: 479px) {
  .header-dd a.dd-link {
    padding: 0 8px 0 12px;
  }

  .header-logo-link .brand {
    font-size: 13px;
  }
}

@media screen and (max-width: 400px) {
  .header-logo-link .brand {
    font-size: 9px;
  }
}

@media screen and (max-width: 320px) {
  .header-top .header-logo-link .brand {
    display: none;
  }

  .header-logo-link .brand {
    font-size: 13px;
  }
}

@media screen and (max-width: 300px) {
  .header-top .pay-btn-label {
    display: none;
  }
}

@media only screen and (max-width: 600px) {
  .navbar {
    justify-content: normal !important;
  }
}

.mainmenu-icon {
  width: 25px;
  height: 20px;
  font-size: 20px;
}

.sidebarmenu-icon {
  width: 20px;
  height: 20px;
}

.left-menu-icon .mobile-left-menu,
.dl-menu {
  fill: #fff;
  width: 20px;
  height: 30px;
}

.magnifying-glass {
  fill: #fff;
  width: 15px;
  height: 15px;
}

.x-solid {
  fill: #989898;
  width: 10px;
  height: 15px;
  margin-top: -12px;
}

.desktop-searchbar-data-list-body .icon {
  width: 20px;
  height: 17px;
  fill: #fff;
  fill-opacity: 0.8;
  margin-right: 8px;
  font-size: 15px;
}

.background-color-fdd {
  background: #fdd !important;
}

.background-color-comment-hide {
  background: linear-gradient(90deg, #642b73, #c6426e) !important;
}

.background-color-country-blocked {
  background: linear-gradient(90deg, #ff416c, #ff4b2b) !important;
}

.background-color-favorites-followers-comments {
  background: linear-gradient(90deg, #feac5e, #c779d0, #4bc0c8) !important;
}

.background-color-congratulations {
  background: linear-gradient(90deg, #396afc, #2948ff) !important;
}

.background-color-lucky {
  background: #ff8fb1 !important;
}

.background-color-message {
  background: linear-gradient(90deg, #405de6, #e1306c) !important;
}

.background-color-sms {
  background-color: #2fe03c;
}

.background-color-twitter {
  background-color: #1da1f2;
}

.background-color-facebook {
  background-color: #1877f2;
}

.background-color-whatsapp {
  background-color: #25d366;
}

.background-color-viber {
  background-color: #665cac;
}

.background-color-telegram {
  background-color: #08c;
}

.background-color-snapchat {
  background-color: #fffc00;
}

.background-color-messenger {
  background-color: #00b2ff;
}

.background-color-skype {
  background-color: #00aff0;
}

.background-color-sms {
  background-color: #2fe03c;
}

.background-color-email {
  background-color: #c4c4c4;
}

.border-color-sms {
  border-color: #2fe03c !important;
}

.border-color-twitter {
  border-color: #1da1f2 !important;
}

.border-color-facebook {
  border-color: #1877f2 !important;
}

.border-color-whatsapp {
  border-color: #25d366 !important;
}

.border-color-viber {
  border-color: #665cac !important;
}

.border-color-telegram {
  border-color: #08c !important;
}

.border-color-snapchat {
  border-color: #fffc00 !important;
}

.border-color-messenger {
  border-color: #00b2ff !important;
}

.border-color-skype {
  border-color: #00aff0 !important;
}

.border-color-sms {
  border-color: #2fe03c !important;
}

.border-color-email {
  border-color: #c4c4c4 !important;
}

.hover-scale-1:hover {
  transform: scale(1.1);
}

.hover-scale-2:hover {
  transform: scale(1.2);
}

.hover-scale-3:hover {
  transform: scale(1.3);
}

.hover-scale-4:hover {
  transform: scale(1.4);
}

.hover-scale-5:hover {
  transform: scale(1.5);
}

.background-color-lightslategray {
  background-color: #789 !important;
}

.background-color-darkorange {
  background-color: #ff8c00 !important;
}

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

.background-color-black12 {
  background-color: #121212 !important;
}

.background-color-darkgray {
  background-color: #252525 !important;
}

.background-color-lightgray {
  background-color: #757575 !important;
}

.background-color-exlightgray {
  background-color: #989898 !important;
}

.background-color-verylightgray {
  background-color: #efefef !important;
}

.background-color-veryexlightgray {
  background-color: #ddd !important;
}

.background-color-antrasitgray {
  background-color: #383e42 !important;
}

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

.background-color-red {
  background-color: #f14d62 !important;
}

.background-color-transparent {
  background-color: #0000 !important;
}

.color-darkgreen {
  color: #155724 !important;
}

.color-gold {
  color: gold !important;
}

.color-black {
  color: #000 !important;
}

.color-black12 {
  color: #121212 !important;
}

.color-darkgray {
  color: #252525 !important;
}

.color-lightgray {
  color: #757575 !important;
}

.color-exlightgray {
  color: #989898 !important;
}

.color-verylightgray {
  color: #efefef !important;
}

.color-veryexlightgray {
  color: #ddd !important;
}

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

.color-red {
  color: var(--color-primary) !important;
}

.color-blue {
  color: #37a9ff !important;
}

.color-green {
  color: var(--color-green) !important;
}

.color-yellow {
  color: #ffb703 !important;
}

.color-darkorange {
  color: #ff8c00 !important;
}

.color-purple {
  color: #9370db !important;
}

.color-54 {
  color: #545454 !important;
}

.fill-red {
  fill: var(--icon-primary) !important;
}

.fill-green {
  fill: #28a745;
}

.fill-white {
  fill: #fff !important;
}

.fill-exlightgray {
  fill: #989898 !important;
}

.hover-fill-red:hover {
  fill: #f14d62 !important;
}

.hover-fill-exlightgray:hover {
  fill: #989898 !important;
}

.hover-fill-green:hover {
  fill: #28a745;
}

.hover-fill-white:hover {
  fill: #fff !important;
}

.hover-color-black:hover {
  color: #000 !important;
}

.hover-color-black12:hover {
  color: #121212 !important;
}

.hover-color-darkgray:hover {
  color: #252525 !important;
}

.hover-color-lightgray:hover {
  color: #757575 !important;
}

.hover-color-exlightgray:hover {
  color: #989898 !important;
}

.hover-color-verylightgray:hover {
  color: #efefef !important;
}

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

.hover-color-red:hover {
  color: #f14d62 !important;
}

.hover-color-darkorange:hover {
  color: #ff8c00 !important;
}

.border-color-transparent {
  border-color: #0000 !important;
}

.border-color-darkorange {
  border-color: #ff8c00 !important;
}

.border-color-black {
  border-color: #000 !important;
}

.border-color-black12 {
  border-color: #121212 !important;
}

.border-color-darkgray {
  border-color: #252525 !important;
}

.border-color-lightgray {
  border-color: #757575 !important;
}

.border-color-exlightgray {
  border-color: #989898 !important;
}

.border-color-verylightgray {
  border-color: #efefef !important;
}

.border-color-lightslategray {
  border-color: #789 !important;
}

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

.border-color-red {
  border-color: #f14d62 !important;
}

.border-color-green-success {
  border-color: #28a745 !important;
}

.border-color-green {
  border-color: #2be6ae !important;
}

.border-color-blue {
  border-color: #37a9ff !important;
}

.border-color-purple {
  border-color: #9370db !important;
}

.border-color-gold {
  border-color: gold !important;
}

.border-color-softgray {
  border-color: #c9c9c9 !important;
}

.border-width-1 {
  border-width: 1px !important;
}

.border-width-2 {
  border-width: 2px !important;
}

.border-width-3 {
  border-width: 3px !important;
}

.border-width-4 {
  border-width: 4px !important;
}

.border-width-5 {
  border-width: 5px !important;
}

.gradient-purple {
  background: linear-gradient(90deg, #7367f0, #ce9ffc) !important;
}

.gradient-gray-soft {
  background: linear-gradient(90deg, #c9c9c9, #c9c9c9) !important;
}

.gradient-red {
  background: var(--primary-gradient) !important;
}

.gradient-green {
  background: linear-gradient(90deg, #2be6ae, #4bebca) !important;
}

.gradient-green2 {
  background: linear-gradient(90deg, #4dc24d, #00f697) !important;
}

.gradient-silver {
  background: linear-gradient(90deg, #3e3d3d, #989898) !important;
}

.gradient-blue {
  background: linear-gradient(90deg, #37a9ff, #10c9ff) !important;
}

.gradient-yellow {
  background: linear-gradient(90deg, #ffb703, #ffcb01) !important;
}

.gradient-black {
  background: linear-gradient(90deg, #ededed, #000) !important;
}

.gradient-darkblue {
  background: linear-gradient(90deg, #6868ff, #2b46ff) !important;
}

.gradient-orange {
  background: linear-gradient(90deg, #ee5800, #ff8401bd) !important;
}

.gradient-white {
  background: #fff !important;
}

.premium-custom-gradient-color {
  background: linear-gradient(90deg, #f14d62, #37a9ff) !important;
}

.hover-gradient-red:hover {
  background: var(--color-primary-light) !important;
}

.hover-gradient-green:hover {
  background: linear-gradient(90deg, #2be6ae, #4bebca) !important;
}

.hover-gradient-blue:hover {
  background: linear-gradient(90deg, #37a9ff, #10c9ff) !important;
}

.hover-gradient-yellow:hover {
  background: linear-gradient(90deg, #ffb703, #ffcb01) !important;
}

.hover-gradient-black:hover {
  background: linear-gradient(90deg, #ededed, #000) !important;
}

.hover-background-veryexlightgray:hover {
  background: #ddd !important;
}

.z-index-2001 {
  z-index: 2001 !important;
}

.fs-13 {
  font-size: 13px !important;
}

.mr-15 {
  margin-right: 15px;
}

.display-none {
  display: none;
}

.display-block {
  display: block;
}

div.not-indexed-company-name:after {
  content: attr(company-name);
  width: 100%;
}

div.not-indexed-company-address:after {
  content: attr(company-address);
  width: 100%;
}

div.not-indexed-company-vat:after {
  content: attr(company-vat);
  width: 100%;
}

.form-control:focus {
  color: #495057;
  outline: 0;
  border-color: unset !important;
  box-shadow: 0 0 !important;
}

.open-footer-btn {
  transition: all 0.3s ease-in-out;
}

.transform-rotate-180 {
  transition: all 0.3s ease-in-out;
  transform: rotate(180deg);
}

.opacity-05 {
  opacity: 0.5;
}

.pe-none {
  pointer-events: none;
}

.text-decoration-underline {
  text-decoration: underline;
}

.height-90vh {
  height: 90vh !important;
}

.box-shadow {
  box-shadow: 0 20px 20px -10px #0000001a, 0 0 2px #0003;
}

.box-shadow-lg {
  box-shadow: 0 20px 20px 5px #00000080, 0 0 2px #00000080;
}

.dark-action-and-contact-button {
  top: 62px;
}

#menu_overlay {
  z-index: 1999;
}

.swal2-close:focus {
  box-shadow: none !important;
}

::-webkit-scrollbar {
  width: 5px;
  height: 2px;
}

::-webkit-scrollbar-thumb {
  background: #757575;
  border-radius: 10px;
}

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

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.cursor-pointer {
  cursor: pointer !important;
}

.swiper-button-prev,
.swiper-button-next {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 10px !important;
}

.detail-page-deactive {
  transition: all 0.5s ease-out;
  transform: translate(-101%);
  position: fixed !important;
}

.detail-page-active {
  transition: all 0.3s ease-in;
  transform: translate(0);
  position: fixed !important;
}

.sidebar_menu_deactive {
  transition: transform 0.5s ease-out;
  transform: translate(101%);
  position: fixed !important;
}

.sidebar_menu_active {
  transition: transform 0.5s ease-in;
  transform: translate(0);
  display: block !important;
  position: fixed !important;
}

.fa-duotone-size {
  font-size: 20px;
}

.icon-font-size {
  margin-left: 5px;
  font-size: 20px;
}

.fw-normal {
  font-weight: 400 !important;
}

a {
  color: #0f0f0f;
}

.swal2-shown.swal2-height-auto {
  padding-right: 0 !important;
}

.share-modal-scroll-icon {
  animation: 1.5s infinite jumpInfinite;
}

@keyframes jumpInfinite {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }

  to {
    transform: translateY(0);
  }
}

.loaderContainer {
  display: none;
}

.loader1 {
  width: 25px;
  height: 25px;
  border: 5px solid #ddd;
  border-top-color: #f14d62;
  border-radius: 50%;
  margin: 15px auto;
  padding: 10px;
  animation: 2s linear infinite spin;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.options_menu {
  z-index: 2000;
  left: 20%;
  right: 20%;
  transition: all 0.3s !important;
  position: fixed !important;
  top: auto !important;
  bottom: 10px !important;
  transform: translateY(500px) !important;
}

.options_menu.is-show-desktop {
  transition: all 0.3s !important;
  top: 50% !important;
  bottom: 20% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.options_menu .list-group {
  padding: 0;
}

.options_menu .list-group .list-group-item:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.options_menu .list-group .list-group-item:last-child {
  border-radius: 10px;
}

.gallery_menu {
  z-index: 1500;
  min-width: 300px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gallery_menu .list-group {
  padding: 0;
}

.gallery_menu .list-group .list-group-item:first-child {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

.gallery_menu .list-group .list-group-item:last-child {
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}

.add_gallery_menu {
  z-index: 1500;
  min-width: 500px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.add_gallery_menu .list-group {
  padding: 0;
}

.add_gallery_menu .list-group .list-group-item:first-child {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 10px 0;
}

.add_gallery_menu .list-group .list-group-item:last-child {
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}

.package-icon {
  width: 25px;
  height: 25px;
  color: #fff;
  z-index: 9999999;
  border-radius: 50%;
  font-size: 30px;
  position: absolute;
  bottom: 15px;
  right: 23px;
}

.package-icon i {
  margin-top: 4px;
}

.sensitive-content-container {
  z-index: 3000;
  height: 100vh;
  inset: 0;
  overflow: auto;
}

.section-gradient {
  min-height: 100%;
  background: linear-gradient(#9d3741 0%, #252525 48% 100%);
  position: absolute;
  left: 0;
  right: 0;
}

.section-gradient-all {
  background: var(--color-black);
  min-height: 100%;
  position: absolute;
  left: 0;
  right: 0;
}

.section-gradient-female {
  min-height: 100%;
  background: linear-gradient(#431013 0%, #252525 48% 100%);
  position: absolute;
  left: 0;
  right: 0;
}

.section-gradient-male {
  min-height: 100%;
  background: linear-gradient(#142f46 0%, #252525 48% 100%);
  position: absolute;
  left: 0;
  right: 0;
}

.section-gradient-trans {
  min-height: 100%;
  background: linear-gradient(#321846 0%, #252525 48% 100%);
  position: absolute;
  left: 0;
  right: 0;
}

.visitors-agreement-gender-switcher-label {
  height: 120px;
  width: 120px;
  cursor: pointer;
  border-radius: 1.3rem;
  margin: 0.35rem 0.3rem;
}

.visitors-agreement-gender-switcher-label-female {
  color: #f14d62;
  background-color: #ff1f8c1f;
}

.visitors-agreement-gender-switcher-label.active {
  border: 2px solid #f14b5799;
}

.visitors-agreement-gender-switcher-label-male {
  color: #37a9ff;
  background-color: #49abff1f;
}

.visitors-agreement-gender-switcher-label-male.active {
  border: 2px solid #49abff99;
}

.visitors-agreement-gender-switcher-label-trans {
  color: #9370db;
  background-color: #b556ff1f;
}

.visitors-agreement-gender-switcher-label-trans.active {
  border: 2px solid #b556ff99;
}

.visitors-agreement-gender-switcher-label-all {
  color: #fff;
  background-color: #fbfbfb1f;
}

.visitors-agreement-gender-switcher-label-all.active {
  border: 2px solid #fbfbfb99;
}

.fs-1rem {
  font-size: 1rem;
}

.mb-0-6rem {
  margin-bottom: 0.6rem;
}

#applySensitive {
  width: 80%;
  box-shadow: 0 4px #216123;
}

.sensitive-page-description {
  margin-top: 10px;
  font-size: 0.938rem;
  line-height: 1.375rem;
}

.gender-title {
  font-size: 0.938rem;
}

.gender-switchers {
  justify-content: space-evenly;
  display: flex;
}

.gender-switchers label {
  cursor: pointer;
}

.gender-is-active {
  border-bottom: 2px solid #f14d62;
  color: #fff !important;
}

.agreement-terms {
  opacity: 0.6;
  font-size: 0.688rem;
  line-height: 1rem;
}

.medium-line {
  box-shadow: 0 25px 20px -20px #00000073;
}

.sensitive-content-terms {
  opacity: 0.6;
  font-size: 0.688rem;
  line-height: 1rem;
}

.button-18 {
  padding: 5px 20px;
  font-size: 0.938rem;
  line-height: 20px;
}

.button-18:hover {
  background-color: linear-gradient(to right, #f14d62, #eb436f);
  opacity: 0.9;
}

.button-this-out {
  color: #a4a4a4;
  font-size: 0.75rem;
  line-height: 3px;
  text-decoration: underline;
}

.button-this-out:hover {
  color: #fff;
  text-decoration: underline;
}

.sensitive_attention,
.sensitive_legal_notice,
.sensitive_last_content {
  opacity: 0.6;
}

.brand-mans {
  width: 23px;
  background: #37a9ff;
  border-radius: 112px;
  margin: 0;
  padding: 0 4px;
  font-size: xx-small;
  top: -10px;
  right: -14px;
}

.brand-mans svg.mans {
  fill: #252525;
}

.sensitive_continue_button:after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(
    90deg,
    #fff0 0%,
    #fffc 50%,
    #80bae800 99%,
    #7db9e800 100%
  );
  animation: 1.5s infinite slide;
  position: absolute;
  top: 0;
  transform: translate(100%);
}

.brand-trans {
  width: 23px;
  background: #9370db;
  border-radius: 112px;
  margin: 0;
  padding: 0 4px;
  font-size: xx-small;
  top: -10px;
  right: -14px;
}

.brand-trans svg.trans {
  fill: #252525;
}

.sponsor-blocks span {
  display: inline-block;
  color: #ddd !important;
}

.sponsor-blocks span svg {
  display: block;
}

.sponsor-blocks span svg.icons-rta-logo {
  fill: #ddd !important;
}

.sponsor-blocks a {
  display: inline-block;
  color: #ddd !important;
}

.sponsor-blocks a svg {
  display: block;
}

.sponsor-blocks a svg.icons-rta-logo {
  fill: #ddd !important;
}

html {
  scroll-behavior: smooth;
  text-overflow: ellipsis;
  overflow-x: hidden;
  max-width: 100vw;
}

body {
  text-overflow: ellipsis;
  overflow-x: hidden;
  max-width: 100vw;
  box-sizing: border-box;
}

.blur-effect-40 {
  filter: blur(40px);
}

.blur-effect {
  filter: blur(8px);
  background-color: #9a999957;
}

.blur-on-the-content {
  inset: 5px;
}

.other-cities-buy-premium .blur-effect-border {
  border-color: #ff7b9e !important;
}

.other-cities-buy-premium .lock-keyhole-solid {
  width: 3rem;
  top: calc(50% - 1rem);
  left: 0;
}

.other-cities-buy-premium .blur-content-title {
  font-size: 17px;
  font-weight: 600;
}

.other-cities-buy-premium .blur-content-desc,
.other-cities-buy-premium .blur-content-btn {
  font-size: 16px;
  font-weight: 500;
}

.previous-model-left-arrow {
  width: 150px;
  height: 150px;
  z-index: 2999;
  opacity: 0.4;
  background: #6c757d;
  border: 1px solid #6c757d;
  position: fixed;
  top: 50%;
  bottom: 50%;
  left: -120px;
  transform: translateY(50px);
}

.next-model-right-arrow {
  width: 150px;
  height: 150px;
  z-index: 2999;
  opacity: 0.4;
  background: #6c757d;
  border: 1px solid #6c757d;
  position: fixed;
  top: 50%;
  bottom: 50%;
  right: -120px;
  transform: translateY(50px);
}

.comments-all .comments-ul {
  margin: 0 0 10px;
  padding: 0;
  list-style-type: none;
}

.comments-all .comments-ul .main-comment-container {
  position: relative;
  overflow: hidden;
}

.comments-all .comments-ul .main-comment-container .comment-vertical-line {
  width: 2px;
  height: 100%;
  background-color: #989898;
  position: absolute;
  top: 57px;
  left: 22px;
}

.comments-all .comments-ul .main-comment-container .main-comment-content {
  outline: none;
  flex-direction: row;
  padding-top: 4px;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.comments-all
  .comments-ul
  .main-comment-container
  .main-comment-content
  .main-comment-avatar {
  border-radius: 50%;
  align-self: flex-start;
  margin-top: 2px;
  margin-right: 6px;
  position: relative;
}

.comments-all
  .comments-ul
  .main-comment-container
  .main-comment-content
  .main-comment-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-right: 6px;
}

.comments-all
  .comments-ul
  .main-comment-container
  .main-comment-content
  .main-comment-text {
  flex-grow: 1;
  flex-basis: 0;
  overflow: hidden;
}

.comments-all
  .comments-ul
  .main-comment-container
  .main-comment-content
  .main-comment-text
  .div-1 {
  vertical-align: middle;
  word-break: break-word;
  max-width: calc(100%-26px);
  background-color: #eee;
  border-radius: 10px;
}

.comments-all
  .comments-ul
  .main-comment-container
  .main-comment-content
  .main-comment-text
  .div-2 {
  width: 100%;
  vertical-align: middle;
  position: relative;
}

.comments-all
  .comments-ul
  .main-comment-container
  .main-comment-content
  .main-comment-text
  .div-3 {
  padding: 8px 12px;
}

.comments-all
  .comments-ul
  .main-comment-container
  .main-comment-content
  .main-comment-text
  .div-3
  .div-3-1 {
  padding: 4px 0;
}

.comments-all
  .comments-ul
  .main-comment-container
  .main-comment-content
  .main-comment-text
  .div-3
  .div-3-1
  .div-3-1-span {
  word-break: break-word;
}

.comments-all
  .comments-ul
  .reply-comments-container
  .reply-comment-border-line {
  width: 24px;
  height: 23px;
  border-bottom: 2px solid #989898;
  border-left: 2px solid #989898;
  border-bottom-left-radius: 10px;
  position: absolute;
  left: 22px;
}

.comments-all .comments-ul .reply-comments-container .reply-comments-ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.comments-all
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content {
  padding-left: 55px;
  position: relative;
  overflow: hidden;
}

.comments-all
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content
  .reply-comment-vertical-line {
  width: 2px;
  height: 100%;
  background-color: #989898;
  position: absolute;
  top: 10px;
  left: 22px;
}

.comments-all
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content
  .reply-comment-photo {
  outline: none;
  flex-direction: row;
  padding-top: 4px;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.comments-all
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content
  .reply-comment-photo
  .reply-comment-avatar {
  border-radius: 50%;
  align-self: flex-start;
  margin-top: 2px;
  margin-right: 6px;
  position: relative;
}

.comments-all
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content
  .reply-comment-photo
  .reply-comment-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 6px;
}

.comments-all
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content
  .reply-comment-photo
  .reply-comment-text {
  flex-grow: 1;
  flex-basis: 0;
  overflow: hidden;
}

.comments-all
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content
  .reply-comment-photo
  .reply-comment-text
  .div-1 {
  vertical-align: middle;
  word-break: break-word;
  max-width: calc(100%-26px);
  background-color: #eee;
  border-radius: 10px;
}

.comments-all
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content
  .reply-comment-photo
  .reply-comment-text
  .div-2 {
  width: 100%;
  vertical-align: middle;
  position: relative;
}

.comments-all
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content
  .reply-comment-photo
  .reply-comment-text
  .div-3 {
  padding: 8px 12px;
}

.comments-all
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content
  .reply-comment-photo
  .reply-comment-text
  .div-3
  .div-3-1 {
  padding: 4px 0;
}

.comments-all
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content
  .reply-comment-photo
  .reply-comment-text
  .div-3
  .div-3-1
  .div-3-1-span {
  word-break: break-word;
}

.comments-all .comments-ul .see-all-comments .see-all-comments-border-line {
  width: 24px;
  height: 18px;
  border-bottom: 2px solid #989898;
  border-left: 2px solid #989898;
  border-bottom-left-radius: 10px;
  position: absolute;
  left: 22px;
}

.comments-all .comments-ul .see-all-comments .see-all-comments-ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.comments-all
  .comments-ul
  .see-all-comments
  .see-all-comments-ul
  .see-all-comments-div-1 {
  padding-left: 55px;
  position: relative;
  overflow: hidden;
}

.comments-all
  .comments-ul
  .see-all-comments
  .see-all-comments-ul
  .see-all-comments-div-1
  .see-all-comments-div-1-1 {
  outline: none;
  flex-direction: row;
  padding-top: 4px;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.page-main-comments .main-comment-avatar:first-child {
  z-index: 5;
}

.page-main-comments .main-comment-avatar:nth-child(2) {
  z-index: 1;
  margin-left: -15px;
}

.page-main-comments .mini-avatar:first-child {
  z-index: 5;
}

.page-main-comments .mini-avatar:nth-child(2) {
  z-index: 1;
  margin-left: -15px;
}

.page-main-comments .comments-ul {
  margin: 0 0 10px;
  padding: 0;
  list-style-type: none;
}

.page-main-comments .comments-ul .main-comment-container {
  position: relative;
  overflow: hidden;
}

.page-main-comments
  .comments-ul
  .main-comment-container
  .comment-vertical-line {
  width: 2px;
  height: 100%;
  background-color: #989898;
  position: absolute;
  top: 57px;
  left: 38px;
}

.page-main-comments .comments-ul .main-comment-container .main-comment-content {
  outline: none;
  flex-direction: row;
  padding-top: 4px;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.page-main-comments
  .comments-ul
  .main-comment-container
  .main-comment-content
  .main-comment-avatar {
  border-radius: 50%;
  align-self: flex-start;
  margin-top: 2px;
  margin-right: 6px;
  position: relative;
}

.page-main-comments
  .comments-ul
  .main-comment-container
  .main-comment-content
  .main-comment-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-right: 6px;
}

.page-main-comments
  .comments-ul
  .main-comment-container
  .main-comment-content
  .main-comment-text {
  flex-grow: 1;
  flex-basis: 0;
  overflow: hidden;
}

.page-main-comments
  .comments-ul
  .main-comment-container
  .main-comment-content
  .main-comment-text
  .div-1 {
  vertical-align: middle;
  word-break: break-word;
  max-width: calc(100%-26px);
  background-color: #eee;
  border-radius: 10px;
}

.page-main-comments
  .comments-ul
  .main-comment-container
  .main-comment-content
  .main-comment-text
  .div-2 {
  width: 100%;
  vertical-align: middle;
  position: relative;
}

.page-main-comments
  .comments-ul
  .main-comment-container
  .main-comment-content
  .main-comment-text
  .div-3 {
  padding: 8px 12px;
}

.page-main-comments
  .comments-ul
  .main-comment-container
  .main-comment-content
  .main-comment-text
  .div-3
  .div-3-1 {
  padding: 4px 0;
}

.page-main-comments
  .comments-ul
  .main-comment-container
  .main-comment-content
  .main-comment-text
  .div-3
  .div-3-1
  .div-3-1-span {
  word-break: break-word;
}

.page-main-comments
  .comments-ul
  .reply-comments-container
  .reply-comment-border-line {
  width: 40px;
  height: 23px;
  border-bottom: 2px solid #989898;
  border-left: 2px solid #989898;
  border-bottom-left-radius: 10px;
  position: absolute;
  left: 38px;
}

.page-main-comments .comments-ul .reply-comments-container .reply-comments-ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.page-main-comments
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content {
  padding-left: 90px;
  position: relative;
  overflow: hidden;
}

.page-main-comments
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content
  .reply-comment-vertical-line {
  width: 2px;
  height: 100%;
  background-color: #989898;
  position: absolute;
  top: 10px;
  left: 38px;
}

.page-main-comments
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content
  .reply-comment-photo {
  outline: none;
  flex-direction: row;
  padding-top: 4px;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.page-main-comments
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content
  .reply-comment-photo
  .reply-comment-avatar {
  border-radius: 50%;
  align-self: flex-start;
  margin-top: 2px;
  margin-right: 6px;
  position: relative;
}

.page-main-comments
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content
  .reply-comment-photo
  .reply-comment-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 6px;
}

.page-main-comments
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content
  .reply-comment-photo
  .reply-comment-text {
  flex-grow: 1;
  flex-basis: 0;
  overflow: hidden;
}

.page-main-comments
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content
  .reply-comment-photo
  .reply-comment-text
  .div-1 {
  vertical-align: middle;
  word-break: break-word;
  max-width: calc(100%-26px);
  background-color: #eee;
  border-radius: 10px;
}

.page-main-comments
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content
  .reply-comment-photo
  .reply-comment-text
  .div-2 {
  width: 100%;
  vertical-align: middle;
  position: relative;
}

.page-main-comments
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content
  .reply-comment-photo
  .reply-comment-text
  .div-3 {
  padding: 8px 12px;
}

.page-main-comments
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content
  .reply-comment-photo
  .reply-comment-text
  .div-3
  .div-3-1 {
  padding: 4px 0;
}

.page-main-comments
  .comments-ul
  .reply-comments-container
  .reply-comments-ul
  .reply-comments-content
  .reply-comment-photo
  .reply-comment-text
  .div-3
  .div-3-1
  .div-3-1-span {
  word-break: break-word;
}

.page-main-comments
  .comments-ul
  .see-all-comments
  .see-all-comments-border-line {
  width: 40px;
  height: 18px;
  border-bottom: 2px solid #989898;
  border-left: 2px solid #989898;
  border-bottom-left-radius: 10px;
  position: absolute;
  left: 38px;
}

.page-main-comments .comments-ul .see-all-comments .see-all-comments-ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.page-main-comments
  .comments-ul
  .see-all-comments
  .see-all-comments-ul
  .see-all-comments-div-1 {
  padding-left: 90px;
  position: relative;
  overflow: hidden;
}

.page-main-comments
  .comments-ul
  .see-all-comments
  .see-all-comments-ul
  .see-all-comments-div-1
  .see-all-comments-div-1-1 {
  outline: none;
  flex-direction: row;
  padding-top: 4px;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.detail-copy-button {
  top: 0;
  bottom: 0;
  right: 0;
}

.w-100px {
  width: 100px;
}

.section_edit_button {
  z-index: 100;
  position: absolute;
  top: 0;
  right: 0;
}

.fancybox__container {
  z-index: 2005 !important;
}

.ghost-area {
  z-index: 2000;
  inset: -5px;
}

.unlike,
.unfollow {
  color: #f14d62 !important;
}

.custom-button {
  color: #fff;
  width: 100%;
  background: 0 0;
  border: 2px solid #0000;
  border-radius: 5px;
  transition: all 0.3s;
  padding: 0.5rem !important;
}

.custom-button:hover {
  color: #f14d62;
  background: 0 0;
  border: 2px solid inherit !important;
}

.custom-button:hover i {
  text-shadow: 3px -5px #e9334a52;
  transition: all 0.3s;
  transform: translate(-30px, -30px) rotate(-30deg) scale(1.5);
  color: #f14d62 !important;
}

.custom-button i {
  font-size: 40px;
}

.slider-info,
.slider-info-mobile {
  color: #fff;
  pointer-events: none;
  z-index: 50;
  background-image: linear-gradient(#0000, #000000e6);
  padding: 3rem 1.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.slider-info .slider-content,
.slider-info-mobile .slider-content {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.slider-info .slider-content .slider-text,
.slider-info-mobile .slider-content .slider-text {
  font-size: 1rem;
  line-height: 1.125;
}

.slider-info .slider-content .slider-text .slider-name,
.slider-info-mobile .slider-content .slider-text .slider-name {
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
}

.slider-info .slider-content .slider-text .slider-city,
.slider-info-mobile .slider-content .slider-text .slider-city {
  opacity: 0.7;
}

.slider-info .slider-content .slider-actions,
.slider-info-mobile .slider-content .slider-actions {
  width: 300px;
}

.slider-info .slider-content .slider-actions .actions,
.slider-info-mobile .slider-content .slider-actions .actions {
  text-align: center;
  justify-content: space-evenly;
  display: flex;
}

.content-section {
  margin-top: 2rem;
  padding: 0 1.5rem 3rem;
  position: relative;
}

.metas {
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  padding: 0.5rem;
  margin-bottom: 10px !important;
}

.detail-box {
  z-index: auto;
  word-break: break-word;
  background: #fff;
  border-radius: 10px;
  padding: 1.5rem 1rem 1rem;
}

.detail-box:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: inherit;
  z-index: -1;
  transition: box-shadow 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 10px 70px #00000026;
}

.box-title {
  color: #989898;
  font-style: italic;
}

.box-title:after {
  content: "";
  z-index: -1;
  background: 0 0;
  border-radius: 0.2em;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  inset: 0;
  transform: skew(-10deg);
}

.right-top-action-button {
  z-index: 1050;
}

.mobile-detail-right-content .right-top-action-button {
  box-shadow: 0 1rem 3rem #00000080 !important;
}

.right-action-button {
  border-radius: 5px 5px 0 0;
  padding: 0.5rem;
  font-size: 16px;
  box-shadow: 0 20px 20px -10px #0000001a, 0 0 2px #0003;
}

.right-action-button.collapsed {
  border-radius: 5px;
}

.fast-contact-collapse-desktop {
  border-radius: 0;
  border-top: none !important;
}

.message-send-area:after,
.contact-me-area:after {
  content: " ";
  height: 2px;
  width: 10rem;
  background: linear-gradient(90deg, #f14d62, #eb436f);
  margin-top: 0.25em;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.detail-action-button-like-container:nth-child(2) {
  display: none;
}

.detail-titles {
  color: #252525;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}

.title-is-active {
  color: #f14d62 !important;
  display: block !important;
}

.detail-action-button-follow span {
  font-size: 13px;
}

.detail-action-button-follow span.detail-action-button-title {
  color: #6c757d;
  letter-spacing: -0.4px;
  font-size: 10px;
}

.detail-action-button-like span {
  font-size: 13px;
}

.detail-action-button-like span.detail-action-button-title,
.detail-action-button-refresh .detail-action-button-title {
  color: #6c757d;
  letter-spacing: -0.4px;
  font-size: 10px;
}

.detail-action-button-refresh svg.compass-solid {
  fill: #6c757d;
  transition: all 0.3s;
}

.right-top-action-button .detail-action-button-phone-container {
  top: -25px;
}

.fast-contact-links-desktop {
  height: auto;
  width: 100%;
  background: #303133;
  padding: 15px 15px 40px;
  transition: all 0.3s;
}

.fast-contact-links-desktop .mobile-number-button {
  color: #fff;
  background-color: #ffffff1f;
  border-radius: 0;
  font-size: 1.25rem;
  font-weight: 500;
}

.fast-contact-links {
  height: auto;
  z-index: 1048;
  background: #252525;
  padding: 15px 15px 40px;
  transition: all 0.3s;
  position: fixed;
  bottom: -500px;
  left: 0;
  right: 0;
}

.fast-contact-links .mobile-number-button {
  color: #fff;
  background-color: #ffffff1f;
  border-radius: 0;
  font-size: 1.25rem;
  font-weight: 500;
}

.fast-contact-links-active {
  transition: all 0.3s;
  bottom: 45px !important;
}

.message-icon-opened-container {
  height: auto;
  z-index: 1048;
  background: #252525;
  padding: 15px 15px 40px;
  transition: all 0.3s;
  position: fixed;
  bottom: -500px;
  left: 0;
  right: 0;
}

.message-icon-opened-container-active {
  transition: all 0.3s;
  bottom: 45px !important;
}

.detail-action-button-phone {
  width: 60px;
  height: 60px;
  color: #fff;
  background: linear-gradient(90deg, #f14d62, #eb436f);
  border: 2px solid #f14d62;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 14px;
  display: flex;
  margin: auto !important;
}

.detail-action-button-phone svg.phone-solid {
  fill: #fff;
  transition: all 0.3s;
}

.red-action-button-active {
  transition: all 0.3s;
  fill: #f14d62 !important;
  transform: rotate(270deg) !important;
}

.addReadMore .read-more .more-link,
.addReadMore .details .less-link {
  color: #989898 !important;
}

.detail-action-button-message span {
  font-size: 13px;
}

.detail-action-button-message span.detail-action-button-title {
  color: #6c757d;
  letter-spacing: -0.4px;
  font-size: 10px;
}

.detail-action-button-message svg.message-dots-solid {
  fill: #6c757d;
}

.owl-theme .owl-nav {
  margin-top: unset !important;
}

.esc-pre-info {
  margin-top: -27% !important;
}

.categoryname {
  font-size: 15px !important;
}

#anchors .anchors-list li.is-current {
  background: #0000001f;
}

#anchors .anchors-list li.is-current a {
  color: #f14d62 !important;
}

.search-links-active {
  border-bottom: 2px solid #f14d62;
}

.slider {
  background: #3e3f42;
  margin-top: -9px;
}

.owl-carousel .owl-stage:after {
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
  display: block;
  content: "" !important;
}

.owl-prev {
  width: 2.5rem;
  height: 2.5rem;
  border: 0 solid #000;
  position: absolute;
  top: 45%;
  left: 10px;
  display: block !important;
}

.owl-next {
  width: 2.5rem;
  height: 2.5rem;
  background: #000;
  border: 0 solid #000;
  position: absolute;
  top: 45%;
  right: 10px;
  display: block !important;
}

.owl-prev i,
.owl-next i {
  transform: scale(2);
  color: #fff !important;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  color: #990d94 !important;
}

.owl-dots {
  display: none;
}

.owl-prev,
.owl-next {
  transition: all 0.3s;
  background: linear-gradient(90deg, #f14d62, #eb436f) !important;
  border-radius: 50% !important;
}

.owl-prev:hover,
.owl-next:hover {
  background: linear-gradient(90deg, #f14d62, #eb436f) !important;
}

.owl-prev:active {
  transition: all 0.3s;
  margin-bottom: 2px !important;
  margin-left: 2px !important;
}

.owl-next:active {
  transition: all 0.3s;
  margin-bottom: 2px !important;
  margin-right: 2px !important;
}

.owl-nav.disabled {
  display: block !important;
}

.owl-carousel .owl-stage {
  display: flex;
}

.owl-carousel .owl-item img {
  height: 100%;
}

.swiper-pagination-bullet-active {
  background: linear-gradient(90deg, #f14d62, #eb436f) !important;
}

.slider-city-list .citylist .catli:hover,
.slider-district-list .citylist .catli:hover {
  background: linear-gradient(90deg, #f14d62, #eb436f);
  border-radius: 4px;
}

.slider-city-list .citylist .catli:hover .cityitem,
.slider-district-list .citylist .catli:hover .cityitem {
  color: #fff !important;
  fill: #fff !important;
}

.slider-city-list .citylist .catli:hover svg.location-dot-solid,
.slider-district-list .citylist .catli:hover svg.location-dot-solid {
  fill: #fff !important;
}

.slider-city-list .citylist .catli .cityitem,
.slider-district-list .citylist .catli .cityitem {
  border-bottom: 1px solid #0000;
}

.slider-city-list .citylist .catli .cityitem i,
.slider-district-list .citylist .catli .cityitem i {
  color: #0000004d;
}

.slider-city-list .owl-nav,
.slider-district-list .owl-nav {
  display: none !important;
}

.slider-city-list .owl-dots,
.slider-district-list .owl-dots {
  display: block !important;
}

.slider-city-list .owl-dots .owl-dot:hover span,
.slider-district-list .owl-dots .owl-dot:hover span,
.slider-city-list .owl-dots .owl-dot.active span,
.slider-district-list .owl-dots .owl-dot.active span {
  background: #757575 !important;
}

.anchors {
  z-index: 1048;
  height: 0;
  background: #fff;
  align-items: center;
  transition: all 0.2s;
  display: flex;
  position: fixed;
  top: 51px;
  left: 0;
  right: 0;
  overflow-x: auto;
  box-shadow: 0 0 20px #00000080;
}

.anchors.is-pinned {
  height: 42px;
}

.anchors-list {
  white-space: nowrap;
  display: flex;
  overflow-x: auto;
}

.anchors-list a:not(.is-current) {
  color: #444;
}

.anchors-list a {
  padding: 0.3em 0.75em;
  transition: all 0.2s;
  display: block;
  transition: all 0.5s ease-in-out !important;
}

.anchors-list a.is-current {
  color: #444;
  background: #f6f6f6;
  border-radius: 20px;
  box-shadow: 0 2px #9a9a9a30;
  font-weight: 400 !important;
  transition: all 0.5s ease-in-out !important;
}

.actions {
  justify-content: space-evenly;
  display: flex;
}

.actions.is-mini .action {
  color: #b5b5b5;
  flex-direction: row;
  align-items: center;
}

.action,
.action:hover {
  color: #fff;
}

.actions.is-mini .action .icon {
  margin-right: 0.25rem;
  font-size: 1rem;
}

.actions.is-mini .action-label {
  margin-top: 0;
}

.action-label {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-top: 0.5rem;
  font-size: 11px;
  font-weight: 700;
}

.member-container .member-top-row {
  background: #303133;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 20px 0;
}

.member-container .member-top-row .member-image img {
  border: 5px solid #daa520;
  border-radius: 50%;
}

.member-container .member-top-row .member-info {
  align-items: center;
  display: flex;
}

.member-container .member-top-row .member-info .member-info-gender {
  font-size: 1.25rem;
}

.member-container .member-top-row .member-info .member-info-username {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #daa520;
  font-size: 1.75rem;
}

.member-container .member-center-row .member-description {
  color: #fff;
  background: #303133;
  border-radius: 5px;
  padding: 20px;
}

.member-container
  .member-center-row
  .member-description
  .member-description-title {
  color: #fff;
  margin-bottom: 20px;
}

.member-container .member-center-row .member-description .member-property {
  margin: 5px 0;
  font-size: 14px;
  display: flex;
}

.member-container
  .member-center-row
  .member-description
  .member-property
  .member-property-label {
  min-width: 170px;
}

.member-container .member-center-row .member-about {
  color: #fff;
  min-height: 200px;
  background: #303133;
  border-radius: 5px;
  padding: 20px;
}

.member-container .member-center-row .member-about .member-about-title {
  color: #fff;
  margin-bottom: 20px;
}

.member-container .member-center-row .member-comments {
  color: #fff;
  background: #303133;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 20px;
}

.member-container .member-center-row .member-comments .member-comment-title {
  color: #fff;
  margin-bottom: 20px;
}

.member-container
  .member-center-row
  .member-comments
  .member-comment
  .member-comment-user-image {
  margin-bottom: 15px;
}

.member-container
  .member-center-row
  .member-comments
  .member-comment
  .member-comment-username {
  font-size: 14px;
}

.payment-list-page
  .payment-list-page-content
  .active-package-column
  .active-package-icon {
  color: #f15;
  width: 100px;
  height: 100px;
  text-align: center;
  border-radius: 50%;
  padding-top: 15px;
  font-size: 70px;
}

.payment-list-page .payment-list-page-content .package-list .package-list-item {
  height: 100%;
  width: 100%;
  text-align: center;
}

.payment-list-page
  .payment-list-page-content
  .package-list
  .package-list-item
  .package-active-label {
  font-size: x-small;
  top: -12px;
}

.payment-list-page
  .payment-list-page-content
  .package-list
  .package-list-item
  .package-vip {
  background: #252525;
  border: 3px solid #2be6ae;
}

.payment-list-page
  .payment-list-page-content
  .package-list
  .package-list-item
  .package-vip
  .fa-crown {
  color: gold;
  font-size: 50px;
}

.payment-list-page
  .payment-list-page-content
  .package-list
  .package-list-item
  .package-vip
  .package-item-count {
  background-color: gold;
  padding: 1px 10px;
  font-weight: 600;
}

.payment-list-page
  .payment-list-page-content
  .package-list
  .package-list-item
  .package-diamond {
  background: linear-gradient(90deg, #f14d62, #eb436f);
  border: 3px solid #2be6ae;
}

.payment-list-page
  .payment-list-page-content
  .package-list
  .package-list-item
  .package-diamond
  .fa-gem {
  color: #fff;
  font-size: 50px;
}

.payment-list-page
  .payment-list-page-content
  .package-list
  .package-list-item
  .package-diamond
  .package-item-count {
  background-color: #fff;
  padding: 1px 10px;
  font-weight: 600;
}

.payment-list-page
  .payment-list-page-content
  .package-list
  .package-list-item
  .package-gold {
  background: linear-gradient(90deg, #ffb703, #ffcb01);
  border: 3px solid #0000;
}

.payment-list-page
  .payment-list-page-content
  .package-list
  .package-list-item
  .package-gold
  .fa-star {
  color: #fff;
  font-size: 50px;
}

.payment-list-page
  .payment-list-page-content
  .package-list
  .package-list-item
  .package-gold
  .package-item-count {
  background-color: #fff;
  padding: 1px 10px;
  font-weight: 600;
}

.payment-list-page
  .payment-list-page-content
  .package-list
  .package-list-item
  .package-silver {
  background: #989898;
  border: 3px solid #0000;
}

.payment-list-page
  .payment-list-page-content
  .package-list
  .package-list-item
  .package-silver
  .fa-s {
  color: #fff;
  font-size: 50px;
}

.payment-list-page
  .payment-list-page-content
  .package-list
  .package-list-item
  .package-silver
  .package-item-count {
  background-color: #fff;
  padding: 1px 10px;
  font-weight: 600;
}

.package-transaction-list-mobile .card .card-body:before {
  content: "";
  width: 0;
  height: 0;
  z-index: 1;
  border: 6px solid #0000;
  border-bottom-color: #fff;
  position: absolute;
  top: 46px;
  left: 11px;
}

.blacklist-list-mobile .card .card-body:before {
  content: "";
  width: 0;
  height: 0;
  z-index: 0;
  border: 6px solid #0000;
  border-bottom-color: #fff;
  position: absolute;
  top: 135px;
  left: 11px;
}

.swiper_payment_list_mobile .swiper-slide {
  width: 80%;
  transform-style: preserve-3d;
  transition: transform 0.6s;
}

.swiper_payment_list_mobile .swiper-slide .publishing-status,
.swiper_payment_list_mobile .swiper-slide .days-left {
  font-size: 0.8rem;
}

.payment-current-card-icon {
  opacity: 0.5;
}

.payment-list-order-btn[aria-expanded="true"] .eye-solid {
  fill: #303133 !important;
}

.swiper_payment_list_mobile .swiper-slide .gradient-red {
  transition: all 0.5s;
}

.swiper_payment_list_mobile
  .swiper-slide
  .gradient-red:hover
  .payment-card-hover-area {
  transition: all 0.3s;
  transform: translateY(0);
}

.swiper_payment_list_mobile
  .swiper-slide
  .gradient-red
  .payment-card-hover-area {
  z-index: 3;
  transition: all 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(100%);
}

.swiper_payment_list_mobile
  .swiper-slide
  .gradient-red
  .payment-card-hover-area
  .start-date,
.swiper_payment_list_mobile
  .swiper-slide
  .gradient-red
  .payment-card-hover-area
  .end-date {
  font-size: 0.688rem;
}

.swiper_payment_list_desktop .swiper-slide {
  width: 30%;
}

.swiper_payment_list_desktop .swiper-slide .gradient-red {
  transition: all 0.5s;
}

.swiper_payment_list_desktop
  .swiper-slide
  .gradient-red:hover
  .payment-card-hover-area {
  transition: all 0.3s;
  transform: translateY(0);
}

.swiper_payment_list_desktop
  .swiper-slide
  .gradient-red
  .payment-card-hover-area {
  z-index: 3;
  transition: all 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(100%);
}

.swiper_payment_list_desktop
  .swiper-slide
  .gradient-red
  .payment-card-hover-area
  .start-date,
.swiper_payment_list_desktop
  .swiper-slide
  .gradient-red
  .payment-card-hover-area
  .end-date {
  font-size: 0.688rem;
}

.your-ad-here-container:after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(
    90deg,
    #fff0 0%,
    #fffc 50%,
    #80bae800 99%,
    #7db9e800 100%
  );
  animation: 1.5s infinite slide;
  position: absolute;
  top: 0;
  transform: translate(100%);
}

.main-page-title {
  font-size: 27px;
}

.desktop-left-menu .mainmenu .nav-item .normal-page-link {
  letter-spacing: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  left: unset !important;
  color: #252525 !important;
  background-color: #0000 !important;
}

.desktop-left-menu .mainmenu .nav-item .normal-page-link:hover {
  text-decoration: underline;
}

.desktop-left-menu
  .mainmenu
  .nav-item
  .normal-page-link.mainmenu-change-lang-btn-desktop
  .mainmenu-change-lang-arrow-down {
  transition: all 0.3s;
}

.desktop-left-menu
  .mainmenu
  .nav-item
  .normal-page-link.mainmenu-change-lang-btn-desktop[aria-expanded="true"]
  .mainmenu-change-lang-arrow-down {
  transition: all 0.3s;
  transform: rotate(180deg);
}

.desktop-left-menu
  .mainmenu
  .nav-item
  .normal-page-link.mainmenu-change-lang-btn-desktop:hover {
  text-decoration: none;
  color: #f14d62 !important;
}

.desktop-left-menu .mainmenu .nav-item .important-page-link {
  letter-spacing: -0.01rem;
  margin: 1px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  left: unset !important;
  transition: all 0.1s ease-in-out !important;
}

.desktop-left-menu .mainmenu .nav-item .important-page-link.active {
  border-radius: 5px;
  color: var(--color-primary-light) !important;
  fill: var(--color-primary-light) !important;
  background-color: #0000001f !important;
  transition: all 0.1s ease-in-out !important;
}

.desktop-left-menu .mainmenu .nav-item .important-page-link.active:hover {
  color: #f14d62 !important;
  transition: all 0.1s ease-in-out !important;
}

.desktop-left-menu .mainmenu .nav-item .important-page-link:hover {
  border-radius: 5px;
  color: #252525 !important;
  background-color: #0000001f !important;
  transition: all 0.1s ease-in-out !important;
}

.mainmenu_sidebar_overlay .mainmenu .nav-item .normal-page-link {
  letter-spacing: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  left: unset !important;
  color: #989898 !important;
  background-color: #0000 !important;
}

.mainmenu_sidebar_overlay .mainmenu .nav-item .normal-page-link:hover {
  text-decoration: underline;
  color: #ddd !important;
}

.mainmenu_sidebar_overlay
  .mainmenu
  .nav-item
  .normal-page-link.mainmenu-change-lang-btn-mobile
  .mainmenu-change-lang-arrow-down {
  transition: all 0.3s;
}

.mainmenu_sidebar_overlay
  .mainmenu
  .nav-item
  .normal-page-link.mainmenu-change-lang-btn-mobile[aria-expanded="true"]
  .mainmenu-change-lang-arrow-down {
  transition: all 0.3s;
  transform: rotate(180deg);
}

.mainmenu_sidebar_overlay
  .mainmenu
  .nav-item
  .normal-page-link.mainmenu-change-lang-btn-mobile:hover {
  text-decoration: none;
  color: #fff !important;
}

.mainmenu_sidebar_overlay .mainmenu .nav-item .important-page-link {
  letter-spacing: normal;
  fill: #fff;
  margin: 1px 0;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  left: unset !important;
}

.mainmenu_sidebar_overlay .mainmenu .nav-item .important-page-link.active {
  border-radius: 5px;
  color: #f14d62 !important;
  fill: #f14d62 !important;
  background-color: #ffffff1f !important;
}

.mainmenu_sidebar_overlay
  .mainmenu
  .nav-item
  .important-page-link.active:hover {
  color: #f14d62 !important;
}

.mainmenu_sidebar_overlay .mainmenu .nav-item .important-page-link:hover {
  border-radius: 5px;
  color: #fff !important;
  background-color: #ffffff1f !important;
}

.draw-all-checkbox-checked {
  background: linear-gradient(90deg, #f14d62, #eb436f);
  color: #fff !important;
  border-color: #f14d62 !important;
}

.options-header {
  align-items: center;
  display: flex;
}

.option-checkboxes,
.option-dropdowns {
  flex-wrap: wrap;
  margin: -2px;
  display: flex;
}

strong {
  color: #1a1a1a;
  font-weight: 700;
}

.filter-options .filter {
  width: 20%;
  padding: 2px;
}

.option-checkbox.is-bold {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 700;
}

.option-checkbox {
  cursor: pointer;
  height: 2.25rem;
  white-space: nowrap;
  border: 1px solid #989898;
  align-items: center;
  padding: 0 0.5rem;
  font-size: 0.875rem;
  display: flex;
}

.option-checkbox,
.option-dropdown,
.pagination-ellipsis,
.pagination-link {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

input[type="checkbox"],
input[type="radio"] {
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  margin: 0;
}

.option-checkbox .icon {
  margin: 0 0.25rem;
  font-size: 0.75rem;
}

span {
  font-style: inherit;
  font-weight: inherit;
}

.option-checkbox.is-bold {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
}

.fa,
.fab,
.fal,
.far,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-variant: normal;
  text-rendering: auto;
  font-style: normal;
  line-height: 1;
  display: inline-block;
}

.option-dropdown {
  position: relative;
}

.option-dropdown.is-active .option-dropdown-trigger {
  width: 100%;
  border-width: 2px;
  border-color: #f14d62;
  justify-content: center;
}

.option-dropdown-trigger {
  height: 2.25rem;
  align-items: stretch;
  font-size: 0.875rem;
  display: flex;
}

.filter-options .filter .option-dropdown-info,
.filter-options .filter .option-dropdown-info p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.option-dropdown-info {
  width: 100%;
  cursor: pointer;
  white-space: nowrap;
  border: 1px solid #0000;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.3rem 0 0.5rem;
  display: flex;
}

.option-dropdown {
  color: #000;
  background-color: #fff;
  border-radius: 5px;
  transition: all 0.25s ease-in;
  border: 1px solid #000 !important;
}

.selectedDropdownFilter {
  color: #f14d62 !important;
  border: 2px solid #f14d62 !important;
}

.selectedDropdownFilter .btn {
  color: #f14d62 !important;
}

.option-dropdown-name {
  flex-grow: 1;
  padding-bottom: 1px;
}

.option-dropdown-info .icon {
  color: #f14d62;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 0.25rem;
}

.fa-arrow-down:before {
  content: "";
}

.option-dropdown-menu {
  max-height: 25rem;
  width: 100%;
  z-index: 3;
  background-color: #fff;
  border: 2px solid #f14d62;
  flex-direction: column;
  display: none;
  position: absolute;
  top: calc(100% - 2px);
  left: 0;
  overflow: hidden;
  box-shadow: 0 20px 40px -10px #00000080;
}

.option-dropdown-menu .drawer-header {
  border-top: 1px solid #ebebeb;
}

.drawer-header {
  height: 60px;
  background-color: #f2f2f2;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
  display: flex;
}

.drawer-footer,
.drawer-header {
  flex-grow: 0;
  flex-shrink: 0;
}

.option-dropdown.is-active .option-dropdown-menu {
  display: flex;
}

.drawer-header-action {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #f14d62;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 700;
}

.drawer-header-selections strong {
  display: block;
}

.drawer-header-selections {
  line-height: 1;
}

.drawer-header-action strong {
  color: currentColor;
}

.option-dropdown-menu .drawer-values {
  height: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  display: block;
  overflow: auto;
}

.drawer-filter:not(:last-child),
.drawer-value:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

.drawer-value {
  color: #454444;
  border-bottom: 1px solid #e5e5e5;
  align-items: center;
  display: flex;
  position: relative;
}

.drawer-filter,
.drawer-value {
  cursor: pointer;
  min-height: calc(3.5rem + 1px);
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.drawer-value-checkbox {
  opacity: 1;
  position: absolute;
  top: calc(50% - 5px);
  right: 20px;
}

.drawer-value.is-active .drawer-value-checkbox {
  opacity: 0;
}

label.drawer-value.is-active svg {
  display: block !important;
}

.filter .option-dropdown input[type="checkbox"],
input[type="radio"] {
  width: 15px !important;
  height: 15px !important;
}

.drawer-value-icon {
  color: #f14d62;
  visibility: hidden;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 1rem;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 20px;
}

.drawer-value.is-active .drawer-value-icon {
  visibility: visible;
  margin-left: 0.5rem;
}

.drawer-value.is-active .drawer-value-key {
  color: #1a1a1a;
  font-weight: 700;
}

p {
  margin-top: unset;
}

.selectedFilters {
  height: 60px;
  overflow: hidden;
}

.loadMoreFilters {
  color: #f14d62;
  cursor: pointer;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 5px;
  font-size: 0.75rem;
  font-weight: 700;
}

.filter .drawer-header-action input[type="checkbox"] {
  width: auto;
  height: auto;
}

.filter .drawer-header label {
  width: auto;
  cursor: pointer;
}

.option-checkbox:hover {
  border-color: #f14d62;
}

.option-checkbox.is-active {
  border-color: #f14d62;
  box-shadow: inset 0 0 0 1px #f14d62;
  color: #f14d62 !important;
  fill: #f14d62 !important;
}

.option-dropdown-trigger:hover {
  border-color: #f14d62;
}

.drawer-trigger {
  z-index: 2;
  -webkit-user-select: none;
  user-select: none;
  justify-content: end;
  display: flex;
}

.drawer-trigger a.button {
  width: -webkit-fill-available;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0 10px;
  display: inline-flex;
  height: 32px !important;
  font-size: 12px !important;
}

.button.is-medium {
  font-size: 1.25rem;
}

.button.is-primary {
  color: #fff;
  background: linear-gradient(90deg, #f14d62, #eb436f);
  border-color: #0000;
}

.button {
  color: #1a1a1a;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border-width: 1px;
  border-color: #ebebeb;
  justify-content: center;
  padding: calc(0.375em - 1px) 0.75em;
  transition: all 0.2s;
}

.mt-10 {
  margin-top: 10px;
}

.button > i:first-child {
  margin-left: 0;
}

.button > i {
  margin-left: 7px;
  margin-right: 7px;
}

.button.is-primary.is-active,
.button.is-primary:active,
.button.is-primary.is-hovered,
.button.is-primary:hover {
  color: #fff;
  background-color: #c12e71;
  border-color: #0000;
}

@media screen and (min-width: 768px) {
  #mobiless {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .desktop-filters {
    display: none;
  }
}

.drawer {
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10000;
  background-color: #0000;
  padding-left: 60px;
  transition: all 0.3s;
  position: fixed;
  top: 0;
  left: 100%;
}

.drawer.is-active {
  z-index: 30 !important;
  opacity: 1 !important;
  background-color: #000c !important;
  left: 0 !important;
}

.drawer-background,
.drawer-main,
.drawer-slider {
  position: absolute;
  inset: 0;
}

.drawer-close {
  cursor: pointer;
  height: 60px;
  width: 60px;
  background-color: #f14d62;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff !important;
}

.drawer-close .icon {
  font-size: 3rem;
  position: absolute;
  top: 5px;
  left: 15px;
}

.drawer-close .fas {
  font-weight: 400;
}

.drawer-main {
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 0 40px #00000080;
}

.drawer-slider {
  transition-property: transform, -webkit-transform;
  transition-duration: 0.2s;
}

.drawer-slide {
  width: 100%;
  flex-direction: column;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.drawer-header {
  height: 60px;
  background-color: #f2f2f2;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
  display: flex;
}

.drawer-header-title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
}

.drawer-header-action a,
.drawer-header-action strong {
  color: currentColor;
}

.drawer-body {
  scroll-behavior: smooth;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  overflow: auto;
}

.drawer-filter:not(:last-child),
.drawer-value:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

.drawer-filter {
  color: #1a1a1a;
}

.drawer-filter,
.drawer-value {
  cursor: pointer;
  min-height: 3rem;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.drawer-filter-key {
  width: 50%;
  font-weight: 700;
  line-height: 1.25;
}

.drawer-footer {
  background-color: #f2f2f2;
  padding: 1rem;
}

.button.is-fullwidth {
  width: 100%;
  display: flex;
}

.drawer-slider.is-active {
  transform: translate(-100%);
}

.drawer-second {
  left: 100%;
}

.drawer-page.is-active,
.drawerFilter {
  flex-direction: column;
  display: flex;
}

.drawer-page {
  height: 80vh;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  display: none;
}

.loc-modal-area .modal-content {
  background: #fff;
}

.loc-modal-area .modal-content #msform,
.loc-modal-area .modal-content #msform2,
.loc-modal-area .modal-content #msform3,
.loc-modal-area .modal-content #msform4 {
  margin-top: unset !important;
}

.loc-modal-area .modal-content #msform fieldset,
.loc-modal-area .modal-content #msform2 fieldset,
.loc-modal-area .modal-content #msform3 fieldset,
.loc-modal-area .modal-content #msform4 fieldset {
  padding: unset !important;
}

.loc-modal-area .modal-content #msform fieldset .breadcrumb,
.loc-modal-area .modal-content #msform2 fieldset .breadcrumb,
.loc-modal-area .modal-content #msform3 fieldset .breadcrumb,
.loc-modal-area .modal-content #msform4 fieldset .breadcrumb {
  white-space: nowrap;
  overflow-x: auto;
  display: block !important;
}

.loc-modal-area .modal-content #msform fieldset .editmyad-searchbar,
.loc-modal-area .modal-content #msform2 fieldset .editmyad-searchbar,
.loc-modal-area .modal-content #msform3 fieldset .editmyad-searchbar,
.loc-modal-area .modal-content #msform4 fieldset .editmyad-searchbar {
  border-radius: 15px;
  margin: 10px 20px;
}

.loc-modal-area
  .modal-content
  #msform
  fieldset
  .editmyad-searchbar
  .editmyad-search-input,
.loc-modal-area
  .modal-content
  #msform2
  fieldset
  .editmyad-searchbar
  .editmyad-search-input,
.loc-modal-area
  .modal-content
  #msform3
  fieldset
  .editmyad-searchbar
  .editmyad-search-input,
.loc-modal-area
  .modal-content
  #msform4
  fieldset
  .editmyad-searchbar
  .editmyad-search-input {
  background: #efefef;
  border: none;
}

.loc-modal-area
  .modal-content
  #msform
  fieldset
  .editmyad-searchbar
  .input-in-search-icon,
.loc-modal-area
  .modal-content
  #msform2
  fieldset
  .editmyad-searchbar
  .input-in-search-icon,
.loc-modal-area
  .modal-content
  #msform3
  fieldset
  .editmyad-searchbar
  .input-in-search-icon,
.loc-modal-area
  .modal-content
  #msform4
  fieldset
  .editmyad-searchbar
  .input-in-search-icon {
  top: 15px;
  right: 15px;
}

.loc-modal-area .modal-content #msform fieldset .country-block,
.loc-modal-area .modal-content #msform2 fieldset .country-block,
.loc-modal-area .modal-content #msform3 fieldset .country-block,
.loc-modal-area .modal-content #msform4 fieldset .country-block {
  overflow-y: auto;
  box-shadow: unset !important;
}

.loc-modal-area .modal-content #msform fieldset .city-block,
.loc-modal-area .modal-content #msform2 fieldset .city-block,
.loc-modal-area .modal-content #msform3 fieldset .city-block,
.loc-modal-area .modal-content #msform4 fieldset .city-block {
  overflow-y: auto;
}

.loc-modal-area .modal-content #msform fieldset ul a,
.loc-modal-area .modal-content #msform2 fieldset ul a,
.loc-modal-area .modal-content #msform3 fieldset ul a,
.loc-modal-area .modal-content #msform4 fieldset ul a {
  transition: all 0.5s ease-out;
  display: block;
}

.loc-modal-area .modal-content #msform fieldset ul a li,
.loc-modal-area .modal-content #msform2 fieldset ul a li,
.loc-modal-area .modal-content #msform3 fieldset ul a li,
.loc-modal-area .modal-content #msform4 fieldset ul a li {
  border-bottom: 1px solid #efefef;
  padding: 10px 20px;
}

.loc-modal-area .modal-content #msform fieldset ul a:hover,
.loc-modal-area .modal-content #msform2 fieldset ul a:hover,
.loc-modal-area .modal-content #msform3 fieldset ul a:hover,
.loc-modal-area .modal-content #msform4 fieldset ul a:hover {
  transition: all 0.5s ease-out;
}

#msform fieldset ul a:hover,
#msform2 fieldset ul a:hover,
#msform3 fieldset ul a:hover,
#msform4 fieldset ul a:hover {
  background-color: #efefef !important;
}

.loc-modal-area .modal-content #msform fieldset .action-button-previous,
.loc-modal-area .modal-content #msform2 fieldset .action-button-previous,
.loc-modal-area .modal-content #msform3 fieldset .action-button-previous,
.loc-modal-area .modal-content #msform4 fieldset .action-button-previous {
  margin-top: 12px;
  background: 0 0 !important;
}

.view-profile-btn:hover svg.icon {
  fill: #fff !important;
}

.svg-icon-button:hover {
  background: linear-gradient(90deg, #f14d62, #eb436f);
  border-radius: 5px;
}

.svg-icon-button:hover svg {
  color: #fff !important;
}

.shortlist input[type="radio"]:checked,
.shortlist input[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.shortlist input[type="radio"]:checked + label,
.shortlist input[type="radio"]:not(:checked) + label {
  cursor: pointer;
  color: #666;
  padding-left: 40px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.shortlist input[type="radio"]:checked + label:before,
.shortlist input[type="radio"]:not(:checked) + label:before {
  content: "";
  width: 24px;
  height: 24px;
  background: #fff;
  border: 1px solid #f14d62;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.shortlist input[type="radio"]:checked + label:after {
  background: linear-gradient(90deg, #f14d62, #eb436f);
}

.shortlist input[type="radio"]:checked + label:after,
.shortlist input[type="radio"]:not(:checked) + label:after {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 100%;
  transition: all 0.2s;
  position: absolute;
  top: 5px;
  left: 5px;
}

.shortlist input[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.shortlist input[type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

.shortlist .custom-control {
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 0 !important;
}

.settings-sidebar-menu {
  top: 62px;
}

.ml-percent-25 {
  margin-left: 25% !important;
}

.profiles-phone-number-plus-circle-icon {
  z-index: 99;
  top: 15px;
  right: -10px;
}

#flags .tab-card .nav-tabs .nav-item.show .nav-link,
#flags .nav-tabs .nav-link.active {
  border-color: #f14d62;
  background-color: #f14d6230 !important;
}

#flags .tab-card .nav-tabs .nav-link:focus,
#flags .nav-tabs .nav-link:hover {
  border-color: #f14d62;
  box-shadow: 0 0 2px #989898;
}

.breadcrumb-item + .breadcrumb-item:before {
  content: "";
  display: inline-block;
  padding-right: 3px !important;
}

@keyframes ping {
  75%,
  to {
    opacity: 0;
    transform: scale(2);
  }
}

.campaign-detail-page-featured .campaign-content-icon-1 {
  color: #f14d62;
  margin-left: 3px;
  font-size: 20px;
  top: 35px;
  left: 603px;
}

.campaign-detail-page-featured .campaign-content-animation-1 {
  width: 15px;
  height: 22px;
  background: linear-gradient(90deg, #f14d62, #eb436f);
  border-radius: 20%;
  animation: 1s cubic-bezier(0, 0, 0.2, 1) infinite ping;
  display: block;
  top: 35px;
  left: 603px;
}

.campaign-detail-page-featured .campaign-content-text-1 {
  color: #252525;
  width: 300px;
  top: -5px;
  left: 175px;
}

.campaign-detail-page-featured .campaign-content-icon-2 {
  color: #f14d62;
  font-size: 20px;
  top: 220px;
  right: 518px;
}

.campaign-detail-page-featured .campaign-content-animation-2 {
  width: 15px;
  height: 22px;
  background: linear-gradient(90deg, #f14d62, #eb436f);
  border-radius: 20%;
  animation: 1s cubic-bezier(0, 0, 0.2, 1) infinite ping;
  display: block;
  top: 220px;
  right: 518px;
}

.campaign-detail-page-featured .campaign-content-text-2 {
  color: #252525;
  width: 300px;
  top: 15px;
  right: 175px;
}

.campaign-detail-page-featured .campaign-content-icon-3 {
  color: #f14d62;
  margin-left: 1px;
  font-size: 20px;
  top: 325px;
  left: 603px;
}

.campaign-detail-page-featured .campaign-content-animation-3 {
  width: 15px;
  height: 22px;
  background: linear-gradient(90deg, #f14d62, #eb436f);
  border-radius: 20%;
  animation: 1s cubic-bezier(0, 0, 0.2, 1) infinite ping;
  display: block;
  top: 325px;
  left: 603px;
}

.campaign-detail-page-featured .campaign-content-text-3 {
  color: #252525;
  width: 300px;
  top: 240px;
  left: 175px;
}

.campaign-detail-page-featured .campaign-content-icon-4 {
  color: #f14d62;
  font-size: 20px;
  top: 330px;
  right: 580px;
}

.campaign-detail-page-featured .campaign-content-animation-4 {
  width: 15px;
  height: 22px;
  background: linear-gradient(90deg, #f14d62, #eb436f);
  border-radius: 20%;
  animation: 1s cubic-bezier(0, 0, 0.2, 1) infinite ping;
  display: block;
  top: 330px;
  right: 580px;
}

.campaign-detail-page-featured .campaign-content-text-4 {
  color: #252525;
  width: 300px;
  top: 325px;
  right: 175px;
}

.campaign-detail-page-featured .campaign-content-icon-5 {
  color: #f14d62;
  margin-left: 1px;
  font-size: 20px;
  top: 515px;
  left: 603px;
}

.campaign-detail-page-featured .campaign-content-animation-5 {
  width: 15px;
  height: 22px;
  background: linear-gradient(90deg, #f14d62, #eb436f);
  border-radius: 20%;
  animation: 1s cubic-bezier(0, 0, 0.2, 1) infinite ping;
  display: block;
  top: 515px;
  left: 603px;
}

.campaign-detail-page-featured .campaign-content-text-5 {
  color: #252525;
  width: 300px;
  top: 515px;
  left: 175px;
}

.campaign-detail-page-featured .campaign-content-icon-6 {
  color: #f14d62;
  font-size: 20px;
  top: 515px;
  right: 780px;
}

.campaign-detail-page-featured .campaign-content-animation-6 {
  width: 15px;
  height: 22px;
  background: linear-gradient(90deg, #f14d62, #eb436f);
  border-radius: 20%;
  animation: 1s cubic-bezier(0, 0, 0.2, 1) infinite ping;
  display: block;
  top: 515px;
  right: 780px;
}

.campaign-detail-page-featured .campaign-content-text-6 {
  color: #252525;
  width: 300px;
  top: 590px;
  right: 175px;
}

.campaign-detail-page-featured .campaign-content-icon-7 {
  color: #f14d62;
  margin-left: 1px;
  font-size: 20px;
  top: 650px;
  left: 770px;
}

.campaign-detail-page-featured .campaign-content-animation-7 {
  width: 15px;
  height: 22px;
  background: linear-gradient(90deg, #f14d62, #eb436f);
  border-radius: 20%;
  animation: 1s cubic-bezier(0, 0, 0.2, 1) infinite ping;
  display: block;
  top: 650px;
  left: 770px;
}

.campaign-detail-page-featured .campaign-content-text-7 {
  color: #252525;
  width: 300px;
  top: 770px;
  left: 175px;
}

.your-location-vertical-line {
  height: 100%;
  border-left: 6px solid green;
}

.user-quick-menu {
  background: 0 0 !important;
}

.user-quick-menu::a {
  color: red;
}

.user-quick-menu .user-quick-menu-action-buttons {
  background-color: unset;
}

.quick-menu-item svg {
  fill: var(--icon-primary) !important;
}

.quick-menu-item {
  width: 35px !important;
  height: 35px !important;
}

.qmenu-grid {
  width: 100%;
  max-width: 600px;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  grid-auto-rows: minmax(100px, auto);
  gap: 10px;
  padding: 10px;
  display: grid;
}

.qmenu-item {
  color: #fff;
  cursor: pointer;
  background-color: var(--additive-background-inverse-90);
  max-height: 70px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f;
}

.qmenu-item:hover {
  background-color: var(--additive-background-inverse-50);
  color: #0f0f0f;
}

@media (min-width: 768px) {
  .qmenu-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 767px) {
  .qmenu-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 480px) {
  .qmenu-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 360px) {
  .qmenu-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  #navbarTitle {
    display: none;
  }
}

.dashboard_campaign_and_annoucements_container .campaigns a {
  position: relative;
  overflow: hidden;
}

.dashboard_campaign_and_annoucements_container .campaigns a .bubble {
  width: 25%;
  height: 100%;
  left: calc((var(--n) - 3) * 25%);
  transition: all 0.5s;
  transition-delay: calc((var(--n) - 3) * 0.1s);
  z-index: -1;
  background-color: #f14d62;
  border-radius: 50%;
  position: absolute;
  transform: translateY(150%);
}

.dashboard_campaign_and_annoucements_container
  .campaigns
  a
  .bubble:nth-child(3) {
  --n: 3;
}

.dashboard_campaign_and_annoucements_container
  .campaigns
  a
  .bubble:nth-child(4) {
  --n: 4;
}

.dashboard_campaign_and_annoucements_container
  .campaigns
  a
  .bubble:nth-child(5) {
  --n: 5;
}

.dashboard_campaign_and_annoucements_container
  .campaigns
  a
  .bubble:nth-child(6) {
  --n: 6;
}

.dashboard_campaign_and_annoucements_container .campaigns a:hover .bubble {
  z-index: 0;
  transform: scale(2);
}

.dashboard_campaign_and_annoucements_container
  .campaigns
  a:hover
  .campaign-icon {
  z-index: 10;
  fill: #fff !important;
}

.dashboard_campaign_and_annoucements_container
  .campaigns
  a:hover
  .campaign-text {
  z-index: 10;
}

.dashboard_campaign_and_annoucements_container .campaigns a:hover .youlove {
  color: #fff !important;
}

.dashboard_campaign_and_annoucements_container
  .campaigns
  .last-campaigns
  a:hover {
  text-decoration: underline;
}

.dashboard_campaign_and_annoucements_container .annoucements a {
  position: relative;
  overflow: hidden;
}

.dashboard_campaign_and_annoucements_container .annoucements a .bubble {
  width: 25%;
  height: 100%;
  left: calc((var(--n) - 3) * 25%);
  transition: all 0.5s;
  transition-delay: calc((var(--n) - 3) * 0.1s);
  z-index: -1;
  background-color: #ff8c00;
  border-radius: 50%;
  position: absolute;
  transform: translateY(150%);
}

.dashboard_campaign_and_annoucements_container
  .annoucements
  a
  .bubble:nth-child(3) {
  --n: 3;
}

.dashboard_campaign_and_annoucements_container
  .annoucements
  a
  .bubble:nth-child(4) {
  --n: 4;
}

.dashboard_campaign_and_annoucements_container
  .annoucements
  a
  .bubble:nth-child(5) {
  --n: 5;
}

.dashboard_campaign_and_annoucements_container
  .annoucements
  a
  .bubble:nth-child(6) {
  --n: 6;
}

.dashboard_campaign_and_annoucements_container .annoucements a:hover .bubble {
  z-index: 0;
  transform: scale(2);
}

.dashboard_campaign_and_annoucements_container
  .annoucements
  a:hover
  .annoucements-icon {
  z-index: 10;
  fill: #fff !important;
}

.dashboard_campaign_and_annoucements_container
  .annoucements
  a:hover
  .annoucements-text {
  z-index: 10;
}

.dashboard_campaign_and_annoucements_container .annoucements a:hover .youwill {
  color: #fff !important;
}

.dashboard_campaign_and_annoucements_container
  .annoucements
  .last-annoucements
  a:hover {
  text-decoration: underline;
}

.editprofile .avatar-wrapping {
  background-color: #0000;
}

.editprofile .avatar-wrapping .avatar {
  background-color: #252525 !important;
}

.editprofile .avatar-wrapping:hover .dashboard_avatar {
  opacity: 0.5;
}

.dashboard_avatar,
.avatar-wrapping {
  width: 65px;
  height: 65px;
}

.dashboard_h1 {
  font-size: 24px;
}

@media (min-width: 786px) and (max-width: 1200px) {
  .dashboard_avatar,
  .avatar-wrapping {
    width: 50px;
    height: 50px;
  }
}

.editprofile .avatar-wrapping:hover svg.camera-regular {
  cursor: pointer;
  opacity: 0.8;
  color: #252525;
  display: block;
}

.editprofile .avatar-wrapping:hover .dashboard_user {
  opacity: 0.5;
  color: #f5f5f5;
  background-color: #000;
}

.editprofile .avatar-wrapping:hover .dashboard_user:hover svg.camera-regular {
  cursor: pointer;
  display: block;
}

.editprofile .avatar-wrapping svg.camera-regular {
  color: #fff;
  font-size: 30px;
  display: none;
  position: absolute;
  bottom: 50%;
  right: 50%;
  transform: translate(50%, 50%);
}

.big_list .big_li {
  background: linear-gradient(270deg, #fff 50%, #f14d62 50%, #eb436f 100%) 100%/200% !important;
  padding: 10px 3px !important;
}

.big_list .big_li .span-title {
  color: #252525;
}

.big_list .big_li .span-desc {
  color: #757575;
}

.big_list .big_li:hover {
  background-position: 0 !important;
}

.big_list .big_li:hover .span-title,
.big_list .big_li:hover .span-desc {
  color: #fff !important;
}

.start-verication-btn {
  background: linear-gradient(90deg, #f14d62, #eb436f) !important;
}

.other-btn {
  color: #fff;
  background: #252525;
}

.color-svg-icon {
  color: #f14d62 !important;
}

.alert-gallery2 {
  background: linear-gradient(90deg, #f14d62 25.71%, #eb436f 90.8%) 0 !important;
}

.alert-arrow {
  background: #fff;
  color: #f14d62 !important;
}

.m-box h3,
.m-box .h4-mail {
  color: #252525;
}

#sidebar_overlay .nav-link,
.sidebar_overlay .nav-link {
  color: #fff !important;
}

#sidebar_overlay .nav-link svg.icon,
.sidebar_overlay .nav-link svg.icon {
  fill: #fff !important;
}

.info_list li a:hover {
  text-decoration: none;
  color: #f14d62 !important;
}

#dynamicModal #closeBtn {
  opacity: 0.7 !important;
  margin-right: 2px !important;
  padding: 0 !important;
  font-size: 3rem !important;
  font-weight: 400 !important;
}

@media only screen and (max-width: 975px) {
  .desktop-user-menu {
    display: none !important;
  }
}

.desktop-right-menu-avatar:hover {
  background: linear-gradient(90deg, #f14d6280, #eb436f80) !important;
}

.header-mobile-signup {
  width: unset !important;
}

.right-menu-icon svg.sort-down-solid {
  margin-top: -3px;
  transition: all 0.3s ease-in-out;
  transform: rotate(0);
}

.right-menu-icon svg.sort-down-solid.mobile-sidebar-active {
  margin-top: 3px;
  transition: all 0.3s ease-in-out;
  transform: rotate(180deg);
}

#header_top_menu {
  height: 52px;
  z-index: 2001 !important;
}

.right-menu-icon-avatar {
  width: 35px;
  height: 35px;
  background: #181c1f;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.header-bottom-horizontal-line {
  background: linear-gradient(90deg, #f14d62, #eb436f);
}

.button-login {
  color: #fff;
  width: 120px;
  border: 2px solid #fff;
  margin: 0 5px;
}

.button-login:hover {
  color: #fff;
  background: linear-gradient(270deg, #a60a53 0%, #e63946 100%);
  border-color: #0000 !important;
}

.button-register {
  background: var(--primary-gradient);
  border: 2px solid inherit;
  color: #fff;
  width: 120px;
  margin: 0 5px;
}

.button-register:hover {
  background: var(--primary-gradient);
  color: #fff;
  border-color: #0000 !important;
}

.defaultColor {
  color: #1d1d1d !important;
}

.headerShadow {
  box-shadow: 1px 1px #00000026;
}

.defaultBackground {
  background: #1d1d1d !important;
}

.navbar-background {
  background: #1d1d1d;
}

.navbar-3 {
  background: linear-gradient(270deg, #a60a53 0%, #e63946 100%);
}

.border-color-new-default {
  border-color: #e63946 !important;
}

.navbar-4 {
  background: linear-gradient(270deg, #eca70c 0%, #f2d835 100%);
}

.navbar-5 {
  background: linear-gradient(270deg, #303133, #67696e);
}

.search-button {
  background-color: #252525 !important;
}

.pay-btn-cl .pay-btn-plus {
  color: #fff;
}

.pay-btn-cl:hover,
.navbarBtn:hover {
  background: #0003 !important;
}

.user_bottom_btn {
  color: #fff;
}

.user_bottom_btn:hover,
.user_bottom_btn:active {
  background: #454545 !important;
}

.topbar-verify {
  z-index: 2001;
  height: unset !important;
}

.menu_overlay {
  z-index: 1040;
  width: 100%;
  height: 100vh;
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  max-width: 100vw;
  box-sizing: border-box;
}

.detail-photos-labels .ribbon {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  width: 115px;
  text-shadow: 0 1px 1px #0003;
  height: 20px;
  z-index: 20;
  padding: 3px 0;
  font-size: 1em;
  position: absolute;
  top: 20px;
  left: -25px;
  transform: rotate(-45deg);
}

.detail-photos-labels .ribbon.is-silver {
  letter-spacing: 2px;
  z-index: 19;
  background: linear-gradient(90deg, #3e3d3d, #989898);
  font-weight: 700;
}

.detail-photos-labels .ribbon.is-silver span:first-child {
  margin-top: -4px;
  margin-bottom: 5px;
}

.detail-photos-labels .ribbon.is-gold {
  color: #fff;
  background: linear-gradient(45deg, #e89e2a 0%, #fbff07 100%);
  font-weight: 700;
}

.detail-photos-labels .ribbon.is-gold span:first-child {
  margin-top: -28px;
  margin-bottom: 1.5px;
}

.detail-photos-labels .ribbon.is-gold span:first-child svg {
  width: 20px;
  height: 20px;
}

.detail-photos-labels .ribbon.is-diamond {
  color: #fff;
  background: var(--diamond-gradient);
  font-weight: 700;
}

.detail-photos-labels .ribbon.is-diamond:after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  background: -o-linear-gradient(
    270deg,
    #fff0 0%,
    #fffc 50%,
    #80bae800 99%,
    #7db9e800 100%
  );
  background: -ms-linear-gradient(
    left,
    #fff0 0%,
    #fffc 50%,
    #80bae800 99%,
    #7db9e800 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#007db9e8", GradientType=1);
  background: linear-gradient(
    90deg,
    #fff0 0%,
    #fffc 50%,
    #80bae800 99%,
    #7db9e800 100%
  );
  animation: 1s 3s slide;
  position: absolute;
  top: 0;
  transform: translate(100%);
}

.detail-photos-labels .ribbon.is-diamond span:first-child {
  margin-top: -28px;
  margin-bottom: 1.5px;
}

.detail-photos-labels .ribbon.is-diamond span:first-child svg {
  width: 20px;
  height: 20px;
}

.ulist-container .is-new {
  color: #fff;
  background: linear-gradient(90deg, #f14d62, #eb436f);
  border-radius: 5px;
  padding: 0 5px;
  font-size: 13px;
  position: absolute;
  top: 78px;
  right: 3px;
}

.ulist-container .is-phone-verify {
  color: #fff;
  background: linear-gradient(90deg, #37a9ff, #10c9ff);
  border-radius: 5px;
  margin-bottom: 3px;
  padding: 0 5px;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  right: 3px;
}

.ulist-container .is-photo-verify {
  color: #fff;
  border-radius: 4px;
  padding: 0 3px;
  font-size: 12px;
  position: absolute;
  top: 53px;
  right: 3px;
  background: #1886facc !important;
}

.ulist-container .is-online {
  color: #fff;
  background-color: #28a745cc;
  border-radius: 4px;
  padding: 0 3px;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  top: 3px;
  right: 3px;
}

.is-online.with-verify {
  top: 33px;
  right: 3px;
}

.profile-verified-icon {
  cursor: pointer;
  z-index: 1;
  border-radius: 4px;
  position: absolute;
  top: -4px;
  left: -15px;
}

.profile-verified-label {
  text-align: right;
  color: #fff;
  border-radius: 4px;
  padding: 0 3px;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  background: #1886facc !important;
  top: 8px !important;
  right: 3px !important;
}

.selfie-verified-label {
  text-align: right;
  color: #fff;
  border-radius: 5px;
  font-size: 13px;
  position: absolute;
  box-shadow: 2px 2px 6px #252525;
  background: #dc3545 !important;
  padding: 0 5px !important;
  top: 12px !important;
  left: 22px !important;
}

.ulist-container .ribbon {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  width: 115px;
  text-shadow: 0 1px 1px #0003;
  height: 20px;
  z-index: 1;
  padding: 3px 0;
  font-size: 12px;
  position: absolute;
  top: 20px;
  left: -25px;
  transform: rotate(-45deg);
}

.ulist-container .is-vip {
  color: #fff;
  border-radius: 4px;
  padding: 0 3px;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  top: 3px;
  right: 3px;
}

.profile-vip {
  color: #fff;
  background: #0006;
  border-radius: 4px;
  padding: 0 3px;
  font-size: 12px;
  position: absolute;
  top: 3px;
  right: 3px;
}

.is-new-ad {
  color: #fff;
  border-radius: 4px;
  margin: 0;
  padding: 0 3px;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  bottom: 7px;
  right: 7px;
}

.profile-new-ad {
  background: #ffee1e7a;
}

.ads-permalink .is-new-ad {
  bottom: 60px;
}

.ulist-container .ribbon span {
  height: 20px;
}

.ulist-container .ribbon.is-silver {
  letter-spacing: 2px;
  background: linear-gradient(270deg, #303133, #67696e);
  font-weight: 700;
  line-height: 1.4;
}

.ulist-container .ribbon.is-silver span:first-child {
  margin-top: -2px;
  margin-bottom: 5px;
}

.ulist-container .ribbon.is-gold {
  color: #fff;
  background: linear-gradient(270deg, #eca70c 0%, #f2d835 100%);
  font-weight: 700;
}

.ulist-container .ribbon.is-gold span:first-child {
  margin-top: -30px;
  margin-bottom: 5px;
}

.ulist-container .ribbon.is-gold span:first-child img {
  width: 20px;
}

.ulist-container .ribbon.is-diamond {
  color: #fff;
  background: var(--diamond-gradient);
  font-weight: 700;
}

.ulist-container .ribbon.is-diamond:after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  background: -o-linear-gradient(
    270deg,
    #fff0 0%,
    #fffc 50%,
    #80bae800 99%,
    #7db9e800 100%
  );
  background: -ms-linear-gradient(
    left,
    #fff0 0%,
    #fffc 50%,
    #80bae800 99%,
    #7db9e800 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#007db9e8", GradientType=1);
  background: linear-gradient(
    90deg,
    #fff0 0%,
    #fffc 50%,
    #80bae800 99%,
    #7db9e800 100%
  );
  animation: 1s 5s slide;
  position: absolute;
  top: 0;
  transform: translate(100%);
}

.ulist-container .ribbon.is-diamond span:first-child {
  margin-top: -28px;
  margin-bottom: 4px;
}

.ulist-container .ribbon.is-diamond span:first-child img {
  width: 20px;
}

@keyframes slide {
  0% {
    transform: translate(-100%);
  }

  to {
    transform: translate(100%);
  }
}

.desktop-searchbar {
  width: 400px;
}

.desktop-searchbar .desktop-search-input {
  color: #f8f8f8;
  height: 36px;
  width: 100%;
  background: #100909bf;
  border: 1px solid #fff3;
  border-radius: 36px;
  padding: 0 38px;
  font-size: 13px;
}

.desktop-searchbar .input-in-search-icon {
  color: #989898;
  top: 8px;
  left: 15px;
}

.desktop-searchbar .input-in-close-icon {
  height: 100%;
  color: #989898;
  display: none;
  top: 3px;
  right: 0;
}

.desktop-searchbar .input-in-close-icon .fa-times {
  font-size: 15px;
}

.desktop-searchbar .input-in-close-icon:hover {
  color: #ddd;
}

.desktop-searchbar .desktop-searchbar-data-list {
  width: 380px;
  z-index: 1000;
  background-color: #303133;
  border-radius: 3px;
  margin-top: 45px;
  margin-left: 10px;
  padding: 10px 0;
  display: none;
  position: absolute;
  top: 0;
}

.desktop-searchbar
  .desktop-searchbar-data-list
  .desktop-searchbar-data-list-column {
  display: none;
}

.desktop-searchbar
  .desktop-searchbar-data-list
  .desktop-searchbar-data-list-column
  .desktop-searchbar-data-list-header {
  padding: 10px 18px;
}

.desktop-searchbar
  .desktop-searchbar-data-list
  .desktop-searchbar-data-list-column
  .desktop-searchbar-data-list-header
  h4 {
  color: #989898;
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}

.desktop-searchbar
  .desktop-searchbar-data-list
  .desktop-searchbar-data-list-column
  .desktop-searchbar-data-list-body {
  flex-direction: column;
  display: flex;
}

.desktop-searchbar
  .desktop-searchbar-data-list
  .desktop-searchbar-data-list-column
  .desktop-searchbar-data-list-body
  .desktop-searchbar-data-list-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #f8f8f8e6;
  cursor: pointer;
  height: 38px;
  letter-spacing: 0;
  padding: 5px 18px;
  font-size: 15px;
  line-height: 38px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.desktop-searchbar
  .desktop-searchbar-data-list
  .desktop-searchbar-data-list-column
  .desktop-searchbar-data-list-body
  .desktop-searchbar-data-list-item:hover {
  background: #ffffff1f;
}

.desktop-searchbar
  .desktop-searchbar-data-list
  .desktop-searchbar-data-list-column
  .desktop-searchbar-data-list-body
  .desktop-searchbar-data-list-item
  i,
.desktop-searchbar
  .desktop-searchbar-data-list
  .desktop-searchbar-data-list-column
  .desktop-searchbar-data-list-body
  .desktop-searchbar-data-list-item
  .desktop-searchbar-data-list-category-name {
  font-size: 15px;
}

.desktop-searchbar
  .desktop-searchbar-data-list
  .desktop-searchbar-data-list-column
  .desktop-searchbar-data-list-body
  .desktop-searchbar-data-list-item
  .desktop-searchbar-data-list-category-count {
  font-size: 13px;
}

.desktop-searchbar
  .desktop-searchbar-data-list
  .desktop-searchbar-data-list-column-popular {
  display: block;
}

.desktop-searchbar
  .desktop-searchbar-data-list
  .desktop-searchbar-data-list-column-popular
  .desktop-searchbar-data-list-header {
  padding: 10px 18px;
}

.desktop-searchbar
  .desktop-searchbar-data-list
  .desktop-searchbar-data-list-column-popular
  .desktop-searchbar-data-list-header
  h4 {
  color: #989898;
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}

.desktop-searchbar
  .desktop-searchbar-data-list
  .desktop-searchbar-data-list-column-popular
  .desktop-searchbar-data-list-body {
  flex-direction: column;
  display: flex;
}

.desktop-searchbar
  .desktop-searchbar-data-list
  .desktop-searchbar-data-list-column-popular
  .desktop-searchbar-data-list-body
  .desktop-searchbar-data-list-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #f8f8f8e6;
  cursor: pointer;
  height: 38px;
  letter-spacing: 0;
  padding: 5px 18px;
  font-size: 15px;
  line-height: 38px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.desktop-searchbar
  .desktop-searchbar-data-list
  .desktop-searchbar-data-list-column-popular
  .desktop-searchbar-data-list-body
  .desktop-searchbar-data-list-item:hover {
  background: #ffffff1f;
}

.desktop-searchbar
  .desktop-searchbar-data-list
  .desktop-searchbar-data-list-column-popular
  .desktop-searchbar-data-list-body
  .desktop-searchbar-data-list-item
  i,
.desktop-searchbar
  .desktop-searchbar-data-list
  .desktop-searchbar-data-list-column-popular
  .desktop-searchbar-data-list-body
  .desktop-searchbar-data-list-item
  .desktop-searchbar-data-list-category-name {
  font-size: 15px;
}

.desktop-searchbar
  .desktop-searchbar-data-list
  .desktop-searchbar-data-list-column-popular
  .desktop-searchbar-data-list-body
  .desktop-searchbar-data-list-item
  .desktop-searchbar-data-list-category-count {
  font-size: 13px;
}

#searchbar {
  background: #303030;
}

#searchbar .searchbar-icon-div {
  cursor: pointer;
  height: 42px;
  border-left: 1px solid #7575754f;
  padding: 0 20px;
}

#searchbar .searchbar-icon-div .fa-search {
  color: #989898;
  font-size: 20px;
  transition: all 0.3s;
}

#searchbar .searchbar-icon-div .fa-search:hover {
  color: #fff;
  transition: all 0.3s;
}

#searchbar .open-search-input {
  display: none;
}

#searchbar .open-search-input input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #252525;
  border-radius: 5px;
  padding-left: 3rem;
  display: block;
  position: absolute;
  height: 43px !important;
}

#searchbar .open-search-input .input-in-search-icon {
  font-size: 18px;
  top: 11px;
  left: 13px;
}

#searchbar .open-search-input .input-in-close-icon {
  border-radius: 0;
  padding: 1px 8px;
  font-size: 18px;
  transition: all 0.3s ease-out;
  top: 6px;
  right: 5px;
  display: block !important;
}

#searchbar .open-search-input .input-in-close-icon:hover {
  background-color: #ddd;
  border-radius: 10%;
  transition: all 0.3s ease-in;
}

#searchbar .open-search-input .searchbar-data-list {
  width: 100%;
  z-index: 1000;
  background-color: #303133;
  margin-top: 43px;
  padding: 10px 0;
  position: absolute;
  top: 0;
}

#searchbar
  .open-search-input
  .searchbar-data-list
  .searchbar-data-list-column
  .searchbar-data-list-header {
  padding: 10px 18px;
}

#searchbar
  .open-search-input
  .searchbar-data-list
  .searchbar-data-list-column
  .searchbar-data-list-header
  h4 {
  color: #989898;
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}

#searchbar
  .open-search-input
  .searchbar-data-list
  .searchbar-data-list-column
  .searchbar-data-list-body {
  flex-direction: column;
  display: flex;
}

#searchbar
  .open-search-input
  .searchbar-data-list
  .searchbar-data-list-column
  .searchbar-data-list-body
  .searchbar-data-list-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #f8f8f8e6;
  cursor: pointer;
  height: 38px;
  letter-spacing: 0;
  padding: 5px 18px;
  font-size: 15px;
  line-height: 38px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

#searchbar
  .open-search-input
  .searchbar-data-list
  .searchbar-data-list-column
  .searchbar-data-list-body
  .searchbar-data-list-item:hover {
  background: #ffffff1f;
}

#searchbar
  .open-search-input
  .searchbar-data-list
  .searchbar-data-list-column
  .searchbar-data-list-body
  .searchbar-data-list-item
  i,
#searchbar
  .open-search-input
  .searchbar-data-list
  .searchbar-data-list-column
  .searchbar-data-list-body
  .searchbar-data-list-item
  .searchbar-data-list-category-name {
  font-size: 15px;
}

#searchbar
  .open-search-input
  .searchbar-data-list
  .searchbar-data-list-column
  .searchbar-data-list-body
  .searchbar-data-list-item
  .searchbar-data-list-category-count {
  font-size: 13px;
}

#searchbar
  .open-search-input
  .searchbar-data-list
  .searchbar-data-list-column-popular
  .searchbar-data-list-header {
  padding: 10px 18px;
}

#searchbar
  .open-search-input
  .searchbar-data-list
  .searchbar-data-list-column-popular
  .searchbar-data-list-header
  h4 {
  color: #989898;
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}

#searchbar
  .open-search-input
  .searchbar-data-list
  .searchbar-data-list-column-popular
  .searchbar-data-list-body {
  flex-direction: column;
  display: flex;
}

#searchbar
  .open-search-input
  .searchbar-data-list
  .searchbar-data-list-column-popular
  .searchbar-data-list-body
  .searchbar-data-list-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #f8f8f8e6;
  cursor: pointer;
  height: 38px;
  letter-spacing: 0;
  padding: 5px 18px;
  font-size: 15px;
  line-height: 38px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

#searchbar
  .open-search-input
  .searchbar-data-list
  .searchbar-data-list-column-popular
  .searchbar-data-list-body
  .searchbar-data-list-item:hover {
  background: #ffffff1f;
}

#searchbar
  .open-search-input
  .searchbar-data-list
  .searchbar-data-list-column-popular
  .searchbar-data-list-body
  .searchbar-data-list-item
  i,
#searchbar
  .open-search-input
  .searchbar-data-list
  .searchbar-data-list-column-popular
  .searchbar-data-list-body
  .searchbar-data-list-item
  .searchbar-data-list-category-name {
  font-size: 15px;
}

#searchbar
  .open-search-input
  .searchbar-data-list
  .searchbar-data-list-column-popular
  .searchbar-data-list-body
  .searchbar-data-list-item
  .searchbar-data-list-category-count {
  font-size: 13px;
}

.breadcrumb2 {
  text-align: center;
  width: 100%;
  z-index: 1;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  list-style: none;
  display: flex;
  top: 50%;
}

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

.breadcrumb__item2 {
  height: 100%;
  color: #252525;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #fff;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  margin: 5px;
  font-family: Oswald, sans-serif;
  font-size: 16px;
  transition: all 0.3s;
  display: inline-flex;
  position: relative;
  transform: skew(-21deg);
  box-shadow: 0 2px 5px #00000042;
}

.breadcrumb__item2:hover {
  color: #fff;
  fill: #fff;
  background: #f14d62;
}

.breadcrumb__item2 a {
  padding: 0 15px;
}

.breadcrumb__item2 a:hover {
  color: #fff;
}

.breadcrumb__inner2 {
  z-index: 2;
  flex-direction: column;
  margin: auto;
  display: flex;
  transform: skew(21deg);
}

.breadcrumb__title2 {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  overflow: hidden;
}

.not-loggedin-sidebar {
  background-color: #252525;
  margin-top: 10px;
  margin-right: 10px;
  padding: 10px;
  border-radius: 10px !important;
}

.not-loggedin-sidebar:before {
  content: "";
  width: 0;
  height: 0;
  z-index: -1;
  border: 8px solid #0000;
  border-bottom-color: #252525;
  position: absolute;
  top: -3px;
  right: 18px;
}

.not-loggedin-sidebar .section-1 {
  border-radius: 12px;
  margin-bottom: 15px;
  background-color: #ffffff0d !important;
}

.not-loggedin-sidebar .section-2 .sidebar-change-lang-btn-mobile {
  font-size: unset !important;
  padding: 0 !important;
}

.not-loggedin-sidebar
  .section-2
  .sidebar-change-lang-btn-mobile
  .sidebar-change-lang-arrow-down {
  transition: all 0.3s;
}

.not-loggedin-sidebar
  .section-2
  .sidebar-change-lang-btn-mobile[aria-expanded="true"]
  .sidebar-change-lang-arrow-down {
  transition: all 0.3s;
  transform: rotate(180deg);
}

.not-loggedin-sidebar .section-2 .card-body .normal-page-link {
  color: #989898 !important;
}

.not-loggedin-sidebar .nav-item {
  margin: 0;
  padding: 0;
}

.desktop-user-menu .usermenu {
  background: #252525 !important;
  margin-top: 0 !important;
}

.create-free-account-button {
  background: var(--primary-gradient);
  color: var(--color-white);
  width: 100%;
}

.sidebar-button-login {
  color: #fff;
  width: 100%;
  border: 2px solid #fff;
}

.sidebar-button-login:hover {
  background: linear-gradient(270deg, #a60a53 0%, #e63946 100%);
  border: 2px solid #f14d62;
}

.mobile-right-menu {
  background-color: #252525 !important;
}

.usermenu {
  border-radius: 10px;
  margin-top: 10px;
  background: #252525 !important;
}

.usermenu:before {
  content: "";
  width: 0;
  height: 0;
  z-index: -1;
  border: 20px solid #0000;
  border-bottom-color: #252525;
  position: absolute;
  top: -18px;
  right: 11px;
}

.usermenu li a i.fa-duotone {
  font-size: 20px;
  width: 25px !important;
  height: 25px !important;
  margin-right: 10px !important;
}

.usermenu .list-group-item-action:hover {
  background-color: #0000 !important;
}

.usermenu .list-group-item-action .nav-link {
  letter-spacing: normal;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
}

.usermenu .list-group-item-action .nav-link:hover {
  color: #f14d62 !important;
  background-color: #0000 !important;
}

.usermenu .nav-item:hover .comment-badge-background {
  color: #fff !important;
  background: linear-gradient(90deg, #f14d62, #eb436f) !important;
}

.usermenu .bg-diamond {
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 150%;
}

.usermenu .bg-diamond .fa-duotone {
  color: #fff !important;
}

.usermenu .list-group-item-action.active {
  background-color: #989898 !important;
}

.usermenu .list-group-item-action.active:hover a {
  color: #fff !important;
}

.user-menu-header {
  border-bottom: 1px solid #efefef !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 10px !important;
}

.user-menu-header .user-menu-name {
  color: #fff;
  text-transform: lowercase;
}

.user-menu-header .avatar {
  color: #989898 !important;
}

.comment-badge-background {
  background: #252525;
}

.mainmenu_sidebar_overlay {
  width: 300px;
  height: unset;
  pointer-events: initial;
  max-width: 300px;
  background: #252525;
  padding-top: 60px;
  position: absolute;
  inset: 0;
  overflow-y: auto;
  z-index: 2000 !important;
}

.mainmenu_sidebar_overlay .mainmenu_sidebar_include {
  width: 100%;
  background: #252525;
}

.mainmenu_sidebar_overlay .mainmenu_sidebar_include .tag-group {
  padding-bottom: 0;
}

.mainmenu_sidebar_overlay .mainmenu_sidebar_include .mainmenu {
  padding: 10px !important;
}

.mainmenu_sidebar_overlay
  .mainmenu_sidebar_include
  .mainmenu
  .lang-li
  svg.mainmenu-icon,
.mainmenu_sidebar_overlay
  .mainmenu_sidebar_include
  .mainmenu
  .lang-li
  svg.mainmenu-change-lang-arrow-down {
  width: 25px;
  height: 20px;
  fill: #fff !important;
}

.mainmenu_sidebar_overlay
  .mainmenu_sidebar_include
  .mainmenu
  .lang-li
  .lang-btn {
  color: #252525;
  letter-spacing: normal;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
}

.mainmenu_sidebar_overlay
  .mainmenu_sidebar_include
  .mainmenu
  .tag-group-standart,
.mainmenu_sidebar_overlay
  .mainmenu_sidebar_include
  .mainmenu
  .tag-group-standart
  .nav-item {
  width: 100%;
}

.mainmenu_sidebar_overlay
  .mainmenu_sidebar_include
  .mainmenu
  .tag-group-standart:after {
  margin: unset;
  border: none;
}

.sidebar_overlay {
  height: unset;
  padding-top: 53px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  width: 230px !important;
  z-index: 2000 !important;
  max-width: 230px !important;
}

.sidebar_overlay .sidebar_include {
  max-width: 100%;
}

.sidebar_overlay .sidebar_include .usermenu {
  height: 100%;
  border-bottom-left-radius: 10px;
}

.sidebar_overlay .sidebar_include .usermenu .nav-item {
  padding: 4px !important;
}

.sidebar_overlay .mobile-right-menu {
  padding: 10px !important;
}

.breadcrumb .breadcrumb__step {
  float: left;
  color: #fff;
  background: #303133;
  outline: none;
  font-size: 12px;
  line-height: 36px;
  text-decoration: none;
  transition: background 0.5s;
  display: block;
  position: relative;
  padding-left: 35px !important;
}

.breadcrumb .breadcrumb__step:hover {
  color: #fff;
  background: #f14d62;
}

.breadcrumb .breadcrumb__step:hover:after {
  background: #f14d62;
}

.breadcrumb .breadcrumb__step:after {
  content: "";
  width: 36px;
  height: 36px;
  z-index: 1;
  background: #303133;
  border-radius: 0 5px 0 50px;
  transition: background 0.5s;
  position: absolute;
  top: 0;
  right: -18px;
  transform: scale(0.707) rotate(45deg);
  box-shadow: 2px -2px 0 2px #f6f6f6;
}

.breadcrumb .breadcrumb__step:last-child:after {
  content: none;
}

.breadcrumb .breadcrumb__step:first-child {
  border-radius: 5px 0 0 5px;
  padding-left: 20px !important;
}

.breadcrumb .breadcrumb__step:last-child {
  border-radius: 0 5px 5px 0;
}

.breadcrumb .breadcrumb__step__active {
  color: #fff !important;
  background: #f14d62 !important;
}

.blog-see-more-btn {
  position: relative;
}

.blog-see-more-btn:hover {
  transition: all 0.3s;
}

.blog-see-more-btn:hover svg.angles-right-solid {
  transition: all 0.3s;
  right: 8px;
  display: inline-block !important;
}

.blog-see-more-btn:hover .see-more-btn-content {
  transition: all 0.3s;
  left: -8px;
}

.blog-see-more-btn .see-more-btn-content {
  transition: all 0.3s;
  position: relative;
  left: 0;
}

.blog-see-more-btn svg.angles-right-solid {
  transition: all 0.3s;
  position: absolute;
  top: 10px;
  right: -16px;
}

.cookie-container {
  color: #fff;
  width: 100%;
  z-index: 2000;
  background: #303130;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  bottom: 0;
}

.cookie-container .cookie-link:hover {
  text-decoration: underline;
}

.footer-container .footer-left .footer-description {
  color: #bababa;
  line-height: 1.125rem;
}

.footer-container
  .footer-right
  .footer-right-column
  .footer-right-column-title {
  color: #bababa;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  height: 40px;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
}

.footer-container .footer-right .footer-right-column ul {
  margin-top: 1rem;
  padding: 0;
  list-style: none;
}

.footer-container
  .footer-right
  .footer-right-column
  ul
  .footer-right-column-item {
  border-top: 1px solid #a4a4a44d;
  padding: 0.5rem 0;
}

.footer-container
  .footer-right
  .footer-right-column
  ul
  .footer-right-column-item
  a,
.footer-container
  .footer-right
  .footer-right-column
  ul
  .footer-right-column-item
  div {
  cursor: pointer;
  color: #bababa;
  fill: #bababa;
}

.footer-container
  .footer-right
  .footer-right-column
  ul
  .footer-right-column-item
  a:hover,
.footer-container
  .footer-right
  .footer-right-column
  ul
  .footer-right-column-item
  div:hover {
  color: #f14d62;
  fill: #f14d62;
  opacity: 1;
}

.footer-container .footer-right .footer-description {
  color: #bababa;
  line-height: 1.125rem;
}

.footer-container .footer-middle-left .footer-middle-left-column a {
  color: #bababa;
  fill: #bababa;
  margin-right: 10px;
  display: inline-block;
}

.footer-container .footer-middle-left .footer-middle-left-column a:hover {
  color: #f14d62;
  opacity: 1;
}

.footer-container .footer-middle-left .footer-middle-left-column span {
  color: #bababa;
  fill: #bababa;
  margin-right: 10px;
  display: inline-block;
}

.footer-container .footer-middle-left .footer-middle-left-column span:hover {
  color: #f14d62;
  opacity: 1;
}

.footer-container
  .footer-middle-left
  .footer-middle-left-column
  span
  svg.rta-logo {
  height: 25px;
  width: 50px;
  display: block;
}

.footer-container
  .footer-middle-left
  .footer-middle-left-column
  span
  svg.safe-label-logo {
  box-sizing: content-box;
  height: 40px;
  width: 110px;
  display: block;
}

.footer-container
  .footer-middle-left
  .footer-middle-left-column
  span
  svg.asacp-logo {
  height: 22px;
  width: 60px;
  display: block;
}

.footer-container
  .footer-middle-left
  .footer-middle-left-column
  span
  svg.pinneapplesupport-logo {
  height: 38px;
  width: 38px;
  display: block;
}

.footer-container .footer-middle-left .footer-middle-left-column span {
  color: #bababa !important;
}

.footer-container .footer-middle-right a,
.footer-container .footer-middle-right .svg,
.footer-container .footer-bottom-left-column,
.footer-container .footer-bottom-right-column,
.footer-container .footer-mobile-last-column {
  color: #bababa;
}

.sort-icon-rotate {
  margin-top: 5px;
  transition: all 0.3s;
  transform: rotate(180deg);
}

.lang_dropdown_container .lang_dropdown #lang_dropdown {
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
}

.lang_dropdown_container .lang_dropdown {
  width: 120px;
  cursor: pointer;
  color: #bababa;
  border: 1px solid #989898;
  border-radius: 4px;
  justify-content: space-between;
  padding: 4px;
  display: flex;
}

.lang_dropdown_container .lang_dropdown .sort-down-solid {
  transition: all 0.3s;
}

.lang_dropdown_container .lang_dropdown:hover {
  color: #bababa !important;
  border-color: #bababa !important;
}

.lang_dropdown_container .lang_dropdown_menu {
  width: 120px;
  white-space: nowrap;
  z-index: 1000;
  background: #3e3f42;
  border-radius: 5px;
  flex-flow: wrap;
  margin: 40px 0 0;
  padding: 10px 0;
  display: none;
  position: absolute;
  box-shadow: 0 20px 30px #1818184d;
}

.lang_dropdown_container .lang_dropdown_menu .lang_item {
  flex: 0 50%;
  margin: 2px 0;
  padding: 5px 10px;
  line-height: 1.125rem;
  display: flex;
}

.lang_dropdown_container .lang_dropdown_menu .lang_item:hover {
  cursor: pointer;
}

.lang_dropdown_container .lang_dropdown_menu .lang_item a {
  width: 100%;
  color: #fff;
}

.lang_dropdown_container .lang_dropdown_menu .lang_item a:hover {
  color: #f14d62 !important;
}

.lang_dropdown_container .lang_dropdown_menu .lang_item.lang_selected {
  color: #f8f8f8;
  background: linear-gradient(90deg, #f14d62, #eb436f);
}

.lang_dropdown_container .lang_dropdown_menu .lang_item.lang_selected a {
  width: 100%;
  color: #fff;
  opacity: 1;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.lang_dropdown_container .lang_dropdown_menu .lang_item.lang_selected a:hover {
  color: #fff !important;
}

.footer_bottom {
  overflow: unset !important;
  background: #252525 !important;
}

.footer_bottom .footer_bottom_inner.container {
  overflow: unset !important;
}

.modal .close {
  font-size: 40px;
  padding: unset !important;
  margin-right: 0 !important;
}

.langselector .langbox {
  top: -260px;
  box-shadow: unset !important;
  z-index: 55 !important;
  background: linear-gradient(90deg, #f14d62, #eb436f) !important;
}

.langselector .langbox a {
  border-bottom: 0.5px solid #fff !important;
}

.login-hr {
  height: 0.1px;
  width: 100%;
  background-color: #252525;
  margin: 0 !important;
}

.login-contain {
  min-height: 70vh !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.login-title {
  color: #f14d62;
}

.login-description {
  font-size: 15px;
  color: #989898 !important;
}

.login-tabs {
  background-color: #efefef;
  border-radius: 5px;
  padding: 5px;
}

.login-tabs .nav-item .nav-link {
  color: #989898;
  font-weight: 600;
  border-radius: 5px !important;
}

.login-tabs .nav-item .nav-link.active {
  color: #000;
  background: #fff;
  transition: left 0.25s ease-in-out, width 0.25s 0.25s;
  box-shadow: -3px 3px 4px #7d7d7d80;
  border: none !important;
}

.login-tabs .nav-item .nav-link:hover {
  color: #f14d62;
  transition: left 0.25s ease-in-out, width 0.25s 0.25s;
}

.vertical-line {
  width: 1px;
  height: 20px;
  background-color: #989898;
  border-left: 1px solid #989898;
  border-radius: 10px;
  margin: 0 !important;
}

.form-input {
  height: 50px;
  background-color: #efefef;
  border: none;
  border-radius: 5px;
  box-shadow: none !important;
}

.form-input:focus {
  background-color: #efefef;
  box-shadow: none !important;
}

.forgetten-password {
  color: #252525;
  text-decoration: underline !important;
}

.forgetten-password:hover {
  color: #f14d62;
}

.login-button {
  background: linear-gradient(90deg, #f14d62, #eb436f) !important;
  line-height: 30px !important;
}

.or {
  color: #252525;
  width: 75%;
  background-color: #fff;
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.register-button {
  color: #f14d62;
  background-color: #fff;
  border: 1px solid #f14d62;
  line-height: 30px !important;
}

.register-button:hover {
  color: #fff;
  background: linear-gradient(90deg, #f14d62, #eb436f);
  border: 1px solid #f14d62;
}

.display-eye-alert-on {
  top: 6px !important;
  right: 50px !important;
  transform: translate(50%, 50%) !important;
}

.display-eye-alert-off {
  top: 6px;
  right: 25px;
  transform: translate(50%, 50%);
}

.register-title {
  color: var(--color-primary);
}

.register-description,
.check-description {
  font-size: 15px;
  color: #989898 !important;
}

.register-page-button {
  background: var(--primary-gradient);
  line-height: 30px;
}

.custom-control {
  padding-left: 2rem !important;
}

.custom-control-input:checked ~ .custom-control-label:before {
  color: #fff;
  background-color: #f14d62;
  border-color: #f14d62;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label:before {
  border-color: #f14d62;
}

.custom-control-input:focus ~ .custom-control-label:before {
  box-shadow: none !important;
}

.forgetten-password-title {
  color: #f14d62;
}

.forgetten-password-description {
  font-size: 15px;
  color: #989898 !important;
}

.reset-password-button {
  line-height: 30px;
  background: linear-gradient(90deg, #f14d62, #eb436f) !important;
}

.btn-cherry:after,
.btn-transparent:after,
.btn-graytime:after {
  width: 0 !important;
  height: 0 !important;
  background: 0 0 !important;
}

#scrolltop_mobile {
  opacity: 0.4;
  width: 40px;
  height: 40px;
  text-align: center;
  z-index: 3000;
  background: #383e42;
  border-radius: 35px;
  line-height: 37px;
  transition: all 0.3s;
  display: none;
  position: fixed;
  bottom: 65px;
  right: 5px;
}

#scrolltop_mobile svg,
#scrolltop_mobile i {
  font-size: 20px;
  color: #fff !important;
}

#scrolltop_mobile:hover {
  cursor: pointer;
  transition: all 0.3s;
  transform: rotate(360deg);
}

#scrolltop {
  opacity: 0.4;
  width: 40px;
  height: 40px;
  text-align: center;
  z-index: 2001;
  background: #383e42;
  border-radius: 35px;
  line-height: 37px;
  transition: all 0.3s;
  display: none;
  position: fixed;
  bottom: 25px;
  right: 25px;
}

#scrolltop svg,
#scrolltop i {
  font-size: 20px;
  color: #fff !important;
}

#scrolltop:hover {
  cursor: pointer;
  transition: all 0.3s;
  transform: rotate(360deg);
}

.iti {
  position: relative;
  display: flex !important;
}

.video-icon-label {
  width: 50%;
  border: 1px solid #ffffff80;
  margin-bottom: 5px;
}

.animate-pulse {
  animation: 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite pulse;
}

@keyframes pulse {
  0%,
  to {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }
}

.dropdownGender {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.dropbtnGender {
  color: #333;
  cursor: pointer;
  background-color: #0000;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  font-size: 16px;
  display: flex;
}

.dropdown-contentGender {
  z-index: 9999;
  min-width: 69px;
  background-color: #303030;
  display: none;
  position: absolute;
  top: 42px;
  box-shadow: 0 8px 16px #0003;
}

.dropdown-contentGender span {
  color: #333;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-contentGender.show {
  display: block;
}

.dropdownGenderDesktop {
  margin-top: 20px;
  display: inline-block;
  position: relative;
}

.dropbtnGenderDesktop {
  color: #333;
  cursor: pointer;
  background-color: #0000;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  font-size: 16px;
  display: flex;
}

.dropbtnGenderDesktop span {
  margin-right: 5px;
}

.dropdown-contentGenderDesktop {
  z-index: 9999;
  min-width: 56px;
  background-color: #fff;
  display: none;
  position: absolute;
  top: 27px;
  box-shadow: 0 8px 16px #0003;
}

.dropdown-contentGenderDesktop span {
  color: #333;
  cursor: pointer;
  justify-content: start;
  align-items: center;
  padding: 10px 16px;
  text-decoration: none;
  display: flex;
}

.dropdown-contentGenderDesktop.show {
  display: block;
}

.interestBtnDesktop {
  cursor: pointer;
  justify-content: start;
  align-items: center;
  padding: 10px 0;
  display: flex;
}

.interestchange {
  border: 1px solid #0000001a;
  border-radius: 5px;
  margin: 1rem 0;
}

.quickSearchModal {
  transform-origin: 50%;
  z-index: 9990;
  height: 100%;
  width: 100%;
  max-width: 100vw;
  scroll-snap-type: y mandatory;
  scroll-snap-stop: always;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-top);
  transition: transform 0.3s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  box-sizing: border-box;
  overflow-y: scroll;
  transform: scale(0);
}

.quickSearchModal.show {
  transform: scale(1);
}

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

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

.sumCardContainer {
  height: 100%;
  scroll-snap-type: y mandatory;
  scroll-snap-stop: always;
  z-index: 9999;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: scroll;
}

.sumCard {
  scroll-snap-align: center;
  scroll-snap-stop: always;
  scroll-snap-stop: always;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sumWrapper {
  width: 100%;
  max-width: 400px;
  height: 100%;
  max-height: 600px;
  z-index: 9999;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  display: flex;
  position: relative;
  overflow: hidden;
  background: radial-gradient(
      265.48% 177.2% at 56.25% 100%,
      #dff0ff33 0%,
      #4c88bc0f 0.01%,
      #4c88bc00 100%
    ),
    radial-gradient(135.43% 210.8% at 100% 0, #d3001133 0%, #d3001100 74.84%),
    #1d1d1d !important;
}

.sumPhoto {
  height: 100%;
  width: 100%;
}

.sumPhoto > img {
  width: 100%;
  max-width: 400px;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  cursor: pointer;
  border-radius: 10px;
  outline: none;
}

@media screen and (max-width: 768px) {
  .sumPhoto > img {
    width: 100%;
    max-width: 100vw;
    height: 100vh;
    object-fit: cover;
    border-radius: 10px;
    box-sizing: border-box;
  }
}

.sumBackdrop {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  inset: 0;
}

.sumBackdropBackground {
  background: linear-gradient(#000c, #000c) !important;
}

.sumInfoSection {
  width: 100%;
  height: 100px;
  z-index: 9999;
  background: linear-gradient(#0000, #000c);
  flex-direction: column;
  padding-bottom: 10px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.sumInfoTop {
  width: 100%;
  height: 50%;
  border-bottom: 1px solid #ffffff1a;
  align-items: center;
  display: flex;
}

.sumInfoBottom {
  width: 100%;
  height: 50%;
  align-items: center;
  display: flex;
}

.sumInfoBottom2 {
  justify-content: end;
  align-items: center;
  display: flex;
}

.sumInfoBottom1 {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sumInfoBottomLeft {
  width: 85%;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sumInfoBottomRight {
  width: 15%;
  height: 100%;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sumInfoBtn {
  border-radius: 50%;
  padding: 5px;
  background: linear-gradient(90deg, #f14d62, #eb436f) !important;
}

.sumLocation {
  color: #fff;
  font-size: 1.5rem;
}

.sumShowname {
  color: #fff;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-shadow: 0 1px 2px #0006;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.25;
}

.sumAge {
  color: #fff;
  padding-left: 5px;
  font-size: 1.5rem;
}

.sumBadge {
  z-index: 9999;
  position: absolute;
  top: 10px;
  left: 10px;
  rotate: -45deg;
}

.sumOnline {
  color: #fff;
  background-color: #28a745;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  padding: 5px;
  font-size: 13px;
  display: flex;
}

.sumVerify {
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  font-size: 13px;
  display: flex;
}

.sumSilver {
  height: 20px;
  width: 100px;
  color: #fff;
  text-align: center;
  background: linear-gradient(90deg, #3e3d3d, #989898);
  font-weight: 700;
  position: absolute;
  top: 10px;
  left: -30px;
  rotate: -45deg;
}

.sumBadgeBack {
  height: 50px;
  width: 150px;
  text-align: center;
  z-index: 9990;
  background: #0000001a;
  font-weight: 700;
  position: absolute;
  top: 10px;
  left: -70px;
  rotate: -45deg;
}

.sumClose {
  cursor: pointer;
  z-index: 9999;
  background: #000;
  border-radius: 50%;
  padding: 2px;
  font-size: 2rem;
  position: absolute;
  top: 10px;
  right: 10px;
}

.sumDetail {
  height: 0;
  transition: all 0.3s;
  overflow: hidden;
}

.sumDetail.active {
  height: 200px;
  width: 100%;
  max-width: 400px;
  z-index: 9999;
  background-color: #fff;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow-y: auto;
  background: radial-gradient(
      265.48% 177.2% at 56.25% 100%,
      #dff0ff33 0%,
      #4c88bc0f 0.01%,
      #4c88bc00 100%
    ),
    radial-gradient(135.43% 210.8% at 100% 0, #d3001133 0%, #d3001100 74.84%),
    #1d1d1d !important;
}

.sumWrapper.bottomActive {
  height: 400px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  height: 500px;
  background: #fff;
  font-size: 36px;
}

.swiperSum {
  width: 100%;
  max-width: 400px;
  height: 100%;
  z-index: 9999;
  max-width: 400px;
  scroll-snap-type: x mandatory;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  scroll-behavior: smooth;
  white-space: nowrap;
  border-radius: 10px;
  margin: 0 auto;
  overflow-x: auto;
  overflow-y: hidden;
}

.swiperSum-item-div,
.swiperSum-item {
  width: 100%;
  max-width: 400px;
  scroll-snap-align: center;
  scroll-snap-stop: always;
  display: inline-block;
}

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

.svgContainer {
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.swiperSum:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.sumNav {
  width: 100%;
  justify-content: center;
  align-items: end;
  display: flex;
  position: absolute;
  bottom: 110px;
  left: 0;
  right: 0;
}

.sumNav > a {
  width: 100%;
  height: 10px;
  background-color: #0000001a;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  display: flex;
}

.sunNav > a:first-child {
  margin-left: 0;
}

.sunNav > a:last-child {
  margin-right: 0;
}

.sumNav > a:hover {
  background-color: #0003;
}

.sumNav > a.active {
  height: 15px;
  background-color: #0006;
}

.infoDetailSection {
  color: #989898;
  width: 100%;
  background: #ffffff26;
  border: 1px solid #0003;
  border-radius: 5px;
  margin: 10px;
  padding: 10px;
}

.sumDetailPhone {
  border: 1px solid #ffffff4d;
  border-radius: 5px;
}

.contactIcons {
  cursor: pointer;
  border-left: 1px solid #ffffff4d;
  padding: 0 5px;
}

.sumGrid4 {
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 10px;
  display: grid;
}

.grid-item {
  border: 2px solid #000;
}

.grid-item:nth-child(1) {
  border-top: none;
  border-left: none;
}

.grid-item:nth-child(2) {
  border-top: none;
  border-right: none;
}

.grid-item:nth-child(3) {
  border-bottom: none;
  border-left: none;
}

.grid-item:nth-child(4) {
  border-bottom: none;
  border-right: none;
}

.grid-item-expand {
  grid-column: 1/3;
  border-left: none !important;
  border-right: none !important;
}

.sumGridElement {
  width: 100%;
  color: #989898;
  border: 1px solid #00000026;
  flex-direction: column;
  align-items: center;
  padding: 10px 0;
  display: flex;
}

.sumGridElement span:first-child {
  color: #fff;
  border-bottom: 1px solid #fff;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
}

.sum2plus {
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 5px;
}

.sumSectionHeading {
  color: #fff;
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 600;
}

.sumWH {
  color: #757575;
  background-color: #ddd;
  border-radius: 10px;
  padding: 0 5px;
  font-weight: 600;
}

.sumDetailPhoneA {
  color: #989898;
  cursor: pointer;
  text-decoration: none;
}

.sumDetailPhoneA:hover {
  color: #989898;
  cursor: pointer;
}

.infoDetailSection:last-child {
  padding-bottom: 10px;
}

.sumDetailWrapper {
  overflow-x: hidden;
  overflow-y: auto;
}

.sumDetailWrapper::-webkit-scrollbar {
  width: 0;
  background: 0 0;
}

.sumDetailWrapper {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.sumGoProfile {
  color: #fff;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
}

.sumGoProfile:hover {
  color: #fff;
  cursor: pointer;
}

.sumNavRight {
  width: 15%;
  height: calc(100% - 100px);
  cursor: pointer;
  z-index: 9990;
  position: absolute;
  top: 0;
  right: 0;
}

.sumNavLeft {
  width: 15%;
  height: calc(100% - 100px);
  cursor: pointer;
  z-index: 9990;
  position: absolute;
  top: 0;
  left: 0;
}

.sumCloseInfo {
  display: none;
}

@media screen and (min-width: 1000px) {
  .sumCard {
    flex-direction: row;
  }

  .sumDetail {
    z-index: 9999;
    height: 100%;
    max-height: 600px;
    min-height: 600px;
    max-width: 400px;
    width: 0;
    flex-direction: column;
    align-items: center;
    transition: width 0.5s;
    display: flex;
    position: relative;
    overflow-y: auto;
    background: radial-gradient(
        265.48% 177.2% at 56.25% 100%,
        #dff0ff33 0%,
        #4c88bc0f 0.01%,
        #4c88bc00 100%
      ),
      radial-gradient(135.43% 210.8% at 100% 0, #d3001133 0%, #d3001100 74.84%),
      #1d1d1d !important;
  }

  .sumInfoBtn {
    rotate: 90deg;
  }

  .sumDetail.active {
    width: 400px;
    padding-right: 10px;
    transition: width 0.5s;
  }

  .sumCloseInfo {
    cursor: pointer;
    padding: 10px;
    display: block;
    position: absolute;
    top: 0;
    right: -5px;
  }

  .sumClose {
    display: none;
  }

  .sumDetailWrapper {
    padding-top: 0;
    padding-bottom: 0;
  }

  .sumWrapper.bottomActive {
    border-radius: 10px 0 0 10px;
    height: 600px !important;
  }

  .swiperSum {
    border-radius: 0;
  }

  .verifSum,
  .sumOnline {
    right: 3px !important;
  }
}

.sumLocationDetail {
  align-items: center;
  display: flex;
}

.sumLocationDetail > a {
  max-width: 100px;
  color: #989898;
}

.contactIcons > a > svg {
  border-radius: 5px;
  padding: 5px;
}

.sumDetailPhoneIconDiv {
  background: linear-gradient(90deg, #37a9ff, #10c9ff) !important;
}

.sumDetailWP {
  background: #25d366;
}

.sumDetailViber {
  background: #665cac;
}

.contactIcons:first-of-type {
  border: none;
}

.sumDetailDescription {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin: 5px 0;
  display: flex;
}

.sumDetailDescription > span:first-child {
  color: #fff;
  margin-right: 30px;
  font-size: 1rem;
  font-weight: 600;
}

.sumDetailDescription > span:last-child {
  color: #989898;
}

.exampleArrowAnimationDown {
  width: 30px;
  height: 30px;
  fill: #fff;
  z-index: 9999;
  animation: 3s infinite exampleArrowAnimationDown;
  position: absolute;
  top: 50%;
  right: 10px;
}

.exampleArrowAnimationUp {
  width: 30px;
  height: 30px;
  fill: #fff;
  z-index: 9999;
  animation: 3s infinite exampleArrowAnimationUp;
  position: absolute;
  bottom: 50%;
  right: 10px;
}

.exampleArrowAnimationRight {
  width: 30px;
  height: 30px;
  fill: #fff;
  z-index: 9999;
  animation: 3s infinite exampleArrowAnimationRight;
  position: absolute;
  bottom: 100px;
  left: 10px;
  rotate: -90deg;
}

.sumFadeOut {
  animation: 1s ease-in-out forwards fadeout;
}

@keyframes exampleArrowAnimationDown {
  0% {
    top: 50%;
  }

  50% {
    top: 70%;
  }

  to {
    top: 50%;
  }
}

@keyframes exampleArrowAnimationUp {
  0% {
    bottom: 50%;
  }

  50% {
    bottom: 70%;
  }

  to {
    bottom: 50%;
  }
}

@keyframes exampleArrowAnimationRight {
  0% {
    left: 10px;
  }

  50% {
    left: 50%;
  }

  to {
    left: 80%;
  }
}

@keyframes fadeout {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.sumSlogan {
  width: 100%;
  -webkit-line-clamp: 2;
  color: #fff;
  -webkit-box-orient: vertical;
  font-size: 1.2rem;
  display: -webkit-box;
  overflow: hidden;
}

.sumRibbon {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  width: 115px;
  text-shadow: 0 1px 1px #0003;
  height: 25px;
  z-index: 1;
  padding: 3px 0;
  font-size: 13px;
  position: absolute;
  top: 20px;
  left: -25px;
  transform: rotate(-45deg);
}

.sumis-diamond {
  color: #fff;
  background: linear-gradient(90deg, #f14d62, #eb436f);
  font-weight: 700;
}

.sumis-gold {
  color: #fff;
  background: linear-gradient(45deg, #e89e2a 0%, #fbff07 100%);
  font-weight: 700;
}

.sumis-silver {
  margin-top: -2px;
  margin-bottom: 5px;
}

.sumRibbon.sumis-diamond span:first-child {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sumdetail .infoOpen {
  height: 200px !important;
}

.sumWrapper .infoOpen {
  height: 400px !important;
}

.sumBadgeDia {
  z-index: 9999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: -50px;
  rotate: -45deg;
}

.sumBadgeIcon {
  text-align: center;
}

.sumBadgeText {
  color: #fff;
  width: 150px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  background: linear-gradient(90deg, #f14d62, #eb436f);
  font-size: 13px;
  font-weight: 700;
}

.sumBadgeTextGold {
  color: #fff;
  width: 150px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  background: linear-gradient(45deg, #e89e2a 0%, #fbff07 100%);
  font-size: 13px;
  font-weight: 700;
}

.sumBadgeTextSilver {
  color: #fff;
  width: 150px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  background: linear-gradient(90deg, #3e3d3d, #989898);
  font-size: 13px;
  font-weight: 700;
}

.verifSum {
  z-index: 9999;
  color: #fff;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 5px 0 20px;
  display: flex;
  position: absolute;
  top: 8px;
  right: 45px;
  box-shadow: 2px 2px 6px #252525;
  background: #1886fa !important;
}

.verifSum > svg {
  filter: drop-shadow(2px 4px 6px #000);
  border-radius: 5px;
  position: absolute;
  left: -15px;
}

.sumOnline {
  z-index: 9999;
  color: #fff;
  background: #28a745;
  border-radius: 5px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  display: flex;
  position: absolute;
  top: 8px;
  right: 45px;
}

.sumVerifyOnline {
  top: 35px;
}

.sumVideoText {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-shadow: 0 1px 2px #0006;
  font-weight: 600;
  line-height: 1.25;
}

body {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-top);
}

.photosafe > picture > img {
  transition: all 0.5s ease-in-out;
}

.photosafe.safeSurfBlur > picture > img,
.safeSurfBlur {
  filter: blur(20px);
  -webkit-filter: blur(20px);
}

.safeSurfBlur_create_ad {
  filter: blur(5px);
  -webkit-filter: blur(5px);
}

.photosafe > img {
  transition: all 0.5s ease-in-out;
}

.photosafe.safeSurfBlur > img {
  filter: blur(20px);
  -webkit-filter: blur(20px);
}

.editmyad-search-input {
  border-radius: 20px;
}

.ci-block > a:first-child,
.di-block > a:first-child {
  border-top: 1px solid #e6e6e6;
}

.editmyad-search-input::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.editmyad-search-input::-ms-reveal {
  width: 0;
  height: 0;
  display: none;
}

.editmyad-search-input::-webkit-search-cancel-button {
  width: 0;
  height: 0;
  display: none;
}

.editmyad-search-input::-webkit-search-decoration {
  width: 0;
  height: 0;
  display: none;
}

.editmyad-search-input::-webkit-search-results-button {
  width: 0;
  height: 0;
  display: none;
}

.editmyad-search-input::-webkit-search-results-decoration {
  width: 0;
  height: 0;
  display: none;
}

.editmyad-search-input::-webkit-inner-spin-button {
  width: 0;
  height: 0;
  display: none;
}

.detailBottomActionBarContainer {
  white-space: nowrap;
  scroll-behavior: smooth;
  -webkit-scroll-snap-type: x mandatory;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
}

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

.bottomActionBar {
  z-index: 999;
  max-width: 480px;
  width: 100%;
  border-radius: 0;
  position: fixed;
  bottom: 0;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%);
  box-shadow: 0 1px 15px #0000008a;
}

@media (min-width: 768px) {
  .bottomActionBar {
    max-width: 500px;
  }
}

.actionbarItem {
  width: 75px;
  scroll-snap-align: start;
  flex-shrink: 0;
}

.wdngradcolor {
  background: linear-gradient(90deg, #f14d62, #eb436f) !important;
}

.bottomActionBarWrapper {
  -webkit-backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #000000db;
  border-radius: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.btn-fav.unliked > div > svg {
  fill: #fff;
}

.btn-fav.liked > div > svg {
  fill: #f14d62;
}

.btn-fav.liked > div > span {
  color: #f14d62;
  background-color: #fff;
}

.btn-fav.unliked > div > span {
  color: #fff;
  background-color: #757575;
}

.btn-fav.unliked > span {
  color: #fff;
}

.btn-fav.liked > span {
  color: #f14d62;
}

.btn-follow.follow > div > svg {
  fill: #fff;
}

.btn-follow.unfollow > div > svg {
  fill: #f14d62;
}

.btn-follow.follow > div > span {
  color: #fff;
  background-color: #757575;
}

.btn-follow.unfollow > div > span {
  color: #f14d62;
  background-color: #fff;
}

.btn-follow.follow > span {
  color: #fff;
}

.btn-follow.unfollow > span {
  color: #f14d62;
}

.shareModal {
  background: radial-gradient(
      265.48% 177.2% at 56.25% 100%,
      #dff0ff33 0%,
      #4c88bc0f 0.01%,
      #4c88bc00 100%
    ),
    radial-gradient(135.43% 210.8% at 100% 0, #d3001133 0%, #d3001100 74.84%),
    #1d1d1d !important;
}

.closeShare {
  color: #fff;
  opacity: 0.8;
  background-color: #0000;
  border: 0;
  font-size: 2rem;
  font-weight: 700;
}

.st-custom-button {
  background-color: #ffffff1a;
  margin: 0 5px;
  overflow: hidden;
  border: none !important;
}

.agencyAnchor {
  cursor: pointer;
}

.agencyAnchor:hover {
  color: #252525;
  text-decoration: none;
}

.quickDetailInfoHedar {
  letter-spacing: 1.25px;
  font-weight: 500;
  font-size: 14px !important;
}

.adsimagesize {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
}

.desktop-right-content {
  width: 100%;
}

.selectNone {
  -webkit-user-select: none;
  user-select: none;
}

.breadcrumbDetailWrapper {
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 5px;
  list-style: none;
  display: flex;
}

.breadcrumbDetailAnchor {
  cursor: pointer;
  color: #757575;
  text-decoration: none;
}

.breadcrumbDetailAnchor:hover {
  color: #262626;
}

.breadcrumbDetailAnchor > span {
  white-space: nowrap;
  font-size: 1rem;
}

.breadcrumbDetailActive {
  color: #262626;
  white-space: nowrap;
  font-size: 1rem;
}

.proThreeColNewColor {
  color: #d7d6d6;
}

.ulist-permalink {
  z-index: 1999;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.ulist-permalink.agency-detail-profile > span {
  display: none;
}

.permalinkhvr div span.profile-description {
  height: 100%;
  align-items: center;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 1000px) {
  .permalinkhvr.agency-detail-profile:hover {
    z-index: 1999;
    background: linear-gradient(#00000032 0%, #00000062 28%, #000000df 100%);
    padding: 1.5rem;
  }

  .permalinkhvr.agency-detail-profile:hover > span {
    color: #fff;
    z-index: 2000;
    width: 100%;
    word-wrap: break-word;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5;
    display: block;
    overflow: hidden;
  }

  .permalinkhvr:hover div span.profile-description {
    z-index: 1999;
    color: #fff;
    width: 100%;
    height: 100%;
    word-wrap: break-word;
    text-align: center;
    background: linear-gradient(#00000032 0%, #00000062 28%, #000000df 100%);
    padding: 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
    display: flex;
    overflow: hidden;
  }
}

.ulist-permalink h2.profile-name {
  font-size: 1em;
  position: absolute;
  bottom: 1.8rem;
  left: 0.5rem;
}

.ulist-permalink p.profile-location {
  color: #fff;
  position: absolute;
  bottom: 0.8rem;
  left: 0.5rem;
}

.ulist-permalink div.profile-video {
  color: #fff;
  width: 100%;
  justify-content: center;
  display: flex;
  position: absolute;
  bottom: 3.35rem;
}

.ulist-permalink div.profile-comments {
  color: #fff;
  position: absolute;
  bottom: 0.6rem;
  right: 0.5rem;
}

.pt-150percent {
  padding-top: 150% !important;
}

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

.newAvatarFit {
  object-fit: cover;
  aspect-ratio: 1/1;
}

.adsDummy1 {
  background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAJYAZADASIAAhEBAxEB/8QAGgABAQEBAQEBAAAAAAAAAAAAAAEFBAIDBv/EABQQAQAAAAAAAAAAAAAAAAAAAAD/xAAWAQEBAQAAAAAAAAAAAAAAAAAAAQL/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwD80qCNKIoCoAoAqiKAqAiqgKoAKIoKIoKIoKryqCqgCqgD0IoKIoKqAKqKCiKCq8qCqgCqgIqoAqoAqoAxxFVQAFEUAAFEUFEUBUAVUAUAFABVQQVUAVUAVUUFEUFV5UFVAFVFBRFBVeVBVQBVQBVQBVQBVQBjgKCoAoAKIAoAKIoCooCoAqoAqoAqoIKqAKqAPQigoigqvKgqoAqooKIoKryoKqAKqAKqAKqAKqAMdUFFEUBUAURQFQBQAURQURQFRQFQBVQQVUAVUUFEUFEUFVAFVAFVFBRFBVeVBVQBVQBVQBVQBVQBkCKoAAoigAAoigKgCgAoigoigoigoioKIoKIoKIoKqAKqAKqKCiKCiKCqgCqgCqgCqgCqgCqgDIAUUQBQAFQBQAURQFQBVQBQAURQURUFABQAVUAVUAVUUFEUFEUFVAFVAFVAFVAFVFAVAFVAGSIKKAAqAKAAqAKACiKAqKAqAKqCCqgCqgCqgCqigKigoigoAKqAKqAKqKCiKCiKCiKCiKAqKDIAUFQBRFAVAFAAVAFABQAURQURUFEUFEUFEUFEUFEUFVAFVAFVFBRFBRFBRFBRFFURQURQURQZCoKigAAAoigAAoigKigKgCqgCgIKACqgCgAoAKqAKqAKqKCiKKoigoigoigoAKACiKCiKDJAVBUAURQAAURQFQBQAURQURUBUUBUUBUAVUAVUUBUUFEUVRFBRFBRFBVQBVQBVQBVQBQAURQZKoKigAAAoigAAoigKgCqgCgIKACiKCiKCiKCiKCiKKoigoigqoAqoAqoAqoAqoAqoIKqAKIoMoBpBUAURQAAURQAAUAFEUBUVAVAFVAFABQAUAVQAVUAVUAVUAVUAVUAVUAVUAVUEFVAFEUGUqDSKAAACiKAACiKAqAKACgIKIoCooCooCoAqoCqqAKqAKqAKqKAqKAqKCiKAqKgogCqgCgAywGkFQBRFAABRFAABQAURQFQQUAFABRFBRFFURQURQURQURQURQURQURQURQURUFEAVUAUAGWqDSKAAACgAAAoigKgCgAoigKioCoAqoAoAqgAoAKIoKIoKIoKIoKACgAoioKIoCoAqoAzAGkFQBQAAAURQAAURQFRQAAUBBRFBRFAVAVVQBVQBVQBVQBVQBVQBVQBVQQUAFEUFEAVUAZog0igAKgCgAAAoigKgCgAoigKgCgIKACiKKoigKigKgCqgCqgCqgCqgCqgCgIKIoKIAqoAzQGkFQBQAAAURQAAURQFQBQAURQFRUBUAUAVQAURQURQFRQFRQFRQFQBVQBQEFEUFEAVUAZwg0igAKgCiKAACiKAACgAKigKgCgAoioCoAqoCqACgAoigoigoigoigKgCqggoigogCqgDOAaQVAFAAABQAAAUABUAUAFEUBUAUBBRFBRFFFQBVQBQAURQURQURQFQBVQBRFQFQBQAZ4itIAAKgCgAKgCiKAACiKAqAKACiKAqCCgAoiiqIoCoAqoAoAKIoKIoCoAqoAoigoggoigzwGkFQBQAFQBQAAAURQAAURQFQBQAURQFQQVUAUAVRFAVAFABRFBRAFVAFVAFEUBUAURUHAA0gAAqAKIoCoAoigAAoACoAoAKIoAAKIqAqAKqAKIoqiAKqAKACiAKqAKIoKIAqoAogDhVBUURQAAFQBRFAABRFAABRFAVAFABRFAABRFQFQBQAURRRUAUAFEUBUAURQUQBRFBRAHEAqAAKIoAACoAoAAAKIoAAKIoCoAoAKIoAAKIqAqAKACiKKKgCiKAqAKAAqAKIoCoA4wFZAAAAFQFUAAAFEUAAFEUAAFEUBUAURQUQBQEFEUBUAURQFQBRFFFQBQAFQBRFAVAHGArKiKAAAAKKigAAAAoigAAoigAAogCgAoigKgCgICoAoAKIAoAKICqAAqAKIoAAOQBWVQAFQBQAABQAFEUAABUAUAFEAUABUAUAFEAUAFEVAABRAFABRAFAAVAFEUAAHKAqAAAAAAKIoAAAAqiKAAAqAKAAqAKAAACiKAqAKIoCoIKIoCoAoigAAogCiAKADlAVFEUAAAAAAFEAUAAAVRAFAAABRFAABRFAAAVAFAAVAFEUBUEFEUAAFEAURQAAcwDSACAqAKAAAAAAqAKAAAAqAqgAAAogCgAKgCgAAAogCgAKgCiKAAgogCiAKADnAaQAAAAAQURQAAAAFQBRFAAAABRFFAAFQBRFAABRAFAAABRAFEUAABUAUQBQAfAQVFAAAAAAAQFQBQAAAAAUQBQAAAUQBQBQAFEAUAAAFEAURQAAAAUQBRFAAB8AFQVAFEUAAABAAAVAFEUAAAABUAUAAAAAFEUAAAAFEBVAAAAABRAFEUAAAAHxAVAAAABUAURQAAAEAAFEAUAAAAAFEAUAAABUAUQBQAAAFQBRAFAAAAAAAFfIQVFAQAFAAAABUEFEUAAAABUAURQAAAAFQBRFAAAAAABRAFAAAAAAABRAFEAfIBQABRAFAAAAAAAQFQBRFAAAAAVAFEUAAAAAAFEAUAAAAAAAFEAUQBQAAAfIBQUAEAAAFAAAQAFAAABBQAAAAAAAFAAAAAAAAABQAAAAAAAAAAAAB//9k=);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.adsDummy2 {
  background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAJYAZADASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAEDAgT/xAAVEAEBAAAAAAAAAAAAAAAAAAAAEf/EABYBAQEBAAAAAAAAAAAAAAAAAAABAv/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APWgMtAICiCCoAAICiAAAAgCoAAICiAAICiAKgAAgKIAogAAAAACAogCgCCoAogoogDUAUEAUQABAUQQVAAEAVAABAUQAAAEAVAABAUQBUAAEBRAFEAUQBRARRAVRBUUQBRAGwgKogAAAIAqAACAogACIKIAAACAKgACAKIAAACAKIAqAAAAIAogoogCiAKIAtEURsICgICiAKgACAKIAAgKIAqAAIAqAAIAoggAgKIKKgIAIoogCiAKIAtQAAQFEAUQoOqIgjcQFUQAAAEAUQABAUQABAUQBUAAQBUAAQBRAAEBRAFEAAQFEAUQBRAFEAUQBUABUAboAgIAogKqAAIAqAACAogACAogCoAAgCoAAgCiAAICiAKIAAgKIAogCiAKIAogCiANxARUAAQBRAVUEBRAFEABAFEAAQFEAAQFEAVAAEAUQABAUQBRAAEBRAFEAUQBRAFEAbiAiiAKgACAKICgICiAKgACAKgACAKIACAKIAqCAogCoAAgCiAKIAAgKIAogCiAKIA9CCCKIAogACAogKogAIAogACAogCoICiAKgACAKIACAKIAqCAogCiAKgACAKIAogCiAPQICAgCiAKgACAKICgICiAKgACAKIACAKIAAgKIAqCAogCiAAICiAKIAqCAogCiAKIA9AgIqCAogCiAAICiAKICggCiAAICiAKgACAKgACAKIAAgKIAqAAIAogCiAAICiAKIA9AgIogAIAogCoAAgCiAqoICiAKgACAKIAAgKIAqCAogCoAAgCiAAICiAKIAqAAIAogD0CCooggqCAogCiAAgCiAqoICiAKIACAKIAqCAogCiAAgCiAKggKIAogACAogCiAKgACAPQIKiiAKgACCCiAKggKIAogKAgKIAqAAIAogACAogCoICiAKIAAgKIAogACAogCiAKgA3EFRRAFEABAFEAUQQBAFEAVAFBAFEAAQFEAUQAEAUQABAUQBRAAEBRAFEAAQFEAUQB6EEVFEAUQBUEBRAFEAVBAUQBRBABBVEAUQAEAUQBUAAQBRAAAAQBUAAEBRAFEAVAABAegQVAQBRAFEABAFEAUQAEAUQBUAUEEFEAVAABAUQBUAAEBRAFQAAQFEAVAABAUQBRAG4gqKggKIAogCoAAgCiAKgACAKICqIAAgKIIKIAAgKIAogACAogCiAAICiAKIAqAAIA3EFRRAAEBRAFEAVBAUQBRAFQABAVRAFEAAABBBRAFQABAFEAVAAEAUQBUAAEBRAFEAbCCoogCiAAICiAKIAAACAKIAogKAgKIAogCoAAICiCCiAAICiAKIAAACAKIAqAAADZAVAQBRAFEAAQFEAUQBUAAEFUQBRAFEAAABAFEAVAABAUQBUAAEBRAFEAAAAQFEAbCAioAAICiAKIAogAAAICqIAqAAAAIAogCiAAAAgCiAKgAAgKIAogAAAIAogCiANRARRAFEAAAAQFEAUQBRAAAUEAUQBRAAAAEBRAFEAAABAFEAVAAAAEAUQBRAAAGogIAACAKIAogCiAAAAgKogCiAKgAAACAKIAqAAAAIAogCoAAAAICiAKIAAAAA0EBFEAUQAAAAABAUQBRAVUAAAAQBRAFEAVAAAAEAUQBUAAAAEBRAFEAAAAAAQGogIqAAAAIAogCiAKIAACgICiAKIAogAAAAAIAogCiAAAAAAgCiAKIAAAAAAA7AVAQQUQBRAFEAVAAAABBVEAUQBRAAAAAAQBRAFEAAAAAAABAFEAUQAAAAAAB2IKiiAKIAqAgAAAACAKICqIAqAAAAAAIAogCiAKgAAAAAAAAgKIAogCiAAAAAOxBUUQAAAAQAFAQQUQFUQBUAAAAAAAAQBRAFEAAAAAAAAAAABAFEAUQBUAAAHYgqAAAAACAIAogCiAKICgAAAAAAICiAKIAogAAAAAAAAAAAAACAogCiAKgA7EFQAAAAEAUQBRAFEEFQBQAAAAAAEBRAFEAUQBRAAAAAAAAAAAAAAEBRAFEAdiCoAAAAAgKIAoggogCoAoAAAAAAAAIAogCiAKIAogCiAAAAAAAAAAAAAAIDsQVFQAAAAQFEAUQBRBBRAUAAAAAAAAAABAUQBRFAEAUQBRAFEAUQBUAAAAAAAHQgqAAAAAAAAAgCiAqiCCoAAAAAAAAAAAAAAAAAAAAAAAAICiAKIAogAADoQVFEAAAAAAAAABBBRBVUQQUQBUAAAAAAAAAAAAAAAAAAAAAAAAAAAAQB0AqAgCiAAAAAAAAAoAACIKIAogCiAKIAogCiAKIAogCiAKIAogAAAAAAAAAACgKgAAIAogCoAAAAAAAoAAAgAAAAAACAKIoAAAAAAAAAAAAAgCiAKIAogDpAVAAAAAAAAAAAABAFAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH//Z);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.adsPulse {
  animation: 2s infinite pulse;
}

.hcm {
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: 0 0;
  justify-content: center;
  align-items: center;
  display: flex;
  top: 0;
  left: 0;
}

.headerDropShadow-3,
.headerDropShadow-5 {
  filter: drop-shadow(0 0 5px #fff);
}

.headerDropShadow-4 {
  filter: drop-shadow(0 0 5px #0000004d);
}

.navbar {
  top: -1px !important;
}

.chatIframe {
  height: calc(100vh - 94px);
}

.kycAlert {
  padding: 10px;
}

.kycAlert h4 {
  color: #856404;
  margin-bottom: 0;
  padding: 20px;
}

@media screen and (min-width: 992px) {
  .chatIframe {
    height: calc(100vh - 53px);
  }
}

.mVideoModal {
  background-color: #0000;
  border: none;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.mVideoModalWrapper {
  background-color: #0000 !important;
  border: none !important;
}

.mVideoBottom {
  height: 15px;
  background-color: #0000;
  border: none;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.kycAlert {
  margin: 20px 50px;
}

.kycAlert h4 {
  text-align: start;
}

.secure_ssl_svg {
  width: 130px;
  max-width: 130px;
}

.static_btns_container {
  width: 100%;
  color: #444;
  justify-content: start;
  align-items: center;
  display: flex;
  position: relative;
}

.static_shadow_rigth {
  background: linear-gradient(90deg, #0000 0%, #fff 100%);
  right: 0;
}

.static_shadow_left {
  background: linear-gradient(270deg, #0000 0%, #fff 100%);
  left: 0;
}

.static_shadow {
  pointer-events: none;
  width: 75px;
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
}

.static_div {
  position: relative;
  overflow-x: scroll;
  -webkit-mask-image: linear-gradient(270deg, #0000 0 2px, #fff 50px 50%);
  mask-image: linear-gradient(270deg, #0000 0 2px, #fff 50px 50%);
}

.static_div::-webkit-scrollbar,
.static_btns_container::-webkit-scrollbar {
  display: none;
}

.static_btn {
  box-sizing: border-box;
  color: #0f1111;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  z-index: 1;
  background: #efefef;
  border: 2px solid #0000;
  border-radius: 20px;
  padding: 0 10px 0 11px;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  transition: all 0.25s;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.static_btn:before {
  content: "";
  height: 100%;
  width: 0;
  z-index: -1;
  background-color: #e63a46;
  border-radius: 20px;
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
}

.static_btn:hover {
  color: #fff;
  transform: scale(1.05) !important;
}

.static_btn:hover:before {
  width: 100%;
}

.static_tag_disable {
  background-color: #e63946 !important;
}

.static_tag_disable:hover {
  background-color: #e63946b3 !important;
}

#drawTrigger {
  background: var(--primary-gradient);
  color: #f8f8f8;
  width: max-content;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ribbon span {
  height: 20px;
}

.ribbon.is-diamond:after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  background: -o-linear-gradient(
    270deg,
    #fff0 0%,
    #fffc 50%,
    #80bae800 99%,
    #7db9e800 100%
  );
  background: -ms-linear-gradient(
    left,
    #fff0 0%,
    #fffc 50%,
    #80bae800 99%,
    #7db9e800 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#007db9e8", GradientType=1);
  background: linear-gradient(
    90deg,
    #fff0 0%,
    #fffc 50%,
    #80bae800 99%,
    #7db9e800 100%
  );
  animation: 1s 5s slide;
  position: absolute;
  top: 0;
  transform: translate(100%);
}

.ribbon.is-diamond span:first-child {
  margin-top: -28px;
  margin-bottom: 4px;
}

.ribbon span {
  height: 20px;
}

.ribbon.is-diamond {
  color: #fff;
  background: var(--diamond-gradient);
  font-weight: 700;
}

.ribbon {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  width: 115px;
  text-shadow: 0 1px 1px #0003;
  height: 20px;
  z-index: 1;
  padding: 3px 0;
  font-size: 13px;
  position: absolute;
  top: 20px;
  left: -25px;
  transform: rotate(-45deg);
}

.ribbon.is-gold {
  color: #fff;
  background: var(--gold-gradient);
  font-weight: 700;
}

.ribbon.is-gold span:first-child {
  margin-top: -30px;
  margin-bottom: 5px;
}

.ribbon.is-gold span:first-child img {
  width: 20px;
}

.ribbon.is-silver {
  letter-spacing: 2px;
  background: linear-gradient(270deg, #303133, #67696e);
  font-weight: 700;
  line-height: 1.4;
}

.ribbon.is-silver span:first-child {
  margin-top: -2px;
  margin-bottom: 5px;
}

.is-online {
  color: #fff;
  background-color: #28a745;
  border-radius: 5px;
  padding: 0 5px;
  font-size: 13px;
  position: absolute;
  top: 3px;
  right: 3px;
}

.simVideo {
  width: 100%;
  color: #fff;
  position: absolute;
  bottom: 75px;
}

.m_d_7 .simM {
  width: 200px;
  height: 250px;
  object-fit: cover;
}

.m_d_7.mw200 {
  max-width: 200px;
  word-break: break-all;
}

.br-b-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.br-t-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

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

.min-h-200px {
  min-height: 200px;
}

.notification-top-bar {
  height: 40px;
  width: 100%;
  text-align: center;
  color: #fff;
  background: #4facfe;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: lighter;
  display: flex;
}

.notification-top-bar span {
  margin: 0;
  padding: 0;
  font-size: 12px;
}

.notification-top-bar span span {
  color: #4facfe;
  cursor: pointer;
  background: #fff;
  border-radius: 3px;
  margin-left: 5px;
  padding: 5px 10px;
  font-weight: 700;
  text-decoration: none;
}

.close_lang_offer {
  text-transform: lowercase;
  cursor: pointer;
  padding: 0 10px;
  font-size: 20px;
  font-weight: 600;
}

#header_top_menu.lang {
  height: 92px;
  flex-flow: column;
  z-index: 2001 !important;
}

@media screen and (max-width: 768px) {
  #header_top_menu.lang {
    height: 108px;
  }

  .notification-top-bar {
    height: 70px;
  }

  .notification-top-bar span {
    display: unset !important;
  }
}

@media screen and (min-width: 768px) {
  .close_lang_offer {
    height: 40px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0;
    right: 20px;
  }

  .notification-top-bar {
    justify-content: center;
  }
}

#header_top_menu.lang .container-fluid {
  padding-bottom: 4.5px !important;
}

.static_bg {
  white-space: nowrap;
}

#contentm {
  max-width: 1200px;
  min-height: 200px;
  margin: 50px auto 0;
  padding: auto 30px;
  font-size: 16px;
  line-height: 24px;
  display: block;
  z-index: 10 !important;
}

#mcont {
  text-align: justify;
}

.switch {
  width: 35px;
  height: 20px;
  margin-bottom: 0;
  display: inline-block;
  position: relative;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider-toggle {
  cursor: pointer;
  background-color: #303133;
  transition: all 0.4s;
  position: absolute;
  inset: 0;
}

.slider-toggle:before {
  content: "";
  height: 13px;
  width: 13px;
  background-color: #fff;
  transition: all 0.4s;
  position: absolute;
  bottom: 4px;
  left: 4px;
}

input:checked + .slider-toggle {
  background-color: #04aa6d;
}

input:focus + .slider-toggle {
  box-shadow: 0 0 1px #04aa6d;
}

input:checked + .slider-toggle:before {
  transform: translate(14px);
}

.slider-toggle.round {
  border-radius: 34px;
}

.slider-toggle.round:before {
  border-radius: 50%;
}

.tag {
  color: #fff;
  background: #999;
  padding: 4px 10px;
  font-family: sans-serif;
  font-size: 12px;
  text-decoration: none;
}

.ft-size-21px {
  font-size: 21px;
}

dt {
  font-weight: 400 !important;
}

dl,
dd {
  margin: 0 !important;
}

.detail-h2 {
  letter-spacing: -0.5px;
  text-transform: uppercase;
  color: #252525d1;
  font-size: 17px;
  font-weight: 600;
}

.detail-h2 svg {
  width: 20px !important;
  height: 20px !important;
  fill: var(--icon-primary) !important;
}

.top-190-px {
  top: 190px !important;
}

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

.br-5-px {
  border-radius: 5px;
}

.bs-unset {
  box-shadow: unset !important;
}

.breadcrumb2 {
  overflow-x: auto !important;
}

.breadcrumb2 li:not(:nth-child(2n)) {
  white-space: nowrap;
  padding: 0.1rem 0.3rem;
}

.breadcrumb2 li:not(:nth-child(2n + 1)) {
  padding: 0.1rem;
  display: flex;
}

.breadcrumb2 li:last-child {
  font-weight: bolder;
}

.breadcrumb2 li:last-child span {
  color: var(--color-primary);
}

.breadcrumb2 li:last-child a:hover {
  color: #f14d62;
}

.breadcrumb2 li a {
  color: #797676;
}

.breadcrumb2 li svg {
  fill: #797676;
}

.breadcrumb2 li:not(:last-child):not(:nth-child(2n)):hover {
  background: #f14d62;
  border-radius: 8px;
}

.breadcrumb2 li:not(:last-child):hover a {
  color: #fff;
}

.breadcrumb2 li:not(:last-child):not(:nth-child(2n)):hover svg {
  fill: #fff;
}

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

.mw-11rem {
  min-width: 11rem !important;
}

.releated-page {
  background-color: #e1e1e124;
  border-radius: 2.375rem;
  align-items: center;
  margin: 4px;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  transition: all 0.5s;
  display: inline-table;
  box-shadow: 0 0.75px 4px #0000004d;
}

.releated-page:hover,
.releated-page:focus {
  cursor: pointer;
  color: #fff;
  background-color: #e63845;
  transition: all 0.5s;
  animation: 2s linear infinite boxshadowchange;
  transform: scale(1.05) !important;
}

@keyframes boxshadowchange {
  0% {
    box-shadow: 0 1px 15px 2px #ff0e0ed4;
  }

  50% {
    box-shadow: 0 1px 15px 2px #ff0e0e5e;
  }

  to {
    box-shadow: 0 1px 15px 2px #ff0e0ed4;
  }
}

.detail-photos-count {
  z-index: 10;
  -webkit-backdrop-filter: blur(19.6px);
  -webkit-backdrop-filter: blur(19.6px);
  backdrop-filter: blur(19.6px);
  -webkit-backdrop-filter: blur(19.6px);
  color: #fff;
  background: #000000a8;
  border-radius: 8px;
  align-items: center;
  padding: 0.2rem 0.5rem;
  display: flex;
  position: absolute;
  top: 0.3rem;
  right: 0.2rem;
  box-shadow: 0 4px 30px #0000001a;
}

.detail-photos-count span {
  font-size: 13px;
}

.all-cities-section {
  min-height: 500px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: grid;
}

@media screen and (min-width: 768px) {
  .all-cities-section {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (min-width: 992px) {
  .all-cities-section {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.city-list .city-link {
  padding: 4px 0;
  transition: all 0.1s ease-in-out !important;
}

.all-cities-section ul.city-list {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

.all-cities-section ul.city-list li.city-list-item a.city-link {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.all-cities-section
  ul.city-list
  li.city-list-item
  a.city-link
  span:first-child {
  margin-right: 0.7rem;
}

.location-search-section {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

@media screen and (min-width: 768px) {
  .location-search-section {
    justify-content: flex-start;
  }
}

.location-search-form {
  width: -webkit-fill-available;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  display: flex;
  position: relative;
}

.action_btns_wrapper {
  align-items: center;
}

.location-searchbar {
  color: var(--color-white);
  width: 100%;
  height: 36px;
  background: #00000057;
  border: 0;
  border-radius: 8px;
  padding: 0 35px;
  font-size: 13px;
  position: relative;
}

.location-searchbar ~ .input-in-search-icon {
  color: #989898;
  left: 15px;
}

input.location-searchbar::placeholder {
  color: var(--color-white);
}

.location-search-button {
  color: #fff;
  height: 36px;
  letter-spacing: -0.2px;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  font-size: small;
  display: flex;
}

.location-searchbar-data-list {
  z-index: 9999;
  width: -webkit-fill-available;
  background: linear-gradient(1deg, #424242, #313131);
  border-top: 1px solid #4f4f4f;
  border-radius: 8px;
  margin-top: 36px;
  display: none;
  position: absolute;
  top: 0;
}

.location-searchbar-data-list-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #f8f8f8e6;
  cursor: pointer;
  letter-spacing: 0;
  height: 38px;
  border-bottom: 1px solid #00000021;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding: 5px 25px;
  font-size: 15px;
  line-height: 38px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.location-searchbar-data-list-item:hover {
  background: #ffffff1f;
}

.location-search-area {
  background: var(--primary-gradient);
  padding: 10px;
}

.profile-ask-me {
  height: 20rem;
  overflow: auto;
}

.profile-packet.is-vip {
  position: absolute;
  top: 6px;
  right: 8px;
}

.default-avatar-border {
  border: 4px solid #cbc4c47d;
}

.premium-member-avatar-border {
  border: 4px solid var(--color-premium-member);
}

.silver-avatar-border {
  border: 4px solid #bdbdbd;
}

.gold-avatar-border {
  border: 4px solid #f2d835;
}

.diamond-avatar-border {
  border: 4px solid #dc3148;
}

.special-avatar .avatar-change {
  cursor: pointer;
  background-color: #fff9f963;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0;
}

.special-avatar:hover .avatar-change {
  display: flex;
}

#modalPhotos {
  z-index: 2005 !important;
}

#modalPhotos .modal-dialog {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  position: absolute !important;
  inset: 0 !important;
}

#modalPhotos .modal-dialog .modal-content {
  border: 0;
  height: 100% !important;
  max-height: 100% !important;
  border-radius: 0 !important;
}

#modalPhotos .masonry {
  flex-wrap: wrap;
  gap: 15px;
  display: flex;
}

#modalPhotos .masonry-item {
  flex: calc(33.33% - 15px);
  margin-bottom: 15px;
}

#modalPhotos .masonry-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 5px;
  display: block;
}

@media (min-width: 576px) {
  #modalPhotos .masonry-item:nth-child(2n) {
    transform: translateY(20px);
  }

  #modalPhotos .masonry-item:nth-child(3n) {
    transform: translateY(-15px);
  }

  #modalPhotos .masonry-item:nth-child(4n) {
    transform: translateY(10px);
  }
}

@media (max-width: 975px) and (min-width: 576px) {
  #modalPhotos .masonry-item {
    flex: calc(50% - 15px);
  }
}

@media (max-width: 576px) {
  #modalPhotos .masonry-item {
    flex: 100%;
    margin-bottom: 1px;
    transform: none;
  }
}

.ad-container {
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}