/* Mapbox Listig Page Point Popup*/
.MapPopup.MapListingPointPopup .mapboxgl-popup-content {
  border-radius: 20px;
  padding: 8px;
}
.MapPopup.MapListingPointPopup .mapboxgl-popup-close-button {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 16px;
  font-weight: 800;
  border-radius: 50%;
  background: #181457 !important;
  color: #fff;
  height: 18px;
  width: 18px;
  padding: 0;
  margin-right: -8px;
  margin-top: -8px;
}

.MapListingPointPopup .list-point-image img {
  width: 64px;
  height: 66px;
  border-radius: 14px;
}
.MapListingPointPopup .list-point-content {
  margin-left: 10px;
  margin-right: 6px;
  min-width: 0;
}
.MapListingPointPopup .list-point-title {
  font-size: 14px;
  line-height: 1.2;
  color: #181457;
  font-weight: bold;
  font-family: Inter;
  margin-bottom: 6px;
}
.MapListingPointPopup .list-point-price {
  font-family: Inter;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  /*text-transform: capitalize;*/
  color: #797CA4;
  /*max-width: 80px;*/
}
.MapListingPointPopup .list-point-matching {
  font-family: Inter;
  font-weight: 500;
  font-size: 9px;
  line-height: 1.2;
  color: #797CA4;
  margin-top: 7px;
}
.MapListingPointPopup .list-point-matching .map-popin-score{
	font-weight: 900;
	color:#ff1c60;
}
.progress-bar.map-popin-progress-bar {
	background: #5d697f;
}
/* Mapbox Listig Page Point Popup Ends here*/

.habiter-hero-button {
  background-image: linear-gradient(to right, #FF1C60 0%, #FE6A56 51%, #FF1C60 100%); 
  box-shadow: 0px 2px 7px 2px rgb(255 28 96 / 35%);
  border-radius: 100px;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  background-size: 200% auto;
}
.habiter-hero-button:hover {
  background-position: right center;
}

.rainbow-vertical-progress {
  display:flex;
  justify-content: flex-end;
  position: relative;
  height: 26px;
  /* background: #e9ecef;*/
  /*background: linear-gradient(to right, #1da5de 0%,#37e6ad 25%,#f9ff32 50%,#ff8c32 75%,#fd5c63 100%);*/
  background: linear-gradient(270deg, #FF1C60 0%, #FE6A56 25%, #FEC956 50%, #3BE8B0 75%, #00C2FF 100%);

  border-radius: 0;
}
.rainbow-vertical-progress:after {
  content: "";
  background-image: url(/img/v2/cupsule.png);
  position: absolute;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  background-size: 8px;
  background-position: left center;
}
.rainbow-vertical-progress .rainbow-vertical-progress-bar {
  height: 26px;
  /*background: linear-gradient(270deg, #FF1C60 1.84%, #FE6A56 25.94%, #FEC956 50.05%, #3BE8B0 74.15%, #00C2FF 98.25%);*/
  position:relative;
  background: #e9ecef;
}

.crta-prio-optionnelle {

  background: rgb(1 195 255 / 25%);
  color: #1f809f;
}
.crta-prio-moyenne {
  background: rgb(80 229 167 / 25%);
  color: #368f6a;
}
.crta-prio-importante {
  background: rgb(255 200 87 / 25%);
  color: #b57f12;
}
.crta-prio-indispensable {
  background: rgb(255 133 87 / 25%);
  color: #c34718;
}
.crta-prio-optionnelle:hover {
  color: #1f809f;
}
.crta-prio-moyenne:hover {
  color: #368f6a;
}
.crta-prio-importante:hover {
  color: #b57f12;
}
.crta-prio-indispensable:hover {
  color: #c34718;
}

.multi-range-slider .steps-ui.extra-plus-value .steps-ui-first-item{
  margin-left:-2px
}
.multi-range-slider .steps-ui.extra-plus-value .plus-text{
  position: absolute;
}

.cityzia-option-selection-button {
  /*  cursor: pointer;*/
  /*text-align: center;*/

  /*  position: relative;*/
}
.cityzia-img-option-selection-button {
  text-align: center;
}
.cityzia-tickbox-option-selection-button {
  margin-bottom: 18px;
  display: inline-flex;
  justify-content: space-between;
}
.cityzia-option-selection-button input[type="checkbox"]:empty, .img-option-selection input[type="radio"]:empty {
  display:none;
}

.cityzia-option-selection-button label {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  transition:all .3s ease 0s;
  -webkit-transition:all .3s ease 0s;
  -moz-transition:all .3s ease 0s;
  -ms-transition:all .3s ease 0s;
  -o-transition:all .3s ease 0s;
}
.cityzia-img-option-selection-button label {
  background: #FFFFFF;
  border-radius: 6px;
  min-height: 80px;
}
.rounded-grey-bg-option-selection label {
  /*    height: 100%;
      overflow: hidden;*/

  /*    background-size: cover;
  background-position: center;*/

  /*min-height: 80px;*/
  /*  min-height: auto;*/

  border: 1px solid #D7D8E4;
  border-radius: 20px;
  display: inline-flex;
  font-weight: 500 !important;
  padding: 8px 16px;
  margin: 0 4px 8px;
  background: #EBEBF1;
  color: #797CA4;
}
.cityzia-tickbox-option-selection-button label {
  background: transparent;
}

.img-option-selection label {
  border: 1px solid #D7D8E4;
}
.img-dark-shadow-bg-img-option-selection label {
  /*  border: none;*/
}
.cityzia-tickbox-option-selection-button label {
  color: rgb(168 169 195);
  font-size: 14px;
  line-height: 1.2;
}


.cityzia-option-selection-button label .label-text {
  font-size: 12px;
  line-height: 1.2;
  color: #797CA4;
  /*    margin-top: 4px;*/
}
.img-dark-shadow-bg-img-option-selection label .label-text{
  position: relative;
  z-index: 99;
  color: #fff;
}
.cityzia-tickbox-option-selection-button label .label-text {
  color: rgb(168 169 195);
  font-size: 14px;
}

.cityzia-option-selection-button input + label .bg-shadow {
  position: absolute;
  background-color: rgba(0,0,0,.7);
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 6px;
}

.rounded-grey-bg-option-selection input:checked + label {
  border: 1px solid #FF1C60;
  background: #FF1C60;
}
/*.img-option-selection:not(.img-dark-shadow-bg-img-option-selection) input:checked + label {*/
.img-option-selection input:checked + label {
  border: 1px solid #FF1C60;
}

.cityzia-option-selection-button input:checked + label .label-img {
  filter: invert(37%) sepia(92%) saturate(6197%) hue-rotate( 330deg) brightness(102%) contrast(102%);
}

.cityzia-option-selection-button input:checked + label .label-text {
  color: #FFFFFF;
}
.img-option-selection input:checked + label .label-text {
  color: #FF1C60;
}

.cityzia-option-selection-button input:checked + label .bg-shadow {
  background-color: rgba(0,0,0,.3);
  box-shadow: inset 0 0 0 3px #FF1C60;
}

.cityzia-tickbox-option-selection-button input:checked + label .on-checked, .cityzia-tickbox-option-selection-button input + label .on-unchecked {
  display: inline;
}
.cityzia-tickbox-option-selection-button input + label .on-checked, .cityzia-tickbox-option-selection-button input:checked + label span .on-unchecked {
  display: none;
}
.cityzia-tickbox-option-selection-button input:checked + label .label-text {
  color: #181457;
}



.list-item-content .prog-ress-bar .progress {
  border-radius: 100px;
  height: 12px;
  /* background: linear-gradient(270deg, #22DAD2 3.11%, #3BE8B0 98.45%); */
  background: linear-gradient(270deg, #22DAD2 0%, #3BE8B0 100%);
  justify-content: flex-end;
  overflow: visible;
}
.list-item-content .prog-ress-bar .progress .progress-bar, .progress-grey {
  /*background: linear-gradient(270deg, #22DAD2 3.11%, #3BE8B0 98.45%);*/
  border-radius: 100px;
  height: 12px;
  background: #e9ecef;
  position: relative;
  right: -1px;
}
.progress-grey {
	display: flex !important;
}
.progress-bar-color {
	display: flex;
    font-size: .75rem;
	border-radius: 100px;
    height: 12px;
    background: linear-gradient(270deg, #22DAD2 0%, #3BE8B0 100%);
    justify-content: flex-end;
    overflow: visible;
}
.progress-bar-color-investir {
	background: linear-gradient(270deg, #00C2FF 0%, #00E0FF 100%) !important;
}
.progress-bar-grey {
	flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
	transition: width .6s ease;
	display: flex !important;
	border-radius: 100px;
    height: 12px;
    background: #e9ecef;
    position: relative;
    right: -1px;
}
.progress-bar-grey:after {
	content: "";
    height: 12px;
    width: 8px;
    position: absolute;
    border-radius: 0 8px 8px 0;
	background: #28ddc9;
}
.progress-bar-grey-investir:after {
	background: #00c9ff !important;
}

.list-item-content .prog-ress-bar .progress .progress-bar:after {
  content: "";
  height: 12px;
  width: 8px;
  position: absolute;
  border-radius: 0 8px 8px 0;
  background: #28ddc9;
}

.header-my-profile-section {
  padding-top: 16px;
}

.block-city-head-bottom .block-head-city-1 ul {
  padding: 0;
  margin-bottom: 0;
}
.block-city-head-bottom .block-head-city-1 {
  background: #FFFFFF;
  box-shadow: 0px 10px 14px -8px rgb(185 182 196 / 50%);

}
.Project-bar {
  padding: 12px;
  border-radius: 24px;
}
.block-city-head-bottom .block-head-city-1 ul li {
  position: relative;
}
.block-city-head-bottom .block-head-city-1 ul li a img.edit-imag {
  position: absolute;
  bottom: -7px;
  right: -7px;
  /*top: 0;*/
}
li.title-space {
  flex: 1;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  padding: 0 10px;
}

.content-block-top-cityzia h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 12px; 
  line-height: 1.2;
  color: #181457;
  margin-bottom: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.content-block-top-cityzia {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.block-head-guage {margin-top:4px;}
.block-head-guage h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 1.2;
  /*display: flex;
  align-items: center;*/
  color: #181457;
  margin-bottom: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.criteria-project-contaniner {
  background: #EBEBF1;
  border-radius: 30px;
  width: 200px;
}
.criteria-project-contaniner a {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  color: #797CA4;
  margin: 4px;
  width: 76px;
  text-align: center;
  padding: 6px 0;
}
.criteria-project-contaniner a.active {
  background: #181457;
  border-radius: 30px;
  display: inline-block;
  font-weight: bold;
  color: #3BE8B0;
  transition: .5s;
  width: 100px;
}
.criteria-project-contaniner a.project-type-investir.active {
  color: #00E0FF;
}
.criteria-project-contaniner a.project-type-louer.active {
  color: #fe9656;
}

.main-project h2 {
  font-weight: 800;
  font-size: 12px;
  line-height: 1.2;
  color: #181457;
  margin-bottom: 8px;
}
.main-title {
    font-weight: 400;
    font-size: 30px;
    color: #181457;
	text-align: center;
}
@media only screen and (max-width:767px) { 
	.main-title {
		font-size: 26px;
	}
}
.tab-slides-city-text p {
  font-style: italic;
  font-size: 10px;
  line-height: 14px;
  color: #797CA4;
  margin-top: 10px;
  padding-left: 4px;
  margin-bottom: 0;
}

.block-head-city-1.tab-switches.d-flex {
  justify-content: space-between;
}
.block-head-city-1.tab-switches .tab-block-city {
  max-width: 300px;
  border-right: 1px solid #EBEBF1;
  padding-right: 15px;
}
.city-buttons-slider-zia .item .button-zia .button-zia-img img {
    max-height: 24px;
}
.city-buttons-slider-zia .item .button-zia, .city-buttons-slider-zia .item .button-zia .button-zia-img {
  text-align: center;
}
.city-buttons-slider-zia .item .button-zia p {
  font-weight: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
  color: #797CA4;
  margin-bottom: 0;
  padding-left: 6px; 
  flex: 1;
}
/*.city-buttons-slider-zia .item .button-zia:hover p {
    font-weight: 600;
     color: #ffffff; 
}*/
.city-buttons-slider-zia .item .button-zia.active p
/*,body.project-view-investir .city-buttons-slider-zia .item .button-zia.active p*/
{
  /*    font-weight: 600;*/
  color: #ffffff;
}

/*body.project-view-investir .city-buttons-slider-zia .item .button-zia.active p {
    font-weight: 600;
    color: #fff;
}*/

/*body.project-view-investir .city-buttons-slider-zia .item .button-zia:hover p {
    font-weight: 600;
    color: #181457;
}*/

/*body.project-view-investir .city-buttons-slider-zia .item .button-zia:hover .button-zia-img  {
    border: 2px dashed #00c7ff;
}*/
/*body.project-view-investir .city-buttons-slider-zia .item .button-zia:hover .button-zia-img img {
        filter: brightness(0) invert(1);
}*/
body.project-view-investir .city-buttons-slider-zia .item .button-zia.active .button-zia-img img {
  filter: brightness(0) invert(1);
}
body.project-view-investir h4.habiter-text, h4.invester-text {
  display: none;
}
body.project-view-investir h4.invester-text{display:block;}
body.project-view-investir .list-neighborhood-score-progress-bar, .list-investment-score-progress-bar {
  display: none;
}
/* used flex instead of block as default style is flex*/
body.project-view-investir .list-investment-score-progress-bar{display:flex;}

.city-buttons-slider-zia .item .button-zia .button-zia-img {
  background: #FFFFFF;
  /*border: 2px dashed #D7D8E4;*/
  border: 1px dashed #787ca3;
  box-sizing: border-box;
  border-radius: 14px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 8px;
  height: 44px;
}
/*.city-buttons-slider-zia .item .button-zia:hover .button-zia-img img, .city-buttons-slider-zia .item .button-zia.active .button-zia-img img {
    filter: brightness(0) invert(1);
}*/
.city-buttons-slider-zia .item .button-zia.active .button-zia-img img {
  filter: brightness(0) invert(1);
}
.city-buttons-slider-zia .item .button-zia:hover .button-zia-img {
  /* background: linear-gradient(180deg, #22DAD2 0%, #3BE8B0 100%); */
  /*border: 2px dashed #181457;
  transition: border 0.5s;*/
}
.city-buttons-slider-zia .item .button-zia.active .button-zia-img {
  /*background: linear-gradient(180deg, #22DAD2 0%, #3BE8B0 100%);*/
  background: #3BE8B0;
  transition: background 0.5s;
  border: 2px dashed rgb(215 216 228 / 0%);
  /*  commented because of creating regression on hover effect
      border:none;    
      padding: 0 10px*/
}
body.project-view-investir .city-buttons-slider-zia .item .button-zia.active .button-zia-img {
  /*background: linear-gradient(180deg, #00C2FF 0%, #00E0FF 100%);*/
  background: #00E0FF;
  /*    border: 2px dashed transparent;*/
}
.sliders-tab-menu {
  overflow: hidden;
  max-width: 100%;
  position: relative;
  flex: 1;
  padding-left: 16px;
}
.sliders-tab-menu .city-buttons-slider-zia {
  border-right: 1px solid #EBEBF1;
  overflow: hidden;
}
.sliders-tab-menu .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.sliders-tab-menu .swiper-button-next, .sliders-tab-menu .swiper-button-prev {
  background: #181457;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  color: #fff;
  margin-top: auto;
  outline: none;
}


.sliders-tab-menu .swiper-button-next:after, .sliders-tab-menu .swiper-button-prev:after {
  font-size: 10px;
  font-weight: 600;
  position: relative;
}
.sliders-tab-menu .swiper-button-prev:after { 
  left: -1px;
}
.sliders-tab-menu .swiper-button-next:after {
  left: 1px;
}
.sliders-tab-menu .owl-nav button.owl-next, .sliders-tab-menu .owl-carousel .owl-nav button.owl-prev {
  background: #D7D8E4 !important;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  color: #fff !important;
  right: -7px;
  top: 45%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  margin: 0;
}
.sliders-tab-menu .owl-carousel .owl-nav button.owl-prev {
  right: auto;
  left: -29px;
}
.city-buttons-slider-zia .owl-nav {
  margin: 0 !important;
}
/*.popup-buttopn-btn p {
    font-weight: 600;
    font-size: 12px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    text-align: center;
    color: #181457;
    margin-bottom: 0;
        transition: color .5s ease;
    -webkit-transition: color .5s ease;
    -moz-transition: color .5s ease;
    -ms-transition: color .5s ease;
    -o-transition: color .5s ease;
}*/
.popup-buttopn-btn p {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  text-align: left;
  color: #ffffff;
  margin-bottom: 0;
  padding-left: 6px;
  transition: color .5s ease;
  -webkit-transition: color .5s ease;
  -moz-transition: color .5s ease;
  -ms-transition: color .5s ease;
  -o-transition: color .5s ease;
}

/*.popup-buttopn-btn:hover .button-zia  p {
    color: #ff1d60;
}*/
/*.popup-buttopn-btn .button-zia-img span {
    width: 18px;
    height: 18px;
    background: #FF1C60;
    border-radius: 100%;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}*/
/*.button-zia-img .img-fu-p-city {
    width: 50px;
    height: 50px;
    background: #181457;
    box-shadow: 0px 6px 18px -5px rgb(35 219 211 / 70%);
    border-radius: 14px;
    line-height: 50px;
    margin: 0 auto;
    position: relative;
}*/
body.project-view-investir .img-fu-p-city img, .img-fu-p-city img.active {
  display: none;
}
body.project-view-investir .img-fu-p-city img.active {
  display: inline-block;
}

.popup-buttopn-btn .button-zia-img span {
  top: -7px;
  right: -9px;
  padding:11px;
}
.popup-buttopn-btn .button-zia-img {
  background: #181457;
  /*    box-shadow: 0px 2px 10px -4px rgb(35 219 211 / 70%);*/
  border-radius: 14px;
  position: relative;
  display: flex;
  padding: 6px 15px;
  align-items: center;
  white-space: nowrap;
}
.img-fu-p-city img {
  max-width: 18px;
}
.swipe-items-auto .swiper-slide {width:auto !important;}
/*.popup-buttopn-btn {
    text-align: center;
    padding: 0px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 100%;
    max-width: 138px;
}*/
/*.popup-buttopn-btn {
    text-align: center;
    padding: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}*/
.popup-buttopn-btn {
  text-align: center;
  /*padding-left: 14px;*/
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-buttopn-btn .button-zia {
  margin-right: 10px;
}
.city-buttons-slider-zia .owl-stage-outer, .city-buttons-slider-zia {position:relative;}
.block-city-head-bottom .block-head-city-1 ul li a .img-annonce {
  position: relative;
}
.block-city-head-bottom .block-head-city-1 ul li a img {
  width: 100%;
  height: auto;
}
.block-city-head-bottom .block-head-city-1 ul li a .img-annonce img.edit-imag {
  max-width: 26px;
}

/*body.project-view-investir .habiter-slider, */
.invester-slider {
  display: none;
}
.louer-slider {
  display: none;
}
/*body.project-view-investir .invester-slider {
    display: block;
}*/
@media only screen and (min-width:768px) and (max-width:1199px) { 
  .Project-bar {
    padding: 10px;
    border-radius: 16px;
  }
}
li.badge-img img {
	max-width: 33px;
}
@media only screen and (max-width:1024px) {
  li.badge-img img {
    max-width: 20px;
  }
}
@media only screen and (max-width:991px) { 
  .block-city-head-bottom .block-head-city-1 ul li a .img-annonce {
    position: relative;
    max-width: 44px;
    margin: 0 auto;
  }

  /*.block-head-guage h3 {
      padding-top: 6px;
      text-align: center;
  }*/

  .content-block-top-cityzia {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width:768px) and (max-width:991px) { 
  .content-block-top-cityzia h4 {
    font-size: 12px;
  }
} 
@media only screen and (max-width:767px) { 
/*  .popup-buttopn-btn {
    position: fixed;
    bottom: 64px;
    right: 12px;
    z-index: 999;
  }
  .popup-buttopn-btn .button-zia-img .img-fu-p-city { 
    display: none;
  }*/
  .sliders-tab-menu .city-buttons-slider-zia {
    border-right: none;
  }
  .item.swiper-slide .button-zia .button-zia-img img {
    max-width: 18px;
  }
  .item.swiper-slide .button-zia p {
    font-size: 12px;
  }
  .block-head-city-1.tab-switches.d-flex .tab-block-city {
    display: none;  
  }
  .swap-list-arrow.mobile-swap-arrow {
    padding-right: 0 !important;
  }
/*  .popup-buttopn-btn .button-zia-img {
    white-space: break-spaces;
	height: 66px;
    width: 66px;
    border-radius: 50px;
	background-image: linear-gradient(315deg, #08AEEA 0%, #2AF598 100%);

    justify-content: center;
    box-shadow: 2px 2px 4px 1px rgb(94 94 94);
  }
  
  .popup-buttopn-btn p {
    text-align: center;
    padding-left: 0;
  }*/
  section.list-contanier {
    margin-bottom: 80px;
  }
  .Project-bar {
    border-radius: 12px;
    padding:8px;
  }

  li.title-space {
    padding: 0;
  }
  .content-block-top-cityzia h4 {
    margin-top: 6px;
    font-size:12px;
  }
  .block-city-head-bottom .block-head-city-1 ul li a img {
    max-width: 32px;
  }
  .block-city-head-bottom .block-head-city-1 ul li a .img-annonce img.edit-imag {
    max-width: 20px;
  }
  .block-head-guage h3 {
    display: none;
  }
  .sliders-tab-menu {
    padding-left: 0;
  }
  .sliders-tab-menu .swiper-button-next, .sliders-tab-menu .swiper-button-prev {
    width: 18px;
    height: 18px;  
  }
  .sliders-tab-menu .swiper-button-next:after, .sliders-tab-menu .swiper-button-prev:after {
    font-size: 10px;
  }
  /*.city-buttons-slider-zia .item .button-zia .button-zia-img {
      border-radius: 12px;
      padding:8px;
  }*/
  .rainbow-vertical-progress, .rainbow-vertical-progress .rainbow-vertical-progress-bar {
    height: 18px;
  }
  .rainbow-vertical-progress:after {
    background-size: 5.5px;
  } 
/*  .popup-buttopn-btn .button-zia-img span {
    top: 0;
    right: -5px;
  }*/
}
@media only screen and (max-width: 374px){
  .block-head-guage h3 {
    font-size: 8px;
  }
}

/*listing*/

main.fixed-container {
  margin-bottom: 16px;
}

/*listing*/

/*Main End*/


/* Listing Section*/
.d-flex.justify-content-end.sticky-top.t-ri-er-pop-sp-city {
  background: #f9f9fb;
  padding-bottom: 10px;
}
.btn-group.trier-pop-sp-city button.btn.dropdown-toggle::after{display:none!important;}
.btn-group.trier-pop-sp-city button.btn.dropdown-toggle{
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: #181457;
}
.btn-group.trier-pop-sp-city button.btn.dropdown-toggle {
  width: 110px;
  height: 40px;
  background: #FFFFFF;
  box-shadow: 0px 10px 14px -8px rgb(185 182 196 / 50%);
  border-radius: 16px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #181457;
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
}
.btn-group.trier-pop-sp-city ul.dropdown-menu.show {
  width: 210px;
  box-shadow: 0px 10px 14px -8px rgb(185 182 196 / 50%);
  border-radius: 24px;
  border: 0 none;
  border: 1px solid #ebebf1;
  margin-top: 5px;
  overflow: hidden;
  padding: 6px 21px;
  left: auto;
  right: 0;
}

.dropdown-menu.dropdown-menu-lg-end.criteria-sortby-dropdown li {
	cursor: pointer;
	text-align:center;
}
/*section.section-list {
    padding-top: 0px;
}*/
/*.list-item-image img {
    border-radius: 22px;
}*/
/*ul.pagination.d-flex.justify-content-center {
    margin-bottom: 0;
}*/

.listing-content {
  position: relative;
}
.list-loader .preloaders {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
  width: 100%;
}
.list-loader .preloaders img.circ1s {
  /*	height: 112px;
      max-width: 100%*/
  width: 80%;
}
@media (max-width:767px) { 
	.list-message {
		margin-bottom:16px;
	}
}
.list-message-div {
	border-radius: 15px;
    padding: 7px;
    font-size: 13px;
    color: #797CA4;
    background-color: #ebebf1;
    text-align: center;
    font-style: italic;
    max-width: 400px;
    margin: auto;
    box-shadow: 0px 2px 5px 0px rgb(188 190 210);
}

.list-wrapper .list-item-image, .list-bg-img {
  flex: 0 0 170px;
  background-size: cover;
  background-position: center;
  border-radius: 20px;

}

.page-item.disabled .page-link {
	background-color: unset;
}

.list-item {
  background: #FFFFFF;
  box-shadow: 0px 10px 14px -8px rgb(185 182 196 / 50%);
  border-radius: 36px;
  margin-top: 20px;
  padding: 20px;
  cursor: pointer;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
}
.list-item.list-item-first {
  margin-top: 10px;
}
.list-item-content {
  padding-left: 30px;
  flex-grow: 1;
  /* overflow: hidden; */
  min-width: 0;
}
.list-item-main-content-container {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}

.list-item-main-content .list-item-title {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  color: #181457;
  margin-bottom: 11px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-transform: uppercase;
}
.list-item-main-content .list-item-main-content-text .list-item-main-content-description {
  /* margin-bottom: 20px; */
  padding: 0;
}
.list-item-main-content-description {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  color: #797CA4;
  margin-bottom: 10px;
  white-space: normal !important;
}
.list-item-main-content .list-item-main-content-text li {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: #797CA4;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/*.list-item-main-content .list-item-main-content-text li:last-child {
    margin-bottom: 0;
}*/
.list-item-main-content .list-item-main-content-text li img {
	padding-right: 8px;
    width: 22px;
}
.prog-ress-bar h4 {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  color: #181457;
}

body.project-view-investir .list-item-content .prog-ress-bar .progress {
  /*background: linear-gradient(270deg, #00C2FF 3.11%, #00E0FF 98.45%);*/
  background: linear-gradient(270deg, #00C2FF 0%, #00E0FF 100%);
}
.progress-investir {
  background: linear-gradient(270deg, #00C2FF 0%, #00E0FF 100%) !important;
}
body.project-view-investir .list-item-content .prog-ress-bar .progress .progress-bar:after {
  background: #00c9ff;
}
.progress-investir .progress-grey:after  {
  background: #00c9ff !important;
}

.list-item-action-button-container a {
  /*height: 32px;*/
  background: #FFFFFF;
  box-shadow: 0px 2px 4px 0px rgb(185 182 196 / 70%);
  border-radius: 30px;
  padding: 8px 14px;
  margin-right: 12px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 1;
  color: #181457;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}
.list-item-action-button-container a.active {
  background: #181457;
  box-shadow: 0px 2px 4px 0px rgb(185 182 196 / 70%);
  /* border-radius: 30px;*/
  color: #fff;
}
/*.list-item-action-button-container a:last-child {
    margin-right: 0;
}*/
.list-item-action-button-container a img {
  margin-right: 6px;
}
.list-item-action-button-container a.active .unactvice-image,.list-item-action-button-container a .active-image {
  display: none;
}
.list-item-action-button-container a.active .active-image {
  display: block;
}
.list-item-action-button-container {
  display: flex;
  margin-top: 24px;
  margin-bottom: 6px;
}
/*.map-city {
    border-radius: 36px;
    overflow: hidden;
}*/
.t-ri-er-pop-sp-city ul li a {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.2;
  color: #181457;
  margin-bottom: 0;
  padding: 10px 0;
  font-weight: normal;
  border-bottom: 1px solid #EBEBF1;
}
.t-ri-er-pop-sp-city ul li:last-child a {
  border-bottom: none !important;
}
.criteria-sortby-dropdown .dropdown-item .active-tick {
  color: #3BE8B0;
  display:none;
  font-weight: bold;

}
.criteria-sortby-dropdown .dropdown-item.active-sort .active-tick {
  display:inline-block;
}
.btn.dropdown-toggle.criteriaSortByFilter.active-sort {
	background-color: #181457 !important;
	color: #ffffff !important;
}
.t-ri-er-pop-sp-city ul li.border-none a {
  border: 0 none;
}
.list-pagination-container {
  margin-top: 28px;
}
ul.list-pagination-wrapper li a.page-link {
  background: #FFFFFF;
  box-shadow: 0px 2px 4px rgb(185 182 196 / 50%);
  border-radius: 100px !important;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  padding: 0;
  text-align: center;
  color: #797CA4;
  margin: 0 8px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: 0 none;
  /*	transition: background .5s ease;
      -webkit-transition: background .5s ease;
      -moz-transition: background .5s ease;
      -ms-transition: background .5s ease;
      -o-transition: background .5s ease;*/
}
ul.list-pagination-wrapper li a.page-link:hover {
  background: #fbfbfb;
}
ul.list-pagination-wrapper li.active a.page-link {
  background: #181457;
  border-color: #181457;
  color: #ffffff;
}
ul.list-pagination-wrapper li:first-child a, ul.list-pagination-wrapper li:last-child a {
  background: none;
  box-shadow: none;
  border: none;
}

.top-compareto img {
  height: 15px;
}


.zoomToMap {
  margin-right: 0 !important;
}
.list-item-main-content-gauge-container, .list-item-image-gauge-container {
  flex: 0 0 100px;
}

/*@media Query*/
@media (min-width:1200px) and (max-width:1320px){	
  .list-item-action-button-container a {
    font-size: 12px;
    padding: 8px 9px;
  }
}
@media only screen and (min-width:1200px) {
  /*.list-wrapper .list-item-image .gauge-container */
  .list-item-image-gauge-container {
    display: none;
  } 
}
@media only screen and (max-width: 1199px) { 
  .list-item-main-content .list-item-main-content-gauge-container {
    display: none;
  }  


}
@media only screen and (min-width: 1101px) and (max-width: 1199px) {
  .list-item-action-button-container a {
    margin-right: 3px;
    font-size: 12px;
    padding: 8px 9px;
  }
  .list-item-action-button-container a img {
    height: 12px;
    margin-right: 2px;
  }
}
@media only screen and (min-width:810px) and (max-width: 1100px) {
  .list-item-action-button-container a {
    padding: 6px 7px;
    font-size: 9px;
    margin-right: 5px;
    border-radius: 10px;
  }
  .list-item-action-button-container a img {
    width: 13px;
    display: none !important;
  }
}

@media only screen and (min-width:768px) and (max-width: 991px) {
  .list-wrapper .list-item-image {
    flex-basis: 140px;
    border-radius: 18px;
  }
}

@media only screen and (max-width:767px) {
  .list-wrapper .list-item-image, .list-bg-img {
    flex-basis: 128px;
    border-radius: 16px;
  }
  .list-item-main-content-container {
    margin-bottom: 6px;
  }
  .list-item-main-content .list-item-title {
    /*    font-size: 16px;*/
    font-size: 18px;
    margin-bottom: 10px;
  }
  .list-item-main-content .list-item-main-content-text li {
    font-size: 12px;
    margin-bottom: 8px;
  }
  .prog-ress-bar h4 {
    font-size: 13px;
    margin-bottom: 4px;
  }
  .list-item-action-button-container {
    margin-top: 16px;
  }
  .block-city-head-bottom .block-head-city-1 ul {
    flex-direction: column;
    text-align: center;
  }
}

@media only screen and (min-width:768px) and (max-width:809px){ 
  .list-item-action-button-container a {
    font-size: 9px;
  }
  .list-item-action-button-container a img {
    display: none;
  } 
}
@media only screen and (min-width:576px) and (max-width:767px){ 
  .list-item-action-button-container a {
    font-size: 12px;
  }
}

@media only screen and (min-width:375px) and (max-width:575px){ 
  .list-item-action-button-container a {
    padding: 7px 6px !important;
    font-size: 9px;
    margin-right: 4px;
  }
  /*.list-wrapper .list-item-image {
      flex-basis: 116px;
  }*/
}

@media only screen and (min-width:360px) and (max-width:575px){ 
  .list-wrapper .list-item-image {
    flex-basis: 116px;
    border-radius: 12px; 
  }
}
@media only screen and (min-width:360px) and (max-width:374px){
  .list-item-action-button-container a {
    padding: 6px 6px !important;
    font-size: 8px;
    margin-right: 4px;
  }
}
@media only screen and (max-width:374px){}
@media only screen and (max-width:359px){
/*  .criteria-project-contaniner {
    width: 132px;
  }*/
  .list-wrapper .list-item-image, .list-bg-img {
    flex-basis: 100px;
    border-radius: 12px; 
  }
  .circular-gauge-container.circular-gauge-white-bg:after {
    height: 34px;
    width: 46px;
  }
  .list-item-action-button-container a {
    padding: 6px 5px !important;
    font-size: 8px;
    margin-right: 4px;
  }
}

/*@media Query*/

/*model*/
.criteriaModal .modal-dialog {
  max-width: 920px;
}
.criteriaModal .modal-content{
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
}
#placeContactform .modal-content {
  border-radius: 20px;
  overflow: hidden;
}

#criteriaModal .modal-title, #placeContactform .modal-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  text-align: center;
  color: #181457;
  width: 100%;
}
.top-block-gauge {
  background: #FFFFFF;
  box-shadow: 0px 10px 14px -8px rgb(185 182 196 / 50%);
  border-radius: 16px;
  padding: 20px;
  margin: 18px 0;
}
.top-block-gauge p {
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  color: #181457;
  margin-bottom: 0px;
}
.card-city {
  background: #FFFFFF;
  box-shadow: 0px 10px 14px -8px rgb(185 182 196 / 50%);
  padding: 18px;
  margin-bottom: 24px;
  transition: background 1s ease;
  -webkit-transition: background 1s ease;
  -ms-transition: background 1s ease;
  -moz-transition: background 1s ease;
}

.card-city.cityzia-two.active .card-img {
  background: linear-gradient(180deg, #00C2FF 17.86%, #00E0FF 95.24%);
}
.card-city:hover {
  background: #181457;
  box-shadow: 0px 10px 14px -8px rgb(185 182 196 / 50%);
}

.card-city:hover .card-city-bottom .bottom-botton-zia button {
  background: #fff;
  color: #181457;
}
.card-city.cityzia-three .card-img {
  background: linear-gradient(180deg, #22DAD2 0%, #3BE8B0 100%);
}
.card-city.cityzia-four .card-img {
  background: linear-gradient(180deg, #8655FB -21.43%, #CB56FC 111.9%);
}
.card-city-top .card-text h4, .class-h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  color: #181457;
  margin-bottom: 2px;
}
.card-city .card-city-top .card-text {
  padding-left: 14px;
  flex: 1;
}

.card-city .card-city-top .card-img {
  width: 42px;
  height: 42px;
  background: linear-gradient(180deg, #FE6A56 0%, #FE9F30 100%);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-city.third-part .card-city-top .card-img {
  background: linear-gradient(180deg, #22DAD2 0%, #3BE8B0 100%);
}
.card-city.four-card .card-city-top .card-img {
  background: linear-gradient(180deg, #8655FB -21.43%, #CB56FC 111.9%);
}
.card-city-bottom {
  padding-top: 24px;
}
.card-city-top .card-text p {
  font-style: italic;
  font-size: 12px;
  line-height: 1.2;
  color: #797CA4;
  margin-bottom: 0;
}
.card-city:hover h4, .card-city:hover p, .card-city:hover .card-city-bottom .bottom-text-zia span.count-zia, .card-city:hover .card-city-bottom .bottom-text-zia  {
  color: #fff;
}
.card-city-bottom .bottom-botton-zia button {
  width: 80px;
  border-radius: 30px;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  text-transform: capitalize;
  color: #FFFFFF;
  text-decoration: none;
}
.btn.btn-link.editer-localisation {
	background: linear-gradient(180deg, #FE6A56 0%, #FE9F30 100%);
}
.btn.btn-link.editer-immobilier {
	background: linear-gradient(180deg, #00C2FF 17.86%, #00E0FF 95.24%);
}
.btn.btn-link.editer-cadre {
	background: linear-gradient(180deg, #22DAD2 0%, #3BE8B0 100%);
}
.btn.btn-link.editer-proximite {
	background: linear-gradient(180deg, #8655FB -21.43%, #CB56FC 111.9%);
}

.pro-grass-bar-ffoter ul li.active span.text-model-footer {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  color: #181457;
}

.footer-section-model {
  background: #EBEBF1;
  padding: 18px 44px 18px 44px;
  /*margin-bottom: 30px;*/
}
.border-modal-box {
  border-radius: 24px;
}
.bottom-text-zia span.count-zia {
  font-weight: bold;
  font-size: 24px;
  line-height: normal;
  color: #181457;
}
.bottom-text-zia {
  color: #797CA4;
  font-size: 12px;
}
/*.pro-four-block {
    max-width: 26px;
}*/
.modal-header {
  border: 0 none;
}
button.btn-close {
  background: #9e9e9e;
  border-radius: 24px;
  width: 24px;
  height: 24px;
  padding: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 3px !important;
}
.modal-body {
  background: #F9F9FB;
  padding: 0 95px 24px;
}
.modal-content {
  border: 0 none !important;
}
.modal-backdrop.show {
  opacity: .9 !important;
}

.footer-block-footer-modal .top-blocks-model h6 {
  font-style: italic;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  color: #181457;
}
.footer-block-footer-modal .top-blocks-model h6 a {
  text-decoration-line: underline;
  color: #181457;
  font-weight: 600;
}
/*span.text-model-footer {
    flex-grow: 1;
}*/
span.annonces-wrap-habiter {
  flex: 1;
}
span.pro-grass-bar-do {
  /*flex: 0 0 340px;*/
  margin: 0 18px;
  width: 100%;
}
.ann-wrap-right {
  flex: 0 0 132px;
}
span.text-model-footer.right-content {
  flex: 0 0 112px;
}
.pro-grass-bar-ffoter ul li.active .progress-bar {
  background-color: #181457;
  border-radius: 20px;
}
.pro-grass-bar-ffoter ul li .progress {
  background-color: #D7D8E4;
  border-radius: 20px;
  height: 12px;
}
.pro-grass-bar-ffoter ul {
  padding: 0;
  margin-bottom: 0;
}
.pro-grass-bar-ffoter ul li {
  margin-bottom: 6px;
}
li.pro-two span.text-model-footer {
  font-size: 12px;
  line-height: 1.2;
  color: #797CA4;
  font-weight: 500;
}
li.pro-three span.text-model-footer {
  font-size: 10px;
  line-height: 1.2;
  color: #797CA4;
  font-weight: 500;
  opacity: 0.7;
}

.pro-grass-bar-ffoter ul li.pro-two .progress {
  height: 10px;
}
.pro-grass-bar-ffoter ul li.pro-three .progress {
  height: 8px;
}
.pro-grass-bar-ffoter ul li.pro-two .progress .progress-bar {
  background-color: #797CA4;
}
.pro-grass-bar-ffoter ul li.pro-three .progress .progress-bar {
  background: #797CA4;
  opacity: 0.5;
}
.model-footer-content button {
  background: #FFFFFF;
  border: 2px solid #D7D8E4;
  box-sizing: border-box;
  border-radius: 30px;
  padding: 10px 28px;
  text-decoration-line: none;
  color: #797CA4;
  font-size: 14px;
  font-weight: 500;
}
.model-footer-content button.btn.btn-link.reinitais {
	border: 1px dashed;
}
.model-footer-content button.btn.btn-link.reinitais:hover {
  color: #181457;
  /*border: 2px solid #181457;*/
}
/*.criteriaModal .modal-dialog {
    padding: 0 12px;
}*/
.model-footer-content button.btn.btn-link.active {
  background: #181457;
  box-shadow: 0px 6px 18px -4px rgb(185 182 196 / 70%);
  border-radius: 30px;
  color: #fff;
  border-color: #181457;
}
.margin-right-btn {
  margin-left: 16px;
}
.card-city-bottom .bottom-botton-zia button img {
  filter: brightness(0) invert(1);
}
.card-city:hover .card-city-bottom .bottom-botton-zia button img {
  filter: none;
}
.model-footer-content {
  margin: 16px 0;
}

.reset-criteria-form-modal-dialog .modal-content {
  border-radius: 20px;
}
.reset-criteria-form-modal-dialog .modal-body {
  border-radius: 0 0 20px 20px;
}
.button-close-pop {
  padding-top: 10px;
  padding-bottom: 10px;
}
.content-pop {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
  margin-top: 15px;
  text-align: center;
}
.buttons-s button {
  width: 100px;
  background: #FFFFFF;
  border: 2px solid #D7D8E4;
  box-sizing: border-box;
  border-radius: 30px;
  padding: 7px 28px;
  text-decoration-line: none;
  color: #797CA4;
  font-size: 14px;
  font-weight: 500;
}
.modal.reset-criteria-form-modal-dialog {
  background: rgb(0 0 0 / 61%);
  -webkit-animation: slide-lef .5s ease-in-out;
  -moz-animation: slide-lef .5s ease-in-out;	
}

@-webkit-keyframes slide-lef {
  0% { opacity: 0; -webkit-transform:  scale(0); }   
  100% { opacity: 1; -webkit-transform:  scale(1); }
}
@-moz-keyframes slide-lef {
  0% { opacity: 0; -moz-transform:  scale(0); }   
  100% { opacity: 1; -moz-transform:  scale(1); }
}
.reset-criteria-form-modal-dialog .buttons-s button.btn.active {
  background: #181457;
  border: 0 none;
}
.btn-close:focus {
  opacity: .5;
}
/*modal*/

/*modal slide*/

.middle-section-model {
  position: relative;

}
.slide-left .modal-criteria-box {
  -webkit-animation: slide-left .5s ease-in-out;
  -moz-animation: slide-left .5s ease-in-out;	
}
@-webkit-keyframes slide-left {
  0% { opacity: 0; -webkit-transform: translateX(-100%); }   
  100% { opacity: 1; -webkit-transform: translateX(0); }
}
@-moz-keyframes slide-left {
  0% { opacity: 0; -moz-transform: translateX(-100%); }   
  100% { opacity: 1; -moz-transform: translateX(0); }
}
.section-slider-route-wrapper .back-botton a span {
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px rgb(185 182 196 / 50%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  margin-right: 6px;
}
.section-slider-route-wrapper .back-botton a {
  font-size: 14px;
  line-height: 1.2;
  display: flex;
  align-items: center;
  color: #181457;
}
.next-slide-setion-on {
  text-align: center;
}
.next-slide-setion-on .c-city-top .card-img {
  width: 50px;
  height: 50px;
  /*background: linear-gradient(180deg, #FE6A56 0%, #FE9F30 100%);
  box-shadow: 0px 6px 18px -5px rgb(254 106 86 / 50%);*/
  border-radius: 18px;
  margin: 0 auto 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
div#slide-content-1 .card-img {
  background: linear-gradient(180deg, #FE6A56 0%, #FE9F30 100%);
  box-shadow: 0px 6px 18px -5px rgb(254 106 86 / 50%);
}
div#slide-content-2 .card-img {
  background: linear-gradient(180deg, #00C2FF 17.86%, #00E0FF 95.24%);
  box-shadow: 0px 6px 18px -5px rgb(0 194 255 / 50%);
}
div#slide-content-3 .card-img {
  background: linear-gradient(180deg, #22DAD2 0%, #3BE8B0 100%);
  box-shadow: 0px 6px 18px -5px rgb(37 220 207 / 60%);
}
div#slide-content-4 .card-img {
  background: linear-gradient(180deg, #8655FB -21.43%, #CB56FC 111.9%);
  box-shadow: 0px 6px 18px -5px rgb(151 86 252 / 50%);
}
.next-slide-setion-on .card-text h4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  color: #181457;
  margin-bottom: 0;
}
.next-slide-setion-on .card-text p {
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  text-transform: capitalize;
  color: #797CA4;
  font-style: italic;
  margin-bottom: 0;
}
/*.toggle-accordion-section-top-s button.accordion-button {
    background-color: #FFFFFF !important;
    overflow: hidden;
    border-radius: 20px 20px 0px 0px !important;
}*/
.toggle-accordion-section-top-s button.accordion-button:focus {
  outline: none;
  box-shadow: none;
}

.toggle-accordion-section-top-s .accordion-header span.text-op p {
  font-size: 12px;
  line-height: 1.2;
  color: #797CA4;
  margin-bottom: 0px;
}
.toggle-accordion-section-top-s .accordion-header span.img-v-accor {
  height: 38px;
  background: rgba(254, 159, 48, 0.16);
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 38px;
}
.toggle-accordion-section-top-s .accordion-header span.text-op {
  margin-left: 14px;
}
.toggle-accordion-section-top-s .toggle-accordion-section-top-s {
  padding-top: 22px;
}

/*#slide-content {*/
.section-slider-route-wrapper {    
  background: #f9f9fb;
  /*    transform: translateX(1000px);
      -webkit-transform: translateX(1000px);*/

  /*    transform: translateX(0px);
      -webkit-transform: translateX(0px);*/
  /*    position: absolute;
      
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 9;
  */
  transition: all .5s ease;

  -webkit-animation: slide-right .5s ease-in-out;
  -moz-animation: slide-right .5s ease-in-out;
}


@-webkit-keyframes slide-right {
  0% { opacity: 0; -webkit-transform: translateX(100%); }   
  100% { opacity: 1; -webkit-transform: translateX(0); }
}
@-moz-keyframes slide-right {
  0% { opacity: 0; -moz-transform: translateX(100%); }   
  100% { opacity: 1; -moz-transform: translateX(0); }
}
.section-slider-route-wrapper.slide-in {
  transform: translateX(1000px);
  -webkit-transform: translateX(1000px);

}  
.toggle-accordion-section-top-s .accordion-button:not(.collapsed)::after {
  background-image: url(/img/v2/Add-minus.png) !important;
  transform: rotate(-180deg) !important;
  background-size: 24px;
  width: 24px;   
  height: 24px;
}
.toggle-accordion-section-top-s .accordion-button::after {
  background-image: url(/img/v2/Add.png)!important;
  background-size: 24px;
  width: 24px;   
  height: 24px;
  margin-left: unset;
}
.toggle-accordion-section-top-s .accordion-item {
  border: none;
  border-radius: 20px;
  background: #EBEBF1;
}

.head-font-size {
  font-size: 14px;
  line-height: 1.2;
  color: #181457;
  text-align: left;
  margin-bottom: 0px;
  font-weight: 800;
}
.pop-block-four {
  height: 30px;
}
h3.head-font-size {
  margin-bottom: 4px;
}
.location_container a {
  border: 1px solid #FF1C60;
  background: #FF1C60;
  color: #fff !important;
  font-size: 12px;
  font-weight: 500;
  border-radius: 100px;
  margin-right: 6px;
  margin-bottom: 6px;
}
/*.form-top label:before,*/
.form-label-heading.form-label-heading-bullet:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 40px;
  background: #181457;
  margin-right: 6px;
  flex: 0 0 6px;
  margin-top: 5px;
}
.form-top label {
  font-weight: 600;
  position: relative;
  /*padding-left: 14px;*/
}
.toggle-accordion-section-top-s .accordion-body .text-top-s .text-model-top-os-a {
  font-size: 10px;
  line-height: 1.2;
  color: #181457;
}


.toggle-accordion-section-top-s .accordion-body .text-top-s .text-model-top-os-a a {
  font-weight: 500;
  font-size: 10px;
  line-height: 1.2;
  text-transform: uppercase;
  height: 24px;
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 114px;
}

/* .toggle-accordion-section-top-s .accordion-body .active .text-top-s .text-model-top-os-a a {  */
/* background: rgba(0, 194, 255, 0.2); color: #00C2FF;  */
/* } */
.toggle-accordion-section-top-s .accordion-body .text-top-s .text-model-top-os-a a img {
  padding-left: 6px;
}
.toggle-accordion-section-top-s .accordion-body .form-top form .mb-3.active .text-top-wrapper {
  background: #F6F6FA;
  border-radius: 0px 0px 16px 16px;
}
.toggle-accordion-section-top-s .accordion-body {
  padding: 0 !important;
}


.comn-padding {
  padding: 14px;
}
.toggle-accordion-section-top-s button.accordion-button {
  border-radius: 20px 20px 0 0 !important;
  background: #fff;
}
.toggle-accordion-section-top-s .accordion-body .form-top form .mb-3.active {
  padding: 5px;
}
.toggle-accordion-section-top-s {
  padding-top: 22px;
  max-width: 540px;
  margin: 0 auto 24px;
}
.toggle-accordion-section-top-s button.accordion-button.collapsed {
  border-radius: 20px !important;
  overflow: hidden;
  outline: none;
  justify-content: space-between;
}
div#slide-content .section-slider-route {
  max-width: 540px;
  margin: 0 auto;
}
span.notification-op {
  width: 22px;
  height: 22px;
  background: #FF1C60;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  margin-right: 8px;
  margin-top: 1px;
}
.accordion-item.no-criteria-item-filled {
  /*border: 2px dashed #D7D8E4;*/
  border: 1px dashed #787ca3;
  box-sizing: border-box;
  /*box-shadow: 0px 10px 14px -8px rgb(185 182 196 / 50%);*/
  margin-top: 14px;
  margin-bottom: 16px;
}
.accordion-item.no-criteria-item-filled .notification-op,
.notification-op.no-criteria-filled {
  width: 10px;
  height: 10px;
  background: #D7D8E4;
}
.pop-accordion {
  flex: 1;
}
.criteriaModal .modal-dialog-scrollable .modal-body {
  overflow-x: hidden;
  overflow-y: auto;
}
.focus-button:focus {
  outline: none !important;
  box-shadow: none;
}
/*.model-footer-content button.btn.btn-link.active:hover {
    border-color: #181457;
    background: #fff;
    color: #181457;
}*/

@media only screen and (max-width: 767px) {
  /*.text-model-top-os-a span */
  .prio-lbl-text 
  {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  span.pro-grass-bar-do {
    margin: 0 6px;
  }
}


@media only screen and (min-width: 576px) and (max-width:936px){ 
  .modal-dialog {
    margin-left:8px;
    margin-right:8px;
  }
}
@media only screen and (max-width: 574px) {
  .footer-section-model {
    padding: 8px 8px 8px 8px;
  }
}

@media only screen and (max-width: 400px) { 
  .pro-grass-bar-ffoter ul li.active span.text-model-footer {
    font-size: 10px;
  }
  li.pro-two span.text-model-footer {
    font-size: 9px;
  }
  li.pro-three span.text-model-footer {
    font-size: 8px;
  }
  .ann-wrap-right {
    flex: 0 0 94px;
  }
  span.text-model-footer.right-content {
    flex: 0 0 76px;
  }
  .footer-block-footer-modal .top-blocks-model h6 {
    font-size: 10px;
  }
  .margin-right-btn {
    margin-left: 8px;
  }
  .model-footer-content button {
    padding: 10px 18px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 374px) {
  .toggle-accordion-section-top-s .accordion-header span.img-v-accor {
    height: 32px;
    flex: 0 0 32px;
  }
  .toggle-accordion-section-top-s .accordion-header span.img-v-accor img {
    max-width: 14px;
  }
  .toggle-accordion-section-top-s .accordion-header span.text-op {
    margin-left: 6px;
  }
  .head-font-size {
    font-size: 14px;
  }
  .form-top form label:before {
    margin-top: 4px;
  }
  .toggle-accordion-section-top-s .accordion-header span.text-op p {
    font-size: 10px;
  }
  .Firstblock,.toggle-accordion-section-top-s .accordion-body .form-top form .mb-3.active .text-top-wrapper {
    padding: 10px;
  }
  .toggle-accordion-section-top-s .accordion-body .text-top-s .text-model-top-os-a a {
    display: flex;
  }
}

/*modal slide*/

.mapbox-map-container {
  border-radius: 8px;
}

.cross-map {
  display: none;
}


@media (min-width: 1200px) {
  .left-user-detail-section {
    max-width: 300px;
  }   
  .right-user-project-section {
    /*min-width: calc(100% - 300px);*/
  }
  .left-content-section {
    max-width: 650px;
  }
  .right-map-section {
    min-width: calc(100% - 650px);
  }
}

@media only screen and (min-width:992px) and (max-width: 1199px) {


  .list-item-content {
    padding-left: 15px;
  }
  .score-lists-block {
    width: 100%;
  }
  .list-item-image img {
    border-radius: 22px;
    width: 100%;
  }
}

@media only screen and (min-width:768px) and (max-width: 991px) { 

  .list-item-image img {
    border-radius: 22px;
    width: 90%;
  }
  .popup-buttopn-btn .button-zia-img span {
    right: -9px;
  }

  .block-city-head-bottom .block-head-city-1 ul li a {
    position: relative;
  }
  .block-city-head-bottom .block-head-city-1 ul li a img.img-fluid.edit-imag {
    bottom: -17px;
    right: -7px;
    width: 20px;
  }
  .list-item-content {
    padding-left: 12px; 
  }
  .block-city-head-bottom .col-3 {
    padding-right: 3px !important;
  }
  .block-city-head-bottom .col-9 {
    padding-left: 3px !important;
  }
  .top-annonce .head-top h1 {
    font-size: 16px;
  }
  .top-annonce .head-top p {
    font-size: 12px;
    max-width: 234px;
  }
  .top-annonce .Buttons-compare a {
    padding: 8px 14px;
    height: 32px;
  }
  .tab-content-cityzia ul.nav li {
    padding-right: 15px;
  }
  .tab-content-cityzia ul.nav li .nav-link {
    padding-bottom: 6px;
  }
  .tabs-city-content .top-three-blocks {
    padding: 8px 8px;
  }
  .tab-text-section.d-flex br {
    display: none;
  }
  .tab-residence-list {
    padding: 25px 10px 6px;
  }
  .tab-residence-list ul li {
    width: 50%;
    padding-bottom: 13px;
  }
  .sidebar.sliders-tab-menu {
    padding: 0 15px 20px;
  }
  .sidebar.sliders-tab-menu .city-buttons-slider-zia .owl-demo .button-zia p {
    font-size: 10px;
  }
  .city-buttons-slider-zia .owl-demo {
    padding: 0 10px;
  }
  .city-buttons-slider-zia .owl-demo .item .button-zia .button-zia-img {
    box-shadow: 0px 6px 5px -5px rgb(35 219 211 / 70%);
  }
  .sidebar-button button {
    font-size: 14px;
    line-height: 1.2;
  }
  .tab-residence.Logements .accordion-body {
    padding: 12px 12px 0;
  }
  .tab-residence.Logements .three-blocks-op {
    padding: 13px 10px 16px;
  }
  .tab-residence.Logements .price-d {
    font-size: 16px;
  }
  .tab-residence.Logements h5 {
    font-size: 13px;
  }
  .four-blocks-wrapper .four-blocks {
    width: 50% !important;
    float: left;
    text-align: center;
  }
  .tab-residence.Logements .accordion-body .col-12 {
    padding: 0px 3px;
  }
  .tab-residence.Logements .accordion-body .row {
    padding: 0 6px;
  }
  .four-blocks-wrapper .four-blocks .text-city-so-p {
    font-size: 11px;
    line-height: 13px;
  }
  .tab-Contactez-wrapper .tab-Contactez-text-button {
    padding: 65px 9px 34px;
  }
  .tab-Contactez-buttons button {
    min-width: auto;
  }
  .tab-residence.J-explore .head-top p {
    max-width: 100%;
  }
  .tab-residence.le-quartier div#gauage {
    margin-bottom: 26px;
  }
  .score-lists-block {
    width: 100%;
  }
  .tab-residence.le-quartier.investisseurs-locatifs .row-f.d-flex {
    display: block !important;
  }
  .tab-residence.le-quartier.investisseurs-locatifs .row-f.d-flex .col-2-f, .tab-residence.le-quartier.investisseurs-locatifs .row-f.d-flex .col-5-f, .tab-residence.le-quartier.investisseurs-locatifs .row-f.d-flex .col-6-f {
    max-width: 100%;
    margin-bottom: 10px;
    padding: 0;
  }
  .col-5-f .cot-financier-tops-city, .col-6-f .cot-financier-tops-city, .cot-financier-tops-progress-city .progress {
    width: 100%;
  }
  .location-s .col {
    width: 100% !important;
    flex: 0 0 50%;
    margin-bottom: 10px;
  }
  .cot-financier.location.revente-future .col-fas {
    margin: 0px 0;
  }
  .tab-residence.autres .text-city-zia {
    padding-left: 0;
  }
  .city-buttons-slider-zia .owl-stage-outer:after {
    width: 45px;
    z-index: 3;
    top: 0;
  }

  .list-item {
    padding: 10px 10px;
    border-radius: 18px;
  }

  .prog-ress-bar {
    padding-bottom: 0;
    border-bottom: 0 none;
    padding-top: 0;
  }
}

button.criteriaSortByFilter:not(:last-child) {
  margin-right: 10px;
}


@media only screen and (min-width:768px) {
  .btn-group.trier-pop-sp-city .block-head-city-1.tab-switches.d-flex,
  /*.menu-left a.find-accommodation-menu-item-button,*/
  button.btn.dropdown-toggle.button-map {
    display: none !important;
  }
}

@media only screen and (min-width:1021px) {
  .switch-project,
  .switch-housing,
  button.criteriaSortByFilter {
    display: none !important;
  }

}
@media only screen and (max-width:1020px) {

  .btn.dropdown-toggle.button-trier {
	display: none !important;
  }
}

@media only screen and (max-width:767px) {

  .block-city-head-bottom .block-head-city-1 ul {
    justify-content: center;
  }
  .block-head-guage {
    text-align: center;
  }

  .block-city-head-bottom .block-head-city-1 ul li a img.img-fluid.edit-imag {
    width: 16px;
    height: 16px;
    bottom: auto;
    top: -3px;
  }

  .criteria-project-contaniner {
    margin: 0 auto;
  }

  .modal-body {
    background: #F9F9FB;
    padding: 0 12px 24px;
  }

  .four-blocks-wrapper .four-blocks .text-city-so-p {
    font-size: 14px;
    line-height: 1.2;
  }
  .four-blocks-wrapper .four-blocks h4 {
    margin-bottom: 7px;
    font-weight: bold;
    font-size: 14px;
  }
  /*.four-blocks-wrapper .four-blocks {
    text-align: left;
  }*/

  .score-list .col-6 {
    padding: 0 5px;
    width: 100%;
  }

  .bubble-round { 
    width: 15px;
    height: 15px;
    font-size: 10px;
    right: -12px;
  }
  
  .popup-buttopn-btn p br {
    display: none;
  }

  .city-buttons-slider-zia .owl-stage-outer:after {display:none;}
  .left-user-detail-section {
    padding-right: 4px;
  }
  .right-user-project-section {
    padding-left: 4px;
  }

  .block-city-head-bottom .block-head-city-1 ul li:nth-child(3) {
    display: none;
  }

  .list-item {
    border-radius: 18px;
    padding: 10px 10px;
    margin-top:10px;
  }
  .list-item-content {
    padding-left: 12px;
  }

  .list-item .list-item-image img {
    width: 100%;
  }
  .list-item {
    position: relative;
  }

  .list-item-main-content .list-item-main-content-gauge-container .matching-criteria-text {
    display: none;
  }

  .list-item-action-button-container a img {
    display: none !important;
  }
  /*.sticky-top.mapbox-map-sticky-wrapper,*/
  .sticky-top.t-ri-er-pop-sp-city .btn-group.trier-pop-sp-city .block-head-city-1.tab-switches.d-flex .tab-block-city h1 {
    display: none;
  }
  .mapbox-map-container-wrapper {
    display: none;
  }

  .btn-group.trier-pop-sp-city button.btn.dropdown-toggle {
    width: auto;
    height: 38px;
    padding: 12px 20px;
  }
  .btn-group.trier-pop-sp-city button.btn.dropdown-toggle.button-map {
    margin: 0 12px;
  }
  .sticky-top.t-ri-er-pop-sp-city .btn-group.trier-pop-sp-city .block-head-city-1.tab-switches.d-flex .tab-block-city {
    display: block;
    padding: 0;
    border: 0;
  }
  .btn-group.trier-pop-sp-city button.btn.dropdown-toggle img {
    transform: translateX(10px);
  }
  .fixed-header-wrapper {
    padding-bottom: 10px;
  }

  .header-my-profile-section {
    padding-top: 10px;
  }

  .mapbox-map-sticky-wrapper {z-index: 1080}
  .sticky-top.mapbox-map-sticky-wrapper .mapbox-map-container {
    border-radius: 0;
    position: fixed;
    top: 0px;
    left: 0px;
    /*    bottom: 0px;*/
    height: 100% !important;
    width: 100%;

  }
  .cross-map {
    position: fixed;
    z-index: 1091;
    left: 0;
    right: 0;
    top: 10px;
    text-align: center;
    background: #181457;
    height: 36px;
    line-height: 32px;
    width: 36px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    font-size: 20px;
    border-radius: 50%;
    margin: 0 auto;
  }
  .list-item.list-item-first {
    margin-top: 0;
  }
  .list-item-main-content-gauge-container {
    display: none;
  }
  /*.list-wrapper .list-item-image {
      display: flex;
      align-items: end;
      justify-content: center;
      border-radius: 8px;
  }*/

}

@media only screen and (max-width:359px) {
  .toggle-accordion-section-top-s button.accordion-button {
    padding: 7px;
  }
  .toggle-accordion-section-top-s .accordion-button::after {
    background-size: 21px;
    width: 21px;
    height: 21px;
  }
  span.notification-op {
    right: 33px;
  }
  .btn-group.trier-pop-sp-city button.btn.dropdown-toggle img {
    transform: translateX(9px);}

  .btn-group.trier-pop-sp-city button.btn.dropdown-toggle {
    padding: 12px 15px;
  }
  .btn-group.trier-pop-sp-city button.btn.dropdown-toggle {
    height: 36px;
  }

  .list-item {
    position: relative;
  }
  .list-item-main-content {
    position: unset;
  }
  .list-item-image-gauge-container {
    /*width: 60px;*/
    flex: 0 0 60px;
  }
  .list-item-main-content .list-item-main-content-gauge-container .matching-criteria-text {
    display: none;
  }
  .page-annonce .list-item-image-gauge-container, .Lead-page .list-item-image-gauge-container {
    /*width: 60px;*/
    flex: 0 0 100px !important;
  }
}

/*autocomplete popup*/
.text-top-wrapper .comparer-btns span.vehicle.button-input-small label {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  color: #FFFFFF;
  background: #FF1C60;
  border-radius: 20px;
  padding: 8px 16px;
  margin: 0 4px 8px;
  display: inline-flex;
  align-items: center;
  min-height: auto;
}
.ui-autocomplete-input {
	font-size: 12px;
}
.text-top-wrapper input::placeholder {
  font-size: 14px;
  line-height: 1.2;
  color: #797CA4;
}
.text-blue-size {
  font-size: 14px;
  line-height: 1.2;
  text-transform: capitalize;
  color: #181457;
}
li.ui-menu-item .ui-menu-item-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  line-height: 1.2;
  text-transform: capitalize;
  color: #181457;
  padding: 8px 8px;
}
li.ui-menu-item .ui-menu-item-wrapper span {
  background: rgba(235, 235, 241, 0.65);
  border-radius: 200px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  text-transform: capitalize;
  color: #797CA4;
  min-width: 90px;
  padding: 4px 0;
  text-align:center;
}
li.ui-menu-item .ui-menu-item-wrapper span { 
  padding: 4px 0;
}
.auto-complete-container .ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
  position: unset;
}
li.ui-menu-item  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #c5c5c5;
  background: #f2f2fb;
  font-weight: normal;
}
/*
.vehicle input[type="radio"]:empty, .vehicle input[type="checkbox"]:empty, .vehicle-no-background input[type="checkbox"]:empty{ display:none; }
.vehicle label {
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    background: #FFFFFF;
    border: 1px solid #D7D8E4;
    box-sizing: border-box;
    border-radius: 6px;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    flex-flow: column;
    background-size: cover;
    background-position: center;
}
.vehicle label:before, .vehicle-no-background label:before { display: none;}
.vehicle input[type="radio"]:checked + label, .vehicle input[type="checkbox"]:checked + label {
    border: 1px solid #FF1C60;
}

.comparer-btns span.vehicle.button-input-small input[type="radio"]:checked + label, .comparer-btns span.vehicle.button-input-small input[type="checkbox"]:checked + label {
    border: 1px solid #FF1C60;
     background: #FF1C60;
}
.vehicle input[type="radio"]:checked + label span, .vehicle input[type="checkbox"]:checked + label span {
    color: #FF1C60;
}

.comparer-btns span.vehicle.button-input-small input[type="radio"]:checked + label span, .comparer-btns span.vehicle.button-input-small input[type="checkbox"]:checked + label span {  
    color: #FFF;

}
.vehicle input[type="radio"]:checked + label img {
filter: invert(37%) sepia(92%) saturate(6197%) hue-rotate(
330deg) brightness(102%) contrast(102%);
}
.vehicle {
    text-align: center;
    cursor: pointer;
}
.vehicle label span {
    font-size: 12px;
    line-height: 1.2;
    color: #797CA4;
    margin-top: 4px;
}
.vehicle-no-background input[type="checkbox"]:checked + label span img.hover, .vehicle-no-background input[type="checkbox"] + label span img.unhover {
    display: inline;
}
.vehicle-no-background input[type="checkbox"] + label span img.hover, .vehicle-no-background input[type="checkbox"]:checked + label span img.unhover {
    display: none;
}
.vehicle-no-background input[type="checkbox"]:checked + label span {
    color: #181457;
}
.vehicle-no-background input[type="checkbox"] label span {
    font-weight:500;
}
.vehicle-no-background {
    margin-bottom: 18px;
    display: inline-flex;
    justify-content: space-between;
}
*/
/*.easy-autocomplete .reset-travel img {
  filter: invert(1);
}*/
.easy-autocomplete .add-address {
  padding-right:28px
}
.easy-autocomplete .reset-travel {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.text-top-wrapper .ui-slider.ui-widget-content {
  border-radius: 10px;
  background-color: #FF1C60;
  height: 5px;
  border: 0 none;
}
.text-top-wrapper .ui-slider-handle.ui-corner-all {
  border-radius: 20px;
  top: 50%;
  background-color: white;
  width: 1em;
  height: 1em;
  border: 5px solid #ff1c60;
  transform: translateY(-50%);
}
.text-top-wrapper .ui-slider-range span {
  position: absolute;
  font-size: 10px;
  color: black;
  font-weight: 600;
  left: -16px;
  top: 10px;
}
.text-top-wrapper .ui-slider-horizontal .ui-slider-range {
  background: #D7D8E4;
}
div#show-next-fav-place-block {
  display: flex;
  align-items: center;
  cursor: pointer;
}
div#show-next-fav-place-block span.text-round-p {
  background: rgba(121, 124, 164, 0.15);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.toggle-accordion-section-top-s .accordion-header span.img-v-accor.Light-blue-bg { 
  background: rgba(0, 194, 255, 0.13);
}
.toggle-accordion-section-top-s .accordion-header span.img-v-accor.green-bg {
  background: rgba(71, 231, 177, 0.2);
}

.text-top-wrapper .common-button-colors span.vehicle.button-input-small label {
  background: #EBEBF1;
  color: #797CA4;
}
.background-color-btn {
  background: rgba(255, 255, 255, 0.7);
  padding: 14px;
  border-radius: 0 0 14px 14px;
}
.common-button-colors a.active {
  background: #FF1C60;
  color: #fff;
}
.background-padding-d-btn {
  padding: 4px;
}

.vehicle.image-lable-svg{ position: relative;}
span.overflow-color {
  position: absolute;
  background: rgb(0 0 0 / 35%);
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.vehicle label .text-top-blackp {
  position: relative;
  color: #fff;
  z-index: 99;
  padding: 0 10px;
}
.toggle-accordion-section-top-s .accordion-header span.img-v-accor.blue-bg {
  background: rgba(167, 86, 252, 0.13);
}
.text-top-wrapper .comparer-btns.common-button-simple a, .vehicle-no-background label {
  background: transparent;
  color: rgb(168 169 195);
  font-size: 14px;
  line-height: 1.2;
}  
.text-top-wrapper .comparer-btns a span.btn-text .hover {
  display: none;
}
.text-top-wrapper .comparer-btns.common-button-simple a.active {
  color: #FF1C60;
}
.text-top-wrapper .comparer-btns.common-button-simple a.active span.btn-text .unhover, .Minimum-Ra-slider .Minimum-Range label:before {
  display: none;
}
.text-top-wrapper .comparer-btns.common-button-simple a.active span.btn-text .hover {
  display: inline;
}
.Minimum-Ra-slider .Minimum-Range span input {
  background: #FFFFFF;
  border: 1px solid #E9E9F0;
  box-sizing: border-box;
  border-radius: 8px;
  height: 38px;
  padding: 0 10px;
  line-height: 1.2;
  font-size: 14px;
  font-weight: 500;
}
.Minimum-Ra-slider .Minimum-Range label {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-transform: capitalize;
  color: #797CA4;
  display: block;
  margin-bottom: 4px;
}
.Minimum-Range span span.amount-p {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.range-slider.multi-range-slider .ui-slider-range {
  background: #ff1c60;
}
.text-top-wrapper .range-slider.multi-range-slider .ui-slider.ui-widget-content {
  background-color: #D7D8E4;
}

.multiselect-box.selectBox .placeholder.with-image {
  background: transparent;
  cursor: pointer;
}
.multiselect-box.selectBox .placeholder.with-image .text {
  font-size: 14px;
  line-height: 1.2;
}  
.selectBox .selected-items
{
  background: #FFFFFF;
  border: 1px solid #E9E9F0;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 8px 24px 8px 14px;
  position: relative;
  line-height: 1.2;
}
.tree-multiselect-search-bar input.search.form-control {
  background: #FFFFFF;
  border: 1px solid #E9E9F0;
  box-sizing: border-box;
  border-radius: 10px;
  align-items: center;
  min-height: 40px;
}
/*.tree-multiselect-search-bar */
#sport-search-contanier .select-all-container {
  display:none;
}
.multiselect-box.selectBox .placeholder.with-image {
  display: flex;
  justify-content: start;
  flex-direction: row-reverse;
  flex: 1;
}
.selectBox .selected-items.open:after {
  transform: rotate(-180deg);
}
.selectBox .selected-items.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.selectBox .selected-items > .item {
  font-size: 14px;
  line-height: 1.2;
  padding-right: 10px;
  display: inline;
}
.selectBox .selected-items .item:before{
  content:',';
  position:relative;
  left:-7px;
}
.selectBox .selected-items .item:first-child:before{ display:none; }
.selectBox .selected-items:after {
  content: "";
  content: "";
  height: 5px;
  margin-top: -3px;
  position: absolute;
  right: 15px;
  top: 50%;
  width: 10px;
  border-top: 5px solid #ff1c60;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  transition: all .4s ease 0s;
  -moz-transition: all .4s ease 0s;
  -webkit-transition: all .4s ease 0s;
  -ms-transition: all .4s ease 0s;
}
.multiselect-box.selectBox .placeholder.with-image img {
  margin-right: 4px;
  height: 18px;
  display: none;
}
.tree-multiselect .title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}
.tree-multiselect  .title input {
  margin-right: 7px;
}
/*.tree-multiselect .selections .item label {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
}*/
.tree-multiselect .selections .item {
  padding-left: 20px;
  display: flex;
  align-items: center;
  margin: 16px 0;
}
.tree-multiselect .selections .title {
  margin: 20px 0px;
}
.tree-multiselect .selections .section:nth-child(1) .title {
  margin-top: 0;
}
.tree-multiselect input {
  height: 16px;
  width: 16px;
}
.tree-multiselect .section input[type=checkbox] + label:before {display:none;}
.tree-multiselect .section input[type=checkbox] + label {
  color: #78909c;
  font-size: 14px;
  min-height: 21px;
  background-position: 0 4px;
  display: flex;
  font-weight: 500;
  line-height: normal;
}
.multiselect-box.selectBox input[type=checkbox] + label, .multiselect-box.selectBox input[type=checkbox] + span {
  background: url(/img/v2/checkbox.png) left 0 no-repeat;
  padding-left: 24px;
}
.tree-multiselect .section input[type=checkbox] {
  display: none;
}
.multiselect-box.selectBox input[type=checkbox]:checked + label, .multiselect-box.selectBox input[type=checkbox]:checked + span {
  background: url(/img/v2/selected.png) left 0 no-repeat;
}

.selectBox {
  position: relative;
}
.tree-multiselect-search-bar {
  border: 1px solid #ebeced;
  border-top: 0;
  border-bottom: 0;
  background: #fff;
  padding: 20px 30px 20px 20px;
  display: none;
}
.multiselect-box .tree-multiselect {
  display: none;
}

.tree-multiselect {
  display: none;
  border: 1px solid #ebeced;
  background: #fff;
  padding: 0px 20px 5px;
  height: 240px;
  overflow: auto;
  border-top: 0;
}

/*  default multiselect*/
div.tree-multiselect > div.selections *[searchhit=false] {
  display: none; }
div.tree-multiselect div.section.collapsed:not([searchhit]) > .item,
div.tree-multiselect div.section.collapsed:not([searchhit]) > .section {
  display: none; }
/*autocomplete popup*/




/****** Anounce Page ******/
/*main.annonce-container {
  padding-top: calc(74px + 16px);
}*/
.page-annonce .container {
  padding: 0 15px;
  max-width:1230px;
}
.annonce-page {
  margin-top: 16px;
}
/*.text-color-code, .text-color-code:hover {
  color: #181457;
}
a.text-color-code.active {
  background: #181457;
  color: #fff;
}
a.text-color-code .active-image, a.text-color-code.active .unactvice-image {
  display: none;
}
a.text-color-code.active .active-image {
  display: block;
}*/
/*.top-annonce .head-top h1,*/
.place-name {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  color: #181457;
  margin-bottom: 3px;
}
/*.top-annonce .head-top p,*/
.place-address-container {
  font-size: 12px;
  line-height: 1.2;
  color: #797CA4;
}
@media only screen and (max-width: 767px) { 
	.place-address-container {
		justify-content: center;
	}
}
/*.annonce-botton a,*/
.annonce-page .rounded-action-button
{
/*  background: #FFFFFF;
  color: #181457;
  border-radius: 50px;
  font-size: 14px;
  line-height: 1.2;
  box-shadow: 0px 6px 18px -4px rgb(185 182 196 / 70%);*/
  padding: 10px 20px;

}
/*.annonce-botton a img {
  max-width: 16px;
  margin-right: 6px;
}*/
/*.top-annonce .head-top p img,*/
.place-address-container .address-pin {
  margin-right: 2px;
  height: 10px;
}

.place-photo-gallery-wrapper {
  position: relative;
}
.place-photo-gallery-wrapper .open-place-photo-gallery {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  position:absolute;
  bottom: 10px;
  right:10px;
  background: #fff;
  border: 0px;
  border-radius: 20px;
  box-shadow: 0px 10px 14px -8px rgb(13 4 47 / 50%);
  color: #181457;
  padding: 8px;
  font-size: 12px;
  line-height: 1.2;
  font-family: 'Inter';
}
.place-photo-gallery-wrapper .logo-client-photo-gallery {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  position:absolute;
  top: 10px;
  left:10px;
  background: #fff;
  border: 0px;
  border-radius: 20px;
  box-shadow: 2px 2px 10px 0px rgb(24 20 87 / 25%);
  color: #181457;
  padding: 10px;
  font-size: 12px;
  line-height: 1.2;
  font-family: 'Inter';
  cursor:default;
}
.place-photo-gallery-wrapper .logo-client-photo-gallery img {
    max-width: 250px;
    max-height: 75px;
    width: auto;
    height: auto;
}
@media only screen and (max-width: 767px) { 
	.place-photo-gallery-wrapper .logo-client-photo-gallery img {
		max-width: 150px;
		max-height: 50px;
	}
}
@media only screen and (max-width: 1199px) { 
	.place-photo-gallery-wrapper .logo-client-photo-gallery {
		display: none;
	}
}
.place-photo-gallery {
  display: grid;
  gap:8px;
}
.place-photo-gallery.gallery-layout-image-3 {
  grid-template-areas:
    'area-1 area-1 area-2'
    'area-1 area-1 area-3';
  grid-template-columns: 1fr 1fr 1fr;
}
.place-photo-gallery.gallery-layout-image-2 {
  grid-template-areas:
    'area-1 area-1 area-2';
  grid-template-columns: 1fr 1fr 1fr;
}
.place-photo-gallery.gallery-layout-image-1 {
  grid-template-areas:
    'area-1';
  grid-template-columns: 1fr;
}

.gallery-item.area-1 {
  grid-area: area-1;
}
.gallery-item.area-2 {
  grid-area: area-2;
}
.gallery-item.area-3 {
  grid-area: area-3;
}
.place-photo-gallery .gallery-item .img {
  width: 100%;
  height: 100%;
  max-height: 400px;
  background-size: cover;
  background-position: center;
}
.place-photo-gallery .gallery-item.area-1 .img {
  height: 400px;
}
@media only screen and (max-width: 767px) { 
	.place-photo-gallery .gallery-item.area-1 .img {
		height: 220px;
	}
}
.place-photo-gallery.gallery-layout-image-3 .gallery-item.area-1 .img, 
.place-photo-gallery.gallery-layout-image-2 .gallery-item.area-1 .img 
{
  border-radius: 24px 0 0 24px;
}
.place-photo-gallery.gallery-layout-image-1 .gallery-item.area-1 .img {
  border-radius: 24px 24px 24px 24px;
}
.place-photo-gallery.gallery-layout-image-3 .gallery-item.area-2 .img {
  border-radius: 0 24px 0 0;
}
.place-photo-gallery.gallery-layout-image-2 .gallery-item.area-2 .img {
  border-radius: 0 24px 24px 0;
}
.place-photo-gallery.gallery-layout-image-3 .gallery-item.area-3 .img {
  border-radius: 0 0 24px 0;
}
/* 
.image-section .ano-img-nce1 img, .image-section .ano-img-nce img {
  width: 100%;
}
.image-section .image-section-row-8 {
  display: flex;
  align-items: center;
}
.image-section .image-section-row-8 .ano-img-nce1 {
  border-radius: 24px 0 0 24px;
  overflow: hidden;
  flex: 0 0 64%;
}

.image-section .image-section-row-8 .image-section-row-4 {
  border-radius: 0 24px 24px 0;
  overflow: hidden;
  flex: 0 0 36%;
}*/
/*.top-annonce .Buttons-compare {
  margin: 0;
}*/
.tab-content-cityzia ul.nav li .nav-link.active {
  font-weight: 600;
  font-size: 12px;
  line-height:1.2;
  align-items: center;
  color: #181457;
  border-bottom: 4px solid #35E4B9;
  padding-bottom: 6px;
}
.tab-content-cityzia ul.nav li .nav-link {
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 12px;
  line-height: 1.2;
  display: flex;
  align-items: center;
  color: #797CA4;
}
.tab-content-cityzia ul.nav li {
  padding-right: 34px;
}
.tab-content-cityzia ul.nav {
  border-color: #EBEBF1;
  top: 74px;
  z-index: 1034;
}
.tab-content-cityzia ul.nav.sticky-top {
  background: #f9f9fb;
  padding: 16px;
  box-shadow: 0px 10px 14px -8px rgb(185 182 196 / 50%);
}
.tabs-city-content .top-three-blocks .t-t-blo-text h6 {
  margin-bottom: 2px;
  font-weight: 500;
  font-size: 10px;
  line-height: 1.2;
  color: #797CA4;
}
.tabs-city-content .top-three-blocks .t-t-blo-text p {
  font-size: 12px;
  line-height: 1.2;
  color: #181457;
  margin-bottom: 0;
}
.tabs-city-content .top-three-blocks .t-t-blo-img {
  margin-right: 7px;
  margin-top: -4px;
}
.tabs-city-content .top-three-blocks {
  padding: 8px 20px;
  flex: 0 0 33.333333%;
}
.t-t-blo-text {
  flex:1;
}
.tabs-city-content {
  background: #FFFFFF;
  border-radius: 20px;
  max-width: 100%;
  border: 1px solid #EBEBF1;
}
.tabs-city-content .top-three-blocks.middle-block {
  border-left: 1px solid #EBEBF1;
  border-right: 1px solid #EBEBF1;
}
.tab-text-section {
  padding: 20px 0 0;
}
.tab-text-section.d-flex p {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.7;
  color: #181457;
  margin-bottom: 0;
  text-align: justify;
}
hr {
  border-bottom: 1px solid #8f8f8f;
}
/*.tab-residence-list ul {
    padding: 0;
    margin-bottom: 0;
}*/
/*.tab-residence-list ul li {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #181457;
    width: 33.3333%;
    float: left;
    padding-bottom: 24px;
}*/
.tab-residence-list .list-check {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
}
.tab-residence-list {
  background: #FFFFFF;
  border: 1px solid #EBEBF1;
  box-sizing: border-box;
  border-radius: 20px;
  display: flex;
  padding: 24px;
  padding-bottom: 2px;
}
.tab-residence h2:after {
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 50px;
  background: #3BE8B0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.tab-residence h2 {
  font-weight: 800;
  font-size: 20px;
  line-height: 22px;
  color: #181457;
  position: relative;
  padding-left: 16px;
  margin-bottom: 16px;
}
/*.tab-residence {
    padding-bottom: 30px;
    border-bottom: 1px solid #EBEBF1;
    padding-top: 25px;
}*/
.tab-residence.Logements .accordion.accordion-flush .accordion-item h2:after {
  display: none;
}
.acor-s strong {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #FF1C60;
  padding-right: 9px;
}
.acor-s {
  font-size: 14px;
  line-height: 1.2;
  color: #797CA4;
}
.accor-button-padding {
  padding: 24px;
}
.tab-residence.Logements h2.accordion-header {
  padding-left: 0;
  margin-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button:focus {
  box-shadow: none;
}

.tab-residence.Logements .accordion.accordion-flush .accordion-item h2 span.acor-s.tops-d-flex {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  text-align: right;
  color: #181457;
  border-right: 1px solid #EBEBF1;
  padding-right: 20px;
  margin-right: 25px;
}
.tab-residence.Logements .accordion.accordion-flush .accordion-button:after {
  background-image: url(/img/v2/accordion-1.svg);
  background-size: 24px;
  width: 25px;
  height: 25px;
}
.tab-residence.Logements h5 {
  font-size: 14px;
  line-height: 1.2;
  color: #797CA4;
  margin-bottom:1px;
}
.tab-residence.Logements .price-d {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  display: flex;
  align-items: center;
  color: #181457;
  justify-content: center;
}

.four-blocks-wrapper .four-blocks h4 {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 10px;
  line-height: 1.2;
  color: #797CA4;
  text-transform: capitalize;
}
.four-blocks-wrapper .four-blocks .text-city-so-p {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.2;
  color: #181457;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*.four-blocks-wrapper .four-blocks {
  width: 37%;
  float: left;
  box-sizing: border-box;
}
.four-blocks-wrapper .four-blocks:nth-child(4) {
  width: 63%;
}*/
.tab-residence.Logements .three-blocks-op {
  background: #FFFFFF;
  border: 1px solid #181457;
  box-sizing: border-box;
  border-radius: 18px;
  padding: 16px 18px;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.tab-residence.Logements .three-blocks-op button {
  background: #181457;
  border-radius: 100px;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  color: #FFFFFF;
  border: 0 none;
  padding: 10px 28px;
  width: 100%;
  justify-content: center;
}
.tab-residence.Logements .accordion .accordion-item {
  background: #FFFFFF;
  border: 1px solid #EBEBF1;
  box-sizing: border-box;
  border-radius: 24px;
  overflow: hidden;
  margin-bottom: 16px;
}
.min-height-block .accordion-body {
  /*position: relative;*/
  /*max-height: 304px;*/
}
.accordion-collapse.min-height-block {
  position: relative;
  /*max-height: 304px !important;*/
}
.accordion-collapse.min-height-block.view-full-content {
  max-height: unset !important;
}
.three-blocks-button-top-s {
  background: #fff;
  padding: 16px 0 24px;
  position: sticky;
  bottom: 0;
  width: 100%;
}
.accordion-collapse.min-height-block.view-full-content .three-blocks-button-top-s {
  position: unset;
  padding-bottom: 16px;
}
.three-blocks-button-top-s button {
  background: #FFFFFF;
  border: 1px solid #FF1C60;
  box-sizing: border-box;
  border-radius: 30px;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.7;
  color: #FF1C60;
  padding: 10px 26px;
  /*margin-top: 25px;*/
}

.tab-residence.Logements button.accordion-button {
  background: #fff;
  border-bottom: 0 none;
  box-shadow: unset !important;
}

.tab-Contactez-wrapper .tab-Contactez-text-button {
  background: #FFFFFF;
  border: 1px solid #EBEBF1;
  box-sizing: border-box;
  border-radius: 24px;
  padding: 65px 0 34px;
  text-align: center;
}
.tab-Contactez-wrapper {
  padding-top: 55px;
  /*padding-bottom: 30px;
  border-bottom: 1px solid #EBEBF1;*/
}
.tab-Contactez {
  max-width: 504px;
}
.tab-Contactez p {
  font-size: 14px;
  line-height: 1.3;
  color: #797CA4;
}
.tab-Contactez h3 {
  font-weight: bold;
  font-size: 18px;
  line-height:1.2;
  text-align: center;
  color: #181457;
  margin-bottom: 10px;
}
.tab-Contactez-buttons button {
  background: #181457;
  box-shadow: 0px 6px 18px -4px rgb(185 182 196 / 70%);
  border-radius: 30px;
  border: 0 none;
  padding: 12px 24px;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  min-width: 220px;
  text-transform: capitalize;
}

.tab-Contactez-image:after {
  content: "";
  width: 120px;
  height: 120px;
  position: absolute;
  background: #fff;
  border-radius: 50%;
  z-index: -1;
  top: -66px;
  border: 1px solid #EBEBF1;
}
.tab-Contactez-image, .tab-residence.J-explore .map-section-tab-x-city {
  position: relative;
}
.tab-residence.J-explore .map-section-tab-x-city {
  border-radius: 24px;
  overflow: hidden;
}
.tab-residence.J-explore .map-section-tab-x-city.lazy-load-map-wrapper.map-content-loaded {
  border-radius: 8px;
 }
.tab-Contactez-image img {
  position: absolute;
  top: -56px;
  border-radius: 50%;
  height: 100px;
  width: 100px;
}
.tab-residence.J-explore {
  border-radius: 24px;
}

.tab-residence.J-explore .map-section-tab-x-city:after {
  height: 100%;
  position: absolute;
  content: "";
  background: #050321;
  opacity: 0.7;
  border-radius: 24px;
  z-index: 1;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.tab-residence.J-explore .map-section-tab-x-city .button-x-map button {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
  color: #FFFFFF;
  background: #3BE8B0;
  box-shadow: 0px 6px 28px -4px rgb(6 2 33 / 30%);
  border-radius: 30px;
  border: 0 none;
  padding: 12px 44px;
  z-index: 999;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
}
.plus-de-donnees {
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
  color: #FFFFFF;
  background: #3BE8B0;
  box-shadow: 0px 2px 5px 0px rgb(6 2 33 / 10%);
  border-radius: 50px;
  border: 0 none;
  padding: 8px 24px;
  margin: 0 auto;
}
.plus-de-donnees-investir {
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
  color: #FFFFFF;
  background: #00E0FF;
  box-shadow: 0px 2px 5px 0px rgb(6 2 33 / 10%);
  border-radius: 50px;
  border: 0 none;
  padding: 8px 24px;
  margin: 0 auto;
}
.lazy-load-map-wrapper.map-content-loaded:after {
  content:none !important;
}
.map-content-loaded .map-placeholder-image,
.map-content-loaded .button-x-map,
.map-content-loaded .button-x-map .load-map-button{
 display: none;
}

.tab-residence.J-explore .head-top p {
  margin-bottom: 0px;
}
.tab-residence.autres .secti-on-top-blocks .list-item.d-flex, .lead-other-prog {
  padding: 14px;
  border-radius: 24px;
  margin-top: 0;
  margin-bottom: 25px;
  box-shadow: none;
  border: 1px solid #EBEBF1;
} 
.tab-residence.autres .text-city-zia .text-city-pro-grass ul li {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #797CA4;
  margin-bottom: 10px;
}
.tab-residence.autres .text-city-zia .text-city-pro-grass ul li img {
  padding-right: 0;
  max-width: 14px;
  margin-right: 6px;
}
.tab-residence.autres .text-city-zia {
  padding-left: 20px;
}
.tab-residence.autres .text-city-pro-grass h3 {
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 14px;
}
.tab-residence.autres .text-city-pro-grass .list-item-main-content-gauge-container, .tab-residence.autres .gauge-post-city-zs .matching-criteria-text {
  position: static;
}
.tab-residence.autres .gauge-container {
  width: 60px;
  padding: 0;
}
.tab-residence.autres .gauge-post-city-zs .matching-criteria-text {
  max-width: 100%;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  color: #FF1C60;
}
.top-blocks-annoce .circular-gauge-container {
  flex: 0 0 56px;
}
.top-blocks-annoce .circular-gauge-section .matching-criteria-text {
  margin: 0;
  max-width: 100%;
  font-weight: 500;
  font-size: 10px;
  line-height: 1.2;
  display: flex;
  align-items: center;
  color: #FF1C60;
}
.top-blocks-annoce .list-item-main-content-gauge-container {
  flex: auto;
}
.list-wrapper.top-blocks-annoce .list-item-image {
  flex: 0 0 128px;
}
.top-blocks-annoce .list-item-content {
  padding-left: 18px;
}
.top-blocks-annoce .list-item-main-content .list-item-title {
  font-size: 16px;
  margin-bottom: 14px;
}
.top-blocks-annoce .list-item-main-content-container {
  margin-bottom: 12px;
}
.top-blocks-annoce .list-item-main-content .list-item-main-content-text li {
  font-size: 12px;
}
.score-lists-bl-img h4 {
  font-weight: 600;
  font-size: 10px;
  line-height: normal;
  text-transform: uppercase;
  color: #797CA4;
  margin-bottom: 2px;
}
.score-lists-bl-img .star-rating-d svg path {
  fill: #FEC956;
}
.score-lists-bl-img .star-rating-d svg path {
  fill: #FEC956;
}
.score-lists-block {
  /*height: 44px;*/
  background: #FFFFFF;
  border: 1px solid #EBEBF1;
  /*box-sizing: border-box;*/
  border-radius: 10px;
  /*width: 170px;*/
  padding: 6px 10px;
  /*margin-bottom: 10px;*/

}

.tab-residence.le-quartier .le-quartier-wrapper {
  background: #FFFFFF;
  border: 1px solid #EBEBF1;
  border-radius: 24px;
  position: relative;
}
.Element-none button.hide-show-button, .Element-none:after {
  display: none !important;
}
.le-quartier-gauage-t-invest {
  /*height: 106px;
  overflow: hidden;*/
}
button.hide-show-button {
  background: #181457;
  box-shadow: 0px 6px 18px -4px rgb(185 182 196 / 70%);
  border-radius: 30px;
  border: 0 none;
  padding: 12px 24px;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
  position: relative;
  z-index: 9;
}
.le-quartier-gauage-top {
  /*height: 136px;
  overflow: hidden;*/
}
.pro-grass-wrap:after, .wrpper-clas:after {
/*  content: "";
  background: linear-gradient(0deg, #FFFFFF 26.27%, rgb(255 255 255 / 38%) 58.64%);
  height: 171px;
  width: 100%;
  position: absolute;
  bottom: 0;*/
}
.le-quartier-pro-grass-bar {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
  color: #797CA4;
  border-bottom: 1px solid #EBEBF1;
}
.le-quartier-pro-grass-bar span span.count-number, .Lead-page .count-number {
  font-size: 22px;
  color: #181457;
  font-weight: 700;
}
.le-quartier-wrapper .le-quartier-pro-grass-bar .prog-ress-bar .progress {
  max-width: 384px;
  /*margin: 0 auto;*/
/*  height: 10px;
  background: #EBEBF1;*/
}
.prog-ress-bar {
  padding-bottom: 0;
  border-bottom: 0 none;
}
.le-quartier-wrapper .le-quartier-pro-grass-bar .prog-ress-bar .progress .progress-bar {
/*  background: linear-gradient(270deg, #22DAD2 3.11%, #3BE8B0 98.45%);
  border-radius: 100px;*/
}
.cot-financier h3 {
  font-weight: 800;
  font-size: 16px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  color: #181457;
  justify-content: center;
}
.cot-financier h3 svg.svg-inline--fa.fa-caret-right.fa-w-6 {
  margin-right: 4px;
}
.cot-financier-tops-city p {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  color: #797CA4;
  margin-bottom: 10px;  
}
.cot-financier-tops-city h5 {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2;
  color: #181457;
  margin-bottom: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/*.cot-financier-tops-progress-city {
    display: flex;
    justify-content: left;
    align-items: center;
}*/
.cot-financier-tops-progress-city .progress {
  /*width: 124px;*/
/*  height: 10px;*/
}
.cot-financier-tops-progress-city .progress .progress-bar {
/*  background: linear-gradient(270deg, #00C2FF 3.11%, #00E0FF 98.45%);
  border-radius: 100px;*/
  
}
.cot-financier-tops-progress-city span.persent-s {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2;
  color: #181457;
  padding-right: 6px;
  padding-left: 0px;
}
.cot-financier-tops-progress-city .ann-wrap-right {
  flex: 0;
}
.cot-financier-tops-progress-city span.text-model-footer.right-content {
  flex: 0 0 64px;
}
.cot-financier-tops-progress-city span {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #181457;
  padding-left: 6px;
}
.cot-financier-tops-city {
  background: #FFFFFF;
  border: 1px solid #EBEBF1;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 12px 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.col-2-f {
  width: 100%;
  max-width: 145px;
}
.col-5-f {
  padding: 0 10px;
}
.col-5-f .cot-financier-tops-city, .col-6-f .cot-financier-tops-city {
  padding: 9px 15px;
  width: 268px;
}
.tab-residence.le-quartier.investisseurs-locatifs .le-quartier-wrapper {
  background: #FFFFFF;
  border: 1px solid #EBEBF1;
  box-sizing: border-box;
  border-radius: 24px;
}
.tab-residence.le-quartier.investisseurs-locatifs .prog-ress-bar {
  border-bottom: none;
}
.cot-financier {
  background: rgba(235, 235, 241, 0.5);
  padding: 16px 20px;
}
.cot-financier.location h5 {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  color: #797CA4;
}
.cot-financier.location .star-rating-d ul li svg {
  color: #FEC956;
  width: 13px;
}
.score-lists-bl-img .star-rating-d svg {
  max-width: 10px;
}
.star-rating-d ul li {
  line-height: 1;
  margin-right: 2px;
}
.location-s .col-fas {
  background: #FFFFFF;
  border: 1px solid #EBEBF1;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 12px 16px;
  height: 70px;
}



.cot-financier.location .star-rating-d span {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  color: #181457;
}
.rate-p span {
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: flex-start;
  color: #181457;
}
.increate-rate {
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #181457;
}



.cot-financier.location.revente-future {
  background: #f5f5f8;
}
.increate-rate.mt-auto.decrease {
  color: #ff1c60;
}
.revente-future-wrapper .line-chart-wrap .line-chart h4 {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  color: #797CA4;
  margin-bottom:23px;
}
.revente-future-wrapper .line-chart-wrap {
  background: #FFFFFF;
  border: 1px solid #EBEBF1;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 12px 16px;
  flex: 0 0 100%;
}
.tab-residence.le-quartier.investisseurs-locatifs .le-quartier-wrapper {
  padding-bottom: 0;
  overflow: hidden;
}
.sidebar.sliders-tab-menu .owl-stage-outer:after {display:none;}
.sidebar.sliders-tab-menu .city-buttons-slider-zia {
  border-right: none;
}
.city-buttons-slider-zia .owl-demo .item .button-zia .button-zia-img {
  border: none;
  place-items: center;
  margin: 0 auto 9px;
  background: linear-gradient(180deg, #22DAD2 0%, #3BE8B0 100%);
  box-shadow: 0px 6px 18px -5px rgb(35 219 211 / 70%);
  border-radius: 14px;
}
.city-buttons-slider-zia .owl-demo .item .button-zia .button-zia-img img {
  width: 24px;
  margin: 0 auto;
  filter: brightness(0) invert(1);
}
.sidebar.sliders-tab-menu h3 {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  /*color: #3be8b0;*/
  margin-bottom: 17px;
  text-align: center;
}
.sidebar.sliders-tab-menu {
  background: #FFFFFF;
  box-shadow: 0px 10px 14px -8px rgb(185 182 196 / 50%);
  border-radius: 24px;
  padding: 0 44px 20px;
  overflow: visible;
}
.sidebar.sliders-tab-menu .city-buttons-slider-zia .owl-demo .button-zia p {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  color: #181457;
}
.sidebar.sliders-tab-menu button.owl-next {
  right: -11px;
  top: 50%;
}
.sidebar.sliders-tab-menu .gauge-post-city-zs {
  background: #fff;
  width: 138px;
  height: 138px;
  margin: 0 auto;
  border-radius: 50%;
  position: absolute;
  top: -54px;
  z-index: 999;
  left: 0;
  right: 0;
}
.sidebar.sliders-tab-menu .gauge-post-city-zs .gauge-container {
  margin: 0 auto;

}
.sidebar.sliders-tab-menu .gauge-post-city-zs g.text-container text {
  font-weight: 800;
  font-size: 18px;
  line-height: 1.2;
  fill: #FF1C60;
}
.sidebar.sliders-tab-menu .text-gauge {
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  max-width: 74px;
  margin: -6px auto 0;
  color: #797CA4;
}
.sidebar.sliders-tab-menu .gauge-post-city-zs .matching-criteria-text {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #797CA4;
  text-align: center;
  position: absolute;
  top: 74px;
  max-width: 87px;
  left: 0;
  right: 0;
  margin: 15px auto 0;
}
.sidebar.sliders-tab-menu .city-buttons-slider-zia {
  border-right: none;
  padding-top: 86px;
}

.sidebar-button button {
  height: 46px;
  background: #181457;
  box-shadow: 0px 6px 18px -4px rgb(185 182 196 / 70%);
  border-radius: 30px;
  border: 0 none;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  text-align: center;
  max-width:400px;
}
.tab-residence.autres {
  padding-bottom: 0;
  border: 0 none;
}

.sidebar.sliders-tab-menu.sticky-top {
  position: sticky !important;
  top: calc( 74px + 16px + 16px + 59px ); /* header +  .annonce-page margin + top row  */
  margin-bottom: 30px;
}
.tab-content-cityzia ul.nav li .nav-link {
  font-size: 14px !important;
}
.tab-content-cityzia ul.nav li {
  padding-right: 25px;
}
.annonce-page .sidebar.sliders-tab-menu button.owl-next {
  right: -22px;
  top: 50%;
}
.annonce-page .sliders-tab-menu .owl-carousel .owl-nav button.owl-prev {
  right: auto;
  left: -29px;
  top: 50%;
}
/*.top-annonce .Buttons-compare a img {
  height: 16px;
}*/

/*annonce modal*/
div#placeContactform .modal-dialog {
  max-width: 920px;
}
/*
div#placeContactform .modal-header {
  flex-direction: column;
  padding-top: 34px;
  padding-bottom: 24px;
}
div#placeContactform .modal-header h5 {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
  color: #181457;
  padding-top: 12px;
}*/
.modal-profile-image {
  position: relative;
}
.modal-profile-image:after {
  content: "";
  width: 108px;
  height: 108px;
  position: absolute;
  background: #fff;
  border-radius: 50%;
  z-index: 1;
  top: -4px;
  border: 1px solid #01c2ff;
  left: -4px;
  right: 0;
}
.modal-profile-image img {
  height: 100px;
  width: 100px;
  border-radius: 100px;
  position: relative;
  z-index: 2;
}
/*
div#placeContactform .modal-body {
  background: #ffffff;
  border-radius: 0 0 4px 4px;
}*/
div#placeContactform .modal-form label {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: #181457;
  margin-bottom: 5px;
  font-weight:800;
}
div#placeContactform .modal-form input::placeholder ,div#placeContactform .modal-form textarea::placeholder { 
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: #181457;
}
div#placeContactform .modal-form .input-text {
  background: #FFFFFF;
  border: 1px solid #EBEBF1;
  box-sizing: border-box;
  border-radius: 8px;
  font-size: 14px;
}
div#placeContactform .modal-form .input-text-label {
  border: 1px solid #EBEBF1;
  box-sizing: border-box;
  border-radius: 8px;
}
div#placeContactform .modal-form .mb-3 {
  margin-bottom: 13px !important;
}
div#placeContactform .form-check label { 
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: #181457;
  margin-bottom: 0 !important;
  margin-left: 9px;
}
div#placeContactform .modal-form .form-check input {
  border-radius: 4px;
  margin-top: 0;
}
div#placeContactform .modal-form .form-check {
  display: flex;
  align-items: center;
}
.text-modal-p p {
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  color: #797CA4;
}

span.stars, span.stars span {
  background: url(/img/v2/stars.png) repeat-x scroll 0 -12px;
  background-size: 12px;
}
span.stars, span.stars span {	
  display: block;
  height: 12px;
  width: 60px;
  overflow: hidden;
}
span.stars span{
  background-position: 0 0;
}
.annonce-contact-form-checkbox input {
	width: 30px;
	height: 20px;
}
.annonce-contact-form-checkbox label {
	font-size: 13px !important;	
}
@media only screen and (max-width: 400px) { 
	.annonce-contact-form-checkbox input {
		width: 40px;
		height: 20px;
	}
}
#placeContactform input::placeholder {
  color: #797CA4 !important;
  font-size: 14px !important;
}
#placeContactform textarea::placeholder {
  color: #797CA4 !important;
  font-size: 14px !important;
}
#placeContactform .text-modal-p p {
	text-align: justify;
}

/*annonce modal*/


/*Annonce Page Media*/

@media only screen and (min-width: 1200px) { 
/*  .sidebar.sliders-tab-menu.Tab-mobile-t {
    display: none;
  }*/
}
@media only screen and (min-width: 768px) { 
  .mobile-button-an{display:none !important;}
}
@media only screen and (max-width: 1199px) {
  .page-annonce footer {
	display:none;
  }
  /*.sidebar-hidden-dis-mob,*/
  .tab-Contactez-image:after, .cot-financier h3 svg {
    display: none;
  }
  .sidebar.sliders-tab-menu .gauge-post-city-zs {
    position: inherit;
  }
  .sidebar.sliders-tab-menu .gauge-post-city-zs {
    background: #fff;
    width: 90px;
    height: 130px;
  }
  .sidebar.sliders-tab-menu .text-gauge {
    font-size: 10px;
  }
  .sidebar.sliders-tab-menu {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .sidebar.sliders-tab-menu {
    padding: 0 20px 20px;
  }
 /* .tabs-mobile-view-annonce {
    background: #fff;
    border-radius: 24px;
    padding: 24px;
    margin-top: 24px;
    border: 1px solid #EBEBF1;
  }
  .tabs-city-content {
    margin-top: 0;
  }





  .tab-Contactez-wrapper .tab-Contactez-text-button {
    background: none;
    border: none;
    border-radius: 0;
    padding: 0 0 0 16px;
    min-width: 0;
  }
  .tab-Contactez-wrapper {
    padding-top: 0;
  }
 .tab-Contactez-image img.img-fluid {
    position: unset;
  }*/
  /*.tab-Contactez-wrapper {
    padding-top: 0;
    display: flex;
    justify-content: start;
  }
  .tab-Contactez {
    max-width: 100%;
  }
  .tab-Contactez h3, .tab-Contactez p {
    text-align: left;
  }
  .tab-Contactez-image {
    flex-direction: column;
    justify-content: start !important;
    flex: 0 0 100px;
  }
  .tab-Contactez-buttons {
    justify-content: start !important;
  }*/
  .cot-financier {
    border-radius: 14px;
  }
  .location-s .col {
    flex: 0 0 50%;
    margin-bottom: 10px;
  }
  .location-s {
    width: 100%; 
  }
  .revente-future .location-s .col {
    margin-bottom: 0;
  }
  .padding-remove-annoce {
    padding: 0 !important;
  }
  .revente-future-wrapper .line-chart-wrap {
    margin-top: 8px;
  }
  .padding-right-annon {
    padding-right: 0 !important;
  }
  .tab-content-cityzia ul.nav.sticky-top {
    overflow: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
  }




  /*footer-fixed*/
  .fixed-footer-tab-mobile .circular-gauge-container {
    width: 60px;
  }
  .fixed-footer-tab-mobile {
    background: #fff;
    z-index: 999;
  }
  .page-annonce footer {
    margin-bottom: 80px;
  }
  /*footer-fixed*/
}


@media only screen and (max-width: 991px) {
  .cot-financier-tops-city h5 {
    font-size: 14px;
  }
  .cot-financier-tops-city {
    padding: 12px 8px;
  }
/*  div#placeContactform .modal-dialog {
    margin: 1.75rem auto;
  }*/
  .revente-future-wrapper .line-chart-wrap {
    height:300px;
  }
}

@media only screen and (max-width: 767px) { 
  /*.mobile-button-an1 {
    display: none !important;
  }*/
  .tab-Contactez-wrapper .tab-Contactez-text-button {
    padding: 65px 14px 34px;
}
  .fixed-footer-tab-mobile .text-gauge {
    font-size: 8px;
  }
  .fixed-footer-tab-mobile .sidebar-button button {
    font-size: 10px;
  }
/*  main.annonce-container {
    padding-top: calc(56px + 10px);
  }*/
  .annonce-page {
    margin-top: 8px;
  }
  .tab-content-cityzia ul.nav.sticky-top {  
    top: 56px;
  } 
}

@media only screen and (max-width: 575px) { 
  .le-quartier-gauage-top .gauge-s {
    margin-bottom: 20px;
  }
  .mobile-order-1 {
    order: 2;
    margin-bottom: 20px;
  }
  .mobile-order-2 {
    order: 1;
  }
  .mobile-order-3 {
    order: 3;
  }
  .sidebar.sliders-tab-menu .gauge-post-city-zs {
    height: 92px;
  }
  .sidebar-button {
    /*flex-direction: column;*/
  }
  .sidebar-button button {
    margin: 0 !important;
  }
  .sidebar-button button.mobile-ver {
    margin: 0 0 10px !important;
  }
  .tabs-city-content .top-three-blocks {
    padding: 8px 8px;
    flex: 0 0 100%;
    width: 100%;
  }
  .tabs-city-content {
    margin-top: 0;
    flex-direction: column;
    align-items: flex-start !important;
  }
  .tabs-city-content .top-three-blocks.middle-block {
    border: none;
  }
  .tabs-mobile-view-annonce {
    /*padding: 16px;*/
  }
  .top-blocks-annoce .circular-gauge-section .matching-criteria-text {
    margin-left: 2px !important;
    text-align: left;
  }
  .top-blocks-annoce .list-item-content {
    padding-left: 12px;
  }
  .acor-wrapper {
    flex-direction: column;
    align-items: start;
  }
  .acor-s strong {
    display: block;
  }
  .tab-residence.Logements .accordion.accordion-flush .accordion-item h2 span.acor-s.tops-d-flex {
    border-right: 0 none;

  }
  .tab-residence-list .list-check {
    display: flex;
    align-items: start;
  }
  .accor-button-padding {
    padding: 16px;
  } 
  .tab-residence.J-explore .map-section-tab-x-city .button-x-map button, .plus-de-donnees, .plus-de-donnees-investir {
    font-size: 12px;
    padding: 8px 16px;
  }
  .tab-Contactez-buttons button {
    padding: 12px 10px;
    font-size: 18px;
    min-width: auto;
    width: 100%;
    margin-bottom: 10px;
  }
  .tab-Contactez-buttons .mobile-marfgin {
    margin-left: 0 !important;
    margin-bottom: 0;
}
  button.margin-right-an {
    margin-left: 4px !important;
  }
  .padding-left-an {
    padding: 0 !important;
  }
  .margin-top-bottom-an {
    margin: 10px 0;
  }
  .mpbile-fixed-to {
    display: none !important;
  }
  .fixed-footer-tab-mobile .sidebar-button {
    justify-content: center !important;
  }
/*  .top-annonce.destop-tab .head-top {
    display: none;
  }*/
  .padding-right-annon {
    padding-right: 4px !important;
  }
  .annonce-botton a {
    font-size: 12px;
    padding: 8px 16px;
  }
  div#placeContactform .modal-dialog {
    padding: 0 5px;
  }
  .tab-Contactez-buttons.mobile-button-an1 {
    flex-direction: column;
}
}
@media only screen and (max-width: 378px) { 
  /*button.button-mobile-tips {
    flex: 0 0 86px;
  }*/
  /*.tab-Contactez-buttons button {
    width: 100%;
  }*/
}

@media only screen and (max-width: 767px) {
	.annonce-heading {
		flex-direction: column;
		align-items: center;
		justify-content: center !important;
	}
	.annonce-heading .place-info {
		margin-bottom: 13px;
		text-align: center;
		margin-right: 0px !important;
		width:100%;
	}
}

/*Annonce Page Media*/
.tabs-mobile-view-annonce-cot {
	padding: 20px;
}
.cot-financier {
	border-radius: 14px;
}
.annonce-matched-criteria .button-zia a, .annonce-unmatched-criteria .button-zia a  {
	cursor:grab;
}
.annonce-matched-criteria h3 {
	color: #3be8b0;
}
.annonce-unmatched-criteria h3 {
	color: #797CA4;
}
.annonce-unmatched-criteria .button-zia-img {
	background: #D7D8E4 !important;
}
.annonce-matched-criteria .button-zia-img img, .annonce-unmatched-criteria .button-zia-img img {
	max-height: 18px !important;
}
.annonce-matched-criteria .button-zia-img p, .annonce-unmatched-criteria .button-zia-img p {
	font-size: 12px !important;
	font-weight: 400 !important;
}
.stars-comment {
	margin-left:5px;
}
.fixed-footer-tab-mobile {
	height: 66px;
}
.annonce-logo-footer {
	height:100%;
	background-position: center !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	width:auto;
}
.fit-image
{
	width: 100%;
	object-fit: contain;
	height: 60px;
}
.annonce-button-footer {
	height: 46px;
	background: #181457;
	box-shadow: 0px 0px 3px 3px rgb(185 182 196 / 70%);
	border-radius: 30px;
	border: 0 none;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.2;
	text-align: center;
	max-width: 400px;
	width: 95%;		
}
.annonce-gauge-footer {
	margin-left: auto;
	margin-right: auto;
}
#placeContactform .annonce-contact-footer {
	font-size: 11px
}
.annonce-contact-footer-partner {
	color: #181457;
	font-weight: 600;
	
}
#placeContactform .modal-form {
	max-width: 400px;
	margin: auto;
	margin-top: 20px
}
#placeContactform .modal-form .disclaimer {
}
#placeContactform .modal-form .disclaimer img {
}
.disclaimer-content {
	float: left;
	margin-bottom: 15px;
	position: relative;
	clear: both;
	font-size: 11px;
	font-style: italic;
	background-color: #ffffff;
	border-radius: 10px;
	padding: 5px;
	border: 1px solid #EBEBF1;
	color: #797CA4;
}
.disclaimer-content img {
	float: left;
	display: block;
	margin-right: 10px;
	border-radius: 10px;
	max-height:50px;
	max-width:50px;
}
@media only screen and (max-width: 400px) {
	.disclaimer-accompagne {
		display: none;
	}
}
.annonce-no-criteria {
	font-size: 11px;
}
.annonce-inactive {
	padding: 5px;
    border: 5px solid #181457;
    border-radius: 5px;
    color: #181457;
    background-color: #ffffff;
    font-size: 14px;
    font-style: italic;
	text-align:center;
}

.button-enlarge-wrapper {
	max-width:300px; 
	margin:auto; 
	margin-top:15px; 
	margin-bottom:10px;	
}
.button-enlarge-wrapper a {
	background: #ff1c60;
    box-shadow: 0px 2px 4px 0px rgb(185 182 196 / 70%);
    border-radius: 30px;
    padding: 10px 14px;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 1;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
	-webkit-transition: all 0.5s ease;
}
.button-enlarge-wrapper a img {
	margin-right: 10px;
}
.button-enlarge-pretext {
    font-size: 11px;
    color: #181457;
}
.button-enlarge-wrapper .enlarge-all {
	cursor: pointer;
}

/****** END Anounce Page ******/


/****** Comparator Page ******/
.swiper-table-comparator {
	width: 300px !important;
}
.table-comparator {
	width: 300px;
	text-align: center;
	font-size: 15px;
	background-color: #ffffff;
	color: #181457;
}
.table-comparator th, .table-comparator td {
	max-width: 280px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.swipper-wraper-table-comparator {
	align-items: center;
	justify-content: center;
}
.table-comparator-head-image {
	height: 150px;
	width: 100%;
	background-size: cover;
	background-position: center center;
	position: relative;
}
.table-comparator-gauge-wrapper {
	width: 100px;
	height: 100%;
	margin: auto;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
}
.circular-gauge-container.circular-gauge-white-bg.circular-gauge-white-bg-no-resize:after {
    height: 56px;
    width: 70px;
}
.table-comparator-delete-img {
	width: 28px;
	position: absolute;
	right: 5px;
	top: 5px;
	background-color: #ffffff;
    border-radius: 50px;
    padding: 5px;
    cursor: pointer;
}
.table-comparator-residence tr:first-child {
	background: #FF8557;
	color:#ffffff;
	text-transform: uppercase;
	font-weight:600;
}
.table-comparator-residence .table-comparator-title-item {
	color: #FF8557;
}
.table-comparator-quartier tr:first-child {
	background: #3be8b0;
	color:#ffffff;
	text-transform: uppercase;
	font-weight:600;
}
.table-comparator-quartier .table-comparator-title-item {
	color: #3be8b0;
}
.table-comparator-investir tr:first-child {
	background: #00E0FF;
	color:#ffffff;
	text-transform: uppercase;
	font-weight:600;
}
.table-comparator-investir .table-comparator-title-item {
	color: #00E0FF;
}
.table-comparator-title-item {
	text-transform: uppercase;
	font-size: 11px;
	font-weight:800;
}
.table-comparator-td-score {
	height: 90px;
}
.table-comparator-td-rating {
	height: 60px;
}
.button-delete-all-wrapper {
	max-width:250px; 
	margin:auto; 
	margin-top:15px; 
	margin-bottom:15px;	
}
.button-delete-all-wrapper a {
	background: #FFFFFF;
    box-shadow: 0px 2px 4px 0px rgb(185 182 196 / 70%);
    border-radius: 30px;
    padding: 8px 14px;
    margin-right: 12px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1;
    color: #181457;
    display: flex;
    justify-content: center;
    align-items: center;
	-webkit-transition: all 0.5s ease;
}
.button-delete-all-wrapper a img {
	margin-right: 10px;
}
/****** END Comparator Page ******/


/****** Home Page ******/
.max-with-home {max-width: 1200px; margin: 0 auto;}

/*Home-header*/
.Home-header.sticky {
  position: fixed;
  width: 100%;
  z-index: 999;
  transition: all .5s ease;
}
.Home-header header {
  box-shadow: none;
}
.Home-page {
  background: transparent !important;
}
.Home-header.sticky header {
  box-shadow: 0 2px 2px rgb(166 167 171 / 60%);
}
/*.home-first-section*/ 
.Home-page .progress.cityzia-progress-bar {
  flex: 0 0 auto;
  width: 80%;
}
.count-persen {
  flex: 0 0 auto;
  width: 20%;
  font-size: 16px;
  line-height: 1.2;
  color: #181457;
  font-weight: bold;
  margin-left: 6px;
}
.progress-rt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/*Home-header*/

/*First-section*/
.text-sec-h2 h2 {
  font-weight: 600;
  font-size: 52px;
  line-height: 1.2;
  color: #181457;
}
.text-sec-h2 p {
  font-size: 16px;
  line-height: 1.9;
  color: #797CA4;
}
.imgs-sec img {
  width: 100%;
  height: auto;
}
strong.color-change-ne {
  position: relative;
  color: #181457;
}
strong.color-change-ne:after {
  content: "";
  height: 100%;
  width: 100%;
  background-image: url(/img/v2/home/Home-check.svg);
  position: absolute;
  background-repeat: no-repeat;
  left: 0;
  bottom: -18px;
}
.imgs-sec .circular-gauge-section {
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  background: #fff;
  border-radius: 100%;
  width: 144px;
  height: 144px;
  padding: 4px;
}
/*.imgs-sec .list-item-sub-content .prog-ress-bar .progress {
    border-radius: 100px;
    height: 12px;
     background: linear-gradient(270deg, #22DAD2 3.11%, #3BE8B0 98.45%); 
    background: linear-gradient(270deg, #22DAD2 0%, #3BE8B0 100%);
    justify-content: flex-end;
    overflow: visible;
}
.imgs-sec .list-item-sub-content .prog-ress-bar .progress .progress-bar {
     background: linear-gradient(270deg, #22DAD2 3.11%, #3BE8B0 98.45%); 
    border-radius: 100px;
    height: 12px;
    background: #e9ecef;
    position: relative;
    right: -1px;
}*/
.imgs-sec .list-item-sub-content {
  background: linear-gradient(89.61deg, rgba(255, 255, 255, 0.85) 8.01%, #FFFFFF 44.02%);
  border: 1.6px solid #FFFFFF;
  box-sizing: border-box;
  box-shadow: 0px 11.9623px 17.089px -5.1267px rgb(61 60 68 / 10%);
  border-radius: 16px;
  padding: 12px;
  position: absolute;
  top: 22%;
  right: 0;
  width: 100%;
  max-width: 200px;
}
.text-home {
  font-size: 14px;
  margin-bottom: 6px;
}
/*.imgs-sec .list-item-sub-content .prog-ress-bar .progress .progress-bar:after {
    content: "";
    height: 12px;
    width: 8px;
    position: absolute;
    border-radius: 0 8px 8px 0;
    background: #28ddc9;
}*/
.imgs-sec {
  margin: 0 auto;
}/*First-section*/

.Home-page .criteria-filled-img {
	height: 16px;
}

.Home-page .reset-criteria-form-button {
	font-size:12px;
	color: #181457;
}
.Home-page .reset-criteria-form-button:focus {
	box-shadow: none !important;
}

.Home-page .blocks-filter .criteria-filled-text {
    color: #ff1c60;
    font-weight: 700;	
}

.Home-page .powered-pertinence, footer .powered-pertinence {
	font-size: 11px;
}
.Home-page .powered-pertinence img, footer .powered-pertinence img {
	height: 20px;
}
@media only screen and (max-width: 500px) {
	.Home-page .powered-pertinence, footer .powered-pertinence {
		font-size: 10px;
	}
	.Home-page .powered-pertinence img, footer .powered-pertinence img {
		height: 20px;
	}
}
.Home-page .powered-pertinence a, footer .powered-pertinence a {
	text-decoration: none;
	color: #181457;
}

/*Third-section*/
.text-content-home h3 {
  font-weight: 600;
  font-size: 36px;
  line-height: 1.2;
  color: #181457;
  margin-bottom: 15px;
}
.text-content-home p {
  font-size: 16px;
  line-height: 1.7;
  color: #797CA4;
}
.img-content-home img {
  margin: 0 auto;
  display: flex;
}

/*Third-section*/

/*Fith-section*/
.Home-Third-section.pt-5 .content-thin-k {
  font-weight: 400;
}
.color-change-fith {
  color: #00c2ff;
  font-weight: 600;
} 
/*Fith-section*/


/*Sixth-section*/
.Home-width-content {
  background-image: url(/img/v2/home/habiter-inveritr-home.png);
  background-size: cover;
  background-position: center center;
  position: relative;
}
.Home-width-content:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: rgba(21, 19, 39, 0.68);
}
.full-with-content {
  position: relative;
  z-index: 9;
}
.full-with-content h4 {
  font-weight: 300;
  font-size: 38px;
  line-height: 1.2;
  text-align: center;
  color: #fff;
}
.button-colo-h {
  background-image: linear-gradient(to right, #FF1C60 0%, #FE6A56 51%, #FF1C60 100%);
  transition: all .5s ease;
  background-size: 200% auto;
  border-radius: 100px;
  border: 0 none;
  color: #fff;
  padding: 14px 21px;
}
.button-colo-h:hover {
    background-position: right center;
}
.hab-color-h {
  font-weight: 600;
  color: #3BE8B0;
}
.inv-color-h {
  font-weight: 600;
  color: #00c2ff;
}
/*Sixth-section*/ 

/*Seventh-section*/
.title-seventh {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.3;
  text-align: center;
  color: #181457;
}
.post-type-sections .swiper-slide,
.big-cities-places-slider .swiper-slide
{
  cursor: pointer;    
}
.our-promoters-slider .swiper-slide
{
  cursor: grab;    
}
.post-type-sections .swiper-slide .swiper-slide-content {
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0px 10px 14px -8px rgb(185 182 196 / 50%);
}
.post-type-sections .swiper-slide .swiper-slide-content .img-post .img {
  height: 150px;
  width:100%;
  /*  max-width: 250px;*/
  background-size: cover;
  background-position: center;
}
.list-ititle {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  color: #181457;
  margin-bottom: 14px;
}
.list-item-sec {
  /*padding: 22px;*/
  padding: 22px 4px;
}
.list-icontent li {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: #797CA4;
  margin-bottom: 12px;
}
.list-icontent li img {
  margin-right: 10px;
}

.post-type-sections .swiper  {
  padding-bottom: 20px;
}
/*Seventh-section*/

/*Eighth-section*/
.two-sec-content {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 1.2;
  color: #181457;
  word-break: break-all;
}
.cont-tw-pa {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  color: #181457;
  padding-left: 3px;
}
.d-cont {
  background: #FFFFFF;
  box-shadow: 0px 10px 14px -8px rgb(185 182 196 / 50%);
  border-radius: 100px;
  padding: 10px;
}
/*Eighth-section*/

/*Three-section*/
.sw-slid {
  background: rgba(235, 235, 241, 0.5);
  border-radius: 26px;
  cursor:pointer;
}
@media only screen and (max-width: 575px) {
	.sw-slid {
		border-radius: 14px;
	}
}

.slide-head-s {
  font-weight: 500;
  font-size: 17px;
  line-height: 1.2;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sw-slid-content p {
  font-size: 14px;
  line-height: 1.2;
  color: #797CA4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sw-slid-img img {
  height: 76px;
  width: 76px;
  border-radius: 22px;
}
.position-relative.wrap-sli:after {
  content: "";
  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.8;
  top: 0;
  height: 100%;
  width: 200px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 99;
}
.position-relative.wrap-sli:before {
  content: "";
  background: linear-gradient(90deg, #FFFFFF 3.9%, rgba(255, 255, 255, 0) 105%);
  opacity: 0.8;
  transform: matrix(-1, 0, 0, 1, 0, 0);
  top: 0;
  height: 100%;
  width: 200px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
}
.title-slider-three {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.3;
  text-align: center;
  color: #181457;
}
/*Three-section*/

/*nineth-section*/
.client-slider .our-promoters-slider-swiper-button-next:after, .client-slider .our-promoters-slider-swiper-button-prev:after {
  font-size: 14px;
  color: #181457;
  font-weight: bold;
}
.client-slider .swiper-slide { 
  display: flex;
  justify-content: center;
  align-items: center;
}
.client-slider-item img {
  height: auto;
  width: 100%;
}
.slient-title {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.2;
  text-align: center;
  color: #181457;
}
.Home-page .client-slider .swiper-slide { 
  margin-right: 10px;
}

/*nineth-section*/

/*footer*/
.footer-logo img {
  max-width: 118px;
  filter: brightness(0) invert(1);
}
.footer-contact h4 {
    font-weight: 800;
    font-size: 16px;
    line-height: 1.6;
    text-transform: uppercase;
    color: #ff1c60;
}
.footer-contact p {
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
}
.footer-facebook  {
  background: #227AEF;
  border-radius: 4px;
  padding: 4px 6px;
}
.footer-facebook a {
  color: #fff;
}
.footer-email {
  background: #20DEA1;
  border-radius: 4px;
  padding: 4px 6px;
}
.footer-email a {
  color: #fff;
}
.social-media-icons-s a {
  width: 32px;
  height: 32px;
  background: #ffffff;
  opacity: 1;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  border-radius: 100%;
  margin-right: 10px;
}
.footer-contact.social-media-p ul li a {
  font-size: 14px;
  line-height: 1.3;
  color: #ffffff;
}
.footer-contact.social-media-p ul li {
  margin-bottom: 8px;
}
.footer-copy-cont {
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  color: #ffffff;
}
/*footer*/



/*Filters*/
.filter-home {
  background: #FFFFFF;
  box-shadow: 0px 8px 29px rgb(185 182 196 / 70%);
  border-radius: 24px;
  /*padding: 30px;*/    
  margin-top: 10px;
  padding: 0;
  overflow: hidden /* to visible the border-radius */    
} 
.filter-wrap {
  display: flex;
  flex-wrap: wrap;
}

.filter-wrap .sliders-tab-menu.main-project {
  flex: 0 0 auto;
  padding: 26px;
  width: 50%;
}
.city-buttons-home .item {
  flex: 0 0 auto;
  padding: 0 10px;
  width: 20%;
}
.filter-wrap .fil-wra-block {
  flex: 0 0 auto;
  border-right: 1px solid #EBEBF1;
  width: 25%;
  display: flex;
  flex-direction: column;
}
.ttile-fil-block {
  font-weight: 800;
  font-size: 16px;
  line-height: 1.2;
  color: #181457;
  margin-bottom: 6px;
}

.ttile-fil-block img {
  margin-right: 6px;
}
.project-view-investir .ttile-fil-block img.criteria-img, .project-view-investir .sliders-tab-menu.main-project .items-pro-s img {
  filter: brightness(0) saturate(100%) invert(82%) sepia(39%) saturate(6870%) hue-rotate(146deg) brightness(104%) contrast(110%);  
}
.location-title {
  font-size: 14px;
  line-height: 17px;
  color: #797CA4;
}
.fil-s-text {
  margin-right: 6px;
}

.filter-e {
  padding: 26px 26px 26px 26px;
  border-bottom: 1px solid #EBEBF1;
}
.blocks-filter-third.filter-e {
  border-bottom: 0 none;
}

.filter-home .city-buttons-slider-zia .item .button-zia .button-zia-img {
  border: 0 none;
  display: block;
}
.border-a-img {
  width: 50px;
  height: 50px;
  background: #FFFFFF;
  border: 2px dashed #D7D8E4;
  box-sizing: border-box;
  border-radius: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.city-buttons-home {
  display: flex;
  flex-wrap: wrap;
  row-gap: 14px;
  justify-content: center;
}
.Home-page .button-zia-img {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  /*margin-bottom: 20px;*/
}
.Home-page .button-zia-img p {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  /*line-height: 15px;*/
  line-height: 1.2;
  text-align: center;
  color: #797CA4;
  margin-bottom: 0;
}

.border-a-img {
  width: 50px;
  height: 50px;
  background: #FFFFFF;
  border: 1px dashed #787ca3;
  box-sizing: border-box;
  border-radius: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 6px;
}
.border-a-img img {
  max-width: 24px;
}
.sliders-tab-menu.main-project .items-pro-s {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  color: #181457;
  margin-bottom: 14px;
}
.botton-click {
  /*background: linear-gradient(180deg, #22DAD2 0%, #3BE8B0 100%);*/
  border-radius: 0px 24px 24px 0px;
  /*display: flex;
  justify-content: center;
  align-items: center;*/
  flex: 0 0 auto;
  width: 25%;
  background-image: linear-gradient(to right, #22DAD2 0%, #3BE8B0 50%, #22DAD2 200%);
  background-size: 200% auto;
  transition: all .3s ease;
}
.project-view-investir .botton-click {
  /*background: linear-gradient(180deg, #00C2FF 0%, #00E0FF 100%);*/
  background-image: linear-gradient(to right, #00C2FF 0%, #00E0FF 50%, #00C2FF 200%);
  background-size: 200% auto;
  transition: all .3s ease;
}
.botton-click:hover {
    background-position: right center;
}
.botton-click a {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.botton-click .submit-img, .botton-click .loading-spinner {
  height: 100px;
}
@media screen and (max-width: 767px) {
	.botton-click .submit-img, .botton-click .loading-spinner {
	  height: 70px;
	}
}
.botton-click .loading-spinner {
  height: 72px;
  width: 72px;
}
.filter-width {
  max-width: 1200px;
  margin: 0 auto;
}
.Home-Second-section {
  transform: translateY(-137px);
}
.modals-fliter .modal-body {
  padding: 0;
}
.Home-Second-section .criteria-project-contaniner {
  width: 160px;
}
.Home-Second-section .criteria-project-contaniner a {
  /* width: 108px; */
  /*flex: 0 0 69px;*/
}
.city-buttons-home .item .button-zia.active .button-zia-img .border-a-img {
  background: linear-gradient(180deg, #22DAD2 0%, #3BE8B0 100%);
  box-shadow: 2px 2px 5px 0px rgb(35 219 211 / 70%);
  border-radius: 14px;
  border: transparent;
}
.invester-slider .city-buttons-home .item .button-zia.active .border-a-img {
  background: linear-gradient(180deg, #00C2FF 0%, #00E0FF 100%);
  box-shadow: 2px 2px 5px 0px rgb(0 224 255 / 70%);
}
.city-buttons-home .item .button-zia.active .button-zia-img .border-a-img img {
  filter: brightness(0) invert(1);
}
.modals-fliter .modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
  border-radius: 20px;
}
.modals-fliter .modal-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  text-align: center;
  color: #181457;
  width: 100%;
}
.modals-fliter .head-font-size, .modals-fliter label {
  font-weight: 600;
} 
.modals-fliter .modal-dialog {max-width: 560px;}
.modals-fliter .modal-body {
  padding: 10px;
}
.sw-slid-content {
  display: block;
  overflow: hidden;
}

/*media Query*/
@media only screen and (min-width: 768px) and (max-width: 1023px) { 
  .Home-Second-section {
    transform: none;
  }
  .Home-Second-section {
    transform: none;
    padding-bottom: 50px;
  }
} 
@media only screen and (max-width: 767px) {
  .filter-wrap {
    flex-direction: column;
  }
  .botton-click {
    border-radius: 0;
  }
  .botton-click {
    padding: 26px 16px;
  }
  /*.botton-click img {
      max-width: 22px;
  }*/
  .Home-Second-section {
    transform: none;
    padding-top: 30px;
  }
  .modals-fliter .modal-dialog {
    margin: 1.75rem auto;
    width: calc(100% - 1rem);
  }
  .filter-e {
    text-align: center;
    padding: 16px 16px;
  }
  .filter-wrap .sliders-tab-menu.main-project {
    padding: 16px 16px;
  }
  .blocks-filter-third.filter-e {
    border-bottom: 1px solid #EBEBF1;
  }
}
@media only screen and (max-width: 500px) {
  .city-buttons-home .item {
    flex: 0 0 auto;
    padding: 0 10px;
    width: 33%;
  }
}

/*Filters*/

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  br {
    display: none;
  }
  .cont-tw-pa {
    font-size: 14px;
    padding-left: 4px;
  }
  .content-part-right img {
    width: 18px;
  }
}

@media only screen  and (max-width: 767px){    
  .text-sec-h2 p br, .two-sec-content br {
    display: none;
  }
  .imgs-sec .list-item-main-content-gauge-container {
    display: block;
  }
  .imgs-sec .circular-gauge-section {
    width: 90px;
    height: 90px;
    left: -14px;
  }
  .circular-gauge-section .matching-criteria-text {
    font-size: 10px;
  }
  .position-relative.wrap-sli:after, .position-relative.wrap-sli:before {
    width: 50px;
  }
  .two-sec-content {
    text-align: center;
    word-break: break-all;
  }
  .two-sec-content {
    margin-bottom: 50px;
  }
  .footer-logo,.footer-contact {
    text-align: center;
	margin-bottom: 30px;
  }
  .footer-contact.social-media-p {
    padding-bottom: 24px;
  }
  .filter-wrap .fil-wra-block, .filter-wrap .sliders-tab-menu.main-project, .botton-click {
    width: 100%;
  }
}
@media only screen  and (max-width: 575px){   

  .content-part-right-bloxk {
    flex-direction: column;
  }
  .sw-slid-img img {
    height: 46px;
    width: 46px;
    border-radius: 12px;
  }
  .text-sec-h2 h2, .full-with-content h4, .text-content-home h3, .title-seventh, .title-slider-three, .two-sec-content, .slient-title {
    font-size: 20px;
    text-align: center;
  }
  .text-sec-h2 p, .text-content-home {text-align: center;}
  .button-colo-h {
	  font-size:12px
  }
}
.text-sec-h2 img {
  height: 25px;
  /*border:1px solid #181457;*/
}
@media only screen and (max-width: 1150px) {
  .text-sec-h2 h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 880px) {
  .text-sec-h2 h2 {
    font-size: 32px;
  }
  .text-sec-h2 p {
	font-size: 14px;
  }
  .text-sec-h2 img {
	  height: 16px;
  }
}
@media only screen and (max-width: 450px) {
  .text-sec-h2 p {
	font-size: 13px;
  }
  strong.color-change-ne:after {
	  bottom: -14px;
  }
}
@media only screen and (max-width: 375px) {
  .text-sec-h2 h2 {
    font-size: 26px;
  }
  .text-sec-h2 p {
	font-size: 12px;
  }
  strong.color-change-ne:after {
	  bottom: -14px;
  }
}
@media only screen and (max-width: 340px) {
	.text-sec-h2 p {
		font-size: 10px;
	}
  strong.color-change-ne:after {
	  bottom: -10px;
  }
}
.items-pro-s img {
    margin-right: 6px;
}
@media only screen and (max-width: 767px) {
	.sliders-tab-menu.main-project .items-pro-s {
		text-align: center;
	}
}
@media only screen and (max-width: 500px) {
	.criteria-item-wrapper .item:last-child {
		display:none;
	}
}
.Home-page .list-bg-img {
	width:30%;
	flex: unset;
}
.Home-page .list-item {
	border: 1px solid #eeeef1;
	margin-top: 0px;
}

.Home-page .model-footer-content {
	margin: 0;
	padding: 0.8rem 0.8rem;
}
.Home-page .model-footer-content button.focus-button {
	padding: 5px 20px;
	box-shadow: none !important;
}
.Home-page .background-color-btn {
	background: none;
}
.Home-page .location_container .btn-icon.close-btn {
	height: 12px;
    padding-bottom: 2px;
}
.Annonces-page .location_container .btn-icon.close-btn {
	height: 12px;
    padding-bottom: 1px;
}
/****** END Home Page ******/


/****** Hover effects for desktop resolution ******/
@media only screen and (min-width: 992px) {
	.Home-page .filter-e {
		transition: all .3s ease;
	}
	.Home-page .filter-e:hover {
		background-color: #ebebf1;
	}
	
	.Home-page .border-a-img {
		transition: all .3s ease;
	}
	.Home-page .border-a-img:hover {
		background-color: #ebebf1;
	}

	.Home-page .button-colo-h {
		transition: all .3s ease;
	}
	.Home-page .button-colo-h:hover {
		background-color: #ebebf1;
	}

	.Home-page .sw-slid {
		transition: all .3s ease;
	}
	.Home-page .sw-slid:hover {
		background: #e9ecef;
	}
	
	.footer-large a {
		transition: all .3s ease;
	}
	.footer-large a:hover {
		color: #ff1c60 !important;
	}
	.footer-large span.footer-facebook a:hover, .footer-large span.footer-email a:hover {
		color: #ffffff !important;
	}
	
	.footer-large .social-media-icons-s a {
		transition: all .3s ease;
	}
	.footer-large .social-media-icons-s a:hover {
		background: #262626;
	}
	
	.list-item:hover {
	  box-shadow: 0px 10px 14px -8px rgb(24 20 87);
	}
	
	.Annonces-page .criteria-project-slider .button-zia:not(.active) .button-zia-img {
		transition: all .3s ease;
	}
	.Annonces-page .criteria-project-slider .button-zia:not(.active) .button-zia-img:hover {
		background-color: #ebebf1 !important;
	}
	 
	.Annonces-page .popup-buttopn-btn .button-zia-img, .decouvrir-le-lieu {
		transition: all .3s ease;
	}
	.Annonces-page .popup-buttopn-btn .button-zia-img:hover {
		background-color: #ff1c60 !important;
	}
	
	.Annonces-page .popup-buttopn-btn .button-zia-img:hover .img-fu-p-city img {
		filter: brightness(0) invert(1);
	}
	 
	.Annonces-page .popup-buttopn-btn .button-zia-img .bubble-round {
		transition: all .3s ease;
	}
	.Annonces-page .popup-buttopn-btn .button-zia-img:hover .bubble-round {
		background: #f5f5f5;
		color: #ff1c60;
	}
	 
	.Annonces-page .btn-group.trier-pop-sp-city button.btn.dropdown-toggle:hover {
	  background: #ebebf1;
	}

	.Annonces-page .list-item-action-button-container a:not(.active):hover {
	  background: #ebebf1;
	}
	
	.Annonces-page .criteriaModal .model-footer-content button.btn.btn-link.active  {
		transition: all .3s ease;
	}
	.Annonces-page .criteriaModal .model-footer-content button.btn.btn-link.active:hover  {
		background-color: #ff1c60 !important;
		border-color: #ff1c60 !important;
	}
	
	.Annonces-page .reset-criteria-form-modal-dialog button  {
		transition: all .3s ease;
	}
	.Annonces-page .reset-criteria-form-modal-dialog button:hover  {
		background-color: #181457 !important;
		color:#ffffff;
	}
	
	.page-annonce .toss-effect-button {
		transition: all .3s ease;
	}
	.page-annonce .toss-effect-button:not(.active):hover {
		background: #ebebf1;
	}

	.page-annonce .open-place-photo-gallery {
		transition: all .3s ease;
	}
	.page-annonce .open-place-photo-gallery:hover {
		background: #ebebf1;
	}

	.page-annonce .sidebar-button button {
		transition: all .3s ease;
	}
	.page-annonce .sidebar-button button:hover {
		background: #ff1c60;
	}

	.page-annonce .accordion-body .three-blocks-op button {
		transition: all .3s ease;
	}
	.page-annonce .accordion-body .three-blocks-op button:hover {
		background: #ff1c60;
	}

	.page-annonce .tab-residence.Logements .accordion .accordion-item, .Lead-page .tab-residence.Logements .accordion .accordion-item {
		transition: all .3s ease;
	}
	.page-annonce .tab-residence.Logements .accordion .accordion-item:hover, .Lead-page .tab-residence.Logements .accordion .accordion-item:hover {
		border: 1px solid #181457;
	}

	.page-annonce .tab-Contactez-wrapper button {
		transition: all .3s ease;
	}
	.page-annonce .tab-Contactez-wrapper button:hover {
		background: #181457 !important;
	}

	.page-annonce .load-map-button {
		transition: all .3s ease;
	}
	.page-annonce .load-map-button:hover {
		background: #27c793 !important;
	}

	.page-annonce .plus-de-donnees {
		transition: all .3s ease;
	}
	.page-annonce .plus-de-donnees:hover {
		background: #27c793 !important;
	}
	
	.page-annonce .plus-de-donnees-investir {
		transition: all .3s ease;
	}
	.page-annonce .plus-de-donnees-investir:hover {
		background: #00c9ff !important;
	}

	.page-annonce .list-item:hover {
	  box-shadow: 0px 10px 14px -8px rgb(24 20 87) !important;
	}

	.Comparateur-page .button-delete-all-wrapper a:hover {
		background: #ebebf1;
	}
	
	.Favoris-page .button-delete-all-wrapper a:hover {
		background: #ebebf1;
	}

	.Favoris-page .button-delete-listing {
		transition: all .3s ease;
	}
	.Favoris-page .button-delete-listing:hover {
		background: #ebebf1;
	}

	.button-enlarge-wrapper a {
		transition: all .3s ease;
	}
	.button-enlarge-wrapper a:hover {
		background-color: #181457;
	}
	.Home-page .model-footer-content button.focus-button {
		transition: all .3s ease;
	}
	.Home-page .model-footer-content button.focus-button:hover {
		background-color: #ff1c60;
		border-color: #ff1c60;
	}
}
/****** END Hover effects for desktop resolution ******/


#load-pert #status .spinner {
  width: 46px;
  height: 46px;
  position: relative;
  margin: auto;
}
#load-pert #status .spinner .double-bounce1, #load-pert #status .spinner .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ff1c60;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-bounce 2.0s infinite ease-in-out;
}
#load-pert #status .spinner .double-bounce2 {
  animation-delay: -1.0s;
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}


/****** Lead page ******/
.Lead-page {
	color: #181457;
}
.Lead-page .fixed-header-wrapper a {
	color: #00c2ff;
	text-decoration: underline;
}
@media only screen and (max-width: 767px) {
	.Lead-page .fixed-header-wrapper a {
		font-size: 10px;
	}
}
.lead-profile {
	background: #FFFFFF;
    box-shadow: 0px 10px 14px -8px rgb(185 182 196 / 50%);
    border-radius: 20px;
    /*padding: 20px;*/
}
@media only screen and (max-width: 767px) {
	.lead-profile {
		font-size: 13px;
	}
}
.photo-and-name {
	background-image: linear-gradient(to right, #22DAD2 0%, #3BE8B0 50%, #22DAD2 200%);
    background-size: 200% auto;
    padding: 20px;
    border-top-left-radius: 20px;
	color: #ffffff;
}
@media only screen and (max-width: 767px) {
	.photo-and-name {
		border-top-right-radius: 20px;
	}
}
.photo-and-name figcaption {
	font-size: 22px;
}
.lead-short-infos {
    padding: 20px;
}
.lead-short-infos p:last-child {
	margin-bottom: 0px;
}
.lead-short-infos i {
	color: #797CA4;
}
.lead-short-infos-title {
	color: #797CA4;
}
.lead-short-infos a {
	color: #00c2ff;
	text-decoration: underline;
}
.lead-message {
    padding: 20px;
}

.Lead-page .section-title {
    font-weight: 800;
    font-size: 22px;
    line-height: 26px;
    color: #181457;
    position: relative;
    padding-left: 16px;
    margin-bottom: 16px;
}
.Lead-page .section-title:after {
content: "";
    height: 7px;
    width: 7px;
    border-radius: 50px;
    background: #3BE8B0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.Lead-page .tab-residence.Logements .three-blocks-op {
	border: 1px solid #18145740;
}
.lead-besoin-button {
	color: #ffffff !important;
	cursor: default !important;
}
#lead-accordion-prio-indispensable .lead-besoin-button {
	background: #FF1C60 !important;
}
#lead-accordion-prio-importante .lead-besoin-button {
	background: #fe7056 !important;
}
#lead-accordion-prio-moyenne .lead-besoin-button {
	background: #36e5b6 !important;
}
#lead-accordion-prio-optionnelle .lead-besoin-button {
	background: #05c5f8 !important;
}
#lead-accordion-prio-indispensable .acor-s strong {
	color: #FF1C60 !important;
}
#lead-accordion-prio-importante .acor-s strong {
	color: #fe7056 !important;
}
#lead-accordion-prio-moyenne .acor-s strong {
	color: #36e5b6 !important;
}
#lead-accordion-prio-optionnelle .acor-s strong {
	color: #05c5f8 !important;
}
.Lead-page .list-item {
	margin-top: 0px !important;
}
.lead-programme-matching {
	padding: 10px;
	background-color: #ffffff;
	box-shadow: 0px 10px 14px -8px rgb(185 182 196 / 50%);
    border-radius: 36px;
}
@media only screen and (max-width: 991px) {
	.Lead-page .list-item {
		border-radius: 36px !important;
		padding: 20px !important;
	}
}
@media only screen and (max-width: 767px) {
	.list-item-main-content-gauge-container {
		display: block;
	}
}
.Lead-page .lead-programme-avantages .button-zia-img .border-a-img {
	margin: auto;
    background: linear-gradient(180deg, #ff1c60 0%, #ff1c60 100%);
    box-shadow: 2px 2px 5px 0px rgb(121 124 164);
    border-radius: 14px;
    border: transparent;
}
.Lead-page .lead-programme-avantages .button-zia-img .border-a-img img {
	filter: brightness(0) invert(1);
}
.Lead-page .lead-programme-inconvenients .button-zia-img .border-a-img {
	margin: auto;
	background: #FFFFFF;
    border: 1px dashed #787ca3;
    border-radius: 14px;
}
.Lead-page .button-zia-img p {
	color:#181457;
	font-size: 13px;
	margin-top: 7px;
}
.Lead-page .le-quartier-pro-grass-bar {
	border-bottom: none;
}
.card-small-data {
	background: #FFFFFF;
	border: 1px solid #e9ecef;
}
.card-small-data-titre {
	font-size: 11px;
	font-weight: 800;
	color:#797CA4;
	margin-bottom: 5px;
}
.card-small-data-content {
	font-size: 15px;
	font-weight: 700;
	color:#181457;
}
.lead-score {
    background: #FFFFFF;
    box-shadow: 0px 10px 14px -8px rgb(185 182 196 / 50%);
    border: 1px solid #e9ecef;
}
.lead-fraicheur {
	max-width: 200px;
}
@media only screen and (max-width: 767px) {
	.lead-fraicheur {
		max-width: 170px;
	}
}
.Lead-page .tab-residence.Logements .three-blocks-op {
	background: #ebebf1;
}
.Lead-page .tab-residence.Logements .price-d {
	padding-bottom: 12px;
	border-bottom: 1px solid #b5b6c9;
}
/****** END Lead page ******/


.decouvrir-le-lieu img {
  filter: brightness(0) invert(1);
}
.decouvrir-le-lieu {
  background: #181457 !important;
  color: #ffffff !important;
}
.decouvrir-le-lieu:hover {
  background: #ff1c60 !important;
}

.img-ajouter-mes-criteres:hover {
	cursor: pointer;
}

.housing-type {
	padding-left: 15px;
}
.housing-type-appartement.active, .housing-type-maison.active {
	color: #FFFFFF !important;
}

.right-user-project-section {
	max-width: 750px;
}

.granularity-type-villes.active, .granularity-type-quartiers.active {
    background: #ffffff !important;
    color: #181457 !important;
}

.switch-project, .switch-housing {
	margin-right: 10px;
}

@media only screen and (max-width: 1020px) {
	/* Conteneur principal scrollable */
	.trier-pop-sp-city {
	  overflow-x: auto;
	  overflow-y: hidden;
	  -webkit-overflow-scrolling: touch; /* défilement fluide sur iOS */
	  scroll-behavior: smooth;
	}

	/* Pour que les enfants restent sur une seule ligne */
	.trier-pop-sp-city .btn-habiters,
	.trier-pop-sp-city .btn-carte-live {
	  flex-shrink: 0;
	}

	/* Optionnel : cacher la scrollbar sur mobile */
	.trier-pop-sp-city::-webkit-scrollbar,
	.block-head-city-1 .tab-block-city {
	  display: none;
	}
}

button.criteriaSortByFilter {
	width: auto !important;
}

@media (min-width:768px) and (max-width:1020px){
	.switch-granularity {
		margin-right: 10px;
	}
	.right-user-project-section {
		max-width: 275px;
	}
}

@media only screen and (max-width: 1020px) {
	.sliders-tab-menu.main-project {
		padding-left: 0;
	}
	.btn-group.trier-pop-sp-city button.btn.dropdown-toggle {
		box-shadow: unset;
	}
}

@media only screen and (max-width: 767px) {
  .button-zia-img p {
    font-size: 14px;
  }
  
  .main-project h2 {
	  text-align: center;
  }
  
  .block-head-city-1 .gauage-city.head-hero-progress {
	  display:none;
  }

  .slider-wrapper-box {
    justify-content: center !important;
    align-items: center;
  }
}

@media only screen and (max-width: 420px) {
	.img-fu-p-city {
		display: none;
	}
	
	.popup-buttopn-btn p {
		padding-left: 0px;
	}
}
@media only screen and (max-width: 380px) {
  .popup-buttopn-btn p.hero-button-mobile {
    font-size: 11px;
  }

  .content-block-top-cityzia h4 {
	margin-top: 6px;
  }
  
  .main-project h2 {
	  margin-bottom: 11px
  }
}


.home-double-card {
  transform: translateY(-137px);
}

.card-home-hero {
	background: #FFFFFF;
    border-radius: 36px;
	border: 20px solid rgb(200 200 200 / 13%);
	transition: transform 0.3s ease;
}
.card-home-hero .card-title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 11px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
}

.card-home-hero .card-text {
	font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #797CA4;
    margin-bottom: 10px;
    white-space: normal !important;
}

.card-home-hero .card-title.card-title-green {
	color: #28ddc9;
}

.card-title.card-title-red {
	color: #fe1b5f;
}

.typewriter {
	background: #181457;
}

.card-home-hero-button {
    background-color: #ffffff;
    border-radius: 50px;
}

.card-home-hero-button-green {
    color: #28ddc9;
    border: 2px solid #28ddc9;
}

.card-home-hero-button-red {
    color: #fe1b5f;
    border: 2px solid #fe1b5f;
}

.card-home-hero-green {
	box-shadow: 3px 9px 0px 0px rgb(40 221 201)
}

.card-home-hero-red {
	box-shadow: 3px 9px 0px 0px rgb(255 28 96);
}

.card-home-hero-button-green:hover {
	color: #ffffff;
	background-color: #28ddc9;
}

.card-home-hero-button-red:hover {
	color: #ffffff;
	background-color: #fe1b5f;
}

.card-home-hero:hover {
	cursor: pointer;
	transform: translateY(-8px);
}


@media (max-width: 1000px) {
	.home-double-card {
		transform: translateY(0px);
	}
}

@media (max-width: 575px) {
	.card-home-hero .card-title {
		font-size: 16px;
	}

	.card-home-hero .card-text {
		font-size: 14px;
		line-height: 1.2;
	}
	
	.card-home-hero-button {
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.home-double-card .col-md-6:last-child {
		margin-top: 30px;
	}
}