@charset "UTF-8";
/*  Imports */
@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;700&family=Open+Sans&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Source+Sans+Pro:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Source+Sans+Pro:wght@400;600;700&display=swap");
/*
** Fonts
*/
/*
** media query widths
*/
body {
  font-size: 16px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Sans-serif;
  color: #525260;
  overflow-x: hidden; }

ul {
  padding-left: 0;
  list-style: none; }

a {
  color: #FF344C;
  cursor: pointer; }
  a:hover {
    text-decoration: none;
    color: #525260; }
  a.text-underline {
    text-decoration: underline; }
  a.dark-link {
    color: #525260; }
    a.dark-link:hover {
      text-decoration: underline; }

.info-icon {
  color: #3D6AF2; }

#chat-widget-container {
  z-index: 9999999 !important; }

@media (max-width: 767px) {
  #chat-widget-button {
    bottom: 50px !important;
    display: none !important; } }
.link-red {
  font-weight: 600; }

.yellow {
  color: #F4B740 !important; }

.blue {
  color: blue; }

.white {
  color: #ffffff; }

.red {
  color: #FF344C !important; }

.bg-grey {
  background-color: #F7F7F8 !important; }

.bg-red {
  background-color: #FF344C !important; }

.fs-12 {
  font-size: 12px; }

.fs-14 {
  font-size: 14px; }

.fs-16 {
  font-size: 16px; }

.fs-18 {
  font-size: 18px; }

.fs-20 {
  font-size: 20px; }

.fs-24 {
  font-size: 24px; }

.fs-26 {
  font-size: 26px; }

.weight-600 {
  font-weight: 600; }

.weight-700 {
  font-weight: 700; }

.lh-125 {
  line-height: 1.25; }

h1, h2, h3, h4, h5 {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, Sans-serif;
  line-height: 1;
  margin-bottom: 26px; }

h1 {
  font-size: 36px; }

h2 {
  font-size: 32px; }

h3 {
  font-size: 20px; }

h4, h3, h2, h1 {
  font-weight: 700; }

@media (max-width: 767px) {
  h1, h2, h3, h4, h5 {
    margin-bottom: 12px; }

  h1 {
    font-size: 28px; }

  h2 {
    font-size: 24px; }

  h3 {
    font-size: 18px; }

  h4 {
    font-size: 16px; } }
.btn {
  font-size: 16px;
  border: 2px solid;
  padding: 4px 15px;
  text-align: center;
  border-radius: 40px;
  font-weight: 600;
  /* No hover buttons */
  /* end no hover buttons */ }
  .btn:focus {
    box-shadow: none; }
  .btn.btn-warning {
    background: #9F9FAD;
    color: #ffffff;
    border-color: #9F9FAD; }
    .btn.btn-warning:hover {
      background: #ffffff;
      color: #9F9FAD; }
  .btn.btn-lg {
    padding-left: 50px;
    padding-right: 50px; }
  .btn.btn-red, .btn.btn-primary {
    background: #FF344C;
    color: #ffffff;
    border-color: #FF344C;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Sans-serif; }
    .btn.btn-red:hover, .btn.btn-primary:hover {
      background: #ffffff;
      color: #FF344C; }
    .btn.btn-red:active, .btn.btn-primary:active {
      background-color: rgba(255, 52, 76, 0.8) !important;
      border-color: rgba(255, 52, 76, 0.8) !important; }
  .btn.btn-white, .btn.btn-default, .btn.btn-secondary {
    background: #ffffff;
    color: #FF344C;
    border-color: #FF344C;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Sans-serif; }
    .btn.btn-white:hover, .btn.btn-default:hover, .btn.btn-secondary:hover {
      background: #FF344C;
      color: #ffffff; }
    .btn.btn-white:active, .btn.btn-default:active, .btn.btn-secondary:active {
      background-color: rgba(159, 159, 173, 0.8) !important;
      border-color: rgba(255, 52, 76, 0.8) !important; }
  .btn.btn-white-black {
    background: #ffffff;
    color: #525260;
    border-color: #525260;
    font-weight: normal;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Sans-serif; }
    .btn.btn-white-black:hover {
      background: #525260;
      color: #ffffff; }
  .btn.btn-red-no-hover, .btn.btn-primary-no-hover {
    background: #FF344C;
    color: #ffffff;
    border-color: #FF344C;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Sans-serif; }
  .btn.btn-white-no-hover, .btn.btn-default-no-hover, .btn.btn-secondary-no-hover {
    background: #ffffff;
    color: #FF344C;
    border-color: #FF344C;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Sans-serif; }
  .btn.btn-grey-no-hover {
    background: #9F9FAD;
    color: #ffffff;
    border-color: #9F9FAD;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Sans-serif; }
  .btn.btn-black {
    background: #525260;
    color: #ffffff;
    border-color: #525260; }
    .btn.btn-black:hover {
      background: #ffffff;
      color: #525260; }
  .btn.btn-black-friday {
    background: black;
    color: #ffffff;
    border-color: black; }
    .btn.btn-black-friday:hover {
      background: #ffffff;
      color: black; }
  .btn.btn-light {
    background-color: #f7f3f3;
    border-color: #f7f3f3; }
    .btn.btn-light:hover {
      background-color: #ffffff; }
  .btn.hover-bold:hover {
    font-weight: bold !important; }

button:focus {
  outline: none; }

.fa-star {
  color: #525260; }

form button, form input, form input:focus-visible, form select, form textarea {
  border: none;
  outline: none;
  box-shadow: none; }
form input, form select, form textarea {
  width: 100%;
  background: #F7F7F8;
  padding: 12px;
  border-radius: 16px; }
  form input:disabled, form select:disabled, form textarea:disabled {
    /*background: $beGray !important;*/
    color: #9F9FAD !important;
    opacity: 1 !important; }
form .form-control:disabled {
  background: #9F9FAD !important;
  color: #525260 !important;
  opacity: 1 !important; }
form .radius-none {
  border-radius: 0; }
form .radius-rigth {
  background: #F7F7F8;
  border-radius: 0 16px 16px 0 !important; }
form .radius-left {
  background: #F7F7F8;
  border-radius: 16px 0 0 16px !important; }
form .custom-file-label {
  background: #F7F7F8 !important;
  padding: 12px !important;
  border-radius: 16px !important;
  height: auto !important;
  border: none !important; }
  form .custom-file-label:after {
    border-radius: 0 16px 16px 0 !important;
    height: auto !important;
    padding: 12px !important; }
@media (max-width: 767px) {
  form .radius-left-mv {
    background: #F7F7F8;
    border-radius: 16px 0 0 16px !important; } }

#page-content {
  min-height: 500px; }
  @media (max-width: 767px) {
    #page-content {
      min-height: 400px; } }

.searcher-cell {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  cursor: pointer; }
  .searcher-cell:hover {
    background-color: #f8f8f8; }

.searcher-cell-logo {
  margin-right: 0.75rem;
  background-color: white;
  border-radius: 8px !important; }
  .searcher-cell-logo img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 8px !important; }

.searcher-cell-logo--giftcard img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  background-color: white;
  border-radius: 8px !important; }

.searcher-cell-content {
  display: flex;
  flex-direction: column; }

.searcher-cell-title {
  /*a.link-for-logo*/
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Sans-serif;
  color: #525260;
  line-height: 26px;
  font-size: 1rem;
  font-weight: 600; }

.searcher-cell-cashback {
  font-size: 0.85rem;
  color: #9F9FAD;
  line-height: 0.75; }

.searcher-cell-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: inherit; }

.searcher-cell-link:hover {
  background-color: #f8f8f8; }

.view-more-link {
  font-size: 0.9rem;
  font-weight: 600;
  color: #525260;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px; }

form input {
  border-radius: 16px;
  background: #F7F7F8;
  padding: 12px;
  border: 0; }
form .search_box_input {
  font-size: 18px; }
@media (max-width: 767px) {
  form .search_box_input {
    font-size: 17px; } }

#review_form label.score {
  color: #9F9FAD; }
  #review_form label.score.selected {
    color: #F4B740 !important; }

#featured-advertisers {
  position: relative; }
  #featured-advertisers.portal {
    background: #F7F7F8; }
  #featured-advertisers .container-text {
    position: relative; }
    #featured-advertisers .container-text p {
      font-size: 20px;
      color: #838395; }
  #featured-advertisers .swiper-initialized {
    overflow: hidden;
    position: relative; }
  #featured-advertisers .swiper-slide {
    display: flex;
    justify-content: center;
    height: 100%; }
    #featured-advertisers .swiper-slide a {
      max-width: 200px;
      width: 100%; }
  #featured-advertisers .item {
    background: #ffffff;
    border-radius: 24px;
    padding: 10px;
    flex-wrap: wrap;
    box-shadow: 0px 0px 8px 0px rgba(17, 17, 17, 0.1);
    color: #525260;
    transition: transform .5s; }
    #featured-advertisers .item:hover {
      transform: scale(1.05); }
    #featured-advertisers .item .vip-widget-img {
      width: 100%;
      border-radius: 16px;
      position: relative;
      height: 140px; }
      #featured-advertisers .item .vip-widget-img img.fondo {
        height: 100%; }
      #featured-advertisers .item .vip-widget-img img.logo {
        border-radius: 8px;
        position: absolute;
        left: 8px;
        top: 8px;
        background: #ffffff; }
    #featured-advertisers .item .vip-widget-description {
      padding-top: 10px;
      width: 100%;
      display: flex;
      flex-direction: column; }
      #featured-advertisers .item .vip-widget-description h3 {
        font-size: 16px;
        width: 100%; }
      #featured-advertisers .item .vip-widget-description .text-commission p {
        font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, Sans-serif;
        font-weight: 700;
        color: #FF344C;
        margin: 0; }
  #featured-advertisers .link-red {
    position: absolute;
    right: 70px;
    bottom: 16px; }

.slider-control-left {
  left: 0; }

.slider-control-right {
  right: 0; }

.slider-control-left, .slider-control-right {
  position: absolute;
  top: -44px;
  bottom: 0;
  z-index: 9;
  display: flex;
  align-items: center; }
  .slider-control-left .slider-items, .slider-control-right .slider-items {
    z-index: 9; }
  .slider-control-left i, .slider-control-right i {
    color: #525260;
    background: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #9F9FAD; }
    @media (max-width: 767px) {
      .slider-control-left i, .slider-control-right i {
        width: 30px;
        height: 30px; } }

.swiper-pagination {
  width: 100%;
  margin-top: 20px;
  position: relative !important; }
  .swiper-pagination .swiper-pagination-bullet {
    border: none;
    border-radius: 4px;
    width: 16px;
    height: 8px;
    opacity: 1;
    background: #838395;
    margin: 0 3px; }
    .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 32px;
      background-color: #525260; }

#used_account_fb {
  display: none; }

@media (max-width: 767px) {
  #featured-advertisers {
    padding-bottom: 25px !important; }
    #featured-advertisers .swiper-slide a {
      max-width: 170px; } }
.banner-category {
  display: flex;
  position: relative;
  align-items: flex-end; }
  .banner-category .overlay {
    z-index: 1; }
  .banner-category img {
    position: absolute;
    width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover; }
  .banner-category .container {
    position: relative;
    z-index: 1; }
  .banner-category h1 {
    color: #ffffff;
    margin-bottom: 0;
    padding: 15px 0; }
  @media (max-width: 767px) {
    .banner-category {
      display: none; } }

.breadcrumbs {
  display: flex; }
  .breadcrumbs .you-are-at {
    display: none; }
  .breadcrumbs ul {
    list-style: none;
    display: flex;
    align-items: center;
    padding-left: 0;
    color: #9F9FAD; }
    .breadcrumbs ul .divider {
      padding: 0 5px; }
    .breadcrumbs ul li a, .breadcrumbs ul .divider {
      color: #9F9FAD; }
    .breadcrumbs ul li:last-child a {
      color: #525260; }
  @media (max-width: 767px) {
    .breadcrumbs {
      display: none; } }

.img-border-radius {
  border-radius: 24px; }

.table-user {
  width: 100%;
  border-radius: 32px 32px 32px 32px !important;
  border-style: hidden;
  margin: 30px 0; }
  .table-user thead {
    background: #F7F7F8;
    color: #525260;
    border-radius: 32px 32px 0px 0px !important; }
    .table-user thead th {
      font-size: 13px;
      font-weight: 600;
      padding: 15px 20px;
      box-shadow: 0 0 0 1px #F1F1F3;
      text-align: center; }
      .table-user thead th:first-child {
        text-align: left;
        border-top-left-radius: 32px; }
      .table-user thead th:last-child {
        text-align: right;
        border-top-right-radius: 32px; }
      .table-user thead th a {
        padding-left: 10px; }
  .table-user tbody tr:last-child td:first-child {
    border-bottom-left-radius: 32px; }
  .table-user tbody tr:last-child td:last-child {
    border-bottom-right-radius: 32px; }
  .table-user tbody td {
    padding: 15px 20px;
    box-shadow: 0 0 0 1px #F1F1F3;
    text-align: left; }
    .table-user tbody td.negative {
      color: #FF344C; }
    .table-user tbody td.center {
      text-align: center !important; }
    .table-user tbody td.green {
      color: #43BC2F; }
    .table-user tbody td.date {
      font-size: 14px;
      text-align: center; }
    .table-user tbody td.money {
      font-weight: 600; }
    .table-user tbody td img {
      border-radius: 16px;
      margin-right: 10px;
      box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.08); }
  .table-user tbody .value {
    text-align: right; }
  @media (max-width: 767px) {
    .table-user {
      margin: 30px 0; }
      .table-user .title {
        border-radius: 32px 32px 0px 0px !important;
        background: #F7F7F8;
        color: #525260;
        text-align: left;
        padding: 10px 20px;
        font-size: 13px;
        font-weight: 600;
        border: 1px solid #F1F1F3; }
      .table-user .item {
        padding: 10px 15px;
        border: 1px solid #F1F1F3;
        border-top: none; }
        .table-user .item:last-child {
          border-radius: 0px 0px 32px 32px !important; }
        .table-user .item > div {
          padding-bottom: 10px;
          display: flex;
          align-items: center; }
        .table-user .item .date {
          display: block; }
          .table-user .item .date p span {
            font-weight: 600; }
        .table-user .item .body {
          font-weight: 600; }
          .table-user .item .body img {
            border-radius: 16px;
            margin-right: 10px;
            box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.08); }
        .table-user .item .money {
          white-space: nowrap;
          color: #838395;
          font-weight: 700; }
          .table-user .item .money.negative {
            color: #FF344C; }
          .table-user .item .money.green {
            color: #43BC2F; }
        .table-user .item .concept {
          display: flex;
          justify-content: space-between; } }

.reviews-block form label.score {
  color: #9F9FAD; }
  .reviews-block form label.score.selected {
    color: #F4B740 !important; }
.reviews-block .tu-opinion {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  border-radius: 24px;
  background: #525260;
  color: #ffffff;
  padding: 15px; }
  .reviews-block .tu-opinion p {
    font-size: 14px; }
.reviews-block .review {
  background: #ffffff;
  margin-bottom: 20px;
  border-radius: 16px;
  box-shadow: 0px 0px 8px 0px rgba(17, 17, 17, 0.1);
  padding: 25px; }
  .reviews-block .review .review-header .photo-user {
    display: flex;
    margin-right: 10px; }
  .reviews-block .review .review-header .photo {
    border-radius: 50%;
    border: 2px solid #838395;
    width: 40px;
    height: 40px !important; }
  .reviews-block .review .review-header .score {
    color: #9F9FAD;
    margin-bottom: 10px; }
  .reviews-block .review p {
    margin-bottom: 0; }

.bloque-bottom {
  margin-bottom: -50px; }
  .bloque-bottom .container-come {
    background: #ffffff;
    box-shadow: 0px 0px 8px 0px rgba(17, 17, 17, 0.1);
    border-radius: 34px;
    padding: 50px; }
    .bloque-bottom .container-come p {
      margin: 0;
      color: #838395; }
    .bloque-bottom .container-come .btn {
      margin: 30px 0; }
  @media (max-width: 767px) {
    .bloque-bottom {
      margin-bottom: 0 !important; }
      .bloque-bottom .container-come {
        background: none;
        box-shadow: none;
        padding: 0; } }

.alert {
  background: #F7F7F8 !important;
  color: #525260;
  border-color: #838395; }
  .alert.alert-danger {
    border-color: #FF344C; }
  .alert.alert-shadow {
    border: none;
    border-radius: 1em; }

.pagination-bottom .pagination-numbers > * {
  padding: 0 8px; }
.pagination-bottom .pagination-numbers > a {
  color: #9F9FAD; }
.pagination-bottom .pagination-numbers .current, .pagination-bottom .pagination-numbers .previous_page, .pagination-bottom .pagination-numbers .next_page {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, Sans-serif;
  font-weight: 600;
  font-style: normal !important;
  color: #525260; }
@media (max-width: 767px) {
  .pagination-bottom {
    justify-content: center; }
    .pagination-bottom .pagination-numbers {
      margin: 0 !important; } }

.registration-form {
  border-radius: 8px;
  background-color: #ffffff;
  top: 7px;
  max-width: 445px; }
  @media (max-width: 767px) {
    .registration-form {
      max-width: none; } }
  .registration-form .group-input {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column; }
  .registration-form #show_hide_password {
    position: relative; }
  .registration-form .disclaimer-checkbox .pretty {
    display: flex;
    align-items: center; }
    .registration-form .disclaimer-checkbox .pretty > input[type='checkbox'] {
      margin-right: 5px;
      width: auto !important; }
    .registration-form .disclaimer-checkbox .pretty label {
      font-size: 12px; }
      .registration-form .disclaimer-checkbox .pretty label a {
        color: #FF344C; }

.social_register_buttons, .social_login_buttons {
  background: #f7f3f3;
  border-radius: 10px;
  max-width: 360PX;
  margin: 0 auto; }
  .social_register_buttons p, .social_login_buttons p {
    font-weight: bold; }
  .social_register_buttons .social_button button, .social_register_buttons .social_button #customBtn, .social_login_buttons .social_button button, .social_login_buttons .social_button #customBtn {
    color: #ffffff;
    font-size: 20px;
    padding: 20px;
    border-radius: 50%;
    width: 61px;
    height: 61px;
    text-align: center;
    border: none;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center; }
    .social_register_buttons .social_button button.signup_facebook_button, .social_register_buttons .social_button #customBtn.signup_facebook_button, .social_login_buttons .social_button button.signup_facebook_button, .social_login_buttons .social_button #customBtn.signup_facebook_button {
      background-color: #3b5998; }
    .social_register_buttons .social_button button.signup_paypal_button, .social_register_buttons .social_button #customBtn.signup_paypal_button, .social_login_buttons .social_button button.signup_paypal_button, .social_login_buttons .social_button #customBtn.signup_paypal_button {
      background-color: #3b7bbf; }
  .social_register_buttons .social_button button:hover, .social_register_buttons .social_button #customBtn:hover, .social_login_buttons .social_button button:hover, .social_login_buttons .social_button #customBtn:hover {
    -webkit-box-shadow: 2px 2px 5px black !important;
    box-shadow: 2px 2px 5px black !important;
    transition: box-shadow 0.3s; }

.message_user .photo {
  border-radius: 50%; }
.message_user #edit_message {
  color: #ffffff; }
  .message_user #edit_message:hover {
    color: #FF344C; }

.overlay {
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  width: 100%; }

.scale {
  transition: transform .5s; }
  .scale:hover {
    transform: scale(1.2);
    transition: transform .5s; }

.photo-profile {
  width: 80px;
  border-radius: 50%; }

.search-transactions {
  margin-bottom: 30px; }
  .search-transactions input[type=text], .search-transactions select {
    border-radius: 16px 0px 0px 16px; }
    .search-transactions input[type=text]#search_name, .search-transactions input[type=text]#transaction_type, .search-transactions select#search_name, .search-transactions select#transaction_type {
      border-radius: 16px; }
  .search-transactions .date {
    position: relative; }
    .search-transactions .date img {
      background: #F7F7F8;
      border-radius: 0px 16px 16px 0px;
      padding-right: 15px; }
  @media (max-width: 767px) {
    .search-transactions {
      border-bottom: 1px solid #F7F7F8; }
      .search-transactions form .row > div {
        margin-bottom: 15px; } }

.category-home-list {
  overflow: hidden;
  position: relative; }
  .category-home-list a {
    color: #525260; }
    .category-home-list a:hover {
      color: #FF344C; }

ul.search-sections {
  font-weight: normal;
  text-transform: uppercase;
  vertical-align: middle;
  padding: 5px;
  margin-bottom: 0px; }
  ul.search-sections li a {
    color: #525260; }
    @media (max-width: 767px) {
      ul.search-sections li a {
        font-size: 0.9em; } }
    ul.search-sections li a span.count {
      font-weight: bold;
      padding: 0 5px;
      font-size: 1.1em !important; }
  ul.search-sections > li > a.nav-link.active {
    background-color: #FF344C;
    color: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
    @media (max-width: 767px) {
      ul.search-sections > li > a.nav-link.active {
        font-size: 0.9em; } }
  ul.search-sections > li.others {
    position: relative; }
    ul.search-sections > li.others a {
      position: relative; }
    ul.search-sections > li.others ul {
      width: 150px;
      display: none;
      z-index: 1001; }
  ul.search-sections span.arrow {
    border-color: #909090 transparent;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    width: 0;
    position: absolute;
    top: 12px;
    right: 12px; }
  ul.search-sections li.dropdown a .caret,
  ul.search-sections li.dropdown a:hover .caret {
    border-top-color: #FF344C;
    border-bottom-color: #FF344C; }
  ul.search-sections li.dropdown:hover {
    background: none; }
  ul.search-sections .dropdown-menu a:hover {
    color: #505050;
    background: #f1f1f1; }

/*custom messge addd box*/
#box-add-correctly {
  position: fixed;
  bottom: 0px;
  left: 0;
  background: #FF344C;
  padding: 20px;
  color: white;
  font-weight: bold;
  box-shadow: black 2px 2px 5px;
  display: none;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Sans-serif;
  z-index: 9999;
  border-radius: 0px 15px 0px 0px; }

/* MODAL */
.modal {
  z-index: 10001 !important; }

.modal-backdrop {
  z-index: 9999 !important; }

.close {
  background: #ffffff !important;
  color: #838395 !important;
  border-radius: 50% !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 30px !important;
  height: 30px !important;
  opacity: 1 !important; }
  .close:hover {
    color: #FF344C !important; }

.modal-content {
  border-radius: 1em; }
  .modal-content .modal-header {
    background-color: #525260;
    border: none !important;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    justify-content: flex-end !important; }
  .modal-content .modal-header-with-title {
    background-color: #525260;
    border: none !important;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em; }
  .modal-content .modal-title-container {
    flex: 1;
    text-align: center; }
  .modal-content .modal-body {
    padding: 25px; }
    .modal-content .modal-body form {
      display: flex;
      justify-content: center;
      align-items: center; }

#close-modal {
  cursor: pointer; }

/* Added specific class to solve X button bug on mobile without breaking everything */
.modal-close {
  background: #ffffff;
  color: #838395;
  border-radius: 50%;
  padding: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  opacity: 1;
  font-size: 1.5rem;
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center; }
  .modal-close:hover {
    color: #FF344C; }

@media (max-width: 1200px) {
  .modal-close span {
    width: 40px;
    height: 40px;
    font-size: 1.5rem !important;
    display: flex;
    justify-content: center;
    align-items: center; } }
/* EXTENSION */
.extension_download_now {
  background-color: #f7f3f3; }

.btn_extension {
  font-size: 12px;
  position: relative; }

#Bar {
  position: fixed;
  top: 145px;
  z-index: 11;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }
  #Bar #download_extension {
    color: #525260; }
    #Bar #download_extension:hover {
      font-weight: bold; }
  #Bar .close_bar {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%); }
    #Bar .close_bar a {
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      width: 25px;
      height: 25px;
      font-size: 12px;
      background: #525260;
      color: white;
      font-weight: bold; }

.ajax_lodader, .ajax_loader_ng {
  display: none; }

#home .column ul.sortable, #home .row ul.sortable {
  min-height: 20px; }

#new-requests textarea, #my_profile_body textarea {
  height: 100px; }

.banner_pop_up_button_close {
  position: absolute;
  z-index: 999999;
  top: 30px;
  right: 30px; }
  @media (max-width: 767px) {
    .banner_pop_up_button_close {
      top: 10px;
      right: 10px; } }

@media (max-width: 1200px) {
  p, label, .tooltip-inner, span, select, .btn {
    font-size: 14px !important; }

  legend {
    font-size: 16px; }

  .social_register_buttons .social_button button, .social_register_buttons .social_button #customBtn, .social_login_buttons .social_button button, .social_login_buttons .social_button #customBtn {
    padding: 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px; } }
.multi-item {
  background: #ffffff;
  padding: 12px;
  box-shadow: 0px 0px 8px 0px rgba(17, 17, 17, 0.1);
  border-radius: 24px;
  width: 100%; }

.gray-bar {
  margin: 20px -20px;
  background-color: #f7f3f3;
  padding: 15px; }

.btn-landing-width {
  width: 31% !important; }

.landing-row {
  min-height: 100vh; }

.landing-title-american {
  color: #FF344C;
  font-size: 60px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: 0px;
  font-family: "Poppins", sans-serif; }

.landing-title-new-welcome {
  color: #FF344C;
  font-size: 85px;
  font-weight: 900;
  line-height: 1.1;
  text-align: left;
  letter-spacing: 0px;
  font-family: "Poppins", sans-serif; }

@media screen and (max-width: 1200px) {
  .landing-title-new-welcome {
    font-size: 50px;
    width: 370px; } }
@media screen and (max-width: 767px) {
  .landing-title-new-welcome {
    font-size: 40px;
    width: 345px; } }
/* Small adjustment to avoid div size variations during words change */
.landing-title-new-welcome-us {
  color: #FF344C;
  font-size: 85px;
  font-weight: 900;
  line-height: 1.1;
  text-align: left;
  letter-spacing: 0px;
  font-family: "Poppins", sans-serif;
  width: 600px; }

@media screen and (max-width: 1200px) {
  .landing-title-new-welcome-us {
    font-size: 50px;
    width: 370px; } }
@media screen and (max-width: 767px) {
  .landing-title-new-welcome-us {
    font-size: 40px;
    width: 345px; } }
.landing-subtitle {
  font-size: 35px; }

@media screen and (max-width: 767px) {
  .landing-subtitle {
    font-size: 19px !important; } }
@media screen and (max-width: 1200px) {
  .landing-subtitle {
    font-size: 19px !important;
    width: 100%; } }
#changing-word {
  font-size: 35px;
  color: #FF344C;
  font-weight: bold;
  display: inline-block;
  position: relative;
  overflow: visible;
  line-height: 0.7;
  /* align the changing word with the rest of the sentence */ }

@media screen and (max-width: 767px) {
  #changing-word {
    font-size: 19px !important; } }
@media screen and (max-width: 1200px) {
  #changing-word {
    font-size: 19px !important; } }
@keyframes swipe-up {
  0% {
    opacity: 0; }
  5% {
    opacity: 0;
    transform: translateY(100%); }
  10% {
    opacity: 1;
    transform: translateY(0); }
  25% {
    opacity: 1;
    transform: translateY(0); }
  30% {
    opacity: 0;
    transform: translateY(-100%); }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }
.swipe-up {
  animation: swipe-up 10s cubic-bezier(0.6, 0.05, 0.4, 1) infinite; }

.new-landing-locked-aspect-ratio {
  aspect-ratio: 1 / 1;
  /* Ajusta 1 / 1 al ratio adecuado, como 16 / 9 o 4 / 3 */
  object-fit: cover;
  /* Esto asegura que la imagen mantenga su relación */ }

.nav-item {
  overflow: visible; }

.nav-link {
  position: relative; }

.nav-link .badge-danger {
  position: absolute;
  top: 1em;
  right: -1em;
  transform: translate(50%, -50%);
  padding: 0.25em 0.5em;
  font-size: 0.6em; }

.new-badger-danger {
  top: -10px !important;
  background-color: #FF8C00;
  color: #333;
  border-radius: 10px;
  right: -5px;
  position: absolute !important; }

.text-red {
  color: #FF344C; }

.form-with-ruby {
  position: relative;
  margin-bottom: 90px; }
  @media (max-width: 991px) {
    .form-with-ruby {
      margin-bottom: 80px; } }
  @media (max-width: 767px) {
    .form-with-ruby {
      margin-inline: 20px;
      margin-bottom: 80px; } }
  @media (max-width: 529px) {
    .form-with-ruby {
      margin-inline: 25px;
      margin-bottom: 90px; } }
  @media (max-width: 446px) {
    .form-with-ruby {
      margin-inline: 20px;
      margin-bottom: 85px; } }

.ruby-picture {
  position: absolute;
  bottom: -95px;
  left: -90px;
  z-index: 10;
  max-width: 130px;
  pointer-events: none;
  transform: scale(1.8);
  transform-origin: bottom left; }
  @media (max-width: 1200px) {
    .ruby-picture {
      transform: scale(1.5);
      bottom: -90px;
      left: -20px; } }
  @media (max-width: 991px) {
    .ruby-picture {
      bottom: -75px;
      left: -25px;
      transform: scale(1.4); } }
  @media (max-width: 767px) {
    .ruby-picture {
      bottom: -70px;
      left: -55px;
      transform: scale(1.4); } }
  @media (max-width: 605px) {
    .ruby-picture {
      bottom: -70px;
      left: -10px;
      transform: scale(1.3); } }
  @media (max-width: 529px) {
    .ruby-picture {
      bottom: -55px;
      left: -10px;
      transform: scale(1.2); } }
  @media (max-width: 446px) {
    .ruby-picture {
      bottom: -50px;
      left: -15px;
      transform: scale(1.1); } }

.cursor-pointer {
  cursor: pointer; }

.black {
  color: #525260; }

/* Slideup móvil */
@media (max-width: 767px) {
  #mobile-slideup {
    position: fixed;
    top: 50px;
    bottom: 60px;
    left: 0;
    width: 100vw;
    background: white;
    z-index: 9998;
    transform: translateY(100%);
    transition: transform 0.5s ease-in-out;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }

  #mobile-slideup.open {
    transform: translateY(0); } }
@media (min-width: 767px) and (max-width: 1200px) {
  #mobile-slideup {
    position: fixed;
    top: 92px !important;
    bottom: 60px;
    left: 0;
    width: 100vw;
    background: white;
    z-index: 9998;
    transform: translateY(100%);
    transition: transform 0.5s ease-in-out;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }

  #mobile-slideup.open {
    transform: translateY(0); } }
/* Users dropdown mobile */
@media (max-width: 767px) {
  #users-dropdown {
    position: fixed;
    top: 50px;
    bottom: 60px;
    left: 0;
    width: 100vw;
    background: #ffffff;
    z-index: 1029;
    transform: translateY(-100%);
    transition: transform 0.5s ease-in-out;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }

  #users-dropdown.open {
    transform: translateY(0); } }
@media (min-width: 767px) and (max-width: 1200px) {
  #users-dropdown {
    position: fixed;
    top: 92px !important;
    bottom: 60px;
    left: 0;
    width: 100vw;
    background: #ffffff;
    z-index: 1029;
    transform: translateY(-100%);
    transition: transform 0.5s ease-in-out;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }

  #users-dropdown.open {
    transform: translateY(0); } }
@media (max-width: 767px) {
  .modal-dialog-with-bottom-menu {
    max-height: calc(100% - 75px); } }
.tooltip {
  z-index: 1072; }

#banner_modal img {
  border-radius: 1em; }

/*# sourceMappingURL=applications.css.map */