/*--------------------------------------------*
 * SF UI Text
 *--------------------------------------------*/

@font-face {
    font-family: "SF Text";
    src: url('/fonts/sf-pro-text-bold-webfont.woff2') format('woff2'),
         url('/fonts/sf-pro-text-bold-webfont.woff') format('woff'),
         url('/fonts/sf-pro-text-bold-webfont.ttf') format('truetype'),
         url('/fonts/sf-pro-text-bold-webfont.svg#sf_pro_textbold') format('svg');
    font-weight: 700;
    font-style: normal;

}




@font-face {
    font-family: "SF Text";
    src: url('/fonts/sf-pro-text-light-webfont.woff2') format('woff2'),
         url('/fonts/sf-pro-text-light-webfont.woff') format('woff'),
         url('/fonts/sf-pro-text-light-webfont.ttf') format('truetype'),
         url('/fonts/sf-pro-text-light-webfont.svg#sf_pro_textlight') format('svg');
    font-weight: 300;
    font-style: normal;

}




@font-face {
    font-family: "SF Text";
    src: url('/fonts/sf-pro-text-regular-webfont.woff2') format('woff2'),
         url('/fonts/fonts/sf-pro-text-regular-webfont.woff') format('woff'),
         url('/fonts/sf-pro-text-regular-webfont.ttf') format('truetype'),
         url('/fonts/sf-pro-text-regular-webfont.svg#sf_pro_textregular') format('svg');
    font-weight: 400;
    font-style: normal;

}




@font-face {
    font-family: "SF Text";
    src: url('/fonts/sf-pro-text-semibold-webfont.woff2') format('woff2'),
         url('/fonts/sf-pro-text-semibold-webfont.woff') format('woff'),
         url('/fonts/sf-pro-text-semibold-webfont.ttf') format('truetype'),
         url('/fonts/sf-pro-text-semibold-webfont.svg#sf_pro_textsemibold') format('svg');
    font-weight: 600;
    font-style: normal;

}



/** Xavier Icons */
@font-face {
  font-family: 'icomoon';
  src:  url('/fonts/icomoon.eot?ke7dg');
  src:  url('/fonts/icomoon.eot?ke7dg#iefix') format('embedded-opentype'),
    url('/fonts/icomoon.ttf?ke7dg') format('truetype'),
    url('/fonts/icomoon.woff?ke7dg') format('woff'),
    url('/fonts/icomoon.svg?ke7dg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
    font-family: "SF Text";
}

a.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
}

a:hover {
    text-decoration: none;
}

.btn-primary.disabled, .btn-primary:disabled, .btn-primary.disabled:hover {
    color: #fff;
    background-color: #3F65D0;
    border-color: #3F65D0;
    opacity: 100;
}

ul {
    list-style-type: none;
    padding: 0px;
}

sub {
    bottom: 0;
    font-size: 60%;
}

.light-grey {
    background-color: #F7F8FC;
}

/*Tino Edits*/
.joinushome{
	padding-top:40px;
}
.navbar {
    padding: 23px 0px;
    max-width: 1140px;
    margin: 0 auto;
    background: #ffffff !important;
    padding-left: 15px;
    padding-right: 15px;
}

.navbar-nav.mr-auto.mt-2.mt-lg-0 {
    margin-left: auto!important;
    margin-right: 0 !important;
}

.navbar-nav a.nav-link {
    font-family: "SF Text";
    font-weight: 600;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: -0.04em;
    color: #3A3F66;
    padding: 8px 24px !important;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #3A3F66;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #3A3F66;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(58,63,102,0.6);
}

/*Tino Edits End*/

/*Andy edits */
.icon-ico-Salon:before {
    content: "\e937";
    color: #223263;
}
.icon-icon-chauffage-collectif:before {
    content: "\e93b";
    color: #223263;
}
.icon-ico-Veranda:before {
    content: "\e93a";
    color: #223263;
}


.formfooter{
	font-size:9px;
	line-height:9px;
	margin-top:20px;
	padding:1em;
}
.extras{
	text-transform:none;
	font-size:11px;
	position: absolute;
	top: 60px;
	display:flex;
}
.search-indicator{
	font-size:1rem;
	display:flex;
}
div.search-selected.commune{
	line-height: 15px;
	overflow: hidden;
}
div.search-selected.commune:hover{
	border-right:none;
	background-color: #fff;
	overflow: visible;
	width: fit-content;
}
#commselectmainM {
	padding:1em;
	border-radius: .25rem;
}
.grecaptcha-badge{
	display:none;
}
/*Andy edits end */
.main-menu{
    width: 100%; 
    height: 100%; 
    opacity: 0; 
    visibility: hidden;
}
 .navbar-toggler {
    color: $navbar-light-color;
    border-color: transparent !important;
  }

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000…p='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
  }


.nav-open .main-menu {
    opacity: 1; 
    visibility: visible; 
    background: rgba(34, 50, 99, 0.99); 
}

.main-menu .nav li a{
    color:#FFF; 
    font-size: 34px;
    line-height: 141%;
    font-weight:600; 
}

.main-menu .nav li a:active::after {
    content: url(/img/ico-agence.svg);
    background-repeat: no-repeat;
    margin-left: 20px;
    vertical-align: sub;
}

.main-menu .nav li{
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);
    -moz-animation-timing-function: cubic-bezier(.45,.005,0,1);
    -o-animation-timing-function: cubic-bezier(.45,.005,0,1);
    animation-timing-function: cubic-bezier(.45,.005,0,1);
}

.main-menu .nav li:hover a{
    color: #3F63D0;
    transform:translateX(10px);
}

.delay{
    opacity: 1 !important;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform .2s,opacity .2s;
    transition: transform .2s,opacity .2s;
}

.nav-button{
    position:relative; 
    z-index:1111; 
    border:none;  
    height:42px; 
    display:block; 
    width:50px; 
    padding:12px; 
}

.nav-button #nav-icon3{
    width:24px;
    height:22px;
    display:inline-block;
    position:relative;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    cursor:pointer;
}

.nav-button #nav-icon3 span{

    display:block;
    position:absolute;
    height:3px;
    width:100%;
    background:#3A3F66;
    border-radius:9px;
    opacity:1;
    left:0;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out
}

.nav-button #nav-icon3 span:nth-child(1){
    top:0
}

.nav-button #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){
    top:7px
}

.nav-button #nav-icon3 span:nth-child(4){
    top:14px
}

.nav-open #nav-icon3 span:nth-child(1){
    top:9px;
    width:0;
    left:50%
}

.nav-open #nav-icon3 span:nth-child(2){
    background: #FFFFFF;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}

.nav-open #nav-icon3 span:nth-child(3){
    background: #FFFFFF;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}


.nav-open #nav-icon3 span:nth-child(4){
    top:9px;
    width:0;
    left:50%
}

.flex-center{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%
}

.nav-link {
    padding: .5rem 1.5rem;
}

.secondaire .nav-item a.nav-link {
    font-family: "SF Text";
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: -0.04em;
    color: #3A3F66;
}

h1 {
    font-family: "SF Text";
    font-size: 46px;
    line-height: 52px;
    letter-spacing: -0.02em;
    color: #223263;
    font-weight: 700;
}

h2 {
    font-family: "SF Text";
    font-size: 40px;
    line-height: 57px;
    align-items: center;
    color: #223263;
    margin: 59px 0px;
    font-weight: 700;
}

h3 {
    font-family: "SF Text";
    font-size: 32px;
    line-height: 120%;
    align-items: center;
    color: #223263;
    margin: 13px 0px;
    font-weight: 700;
}

h4 {
    font-family: "SF Text";
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
    margin-bottom: 40px;
}

p {
    font-family: "SF Text";
    font-size: 22px;
    line-height: 34px;
    color: #7A84A1;
    margin: 59px 0px;
}

p.subtitle {
    font-family: "SF Text";
    font-size: 24px;
    line-height: 36px;
    color: #223263;
}

/*--------------------------------------------*
 * HEADER
 *--------------------------------------------*/

.header h1 {
    margin-top: 50px;
}

.header p {
    margin: 25px 0px;
    color: #fff;
    text-align: center;
    padding: 20px 70px;
    line-height: 50px;
}

.header sub {
    display: block;
    font-size: 10px;
}

.header img {
    vertical-align: sub;
}

.header .subButton {
    line-height: 25px;
}

.header .btn-group:nth-child(4n) .subButton, .header .btn-group:nth-child(4n) .btn-secondary, .header .btn-group:nth-child(4n) .search-selected{
    border: none;
}

.header .btn-secondary {
    height: 86px;
}







.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(/img/arrow.svg);
    right: 100px;
    left: auto;
    
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(/img/arrow-next.svg);
    right: 20px;
    left: auto;
}

.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 87%;
    width: 60px;
    height: 60px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-slide .title {
    position: absolute;
    font-family: "SF Text";
    font-size: 14px;
    line-height: 166%;
    display: flex;
    align-items: center;
    letter-spacing: 0.05em;
    text-indent: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 52px;
    top: 0px;
}

.collab-grey {
    background: linear-gradient(180deg, rgba(35, 24, 33, 0) 0%, rgba(35, 24, 33, 0.4) 100%), url(/img/creer-agence.png);
    mix-blend-mode: normal;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
    /*min-height: 445px;*/
    width: 100%;
}

.collab-grey:after {
    content: "";
  display: block;
  padding-bottom: 100%;
}



.collab-blue {
    background: linear-gradient(180deg, rgba(35, 24, 33, 0) 0%, rgba(35, 24, 33, 0.4) 100%), url(/img/poste-collab.png);
    mix-blend-mode: normal;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
    /*min-height: 445px;*/
    width: 100%;
}

.collab-blue:after {
    content: "";
  display: block;
  padding-bottom: 100%;
}


.collab-grey span, .collab-blue span {
    font-family: "SF Text";
    font-size: 32px;
    line-height: 45px;
    color: #FFFFFF;
    padding-bottom: 42px;
    padding-left: 20px;
}

a:hover .collab-grey, a:hover .collab-blue {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}

.numbers {
    font-family: "SF Text";
    font-size: 31px;
    line-height: 45px;
    text-align: center;
    color: #223263;
    font-weight: 700;
}

.types {
    font-family: "SF Text";
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #223263;
}
/*
.background-numbers {
    background: url(/img/background-numbers.png);
    background-size: cover;
    height: 345px;
    background-repeat: no-repeat;
}*/


/*--------------------------------------------*
 * DROPDOWN RESEARCH
 *--------------------------------------------*/
.search-form .btn-group-room {
    width: 95%;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.search-form .btn-room {
    margin-right: 5px;
    margin-bottom: 5px;
}

.search-form {
    z-index: 999;
    margin-bottom: 100px;
    border-radius: 0px 10px 10px 0px;
    background-color: #fff;
}

.tab-content {
    z-index: 1000;
}

.nav-tabs {
    border-bottom: none;
    font-family: "SF Text";
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    padding: 0px 15px;
	z-index: 300;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #3F63D0;;
    border-color: none;
}

.margin-negative-special {
    margin-top: -600px;
    z-index: 300;
    position: relative;
    
}

.search-form .btn-group button.launch-search {
    font-size: 14px;
    line-height: 23px;
    display: flex;
    /*align-items: center;*/
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 0px;
    border-radius: 0;
    font-family: "SF Text";
    width: 100%;
    height: 86px;
    white-space: nowrap;
    text-align: left;
}

.search-group {
    width: 20%;
}

.search-group.final-group {
    width: 10%;
}

.search-group .btn-primary {
    line-height: 51px; 
}

.search-group .subButton {
    /*height: 71px;*/
}

.city-potential{cursor:pointer}

.btn-group.show .subButton, .btn-group.show .search-selected {
    border:none;
}

.btn-group.show .btn-secondary.eval-btn-1 {
    border-bottom-left-radius: 0px;
}


.btn-send-immo.btn-primary::after {

    content: url(/img/arrow-right.svg);
    margin-left: 30px;
    vertical-align: sub;

}


.search-group .subButton::after {
    margin-left: 20px;
}

.margin-100px {
    margin-bottom: 100px;
}

.btn-send-immo.btn-primary {
    content: url(/img/arrow-right.svg);
    margin-left: 30px;
    vertical-align: middle;
}



.main-label {

    font-size: 15px;
    line-height: 166%;
    letter-spacing: 0.02em;
    color: #223263;
}

label.form-check-label {
    font-size: 15px;
    line-height: 134%;
    display: flex;
    letter-spacing: 0.02em;
    text-align: left;
    text-transform: capitalize;
    color: #7A84A1;
    text-indent: 10px;
    padding: 4px 0px;
}

.custom-control-label::before {
    width: 18px !important;
    height: 18px !important;
    background: #FFFFFF;
        background-color: rgb(255, 255, 255);
    border: 1.8px solid #7A84A1 !important;
    box-sizing: border-box !important;
    border-radius: 3px !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked label.form-check-label {
    background-color: white;
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    border: 1.8px solid #3F63D0;
    box-sizing: border-box;
    border-radius: 3px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    border: 1.8px solid #3F63D0 !important;
}

.custom-control-label::after {
    position: absolute;
    top: .3rem !important;
    left: -1.5rem !important;
    width: 18px;
    height: 18px;
    content: "";
    background: no-repeat 50%/50% 50%;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url('/img/check.svg') !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url('/img/check.svg') !important;
}

.custom-checkbox .custom-control-input:checked ~ label.form-check-label {
    color: #3F63D0;
}


.city-selected {
    font-size: 15px;
    line-height: 134%;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: #7A84A1;
}

.icon-remove {
    content: "";
    position: absolute;
    z-index: 10;
    color: black;
    width: 20px;
    height: 20px;
    right: 20px;
    background-image: url('/img/remove.svg') !important;
    background: no-repeat 50%/100% 100%;
    background-image: none;
}
.social-icon{
	width:40px;
}

#inputCity {
    margin-bottom: 20px;
}

.container-round-input {
    margin-bottom: 0rem;
    flex-wrap: wrap;
    height: 70px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

.round label {
    border: 1px solid #EBEDF1;
    border-radius: 50%;
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
    height: 30px;
    background: #EBEDF1;
}

label.form-check-label {
    font-size: 15px;
    line-height: 134%;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    text-align: center;
    text-transform: capitalize;
    color: #7A84A1;
}

.round input[type="checkbox"]:checked + label {
    background-color: #3F63D0;
    border-color: #3F63D0;
    color: white;
}

.round input[type="radio"]:checked + label {
    background-color: #3F63D0;
    border-color: #3F63D0;
    color: white;
}

.tab-content.tab-mobile {
    background-color: #3F63D0;
}

.tab-content.tab-mobile label, .tab-content.tab-mobile a{
    color: #FFFFFF;
    margin-top: 20px;
    text-indent: 20px;
}

.tab-content.tab-mobile a{
    text-decoration: underline;
    margin-left: 20px;
}

.tab-content.tab-mobile .btn-primary{
    background-color: #7194FF;
    margin: 65px auto;
}
.remove-m{
	margin:20px auto !important;
}
.typeicon{display:none}
/*--------------------------------------------*
 * ADVANCED MOBILE RESEARCH
 *--------------------------------------------*/
#advanced-search-mobile-form {
    padding: 50px 45px;
}

#advanced-search-mobile-form .main-label {  
    font-size: 26px;
    line-height: 136%;
    /* or 38px */
    letter-spacing: 0.02em;
    color: #223263;
    font-weight: 700;
}

.head-search-mobile {
    background-color: #3F63D0; 
    padding: 20px 0px;    
}

.head-search-mobile a {
    color: #FFFFFF;
}

.head-search-mobile .btn-primary {
    background-color: #3F63D0;  
    border-color: #3F63D0;
    text-transform: none;
}

.head-search-mobile .btn-primary::before {
    content: url(/img/arrow-left.svg);
    margin-right: 10px;
    vertical-align: middle;
}

#search-footer {
    background-color: #7194FF;
    position: fixed;
    bottom: 0;
    z-index: 101;
    right: 0;
    left: 0;
}

#search-footer .launch-search {
    background-color: #7194FF;
    border: none;
    width: 100%;
    height: 80px;
}

#search-footer .launch-search::after {
    content: url(/img/arrow-right.svg);
    margin-left: 30px;
    vertical-align: middle;
}

#advanced-search-mobile-form .container-round-input {

    justify-content: space-between;
}

#advanced-search-mobile-form .btn-group {
    width: 100%;
    justify-content: space-between;
}

.btn-room {
    border: 1px solid #EBEDF1 !important;
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    background: #EBEDF1 !important;
    cursor: pointer;
    justify-content: center;
}

.btn-group > .btn-room.active {
    background-color: #3F63D0 !important;
    border-color: #3F63D0 !important;
    color: white !important;
}

.btn-room.focus, .btn-room:focus {
    outline: 0;
    box-shadow: none !important;
}

.btn-group-vertical > .btn-room, .btn-group > .btn-room {
    -ms-flex: inherit !important;
    flex: inherit !important;
}

.btn-group-room {
    margin-bottom: 20px;
}


/*--------------------------------------------*
 * QUICK EVAL
 *--------------------------------------------*/
.quick-eval {
    background: linear-gradient(90deg, #223263 43.28%, rgba(34, 50, 99, 0.5) 100%),linear-gradient(90deg, #223263 0%, rgba(34, 50, 99, 0) 100%), url(/img/Bg-Estim.png), #223263;
    background-position: top right, bottom left;
    background-repeat: no-repeat;
    height: 377px;
}
.quick-eval-noimage {
    background: linear-gradient(90deg, #223263 43.28%, rgba(34, 50, 99, 0.5) 100%),linear-gradient(90deg, #223263 0%, rgba(34, 50, 99, 0) 100%), /*url(/img/Bg-Estim.png),*/ #223263;
    background-position: top right, bottom left;
    background-repeat: no-repeat;
    padding-bottom:100px;
}
.quick-eval-jest {
    background: linear-gradient(90deg, #223263 43.28%, rgba(34, 50, 99, 0.5) 100%),linear-gradient(90deg, #223263 0%, rgba(34, 50, 99, 0) 100%), url(/img/Bg-Estim.png), #223263;
  /*  background-position: top right, bottom left; */
    background-repeat: no-repeat;
	background-position: 100% 75%;
	padding-top:88px;
	padding-bottom: 40px;
	margin-top:-43px;
}
.quick-eval-jest-wrapper{
	border-radius: 10px 10px 10px 10px;
    padding: 10px;
    background-color: white;
}

.quick-eval .form-check-input {
    margin-top: -0.1rem;
}

.quick-eval .btn-group-room {
    width: 95%;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.quick-eval .btn-room {
    margin-right: 5px;
    margin-bottom: 5px;
}

.quick-eval h2 {
    color: #FFFFFF;
    margin-top: 88px;
    margin-bottom: 30px;
}
.quick-eval-jest h2 {
    color: #FFFFFF;
    margin-top: 88px;
    margin-bottom: 30px;
}

.quick-eval label.form-check-rgpd {
    color: #FFFFFF;
    text-indent: 10px;
}

.quick-eval .shadow-sm {
    box-shadow: 0 0.250rem 0.25rem rgba(21, 36, 84, 0.6) !important;
}

.img-quick-eval {
    background: url(/img/Bg-Estim.png);
    mix-blend-mode: luminosity;
    height: 377px;
    background-size: contain;
    background-repeat: no-repeat;
}

.eval-group {
    width: 16.66666667%;
}

.eval-btn {
    width: 100%;
}

.btn-primary {
    font-size: 15px;
    line-height: 46px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    background-color: #3F65D0;
    border-radius: 6px;
    border-color: #3F65D0;
}

.btn-primary:hover {
    color: #fff;
    background-color: #395bbc;
    border-color: #395bbc;
}



.btn-secondary {
    font-size: 15px;
    line-height: 46px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #223263;
    background-color: #FFFFFF;
    border-radius: 10px;
    border-color: #FFFFFF;
}

.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {

    color: #223263;
    background-color: #fff;
    border-color: #fff;

}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {

    box-shadow: 0px 25px 40px rgba(0, 0, 0, 0.15);

}

.btn-primary.eval-btn-3 {
    border-radius: 0px 10px 10px 0px;
    padding: 0.4rem 0rem;
    
}

.btn-secondary.eval-btn-1 {
    border-radius: 10px 0px 0px 10px;
    text-transform: none;
    padding: 0.4rem 0rem;
}

.btn-secondary.eval-btn-1:active {
    border-radius: 10px 0px 0px 0px;
}

.btn-secondary.eval-btn-2 {
    border-radius: 0px;
    text-transform: none;
    padding: 0.4rem 0rem;
}

.dropdown-menu {
    margin: -1px 0px;
    font-size: 1rem;
    color: #223263;
    background-color: #fff;
    border: 0;
    border-radius: 0 0 .25rem .25rem;
    box-shadow: 0px 25px 40px rgba(0, 0, 0, 0.15);
    min-width: 20rem;
    padding: 20px;
}

.dropdown-menu li {
    margin-bottom: 8px;
}

.dropdown-menu .form-check {
    margin-right: 15px;
}

.subButton {
    border-right: 1px solid #ccd1d9;
    margin-right: -1px;
    text-align: left;
    padding-left: 20px;

}

.subButton::after {
    width: 10px;
    height: 5px;
    vertical-align: .255em;
    content: url(/img/arrow-down.svg);
    border: none;
    position: absolute;
    right: 20px;
}

.search-selected {
    color: #7A84A1;
    line-height: 25px;
    text-align: left;
    padding-left: 20px;
    border-right: 1px solid #ccd1d9;
    margin-right: -1px;
}

.search-selected.appartement{
	height: 1.8rem;
}

.dropdown-toggle::after {
    display: none;
}

.eval-group .btn-primary {
    line-height: 47px; 
}

.quick-eval .custom-control-input {
    position: absolute;
    z-index: 1;
    opacity: 0;
    left: 0;
    width: 20px;
    height: 20px;
}





/*--------------------------------------------*
 * FORM
 *--------------------------------------------*/

.formulaire .form-control {
    background: #F4F4F7;
    border: 1px solid #DCDCEC;
    box-sizing: border-box;
    border-radius: 6px;
    height: 56px;
}

.formulaire textarea.form-control {
    height: auto;
}

label {
    font-size: 17px;
    line-height: 141%;
    display: flex;
    align-items: center;
    color: #7A84A1;
    padding: 16px 0px;
    margin-bottom: 0px;
}

.form-group .btn-primary.shadow-sm {
    box-shadow: 0 0.250rem 0.25rem rgba(63, 99, 208, 0.6) !important;
}

.form-check-input {
    width: 18px;
    height: 18px;
}

/*--------------------------------------------*
 * PARTENAIRES
 *--------------------------------------------*/
.background-partenaires {
    background-color: #3F63D0;
    height: 245px;
}

/*--------------------------------------------*
 * FOOTER
 *--------------------------------------------*/

#footer {
    background-color: #223263;
    color: #FFFFFF;
}

#footer ul {
    padding: 0px;
}

#footer li {
    list-style: none;
    line-height: 2.5;
}

#footer a{
    color: #FFFFFF;
}

#footer a:hover, #footer a:active {
    color: #3F65D0;
    text-decoration: none;
}

#footer .row {
    padding: 85px 0px;
}

#footer .row.colapse {
    padding: 0px;
}

#footer .btn-primary.shadow-sm {
    box-shadow: 0 0.250rem 0.25rem rgba(21, 36, 84, 0.6) !important;
}

#copyright {
    background-color: #28396D;
    color: #FFFFFF;
    padding: 30px 0px;
}

/*--------------------------------------------*
 * DETAILS DU BIEN
 *--------------------------------------------*/

.secondary-navigation {
    background-color: #F7F8FC;
    max-height: 100px;
    font-size: 21px;
    line-height: 150%;
}

.secondary-navigation .btn-primary {
    font-family: "SF Text";
    background-color: transparent;
    color: #223263;
    border: none;
    text-transform: none;
    box-shadow: none;
    background-color: #fff;
    line-height: 30px;
    margin: 8px 0px;
    
}

.secondary-navigation .btn-primary i.con-arrow-left-blue {
    margin-right: 10px;
}

.secondary-navigation .btn-primary:not(:disabled):not(.disabled):active {
    color: #223263;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

.secondary-navigation .btn-primary:hover {
    color: #0056b3;
}

.secondary-navigation span {
    color: #223263;
    font-size: 14px;
    margin-left: 30px;
    }

.retour-liste::before {
    margin-right: 10px;
    vertical-align: middle;
}


/*.secondary-navigation .btn-primary::before {

    content: url(/img/arrow-left-blue.svg);
    margin-right: 10px;
    vertical-align: middle;

}*/

.pastille {
    font-size: 15px;
    line-height: 164.5%;
    color: #223263;
    display: flex;
    align-items: center;
    height: 42px;
}

.pastille-mobile {
    position: absolute;
    top: 24px;
    z-index: 1000;
    right: 10px;
    flex-direction: column;
}

.pastille.fav:before{
    content: url(/img/ico-fav-pastille-blanche.svg);
    vertical-align: middle;
    height: 55px;
}

.pastille.fav.changed:before{
    content: url(/img/ico-fav-pastille-rouge.svg);
    vertical-align: middle;
    height: 55px;
}

.pastille.share:before{
    content: url(/img/ico-partager-pastille-blanche.svg);
    vertical-align: middle;
    height: 55px;
}

.pastille-mobile .pastille.fav, .pastille-mobile .pastille.share {
    margin-bottom: 15px;
}

.details-container .swiper-button-prev, .swiper-container-rtl .swiper-details-button-next {
    background-image: url(/img/arrow.svg);
    right: auto;
    left: 10px;
    
}

.details-container .swiper-button-next, .swiper-container-rtl .swiper-details-button-prev {
    background-image: url(/img/arrow-next.svg);
    right: 10px;
    left: auto;
}

.details-container .swiper-button-prev, .details-container .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-slide.fullwidth {
    background-size: cover !important;
    height: 700px;
}

.swiper-slide.fullwidth::after {
        content: "";
        position: absolute;
        top: 0%;
        left: 0%;
        opacity: .7;
        z-index: 10;
        width: 100%;
        height: 100%;
        background: rgba(32, 34, 39, 0.4);
}

.demande-de-visite {
    margin: 30px auto;
}

.demande-de-visite .btn{
    color: #FFFFFF;
    background: #223263;
    box-shadow: 0px 20px 40px rgba(34, 50, 99, 0.2);
    border-radius: 10px;
    width: 100%;
}


.poste-agent {
    color: #5878DB;
    margin-bottom: 10px;
}

.info-agent {
    max-width: 70%;
    margin-left: 10px;

}


.tel-agent::before {
    content: url(/img/ico-mobile.svg);
    vertical-align: top;
    height: 26px;
    padding-right: 13px;
}

.loc-agent a {
    color:#FFF;
}

.loc-agent a:hover {
    color:#FFF;
    text-decoration: underline;
}

.loc-agent::before {
    content: url(/img/ico-location.svg);
    vertical-align: top;
    height: 26px;
    padding-right: 13px;
}

.head-colonne-agence {
    background-color: #223263;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 164.5%;
    border-radius: 10px 10px 0px 0px;
    padding: 30px;
    
}

.colonne-agence {
    border-radius: 10px;
}

.demande-visite {
    color: #7A84A1;
    font-size: 18px;
    line-height: 164.5%;
    border-radius: 0px 0px 10px 10px;
    padding: 30px;
    margin-bottom: 30px;
    
}

.demande-visite .form-control {
    background: #F4F4F7;
    border: 1px solid #DCDCEC;
    
}

.telechargement-fiche {
    padding: 30px;
    border-radius:10px;
    margin-bottom: 30px;
}

.telechargement-fiche a {
color: #223263;
text-indent: 10px;    
}

.telechargement-fiche a:before {
    content: url(/img/ico-telecharger.svg);
    width:31px;
    height: 25px;
    margin-right: 20px;
}

.details-produit p {
    font-size: 18px;
    line-height: 187%;
    color: #223263;
    margin: 0px;

}

.details-produit h4 {
    font-size: 19px;
    line-height: 141%;
    text-transform: uppercase;
    color: #223263;
}

.prix-details {
    font-size: 45px;
    line-height: 141%;
    display: flex;
    letter-spacing: -0.01em;
    color: #223263;
    font-weight: 700;
    padding: 32px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
}

.prix-details span{
    font-size: 13px;
    line-height: 141%;
    font-weight: 400;
    display: flex;
    color: #7A84A1;
}

.price-row {
    margin-bottom: 70px;
}

.infos {
    position: absolute;
    top: 30px;
    right: 40px;
}

#summary {
  font-size: 14px;
  line-height: 1.5;
}

/*#summary p.collapse:not(.show) {
    height: 210px !important;
    overflow: hidden;
  
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}

#summary p.collapsing {
    min-height: 210px !important;
}

#summary a.collapsed:after  {
    content: '+ En savoir plus';
    color: #395bbc;
}

#summary a:not(.collapsed):after {
    content: '- Réduire';
    color: #395bbc;
}*/

.reference-details {
    font-size: 16px;
    color: #7A84A1; 
	/*line-height: 166%;
    border: 1.5px solid rgba(122, 132, 161, 0.1);
    border-radius: 4px;
    height: 46px;
    width: auto;
    align-items: center;
    text-align: center;
    display: flex;
    justify-content: center;*/
}

.details-info {
    margin-bottom: 45px;
}

.margin-negative-details {
    position: relative;
    margin-top: -50px;
    z-index: 1000;
}

.keypoints span {
    width: 32%;
    display: inline-flex;
    flex-direction: row;
    font-size: 18px;
    line-height: 50px;
    color: #223263;
}

.table-details {
    margin-bottom: 50px;
}

.table-details thead th {
    vertical-align: bottom;
    border-bottom: none;
    font-size: 20px;
    line-height: 141%;
    color: rgba(34, 50, 99, 0.6);
    font-weight: 400;
}

.table-details td, .table-details th {
    border-top: none;
}

.table-details td {
    font-size: 18px;
    line-height: 187%;
    text-align: right;
    color: #9199B1;
}

.table-details th {
    font-weight: 400;
    font-size: 18px;
    line-height: 187%;
    color: #223263;

}

.tooltip-inner span{
    color: #223263;
}

.tooltip-inner{
    background-color: #FFFFFF;
    max-width: 390px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    
}

.tooltip .arrow { border-bottom-color:#f00; }

.tooltip .arrow {
display: none;
 }

.wim {
    width: 45px;
    height: 45px;
    background: #F8F8FA;
    border-radius: 4px;
    padding: 5px;
    margin: 5px;
    font-size: 28px;
    line-height: 34px !important;

}

/*--------------------------------------------*
 * LISTE BIENS
 *--------------------------------------------*/

 .container-search-form-liste{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
 }

.container-search-form-liste .search-group {
    background-color: #FFFFFF;
}

.container-search-form-liste .btn-group button.launch-search {
    font-size: 16px;
    line-height: 23px;
    display: flex;
    /*align-items: center;*/
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 0px;
    border-radius: 0px;
    font-family: "SF Text";
   /* padding: 20px 0px 20px 28px;*/
    width: 100%;
    height: 86px;
    white-space: nowrap;
    text-align: left;
}

.badge{
	padding:10px;
	font-weight:400;
	}

.badge-primary{background-color: #3F63D0 !important;}

.container-liste-biens .badge-primary {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    background-color: #3F63D0;
}

.container-liste-biens .subButton {
    border-right: none;
    margin-right: -1px;
    text-align: left;
    padding-left: 0px;
    text-transform: none;
}

.container-liste-biens .btn-secondary {
    border-radius: 0px;
}

.prop{cursor:pointer}

.btn-filtre{
    text-align: left;
    padding-left: 0;
    width: 91px;
    height: 54px;
    font-size: 15px;
    line-height: 166%;
    color: #223263;
    background-color: transparent;
}

.btn-filtre:hover {
    color: #3F63D0;
}

.container-liste-biens .btn-filtre:nth-child(2n):after {
    content:"";
    background-image: url('/img/filter-down.svg');
    position: absolute;
    z-index: 999;
    right: 20px;
    width: 30px;
    height: 30px;
}

.container-liste-biens .btn-filtre:nth-child(1):after,
.container-liste-biens .btn-filtre:nth-child(3):after,
.container-liste-biens .btn-filtre:nth-child(5):after,
.container-liste-biens .btn-filtre:nth-child(7):after{
    content:"";
    background-image: url('/img/filter-up.svg');
    position: absolute;
    z-index: 999;
    right: 20px;
    width: 30px;
    color: #223263;
    height: 30px;
}


.btn-group.filtered {
    margin-top: 50px;
    margin-bottom: 50px;
}


.liste-biens {
    margin-bottom: 130px;
}

.wrapper{
	margin-bottom: 2rem;
}

.wrapper-info{
	padding: 1rem;
	box-shadow: 0px 20px 40px rgba(190, 192, 220, 0.25);
	border-radius: 4px;
}

.btn-neuf {
    background-color: #3F63D0;
}

.btn.btn-danger.btn-etat, .btn.btn-neuf.btn-etat, .btn.btn-accent.btn-etat{
	position: absolute;
	z-index: 999;
	top: 15px;
	left: 15px;
	font-size: 12px;
}

.btn.btn-accent{
	background-color: #FF7C3E;
	color: white;
}

.btn.btn-danger.btn-etat:disabled, .btn.btn-neuf.btn-etat:disabled, .btn.btn-accent.btn-etat:disabled{
	opacity: 1;
	color: white;
}

.btn.btn-outline-light.btn-vendu{
	position: absolute;
	z-index: 999;
	font-size: 30px;
	top: 40%;
	right: 25%;
	width: 50%;
	border:2px solid white;
	color: white;
}

.btn.btn-outline-light.btn-vendu:disabled{
	opacity: 1;
}

.darken{
   content: '';
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   display: block;
   z-index: 999;
   background-color: rgba(0, 0, 0, 0.5);
}

.carousel-control-prev-icon {
    background-image: url('/img/arrow.svg') !important;
}

.carousel-control-next-icon {
    background-image: url('/img/arrow-next.svg') !important;
}

.arrow-wrapper-prev{
	position: absolute;
	top: 220px;	
	background-color: black;
	opacity: 0.8;
	width: 50px;
	height: 50px;
}

.arrow-wrapper-next{
	position: absolute;
  top: 220px;
  right: 0;
	background-color: black;
	opacity: 0.8;
	width: 50px;
  height: 50px;
}


.carousel-control-next, .carousel-control-prev{
	width: 100% !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon{
	color:white;
	width: 40px;
	height: 40px; 
	opacity: 1;

}

#immoSlide1{
	border-top-right-radius:    3px 4px;
}

.carousel-inner{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.icon-circle{
background-image: url('/img/ico-Fav.svg') !important;
  position: absolute;
  z-index: 999;
  right: 15px;
  top: 15px;
  width: 30px;
  height: 30px;
  padding: 2px 2px;
 	opacity: 0.7;
  background: no-repeat 50%/100% 100%;
}

.icon-circle:hover{
	opacity: 1;
}

.icon-circle.icon-circle-active {
  background-image: url('/img/ico-Fav-active.svg') !important;
  position: absolute;
  z-index: 999;
  right: 15px;
  top: 15px;
  width: 30px;
  height: 30px;
  padding: 2px 2px;
 	opacity: 1;
  background: no-repeat 50%/100% 100%;
}


.icon-circle-question{
	background-image: url('/img/Infos.svg') !important;
  position: absolute;
  z-index: 999;
  width: 30px;
  height: 30px;
  padding: 2px 2px;
 	opacity: 1;
  background: no-repeat 50%/100% 100%;
}

.container-marker{
	margin-top: 20px;
	display: flex;
}

.marker{
	background-image: url('/img/ico-location-color.svg') !important;
  color: black;
  position: absolute;
  z-index: 999;
  width: 17px;
  height: 23px;
  background: no-repeat 50%/100% 100%;
}

.address{
	margin-left: 20px;
    font-size: 16px;
    line-height: 166%;
    color: #7A84A1;
}

.card-block.wrapper-info {
    min-height: 245px;
}

.card .carousel-inner {
    position: relative;
    width: 100%;
    display: flex;
}



h4.card-title{
	font-size: 19px;
    line-height: 166%;
    color: #7A84A1;
    font-weight: 300;
    margin-bottom: .25rem;
}

.price{
    font-family: "SF Text";
	font-weight: 700;
	font-size: 34px;
	line-height: 131%;
	color: #223263;
}

.fai{
	font-size: 20px;
}

.honoraire{
	font-family: 'SF Text';
	font-weight: 100;
	margin-top: -15px;
	font-size: 15px;
	color: #7A84A1;
}

.start-from {
    color: #223263;
    font-weight: 400;
}

.badge-secondary.badge-item{
	background-color: rgba(69, 51, 132, 0.16);
	opacity: 0.8;
	font-weight: 300;
	color: #453485;
	margin-right: 0.7rem;
    font-size: 15px;
    line-height: 166%;
    color: #0d0e0e;
}

.btn.btn-circle {
    border: none;
    padding: 0;
}

.from, .to{
    font-size: 12px;
}

.form-alert{
    margin-top: -80px;
    margin-bottom: 80px;
}

.form-alert input{
    margin-right: 1rem;
    font-size: 14px;
}




.btn{
    font-size: 14px;
}

.btn-alert::after{
    content: url(/img/ico-Alarme.svg);
    color: white;
    font-size: 12px;
    margin-left:10px;
    margin-top: 3px;
}


.dropdown-mobile, .dropdown-mobile .dropdown-toggle, .dropdown-mobile .dropdown-menu{
    width: 100%;  
    border-radius:0;
  
}

.dropdown-mobile .subButton, .dropdown-mobile .dropdown-toggle .search-selected {
    border-right: none; 
}

.dropdown-mobile .dropdown-menu{
    margin-top: -7px;
}

.dropdown-mobile label{
    color: #7A84A1 !important;
}

.tab-mobile .checkbox-alert{
    margin-left: -2rem;
    margin-top: 0;
}

.search-form-liste-biens .btn-group:nth-child(5) .dropdown-menu,
.search-form .btn-group:nth-child(4) .dropdown-menu
{
    width: 370px !important;
}

.search-form-liste-biens .btn-group:nth-child(5) .slider.slider-horizontal, .search-form .btn-group:nth-child(4) .slider.slider-horizontal{
    width: 320px;
}

.search-form-liste-biens .btn-group:nth-child(5) .subButton, .search-form-liste-biens .btn-group:nth-child(5) .search-selected{
    border-right: 0;
}


.filtre{
    width: 224px;
}


.btn-send-mobile.btn-primary::after {
    content: url(/img/ico-search-white.svg);
    vertical-align: text-top;
}

.btn-send-search{
    border-radius: 0 10px 10px 0;
    font-family: "SF Text";
    height: 86px;
    white-space: normal;
    background-color: #7194FF;
    border-color: #7194FF;

}

.btn-send-search.btn-primary::after {
    content: url(/img/ico-search-white.svg);
    margin-top: 20px;
}

.btn-send-search:hover{
    background-color: #223263;
    border-color: #223263;
}

#input-from{
    margin-right: 10%;
}

.w-50{
    width: 40% !important;
}

/*#input-from{
    margin-right: 10% !important;
    margin-left: 5% !important;
}*/
.form-check-input{
	margin-top:0;
}

.head-main-liste-biens{
    border-bottom: 1px solid #E6E6E6
}

.modal-dialog-centered {
    min-height: 660px;
    max-height: 670px;
}


.modal-title{
    text-align: left;
}

.modal-content {
    border: none;
    border-radius: 10px;
}

.modal-content p {
    margin: 0px 0px 17px 0px;
}

.modal-content .btn-group {
    margin-bottom: 35px;
}

.modal-footer{
  border: none;
}

.modal-footer button{
  font-family: "SF Text";
}

.modal-footer  button .btn-primary{
    background-color: #0056b3
}

.modal-dialog {
    max-width: 370px;
    margin: 1.75rem auto;
    background: #FFFFFF;
    box-shadow: 0px 30px 70px rgba(34, 50, 99, 0.4);
    border-radius: 10px;
}

.modal-dialog.modal-xl{
	max-width: 1170px;
}

.login-modal {
    padding: 0px 35px;
}

.modal-footer {
    padding: 0px 35px 0px 35px;
}

.btn.user-selection {
    background: #F4F4F7;
    border: 1px solid #DCDCEC;
    box-sizing: border-box;
    border-radius: 6px !important;
    height: 56px;
    width: 50%;
}
iframe{border:none; width:100%; height:875px;}


.btn-secondary.user-selection:hover, .btn-secondary.user-selection:not(:disabled):not(.disabled).active, .btn-secondary.user-selection:not(:disabled):not(.disabled):active, .show > .btn-secondary.user-selection.dropdown-toggle {
    background: #3F65D0;
    color: #FFFFFF;
}

.or {
    margin: 0px 15px;
}

.login-special, .login-special a {
    font-size: 13px;
}

/*--------------------------------------------*
 * ESTIMATION
 *--------------------------------------------*/

 .header-estimation {
    height: 240px;
    background: linear-gradient(90deg, #223263 43.28%, rgba(34, 50, 99, 0.5) 100%);
}

.header-estimation img{
    position: absolute;
    mix-blend-mode: luminosity;
    z-index: -1;
}

.header-estimation .container {
    z-index: 999;
}
.header-estimation .container p{
    font-size: 42px;
    font-weight: 600;
    line-height: 125%;
    color: white;
    margin-left: 30px;
}

.title-estimation{
    font-size: 40px;
    line-height: 130%;
    font-weight: 600;
    color: #223263;
    margin-top: 70px;
    margin-bottom: 40px;
}

.title-header{
    width: 765px;
}

.img-section{
    margin-top: 0;
    margin-bottom: 21px;
}
.img-section img{
    margin-right: 10px;
}

.p-estimation{
    margin-top: 0;
}


/*--------------------------------------------*
 * AGENCE
 *--------------------------------------------*/

 .details-agence {
    margin-top: 50px;
    margin-bottom: 50px;
}

 .details-agence li {
     color: #223263;
 }
 
 .background-parle{
    padding-top: 118px;
    padding-bottom: 93px;
    background: url(/img/parle-de-nous.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.background-parle h2{
    margin-top: 0;
    margin-bottom: 54px;
}

.background-parle .star h2{
    margin-top: 0;
    margin-bottom: 15px;
}

.background-parle h3{
    font-family: "SF Text";
    font-size: 27px;
    line-height: 57px;        
    align-items: center;
    color: #223263;
    font-weight: 700;
    margin-bottom: 9px;
}

.background-parle h3::before{
    position: absolute;
    content: url(/img/oo-down.svg);
    left: -45px;
}

.background-parle p::after{
    position: absolute;
    content: url(/img/oo-up.svg);
    right: 120px;
}

.background-parle h4{
    font-family: "SF Text";
    font-size: 22px;
    line-height: 141%;        
    align-items: center;
    color: #223263;
    font-weight: 700;
}

.background-parle .star img{
    margin-left: 12px;
    margin-bottom: 10px;
}

.background-parle p{
    font-size: 19px;
    line-height: 156%;
    color: #223263;
    width: 380px;
    margin-top: 0;
}


.background-equipe{
    padding-top: 100px;
    padding-bottom: 85px;
    background-color: #223263;
}

.background-equipe h2{
    color: white;
    margin-left: 21px;
}

.background-equipe p{
    font-size: 22px;
    line-height: 156%;
    width: 920px;
    margin-top: 0;
    font-weight: 300;
    color: #FFFFFF;
}

.team-gallery img{
    margin-right: 40px;
    margin-bottom: 142px;
}

.team-worker{
    width: 280px;
    margin-right: 40px;
}

.background-equipe .team-worker p{
    font-size: 22px;
    line-height: 156%;
    margin-top: 23px ;
    margin-bottom: 5px;
    width: 200px;
}

.background-equipe .team-worker p:nth-child(3){
    font-size: 18px;
    line-height: 156%;
    margin-top: 0;
    margin-bottom: 40px;
    color: #fff;
}

.background-nous-rejoindre{
    padding-top: 83px;
    padding-bottom: 127px;
    background: linear-gradient(90deg, #364C8F 0%, #223263 65.1%, #223263 100%);
}

.placement-main {
    position: relative;
}

.placement-main img{
    position: absolute;
    bottom: -183px;
    right: -15px;
    mix-blend-mode: luminosity;
}

.background-nous-rejoindre h2{
    color: white;
    margin-bottom: 40px;
}

.background-nous-rejoindre p{
    font-size: 22px;
    line-height: 156%;
    width: 539px;
    margin-top: 0;
    font-weight: 300;
    color: #FFFFFF;
}

.formulaire-agence p{
    width: 850px;
    margin-top: 40px;
    margin-bottom: 70px;
}

.formulaire-agence h2{
    margin-bottom: 40px;
    margin-top: 85px;
}

/*--------------------------------------------*
 * RECHERCHE AGENCE
 *--------------------------------------------*/

.container-list-agence{
    padding-bottom: 98px;
}

.badge-agence-recherche {
    background: #FFFFFF;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.12);
    border-radius: 42px;
    width: 75px;
    height: 44px;
}

.title-recherche-agence{
    font-size: 28px;
    line-height: 130%;
    font-weight: 600;
    color: #223263;
    margin-bottom: 0;
    margin-top: 98px;
}

.region-agence{
    font-size: 18px;
    line-height: 156%;
    color: #3F63D0;
    margin-bottom: 32px;
    font-weight: 600;
}

.list-agence li{
    font-size: 18px;
    line-height: 156%;
    /* identical to box height, or 28px */
    color: #223263;
   /* margin-bottom: 16px;*/
    margin-top: 0;
}

/*--------------------------------------------*
 * XAVIER ICONS SET
 *--------------------------------------------*/
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ico-contruction:before {
  content: "\e931";
  color: #223263;
}
.icon-ico-cuisineequip:before {
  content: "\e932";
  color: #223263;
}
.icon-ico-distance:before {
  content: "\e933";
  color: #223263;
}
.icon-ico-eau:before {
  content: "\e934";
  color: #223263;
}
.icon-ico-electricite:before {
  content: "\e935";
  color: #223263;
}
.icon-ico-forage:before {
  content: "\e936";
  color: #223263;
}
.icon-ico-salon:before {
  content: "\e937";
  color: #223263;
}
.icon-ico-tennis:before {
  content: "\e938";
  color: #223263;
}
.icon-ico-tout-a-l-egout:before {
  content: "\e939";
  color: #223263;
}
.icon-ico-veranda:before {
  content: "\e93a";
  color: #223263;
}
.icon-icon-chauffage-collectif:before {
  content: "\e93b";
  color: #223263;
}
.icon-icon-Combles:before {
  content: "\e93c";
  color: #223263;
}
.icon-icon-gaz:before {
  content: "\e93d";
  color: #223263;
}
.icon-arrow-left-blue:before {
  content: "\e930";
  color: #223263;
}
.icon-ico-Alarme:before {
  content: "\e900";
  color: #223263;
}
.icon-ico-Ascenceur:before {
  content: "\e901";
  color: #223263;
}
.icon-ico-Atelier:before {
  content: "\e902";
  color: #223263;
}
.icon-ico-Aucuntravaux:before {
  content: "\e903";
  color: #223263;
}
.icon-ico-baignoire:before {
  content: "\e904";
  color: #223263;
}
.icon-ico-Balcon:before {
  content: "\e905";
  color: #223263;
}
.icon-ico-bedroom:before {
  content: "\e906";
  color: #223263;
}
.icon-ico-Blaneo:before {
  content: "\e907";
  color: #223263;
}
.icon-ico-Bureau:before {
  content: "\e908";
  color: #223263;
}
.icon-ico-cave:before {
  content: "\e909";
  color: #223263;
}
.icon-ico-Cheminee:before {
  content: "\e90a";
  color: #223263;
}
.icon-ico-Clim:before {
  content: "\e90b";
  color: #223263;
}
.icon-ico-Cuisineequip:before {
  content: "\e90c";
  color: #223263;
}
.icon-ico-Cuisineete:before {
  content: "\e90d";
  color: #223263;
}
.icon-ico-dernier-etage:before {
  content: "\e90e";
  color: #223263;
}
.icon-ico-Domotique:before {
  content: "\e90f";
  color: #223263;
}
.icon-ico-Doublevitrage:before {
  content: "\e910";
  color: #223263;
}
.icon-ico-etang:before {
  content: "\e911";
  color: #223263;
}
.icon-ico-Fraisreduits:before {
  content: "\e912";
  color: #223263;
}
.icon-ico-Garage:before {
  content: "\e913";
  color: #223263;
}
.icon-ico-handi:before {
  content: "\e914";
  color: #223263;
}
.icon-ico-Haras:before {
  content: "\e915";
  color: #223263;
}
.icon-ico-interphone:before {
  content: "\e916";
  color: #223263;
}
.icon-ico-jardin:before {
  content: "\e917";
  color: #223263;
}
.icon-ico-Lumineux:before {
  content: "\e918";
  color: #223263;
}
.icon-ico-villa:before {
  content: "\e919";
  color: #223263;
}
.icon-ico-maison:before {
  content: "\e91a";
  color: #223263;
}
.icon-ico-Neuf:before {
  content: "\e91b";
  color: #223263;
}
.icon-ico-orientation:before {
  content: "\e91c";
  color: #223263;
}
.icon-ico-parking:before {
  content: "\e91d";
  color: #223263;
}
.icon-ico-piscine:before {
  content: "\e91e";
  color: #223263;
}
.icon-ico-Poele:before {
  content: "\e91f";
  color: #223263;
}
.icon-ico-Pompechaleur:before {
  content: "\e920";
  color: #223263;
}
.icon-ico-Poolhouse:before {
  content: "\e921";
  color: #223263;
}
.icon-ico-Puit:before {
  content: "\e922";
  color: #223263;
}
.icon-ico-Rangements:before {
  content: "\e923";
  color: #223263;
}
.icon-ico-Rdc:before {
  content: "\e924";
  color: #223263;
}
.icon-ico-Renove:before {
  content: "\e925";
  color: #223263;
}
.icon-ico-Sauna:before {
  content: "\e926";
  color: #223263;
}
.icon-ico-solaire:before {
  content: "\e927";
  color: #223263;
}
.icon-ico-Spa:before {
  content: "\e928";
  color: #223263;
}
.icon-ico-ss:before {
  content: "\e929";
  color: #223263;
}
.icon-ico-surface:before {
  content: "\e92a";
  color: #223263;
}
.icon-ico-terrasse:before {
  content: "\e92b";
  color: #223263;
}
.icon-ico-Toilettes:before {
  content: "\e92c";
  color: #223263;
}
.icon-ico-visavis:before {
  content: "\e92d";
  color: #223263;
}
.icon-ico-Voletroulant:before {
  content: "\e92e";
  color: #223263;
}
.icon-ico-vue:before {
  content: "\e92f";
  color: #223263;
}
.navbar-brand{
	max-width:70%;
}

/*--------------------------------------------*
 * RESPONSIVE MOBILE
 *--------------------------------------------*/

@media (max-width: 576px) {
.margin-negative-special {
        margin-top: -385px;
    }

    .logo-fluid {
        max-width: 100%;
        height: 70px;
    }
    
    .main-menu .nav li a{
        color:#FFF; 
        font-size: 25px;
        line-height: 141%;
        font-weight:600; 
    }

    
    h1 {
        font-size: 27px;
        line-height: 35px;
        letter-spacing: -0.02em;
    }
    
    .header h1 {
    margin: 20px 0px 40px 0px;
    }
    
    h2 {
        font-size: 28px;
        line-height: 35px;
    }
    
    p {
        font-size: 20px;
        line-height: 31px;
    }
    
    .background-numbers {
        background-size: auto;
        background-size: cover;
        height: auto;
    }
    
    .col-numbers {
        margin: 100px auto 0px;
    }
    
    .col-numbers:last-of-type {
        margin: 100px auto;
    }
    
    .logo {
        width: 100%;
        text-align: center;
    }
    
    .collab-grey {
        /*min-height: 375px;*/
    }
    
    .dropdown-menu {
        min-width: 10rem;
    }

    
    .keypoints span {
    width: 100%;
    display: flex;
    }
    
    .swiper-slide.fullwidth {
    background-size: cover !important;
    height: 400px;
    background-position: center;    
    }
    
    .retour-liste {
    display: inline-block;
    width: 56%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 14px;
    }
    
    .prix-details {
    font-size: 36px;
    }
    
    .price-row {
    margin-bottom: 15px;
    }
    
    .btn-group.filtered {
    margin-top: 25px;
    margin-bottom: 25px;    
    }
    
    .wrapper-alert-inputs, .filtered .checkbox-alert, .filtered label{
        display: none !important;
    }
    
    .tab-mobile .btn-secondary {
    line-height: 24px;
    border-radius: .25rem !important;
    }
    
   .filtre{width: 151px;}

   .container-liste-biens .search-group{
       width: 100%
   }

   /* Estimations*/

   .img-section{
    justify-content: space-between;
    margin-top: 40px;
}

.img-section img{
    width:70px;
    margin-right: 0;
}

.title-header{
    font-size: 25px !important;
}

.title-estimation{
    font-size: 28px;
    margin-bottom: 40px;
}

.p-estimation{
    margin-bottom: 0;
}

.formulaire-agence p, .background-nous-rejoindre p{
    width: 100%;;
}

.background-equipe{
    padding-top: 71px;
    padding-bottom: 41px;

}

.background-equipe h2{
    margin-left: 0;
}

.background-equipe .container{
    display: block !important;
    text-align: center;
}

.background-equipe .container p{
    width: 100%;
}

.background-equipe .container img{
    margin-bottom: -20px;
}

.team-worker{
    width: 100%;
}

.team-worker img{
    margin-bottom: 15px !important;
}

.team-worker p{
    text-align: left;
    margin-left: 35px;
}
.background-equipe .team-worker p:nth-child(3){
    margin-bottom: 50px;
}

.background-nous-rejoindre{
    text-align: center;
}
    
.container-list-agence .row{
    text-align: center;
}

.title-recherche-agence{
    justify-content: center;
}


}

@media (max-width: 768px) { 
    .header h1 {
        margin-top: 0px;
    }

    .header p {
        padding: 0px;
    }

    .quick-eval {
        height: auto;
        padding-bottom: 88px;

    }
	.quick-eval-noimage {
        height: auto;
        padding-bottom: 88px;

    }
    
    .eval-group {
    width: 45%;
    margin-bottom: 15px;    
    }
    
     .btn-primary.eval-btn-3 {
        border-radius: 4px;
    }

    .btn-secondary.eval-btn-1 {
        border-radius: 4px;
    }

    .btn-secondary.eval-btn-2 {
        border-radius: 4px;
    }
    
    .background-numbers {
        background-size: auto;
        background-size: cover;
        height: auto;
    }
    
    .background-partenaires {
        background-size: cover;
        height: auto;
    }
    
    .col-numbers {
        margin: 100px auto;
    }
    
    .col-numbers:last-of-type {
        margin: 100px auto;
    }
    
    .numbers {
    font-size: 28px;
    }
    
    .types {
    font-size: 16px;    
    }
    
    .logo {
        margin: 100px auto 0px;
       
    }
    
    .logo:last-of-type {
        margin: 100px auto;
    }
    
    #footer {
        text-align: center;
    }
    
    #footer .col-12 {
        padding-bottom: 60px;
    }
    
    .quick-eval .shadow-sm {
    box-shadow: none !important;
    }
    
    .margin-negative-special {
    margin-top: 0px;
    }
    
    .collab-grey span, .collab-blue span {
    font-family: "SF Text";
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
    padding-bottom: 42px;
    padding-left: 20px;
    }
    
    .formulaire-agence p, .background-nous-rejoindre p, .background-parle p{
        width: 100%;
    }

    .background-parle p::after {
        position: absolute;
        content: url(/img/oo-up.svg);
        right: 20px;
    }
	.form-check-input{
	margin-top:.3rem;
	}
	.extras {
    text-transform:capitalize;
    font-size:inherit;
    position:relative;
    display:inline;
	top:0px;
	}
	.search-indicator{
		display:block;
	}
}



@media (min-width: 768px) and (max-width: 992px) { 
    .header h1 {
        margin-top: 0px;
    }
    .logo img {
    width: 70%;
    }
	.margin-negative-special {
    margin-top: -380px;
    }
}


@media (max-width: 1139px) { 
    .margin-negative-special {
    margin-top: -600px;
    }

    .formulaire-agence p, .background-nous-rejoindre p, .background-parle p{
        width: 100%;
    }

    .background-parle p::after {
        position: absolute;
        content: url(/img/oo-up.svg);
        right: 50px;
    }

    .navbar-nav .nav-link {
        text-align: center;
    }

    .navbar-nav {
        margin-top: 30px !important;
    }
}


@media (min-width: 1400px) {
    .quick-eval {
        align-items: center;
    }

}

@media (max-width: 576px) {
	.margin-negative-special {
    margin-top: -380px;
    }
}