.toggle-container {
  color: var(--white);
  background-color: var(--dark-grey);
  border-radius: 200px;
  display: flex;
  width: auto;
  height: 35px;
  align-items: center;
  cursor: pointer;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.toggle-button {
  display: flex;
  padding: 10px 18px;
  align-items: center;
  gap: 4px;
  border-radius: 200px;
}
.toggle-button.right {
  margin-left: -10px;
}
.toggle-button.active {
  background-color: var(--red);
  flex-shrink: 0;
}

.filters {
  align-items: flex-end;
  background-color: var(--hidden);
  display: flex;
  gap: 10px;
  position: relative;
  width: 100%;
  max-width: 963px;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0 auto;
  margin-top: 29px;
}

.filters .button-send-1 {
  padding: 5px 20px;
}

.filter {
  align-items: center;
  background-color: var(--dark-grey);
  border-radius: 200px;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 25px;
  height: 35px;
  padding: 9px 22px;
  position: relative;
}

.input {
  align-items: flex-start;
  background-color: var(--hidden);
  display: flex;
  flex: 1;
  flex-grow: 1;
  justify-content: space-between;
  margin-bottom: -4.00px;
  margin-top: -4.00px;
  position: relative;
  color: var(--white);
  font-weight: 400;
  line-height: 24px;
  white-space: nowrap;
  width: fit-content;
}

#div_elenco_annunci {
  padding-top: 20px;
  width: 100%;
  position: relative;
}

.diamonds-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.annuncio-diamond {
  align-items: center;
  background-color: var(--hidden);
  color: var(--white);
  border: 1.5px solid;
  border-color: #7b70dd;
  border-radius: 15px;
  display: flex;
  gap: 20px;
  padding: 0;
  width: 100%;
  max-width: 961px;
  position: relative;
}

.annuncio-diamond .img-container {
  background-color: var(--hidden);
  height: 339px;
  position: relative;
  width: 255.1px;
  overflow:hidden;
  border-radius: 15px 0 0 15px;
}
.annuncio-diamond .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.frame-diamond-text {
  align-items: flex-start;
  background-color: var(--hidden);
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 7px;
  position: relative;
}

.diamond-titolo {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.diamond-testo {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

.frame-21 {
  align-items: flex-start;
  background-color: var(--hidden);
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 9px;
  position: relative;
  border-bottom: 1px solid;
  border-color: var(--diamond);
}

.frame-19 {
  align-items: center;
  align-self: stretch;
  background-color: var(--hidden);
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.nome-diamond {
  background-color: var(--hidden);
  color: var(--white);
  position: relative;
  width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.meta-3 {
  flex: 0 0 auto;
  position: relative;
  display: inline-flex;
  gap: 4px;
}

.text-6 {
  align-self: stretch;
  font-family: var(--font-family-codecwarm-codecwarm-bold);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
}

.text-7 {
  align-self: stretch;
  font-weight: 400;
  line-height: 24px;
  position: relative;
}

.annuncio-diamond .numero {
  align-items: center;
  background-color: var(--hidden);
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
}

.number {
  background-color: var(--hidden);
  color: var(--white);
  font-family: var(--font-family-codecwarm-codecwarm-bold);
  font-size: 24px;
  font-weight: 700;
  height: 24px;
  letter-spacing: 0;
  line-height: 28.8px;
  margin-top: -0.50px;
  position: relative;
  white-space: nowrap;
  width: 42px;
}

.frame-22 {
  align-items: center;
  background-color: var(--hidden);
  display: inline-flex;
  gap: 3px;
  right: 10px;
  position: absolute;
  top: 10px;
}

.name-diamond {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: radial-gradient(50% 50% at 50% 50%, rgb(123.63, 112.34, 221) 0%, rgb(180.36, 172.07, 251.81) 51.04%, rgb(123.63, 112.34, 221) 100%);
  background-clip: text;
  color: var(--hidden);
  font-family: var(--font-family-codecwarm-codecwarm-bold);
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 37px;
  text-align: right;
  text-fill-color: transparent;
  width: 128px;
  height:100%;
}

.icon-diamond {
  height: 36px;
  position: relative;
  width: 35px;
}

.promo-container {
  display:flex;
  flex-direction: column;
  gap: 20px;
  color: var(--white);
}
.promo-title {
  text-align: center;
  width:50%;
  margin: 0 auto;
  gap: 5px;
  display: flex;
  flex-direction: column;
}

.gold-title .line-orizz {
  background: linear-gradient(to bottom right, #B07C17 0%, #E9D98C 26%, #B07C17 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #B07C17 0%, #E9D98C 26%, #B07C17 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #B07C17 0%, #E9D98C 26%, #B07C17 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #B07C17 0%, #E9D98C 26%, #B07C17 50%) top right / 50% 50% no-repeat;
}


.rosso-title .line-orizz {
  background: linear-gradient(to bottom right, #E1021E 0%, #F28996 26%, #E1021E 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #E1021E 0%, #F28996 26%, #E1021E 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #E1021E 0%, #F28996 26%, #E1021E 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #E1021E 0%, #F28996 26%, #E1021E 50%) top right / 50% 50% no-repeat;
}

.giallo-title .line-orizz {
  background: linear-gradient(to bottom right, #D27F59 0%, #FBCEBA 26%, #D27F59 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #D27F59 0%, #FBCEBA 26%, #D27F59 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #D27F59 0%, #FBCEBA 26%, #D27F59 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #D27F59 0%, #FBCEBA 26%, #D27F59 50%) top right / 50% 50% no-repeat;
}

.premium-title .line-orizz {
  background: linear-gradient(to bottom right, #86A8CB 0%, #E7EBEE 26%, #C5D8EA 31%, #86A8CB 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #86A8CB 0%, #E7EBEE 26%, #C5D8EA 31%, #86A8CB 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #86A8CB 0%, #E7EBEE 26%, #C5D8EA 31%, #86A8CB 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #86A8CB 0%, #E7EBEE 26%, #C5D8EA 31%, #86A8CB 50%) top right / 50% 50% no-repeat;
}

.piu-cliccate .toggle-container {
  width: auto;
  margin: 0 auto;
}

.escort-free.notizie {
  height: auto;
  flex-wrap: wrap;
}
.escort-free.notizie a {
  color: var(--red);
  
  /*
  color: var(--white);
  font-weight: bold;
  text-decoration: underline;
  */
}
.wrappa {
  white-space: wrap !important;
  -webkit-line-clamp: unset !important;
  display: block !important;
  overflow: visible !important;
  white-space: normal !important;
}

.frees-container .list {
  align-items: center;
  background-color: var(--hidden);
  display: inline-flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 24px;
  position: relative;
}

.pagination {
  align-items: center;
  background-color: var(--off-black);
  border-radius: 200px;
  display: inline-flex;
  gap: 35px;
  justify-content: flex-end;
  margin-top: 5px;
  padding: 7px 8px;
  position: relative;
}

.page-item {
  background-color: var(--hidden);
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  width: fit-content;
  display: inline-flex;
}

.page-link {
  color: var(--white);
  font-family: var(--font-family-codecwarm-codecwarm-regular);
  font-size: var(--font-size-xxl);
  display: inline-flex;
}

.current-page .page-link {
  color: var(--red);
  font-family: var(--font-family-codecwarm-codecwarm-extrabold);
  font-weight: 800;
}

.pagination-container {
  width:100%;
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: column;
}

.navigation-small-container {
  position: relative;
  display:flex;
  justify-content: center;
  width:100%;
}
#navigation-small {
  align-items: center;
  background-color: var(--dark-grey);
  border-radius: 200px;
  cursor: pointer;
  display: inline-flex;
  gap: 25px;
  margin-right: 3.0px;
  padding: 0px 0px 0px 40px;
  position: relative;
  width:100%;
}

#navigation-small .input-m {
  border: 0;
  padding: 5px;
}
#navigation-small > div {
  display: inline-flex;
  position: relative;
  flex-grow: 1;
}
.location-elenco-search {
  align-self: center;
}
#search-elenco-id_provincia-input {
  padding-left: 5px;
}
.search-elenco-categoria > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-ib {
  width: 100%;
  overflow: hidden;
}
#popup-map {
  width: calc(100vw - 30px);
  height: calc(100vh - 30px);
  padding: 0;
  max-width: 1200px;
  color: var(--white);
  background-color: var(--black);
  text-align: center;
  z-index: 90;
  position: relative;
}
#map {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

#filtri_content {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 10px;
}
#filtri_contenuti {
  display: flex;
  gap: 10px;
  flex-direction: column;
  margin-top: 20px;
}

.filters_div {
  display: flex;
  flex-grow: 0;
  width: auto;
  gap: 4px;
  align-items: center;
  height: 35px;
  font-family: var(--font-family-codecwarm-codecwarm-regular);
  font-size: var(--font-size-l);
  color: var(--white);
}

.dett-filter > span, .dett-filter > div {
  flex-grow: 1;
  flex-basis: 0;
}

.dett-filter {
  padding: 6px 0px;
  border-bottom: 1px solid var(--dark-grey);
}

.select-filter-c {
  justify-content: space-between;
  width: 100%;
}

.select-div-filter {
  width: 100%;
  left: 0;
  max-height: 300px;
}

#filtri_fr_container {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 15px;
}

.contenuti_btn_container { 
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.storie_container {
  flex-direction: row;
  flex-wrap: wrap;
}
.btn_mostra_piu{
  display: block; 
  position: relative; 
  top: -40px; 
  padding-top: 50px; 
  background: linear-gradient(rgb(0 0 0 / 0%), rgb(3 0 0));
}
.marker_paganti{
  border: 3px solid gold;
}
.marker_non_paganti{
  border: 3px solid none;
}
.searchContainer{
  display:none;
  position: absolute;
  top: 155px;
  left: 3px;
  z-index: 1000;
  background-color: var(--dark-grey);
  padding: 7px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.searchContainer_button{
  position: absolute;
  top: 155px;
  left: 3px;
  z-index: 1000;
  padding: 7px;
  border-radius: 5px;
 }
 .container-search-address{
   display: inline-flex;
 }
 .hide-on-scroll {                  
   transition: max-height 0.6s ease, opacity 0.5s ease;
   max-height: 500px;
   overflow: hidden;
   opacity: 1;
 }
 .hide-on-scroll.hidden-on-scroll {
   max-height: 0;
 }
 .icon_arrow_hide_text{
   transition: max-height 0.6s ease, opacity 0.5s ease;
   display: inline-block;
   vertical-align: sub;
 }
 h1{
   display: inline-block !important;
   width:auto !important;
 }       
 .toggle-button {
   padding: 7px 14px !important;
   gap:2px !important;
 }
 .d-inline-flex{
  display: inline-flex !important;
 }
 .d-inline{
  display: inline !important;
 }
 .round-small{
  width: 14px !important;
  height: 13px !important;
  border-radius: 50% !important;
  /*display: flex !important;*/
  align-items: center !important;
  justify-content: center !important;
 }
 .v-align-t-top{
  vertical-align: text-top;
 }
 .justify-content-center{
  justify-content: center !important;
 }
 .banner_avviso_massaggi{
  /*width: 100%;*/
  height:auto;
  /*background-color: fuchsia;*/
  border: 1px solid #E1021E;
  color:var(--white);
  text-align: center;
  padding: 20px;
  display: inline-block;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-image: url('/assets/images/messaggio_massaggi.jpg?a=3');
  background-position: left;
}

.la-normal{
  line-height: 30px !important;
}

.text-moscarossa{
  color: var(--red) !important;
}

.escort-tour{
  height: 200px !important;
}

.elenco_tour{
  background-color: var(--off-black);
  gap: 0px !important;
}

.mtop--5{
  margin-top: -5px !important;
}