@font-face {
    font-family: 'varela_roundregular';
    src: url('../fonts/varelaround-regular-webfont.woff2') format('woff2'),
         url('../fonts/varelaround-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@media screen and (min-width: 768px) {
	.main-col {padding:0 80px!important}
}
.fancybox__container {z-index:10000}
.wizard,
.tabcontrol,
.wizard h1,.wizard h2,.wizard h3,.wizard h4,.wizard h5,.wizard h6,.wizard .item-title,
.tabcontrol h1,.tabcontrol h2,.tabcontrol h3,.tabcontrol h4,.tabcontrol h5,.tabcontrol h6,.tabcontrol .item-title
{
	font-family:Verdana, sans-serif!important;
}
.wizard h4{font-size: 14px;
    margin-bottom: 20px;
color: #625b5b;}
.form-radio-button {
    display: flex;
}
.form-radio-button .form-radio-input {
    position: absolute;
    margin: 0!important;
    padding: 0!important;
    opacity: 0;
    height: 0;
    width: 0;
    pointer-events: none;
}
.form-radio-button .form-radio-label {
    display: inline-block;
    width: auto;
    color: #646464;
    border: 1px solid #bcbcbc;
    display: block;
    height: 36px;
    padding: 7px 12px 0;
    text-align: center;
    position: relative;
    cursor: pointer;
    margin-right: 10px;
	border-radius: 0.25rem;
}
.form-radio-button .form-radio-label p {line-height:20px;}
.form-radio-button .form-radio-input:checked+label {
    color: #2184be;
    border: 1px solid #2184be;
}
.form-radio-button .form-radio-input:checked+label p,
.form-radio-button .form-radio-input:checked+label .form-radio-img {
	color: #2184be;
}
.wizard > .content > .body input:focus,  
.form-radio-button .form-radio-input:focus+label,
.form-radio .form-radio-input:focus+label
{
	box-shadow: 0 0 5px rgb(81 203 238)!important;
    border: 1px solid rgba(81, 203, 238, 1)!important;
}
.form-radio-button .form-radio-input:focus+label p,
.form-radio .form-radio-input:focus+label p,
.form-radio .form-radio-input:focus+label .form-radio-text,
.form-radio .form-radio-input:focus+label .form-radio-img {
	color:#2184be;
}
.form-radio.row, .form-radio.banner {
    margin-right: -4px;
    margin-left: -4px;
    display: flex;
    flex-wrap: wrap;
}
.radio-block {
    padding: 0 10px 20px;
    max-width: 170px;
}
.form-radio.row>[class*=col-], .form-radio.banner>[class*=col-] {
    display: flex;
    flex-direction: column;
    padding-right: 4px;
    padding-left: 4px;
    margin-bottom: 8px;
}
.form-radio .form-radio-input {
    position: absolute;
    margin: 0!important;
    padding: 0!important;
    opacity: 0;
    height: 0;
    width: 0;
    pointer-events: none;
}
.form-radio .form-radio-label {
    width: 100%;
    height: 100%;
    margin: 0;
    display: inline-block;
    color: #646464;
    border: 1px solid #bcbcbc;
	border-radius: 1rem;
    display: block;
    background: white;
    padding: 5px 8px;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.form-radio .form-radio-img {
    margin-top: 8px;
    margin-bottom: 8px;
    width: 100%;
    text-align: center;
}
.svg-container {
    position: relative;
}
.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important;
}
.svg-container svg {
    position: absolute;
	vertical-align: middle;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.form-radio .form-radio-input:checked+label {
    color: #2184be;
    border: 1px solid #2184be;
}
.form-radio .form-radio-input:checked+label p {
	 color: #2184be;
}
.legends-est {
	display:flex;
	justify-content: center;
	gap: 30px;
	font-size:15px;
	font-weight:bold;
	margin-bottom:25px;
	text-align:center;
}
.legend-est span.bg {
	width:15px;
	height:15px;
	border:1px solid #000;
	display:inline-block;
	margin:0 5px 0 15px
}

.legend-est.bleu span.bg {
	background:#4080c5;
}
.legend-est.oranger span.bg{
	background:#e26f2e;
}
.legend-est.vert span.bg{
	background:#3a7d3e;
}
.form-check {display:flex!important; align-items: start;}
.form-check .form-check-label {margin-left:10px}
.form-check-input {position:relative!important;display:inline-block!important}
.form-check-label {font-weight:normal}
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
#map {height:220px!important}
input[type=text],
input[type=email],
select.form-control { width:50%}
.input-group {width:50%!important}
.rental-tension-panel {font-size:14px}
.all_legend .legend .legend_color {height: 12px;
    width: 15px;
    margin: auto;}
.all_legend .legend .legend_texte {
    margin: 0 5px;
	font-size:12px;
}
.legend {
    display: flex;
    color: var(--bleu-fonce);
    align-content: center;
    justify-content: center;
}
.all_legend .liste_legend {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
.all_legend {
    margin-top: 15px;
}
.legend_dvf {
    min-width: 15px;
    border-radius: 8px;
    background-color: #11479F;
    height: 15px;
    margin: auto;
    border: solid 1px #ffffff;
}
.mapboxgl-marker.pgi-marker {width:30px;height:30px}
.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {margin:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius: 0}
.contact {
    display: flex;
    align-items: center;
}
.header-right div p {
    color: var(--bleu-fonce);
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: 400;
    margin-bottom: 10px;
}
.header-right div a {
	display:block;
	text-align:center;
    color: #11479F;
    text-decoration: none;
    border-radius: 10px;
	padding: 2px 5px 3px 5px;
}
.header-right div a:hover {background:#eee}
.header-right svg {width:40px;color:#2184be;stroke:#fff}
.wizard > .steps > ul > li {width:20%}
.flex-color-grid>div {
    height: 8px;
}
.flex-even, .flex-color-grid>div {
    flex: 1 1;
}
.color-active {
    height: 14px!important;
    border-radius: 4px;
    margin-left: 3px;
    margin-right: 3px;
}
#stepsprogress {
position: absolute;
    z-index: 1;
    right: 10px;
}
.circle-progress-value {
	stroke-width: 6px;
	stroke: #2184be;
	stroke-linecap: round;
}
.circle-progress-circle {
	stroke-width: 2px;
}
.wizard .steps ul {width:calc(100% - 100px)}
.wizard > .steps {min-height:80px}
.elementor-price-table .elementor-price-table__heading {
	display: table-cell;
    height: 90px;
    vertical-align: middle;}
.mapboxgl-marker {width:26px;height:36px}
.fixed-header {
	justify-content: space-between;
	position: fixed;
    width: 100%;
    z-index: 10;
    background: #fff;
    top: 0;
	box-shadow: 0px 4px 13px 0px rgba(136,136,194,0.78);
-webkit-box-shadow: 0px 4px 13px 0px rgba(136,136,194,0.78);
-moz-box-shadow: 0px 4px 13px 0px rgba(136,136,194,0.78);
padding:10px}
.body-row {margin-top:90px}
#wpadminbar {display:none}
.wizard label {font-weight:normal}
.form-group>label {font-size: 18px;}
.wizard .card {border: 1px solid rgba(0,0,0,.125);margin-top:10px}
.legend-square {
    margin: auto;
    width: 40px;
    height: 100%;
    border-radius: 5px;
}
.legend-text{
    margin: auto;
    width: 70%;
    padding-left: 10px;
    padding-right: 10px;
}
.legend-element {
	display:flex;
    line-height: 1em;
    height: 2em;
    margin-bottom: 10px;
}
.legend-5{
	display:flex;
    font-size: 12px;
    width: 30%;
    flex-direction: column;
    justify-content: space-evenly;
    margin: -20px auto 30px;
}
.profile-name, .candidats {
    font-size: 12px;
    font-weight: 700;
	line-height:12px;
}
.profile-income {
    font-size: 10px;
	line-height:12px;
}
.profile-duration {
    font-size: 10px;
	line-height:10px;
    color: #bcbcbc;
}
.wizard > .content > .body label.error {margin-left:0; font-size:15px}
.form-wizard .steps {display:none}
.steps-header {
	width: 100%;
    float: left;
	display: flex;
    justify-content: center;
}
.steps-header ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
}
.steps-header ul > li {
    display: block;
    padding: 0;
	float: left;
	border-radius:0 0 10px 10px;
	height:75px
}
.steps-header ul > li.current {
	background:#f9f9f9
}
.steps-header a, .steps-header a:hover, .steps-header a:active {
    outline: 0;
    text-align: center;
	padding: 10px 25px;
    text-decoration: none;
	display: block;
    width: auto;
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.steps-header .current a, .steps-header .current a:hover, .steps-header .current a:active {
    border-top: 4px solid #2184be;
    color: #2184be;
    cursor: default;
}
.steps-header .current-info {
    position: absolute;
    left: -999em;
}
.steps-header .number {
    font-size: 1.429em;
}
.steps-header .disabled a, .steps-header .disabled a:hover, .steps-header .disabled a:active {
    border-top: 4px solid #eee;
    color: #eee;
    cursor: default;
}
.steps-header .error a, .steps-header .error a:hover, .steps-header .error a:active {
    background: #ff3111;
    color: #fff;
}
.steps-header .done a, .steps-header .done a:hover, .steps-header .done a:active {
    border-top: 4px solid #9dc8e2;
    color: #9dc8e2;
}
.wizard h4, .wizard h2 {
	width: calc(100% - 100px);
}
.wizard h2, .fancybox__content h2 {color:#2184be}
#particular_needs {width:50%}
.cartographie {position:fixed;margin:0 15px}
.bar-chart-container { 
  position: relative;
  margin: auto;
  height: 70vh;
  width: 100vw;
  max-width:100%
}
.basic .pricing-header {
  background-color: #2396f1;
}
.basic .price-circle {
  border: 10px solid #2396f1;
  transition: all 0.4s;
}
.basic:hover .price-circle {
  border-width: 5px;
}
.basic .show-more:hover {
  background-image: none !important;
  background-color: #2396f1 !important;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
}

.echo .pricing-header {
  background-color: #f7b731;
}
.echo .price-circle {
  border: 10px solid #f7b731;
  transition: all 0.4s;
}
.echo:hover .price-circle {
  border-width: 5px;
}
.echo .show-more:hover {
  background-image: none !important;
  background-color: #f7b731 !important;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
}

.pro .pricing-header {
  background-color: #00B28E;
}
.pro .price-circle {
  border: 10px solid #00B28E;
  transition: all 0.4s;
}
.pro:hover .price-circle {
  border-width: 5px;
}
.pro .show-more:hover {
  background-image: none !important;
  background-color: #00B28E !important;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
}

.business .pricing-header {
  background-color: #a55eea;
}
.business .price-circle {
  border: 10px solid #a55eea;
  transition: all 0.4s;
}
.business:hover .price-circle {
  border-width: 5px;
}
.business .show-more:hover {
  background-image: none !important;
  background-color: #a55eea !important;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
}
.pricing-cards {
  width:80%;
  margin:0 auto!important;
}
.pricing-card {
  -webkit-transition: 0.4s background-color ease;
  -ms-transition: 0.4s background-color ease;
  transition: 0.4s background-color ease;
  border:1px solid #eee;
  background-color: white;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  position: relative;
  transition: all 0.4s;
  height:360px;
  overflow:hidden;
  cursor:pointer;
  margin-bottom:25px;
  opacity: 0.7;
}
.pricing-card.deroule {height:auto;}
.pricing-card.selected {opacity:1}
.pricing-card input {display:none!important}
.pricing-card:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
  transform: scale(1.05);
}
.pricing-card .selection {
  position: absolute;
  top: 0;
  right: 5%;
  width: auto;
  padding: 5px 10px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #eb3b5a;
  color: white;
  font-size: 12px;
  z-index: 1;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  display:none;
}
.pricing-card .selection svg {width:15px}
.pricing-card.selected .selection {display:block}
.pricing-card .badge-box {
  padding: 0 40px;
  margin-top: 80px;
}
.pricing-card .badge-box span {
  display: inline-block;
  border: 1px solid #2396f1;
  padding: 4px 12px;
  border-radius: 25px;
  overflow: hidden;
  color: #2396f1;
}
.loyer-div {text-align:center;font-size:18px}
.pricing-card .pricing-header {
  width: 100%;
  height: 150px;
  position: relative;
  border-radius: 20px 20px 0 0;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  /*border-bottom: 20px solid $primary;*/
  /*
  border-radius: $radius $radius 150px 150px;
  -webkit-border-radius: $radius $radius 150px 150px;
  -moz-border-radius: $radius $radius 150px 150px;
  */
}
.pricing-card .pricing-header .plan-title {
  font-size: 20px;
  color: white;
  position: relative;
  top: 25%;
  display:block;
  text-align:center;
}
.pricing-card .pricing-header .price-circle {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  left: calc(50% - 100px);
  top: 60%;
  background-color: white;
  position: absolute;
  display:flex;
  align-items: center;
}
.pricing-card .pricing-header .price-circle .info {
  display: block;
  font-size: 12px;
  font-weight: normal;
  text-align:center;
  color: gray;
}
.pricing-card .pricing-header .price-circle .price-title {
  display: block;
  font-size: 25px;
  padding: 28px 0 0;
  font-weight: normal;
  text-align:center;
  width:100%
}
.pricing-card .pricing-header .price-circle .price-title small {
  font-size: 18px;
}
.pricing-card .pricing-header h2 {
  position: relative;
  top: 40%;
  color: #fff;
}
.pricing-card ul {
  margin: 160px 0 50px 0;
  padding: 0;
  display:none;
}
.pricing-card.deroule ul {display:block}
.pricing-card ul li {
  list-style-type: none;
  display: block;
  font-size:13px;
  padding: 5px 15px;
  margin: 0;
  border-bottom: 1px solid #f2f2f2;
}
.pricing-card ul li:last-child {
	border-bottom: none;
}
.pricing-card .buy-button-box {
	position: absolute;
	bottom: 0;
	width: 100%;
}
.pricing-card .buy-button-box .show-more {
  text-decoration: none;
  display:block;
  text-align:center;
  color: #000;
  padding: 10px 30px;
  border-radius: 20px;
  border: 1px solid #dee2e6;
  margin-top: 20px;
  font-size:14px;
}
.pricing-card .buy-button-box .show-more.reduire {display:none}
.pricing-card.deroule .buy-button-box .show-more.reduire {display:block}
.pricing-card.deroule .buy-button-box .show-more.derouler {display:none}
.pricing-card ul li svg {width:15px;}
.pricing-card.basic ul li svg {color: #2396f1;}
.pricing-card.echo ul li svg {color: #f7b731;}
.pricing-card.pro ul li svg {color: #00B28E;}
.form-radio.row>[class*=col-], .form-radio.banner>[class*=col-] {padding-bottom:0; margin-bottom:0}
.wizard > .content > .body .ext-info ul {list-style: none!important;}
.ext-info ul li svg {width:15px}
.form-radio .form-radio-label .form-radio-text p {margin-bottom:0}
.more-biens svg {    
	width: 25px;
    margin-top: -2px;}
.more-biens {display:none}
.btn-increments {
align-items: center;
}
.btn-increments input{
	width: 80px;
	text-align:center;
    margin: 0 10px;}
.btn-increment {
	display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    width: 32px;
    height: 32px;
    font-size: 1.124375rem;
	transition: all .2s ease-in-out;
    font-weight: 700;
	cursor: pointer;
	box-shadow: 0 .125rem .25rem #0066510d!important;
}
.btn-outline-primary:hover, .btn-add-outline-primary:hover {
    color: #fff;
    background-color: #00b28e;
    border-color: #00b28e;
}
.btn:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
.item-bien {display:none!important}
#biens-list>.card {height:51px;overflow:hidden}
#biens-list>.card.dropdown {height:auto}
#biens-list>.card .card-body {display:none}
#biens-list>.card.dropdown .card-body {display:block}
.card-action {
    height: 25px;
    width: 25px;
	cursor:pointer;
}
.btn-add {
	transition: all .2s ease-in-out;
    font-weight: 700;
    border-radius: 30px;
    display: flex!important;
    align-items: center;
    width: 100%;
    margin-bottom: 16px;
	line-height: 1.5;
    color: #646464;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
	user-select: none;
    background-color: transparent;
    border: 2px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: .875rem;
}
.btn-add-primary {
    color: #fff;
    background-color: #2184be;
	display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    width: 32px;
    height: 32px;
    font-size: 1.124375rem;
    margin-right: 8px;
	box-shadow: 0 .125rem .25rem #0066510d!important;
}
.btn-add-primary svg {
	width: 0.875em;
	display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}
.card-header {cursor:pointer}
.btn-increment {display:none}
.fancybox__backdrop {
--fancybox-opacity:0.4;
}
.fancybox__content {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.card-shadow {
box-shadow: -1px 9px 19px -4px rgba(67,67,105,0.74);
-webkit-box-shadow: -1px 9px 19px -4px rgba(67,67,105,0.74);
-moz-box-shadow: -1px 9px 19px -4px rgba(67,67,105,0.74);
}
.wizard > .content {
	scrollbar-width: none;
}
.height1 .form-radio-label {height:155px}
.wtimage.form-radio .form-radio-label {
	display: flex!important;
	align-items: center;
	justify-content: center;
}
.profile-card .profile {
    position: relative;
    display: flex;
	align-items: center;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: 8px;
    box-shadow: 0 10px 20px #0066511a!important;
}
.img-biens img {
	width:50%;
	height: auto;
}
.chk_facteurs input[type=checkbox] {
	margin: 0.3rem 0 0 -1.25rem;
}
.wizard > .actions > ul {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
@media screen and (max-width: 943px) {
	.fixed-header #stepsDiv {display:none;}
	.pricing-cards {
		width:100%!important;
	}
	.img-biens img {
		width:100%;
		height: auto;
	}
	#stepsprogress {display:none}
	.wizard h4, .wizard h2 {width:100%}
}