/*
Theme Name: MWimmobilier
Theme URI: https://www.definima.com/
Author: Definima
Author URI: https://www.definima.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@import "variables.css";

#menu-header li a.dropdown-toggle + div.dropdown-menu {
    top: 85% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

	background: white;
	text-align: center;
	padding: .1em .1em;
}

#menu-header li a.dropdown-toggle + div.dropdown-menu a {
	font-size: .8em;
	text-transform: capitalize;
	color: var(--grey);
}

#menu-header li a.dropdown-toggle + div.dropdown-menu a::after {
	display: none;
}

body {font-size: 1.5rem;font-family: 'Roboto', sans-serif;}

/* Admin bar */
#wpadminbar {
  display: none;
}

/* Alignements WordPress */
.alignleft {
	float: left;
	margin-right: 1.625em;
}
.alignright {
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.gallery a.thumbnail img {
	max-height: 168px;
	width: auto;
}


/* Default */
.acf-map {
	width: 100%;
	height: 400px;
}

a {color: var(--grey)}
button:focus, a:focus {outline: none}
a:hover {text-decoration: none; color: inherit}

h1, .flexible-item h2, .flexible-item h3, .flexible-item h4, .flexible-item h5, .flexible-item h6 {letter-spacing: var(--letterspace3); text-transform: uppercase; font-weight: 300}
h1.title {margin-bottom: 1.5rem; font-size: 1.9rem}
.flexible-item h2 {font-size: 1.3rem;margin: 2.5rem 0 1rem}
.flexible-item ul, .flexible-item ol, p {font-size: .9rem; line-height: 1.5rem; color: var(--lightgrey);letter-spacing: var(--letterspace2);}
.flexible-item p a {text-decoration: underline; color: #9cb3a7}
.flexible-item h3 {font-size: 1rem; margin: 1.5rem 0 1rem}
.flexible-item h4, .flexible-item h5, .flexible-item h6 {font-size: .8rem}
.row-1col .image-large {padding-bottom: 3rem; padding-top: 3rem}

#moove_gdpr_cookie_info_bar {height: auto !important; background-color: #eee!important; padding: 1rem!important; border: none!important}
@media (max-width: 767.98px) {
	.h1, h1 {font-size: 1.5rem}
}

/* GravityForms */
.gform_wrapper .top_label li.gfield.gf_hide_label > label { display:none; }
.captcha .ginput_recaptcha > div {margin: auto}
.gform_wrapper form.main-form {padding: 5rem; margin: 3rem 0; background-color: #eee}
.gform_wrapper form.main-form .gform_body {padding: 5rem; background-color: white}

.wrapper {width: 100%; max-width: 1820px; margin: auto}
@media (min-width: 992px) and (max-width:1825px) {
	.wrapper {padding-left: 2rem; padding-right: 2rem;}
}

/**Breadcrumb**/
.breadcrumb {background-color: transparent; font-size: .7rem; letter-spacing: var(--letterspace1); margin: 0; padding: 0;}
.archive .breadcrumb, .page-template-search-result .breadcrumb {margin: 0 2rem 1rem;}
@media (max-width: 639.98px) {
	.archive .breadcrumb, .page-template-search-result .breadcrumb {margin: 0 0 1rem;}
}
.single .breadcrumb {margin-bottom: 2rem;}

header, section, article, footer, aside {width: 100%}
section, body.single article.sales, body.single article.rentals, aside {padding: 3rem 0; z-index: 9; height: 100%; background-color: white;}
@media (max-width: 767.98px) {
	section, body.single article.sales, body.single article.rentals, aside {padding: 2rem 0}
}
#hero {order: 1}
#featured {order: 2}
#about {order: 3;}
#services {order: 4}
#reassurance {order: 5}
footer#footer {order: 6}
.main-container {position: relative; z-index: 9}

/**Titre**/
.main-title {text-align: center}
.main-title span {font-size: 2rem; color: var(--native); font-weight: 300; letter-spacing: var(--letterspace1)}
.main-title h1, .main-title h3 {text-transform: uppercase; letter-spacing: var(--letterspace3); color: var(--charter); font-weight: 900; font-size: .9rem; margin-bottom: 4rem;}
@media (max-width: 767.98px) {
	.main-title span {font-size: 1.5rem; margin: 1rem 0 2rem}
	.main-title h1, .main-title h3 {margin-bottom: 1.5rem; font-size: .8rem; letter-spacing: var(--letterspace1)}
}

/**Stick**/
.heading {background-color: white;}
#header {background: white; z-index: 9; padding: .5rem 0}
@media (min-width: 992px) {
	#header:after {box-shadow: 0 0 40px rgba(0,0,0,.1); content: ""; position: absolute; bottom: 0; left: 5rem; right: 5rem; display: block}
	#header, #header.nav-down {position: fixed; top: 0; transition: var(--transition); left: 0; right: 0;}
	.heading {height: 90px; z-index: 10}
	#header.nav-up {position: fixed; top: -150px;}
}

@media (max-width: 991.98px) {
	#header {padding: 1rem 0}
}

.speedbarre {font-size: .7rem; text-transform: uppercase; text-align: right; padding: .3rem .3rem 0 0}

/**Boutons**/
button.simple {border: none; height: 2rem; width: 2rem; background: url(assets/images/croix.svg); background-size: cover; transition: var(--transition2)}
button.simple:hover {transform: rotate(90deg)}
.btn-link:hover, .btn-link:focus {text-decoration: none;}
.gform_wrapper .gform_footer input, .btn-charter {
	background-color: var(--charter)!important;
	text-transform: uppercase!important;
	letter-spacing: var(--letterspace3)!important;
	color: white!important; 
	font-size: .8rem !important;
	border-radius: 0!important;padding: .5rem 2rem!important;border: none!important;font-weight: 500!important;}
.gform_footer.top_label .btn-primary {display: block!important; margin: auto!important}
.gform_wrapper .gform_footer input:hover, .btn-charter:hover {background-color: #e3e348!important}
.searchbtn {
	background-color: transparent;
	border: none;
	height: 25px;
	width: 25px;
	position: absolute;
	right: 5.6rem;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%); 
	cursor: pointer;
	background-image: url('assets/images/search.svg'); 
	padding: 0;
}
.lien-site-uk {
	position: absolute;
	top: 25%;
	right: 3rem;
}

/**Nav**/
#menu-header {font-size: .8rem; letter-spacing: var(letterspacing1); text-transform: uppercase; text-align: center; display: block;}
#menu-header li {text-align: center; letter-spacing: var(--letterspace1)}


@media (min-width: 992px) {
	li.current-menu-item.active:first-child a {color: var(--grey)}
	li.current-menu-item.active:first-child a:after {display: none}
	.current-menu-item.active a {color: var(--charter)}
	.current-menu-item.active a:after {content: ""; height: 1px; width: 100%; border-bottom: dotted 1px var(--charter); top: .3rem; position: relative; display: block}
	#main-nav {display: block}
	button.burger {display: none}
	#menu-header li {display: inline-block; vertical-align: middle; }
}
@media (max-width: 991.98px) {
	.searchbtn {top: 2.2rem; right: 3.5rem; transform: none}
	button.burger {height: 30px; width: 30px; background-color: transparent; position: absolute; right: 1rem; top: 2rem; border: none; padding: 0;}
	button.burger[aria-expanded="true"] {background-image: url(assets/images/close.svg);}
	button.burger[aria-expanded="false"] {background-image: url(assets/images/burger.svg);}
	#menu-header {padding-bottom: 2rem;}
	.lien-site-uk {
		top: unset;
		right: 50%;
		bottom: -.3rem;
		transform: translateX(50%);
	}
}

@media (min-width: 991px) and (max-width: 1185px) {
	#menu-header li#menu-item-48, #menu-header li#menu-item-20998 {display: none}
}

@media (min-width: 1395px) {
	#menu-header li {padding: 0 3.7rem;}
}
@media (min-width: 992px) and (max-width:1394px) {
	#menu-header li {padding: 0 1.9rem;}
}


header img.logo, header .logo img {width: 100px;}

/**Slider**/
#hero {position: relative; padding: 0}
#hero button.simple {filter: invert(1)}
#hero .hero-indicators.carousel-indicators li {display: block; width: 4.5rem; padding: 1rem 0; margin: 0; position: relative; background: none; flex: none}
#hero .hero-indicators.carousel-indicators li:before {content: none; display: none}
#hero .hero-indicators.carousel-indicators li:after {content: ""; background-color: #fff; height: 2px; display: block; width: auto}
#hero .hero-indicators.carousel-indicators li.active:after {background-color: var(--charter);}
@media (min-width: 992px) {
	#hero .hero-indicators.carousel-indicators li:after {position: absolute; bottom: 0; right: 0; left: 50%; transform: translateY(-50%); top: 50%; }
	#hero .hero-indicators.carousel-indicators li.active:after {right: 100%; left: 0; width: 100%}
}
#hero .carousel-item a{color: white; display: block; position: relative; z-index: 2;}
#hero .carousel-item a:after, .omw-card-post .card-inner .img:after, .bloc-service .img:after, #footer:after {content: ""; position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: rgba(0,0,0,.15);}
#hero .carousel-txt {position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index: 3;color: white; letter-spacing: var(--letterspace1);text-align: center}
#hero .carousel-txt h2 {text-transform: uppercase; color: white; font-weight: 100; font-size: 2.7rem}
#hero .carousel-txt .price {font-weight: 900; display: block; margin-top: 2.5rem; font-size: 1.5rem;}
#hero .carousel-txt .price + button {height: 50px; width: 50px; margin-top: 2rem;}
@media (min-width: 992px) {
	#hero .hero-indicators.carousel-indicators {position: absolute; right: 0; transform: translateY(-50%); top: 50%; list-style: none; font-size: 0; z-index: 2; bottom: auto; left: auto; margin: 0; display: block}
	#hero .carousel-txt {font-size: 2.8rem;}
}
	#hero, .carousel, .carousel-inner, .carousel-fade .carousel-item, #hero .carousel-item a {height: 80Vh;}
	#hero .carousel-item a img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: bottom;}
@media (max-width: 991.98px) {

	#hero .carousel-txt {font-size: 1rem;}
	#hero .carousel-txt h2 {font-size: 1rem; font-weight: 300}
	#hero .carousel-txt .price {margin-top: .5rem;}

	#hero .hero-indicators.carousel-indicators li {margin: 0 .5rem; height: 4rem;}
	#hero .hero-indicators.carousel-indicators li::after {height: 2px; width: 100%; transform: translate(-50%,-50%); top: 50%; left: 50%;}
	.carousel-indicators {width: 100%; bottom: 4%; right: 0; left: 0; margin: 0; padding: 0}
}

@media (max-width: 767.98px) {
	#hero, .carousel, .carousel-inner, .carousel-fade .carousel-item, #hero .carousel-item a {height: 50Vh;}
}

picture.img-fluid img {width: 100%; height: auto}

/**Feed HP**/
section#featured {background-color: #eff0f0;}
section#featured .main-title h3 {margin-bottom: 2rem}
section#featured .tab-content {padding: 0 2rem}
section#featured #myTab {justify-content: center; border: none}
section#featured #myTab a {display: block; padding: 1rem 0; margin: 0 5rem; color: var(--grey); letter-spacing: var(--letterspace1); text-transform: uppercase; position: relative; font-size: .8rem}
@media (max-width: 767.98px) {
	section#featured #myTab a {margin: 0 1.5rem;}
	section#featured .tab-content {padding: 0;}
}
section#featured #myTab a:after {display: block; height: 2px; position: absolute; bottom: 0; left: 0; right: 0; content: ""}
section#featured #myTab a.active {font-weight: bold}
section#featured #myTab a.active:after {background-color: var(--charter)}
.slick-dots {margin: auto; padding: 2rem; list-style: none; font-size: 0; text-align: center}
.slick-dots li {margin: 0 1rem; display: inline-block; vertical-align: middle; position: relative; width: 5rem; height: 2rem;}
.slick-dots button {border: none; position: relative; background: none; width: 100%; height: 100%; cursor: pointer}
.slick-dots button:before {height: 2px; content: ""; position: absolute; transform: translateY(-50%); top: 50%; left: 0; right: 0; background-color: var(--darkgrey)}
.slick-dots li.slick-active button:before {background-color: var(--charter)}
@media (max-width: 767.98px) {
	.slick-dots {padding: 0;}
	.slick-dots li { margin: 0 3%; width: 1rem; height: 3rem;}
	.slick-dots button:before {height: 5px;}
	}

/**cards**/
body.single article.omw-card-post {background-color: transparent;}
@media (min-width: 639.99px) {
.omw-card-post .card-inner {margin: 2rem}
}
@media (max-width: 639.98px) {
.omw-card-post .card-inner {margin: 2rem 0}
}
.omw-card-post .excerpt, .service .txt {padding: 2rem; color: var(--lightgrey); font-size: .9rem; background-color: white; font-weight: 300; letter-spacing: var(--letterspace1); position: relative}
@media (min-width: 768px) {
	.omw-card-post .excerpt, .service .txt {min-height: 165px;}
}

.omw-card-post .excerpt button {position: absolute; right: 2rem; top: 3rem; z-index: 3; cursor: pointer;}
.omw-card-post .excerpt ul {list-style: none; margin: .5rem 0; padding: 0;}
.omw-card-post .excerpt ul li {padding: 0; margin: 0;}
.omw-card-post .card-inner .img {position: relative;}
.omw-card-post .card-inner .img h3, .bloc-service .img strong {position: absolute; z-index: 2; font-size: 1.2rem; letter-spacing: var(--letterspace1); text-align: center; transform: translateY(-50%); top: 50%; left: 15%; right: 15%; text-transform: uppercase; font-weight: 300; color: white;}
.omw-card-post .city, .count-pictures {display: inline-block; z-index: 2; padding: .3rem; text-transform: uppercase; font-size: .6rem; font-weight: 500; letter-spacing: var(--letterspace1); color: var(--native); background-color: #fff; position: absolute; top: 1rem; left: 1rem;}
.count-pictures {margin-left: 1rem; margin-top: 1rem;}
@media (max-width: 767.98px) {
	.omw-card-post .excerpt button {top: 2rem;}
	.omw-card-post .card-inner .img h3, .bloc-service .img strong, .omw-card-post .excerpt, .service .txt  {font-size: .8rem;}
	.omw-card-post .card-inner .img h3 {background: rgba(0,0,0,.3); padding: 1rem} 
	.omw-card-post .excerpt, .service .txt {padding: 1rem;}
	.bloc-service {margin-bottom: 2rem;}
	.count-pictures {position: sticky;top: 0;text-align: left;margin: 0 0 1rem;background-color: #9cb3a7;padding: 1rem;}
	.count-pictures:after {content:""; display: block; position: absolute; right: 1rem; width: 15px; height: 0; top: 0;-webkit-animation-name: arrow-scroll_down; background-image: url(assets/images/down-arrow.svg); background-size: 70%; background-repeat: no-repeat; background-position: 50%;
	animation-name: arrow-scroll_down;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	animation-play-state: running;}
}


@-webkit-keyframes arrow-scroll_down {
  from {
    height: 0;
    bottom: 25px; }
  15% {
    height: 25px;
    bottom: 0; }
  85% {
    height: 25px;
    bottom: 0; }
  100% {
    height: 0;
    bottom: 0; } }

@keyframes arrow-scroll_down {
  from {
    height: 0;
    bottom: 25px; }
  15% {
    height: 25px;
    bottom: 0; }
  85% {
    height: 25px;
    bottom: 0; }
  100% {
    height: 0;
    bottom: 0; } }

/**Search**/
.modal-header {background-color: var(--charter); color: white; border: none; font-size: .8rem; letter-spacing: var(--letterspace1); font-weight: 700; text-transform: uppercase}
.modal-header button.close {color: white; opacity: 1}
.btn.small {width: 100%}
.close {text-shadow: none; opacity: 1}

/**About & Services**/
#about , #services {text-align: center;}
#about .main-title + div {margin: 0 10%}
#services {padding: 3.5rem 0; background-color: #eff0f0;}
#services > div > div {padding: 0 2rem;}
.bloc-service .service {height: 100%; background-color: white;}
@media (max-width: 767.98px) {
	#services {padding: 1rem 0 0;}
	#services > div > div {padding: 0;}
}
@media (min-width: 992px) and (max-width:1399.98) {
	.bloc-service {padding: 0 1rem;}
}
@media (min-width: 1400px) {
	.bloc-service {padding: 0 2.5rem;}
}
.bloc-service .img {position: relative;}
.bloc-service .img img {width: 100%}
.bloc-service .txt strong {display: block; font-size: 2rem; color: var(--native); font-weight: 500;}
.service .txt {letter-spacing: var(--letterspace2)}

/**Listing des biens**/
#listing-properties {background-color: #eff0f0; min-height: 235px;}
@media (min-width: 1200px) {
	#listing-properties {padding-bottom: 15rem}
	}
@media (min-width: 992px) {
	#listing-properties {padding-left: 2rem; padding-right: 2rem;}
}

.pagination li {display: inline-block;}
.page-link {color: var(--grey); background-color: transparent; font-weight: 300; font-size: .9rem; padding:.5rem 1rem; border: solid 1px transparent}
.page-item.disabled .page-link {background-color: transparent; border-color: transparent}
.page-item.active .page-link {border-color:  var(--darkgrey); background-color: transparent;color:#000; font-weight: 600}
.page-link:hover {color: #000; border-color: transparent; background-color: transparent}

.intro-text {padding: 3rem; background-color: white;}
.intro-text h2 {text-transform: uppercase;
letter-spacing: var(--letterspace3);
font-size: .9rem;
font-weight: 700;margin-bottom: 2rem;}
.intro-text > img {width: 100%; margin: 0 0 2rem}


@media (min-width: 1200px) {
	.intro-text > img {float: left; width: 55%;margin:-7rem 4rem 4rem 0}
	.intro-text {margin-top: -10rem;}
}

/**Bien**/
body.single article.sales, body.single article.rentals {padding-top: 0; padding-bottom: 0;}
.static-bloc {position: sticky; top: 140px; padding-top: 5rem;}
@media (max-width: 767.98px) {
.static-bloc {
	padding-top: 2rem;
	}
}
.hightlight-container {padding-right: 6rem; padding-top: 1rem;}
@media (max-width: 1199.98px) {
	.hightlight-container {padding-right: 0}
}
.hightlight-container a {display: block; margin-bottom: 2rem;}
.hightlight-container a img {width: 100%}
.static-bloc h1 {color: var(--lightgrey)}
.static-bloc h1 + div {padding: 2rem 0}
.static-bloc h1 + div span {display: inline-block; margin-right: 5rem; vertical-align: middle; font-weight: 300; font-size: .9rem; letter-spacing: var(--letterspace1); text-transform: uppercase; color: var(--grey)}
.static-bloc h1 + div span.city:before {display: inline-block; filter: invert(.5); vertical-align: middle; content: ""; height: 30px; width: 30px; background: url(assets/images/marker.svg);  margin-right: .6rem;}
.static-bloc span.price {display: block; letter-spacing: var(--letterspace1); font-size: 1.5rem; text-transform: uppercase; color: var(--grey); font-weight: 700}
.slide-pictures {margin: 2rem 0}
@media (max-width: 767.98px) {
	.slide-pictures {padding: 2rem 0}
}
.singleinfo {font-size: .9rem; color: var(--grey); letter-spacing: var(--letterspace1)}
.singleinfo dt {font-weight: 500}
.singleinfo dt, .singleinfo dd {padding-bottom: 1rem}
aside.contact {padding-top: 0;}
aside.contact .main-title h3 {margin-bottom: 0}
body .gform_wrapper textarea,body .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {background-color: #eee; border-color: #d3d1d1; border-width: 1px; border-style: solid; padding: .5rem; font-size: .9rem; letter-spacing: var(--letterspace1)}

body .gform_wrapper textarea:focus, body .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus {background-color: white;}

.gform_confirmation_message {margin-top: 3rem; padding: 2rem; border: dotted 1px var(--native)}
.gform_confirmation_message p {margin-bottom: 0;}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select .btn-light, .btn.search, .bootstrap-select.show-tick .dropdown-menu li a span.text, .bootstrap-select .dropdown-menu li a span.text,body .gform_wrapper label.gfield_label,body .gform_wrapper legend.gfield_label {text-transform: uppercase; font-weight: 500; font-size: .7rem; letter-spacing: var(--letterspace1); background-color: transparent; border: none;}
body .gform_wrapper label.gfield_label,body .gform_wrapper legend.gfield_label {font-size: .9rem;}
.dropdown-toggle.btn-light, .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {color: #000;}
.bootstrap-select .btn-light {background-color: var(--charter);}
.bootstrap-select .btn {display: block; padding:.5rem 2rem; border-radius: 0;}
.btn.search {padding:.5rem 2rem; background: var(--grey); color: white; border-radius: 0;}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: auto; background-color: white; border-radius: 0;}

@media (min-width: 1200px) {
	.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {max-width: 280px;}
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {margin: 0;}
.bootstrap-select .dropdown-menu {border-radius: 0; border: none;}
.filter {text-align: right}
.filter-container {margin: 0 2rem; background: #eff0f0; padding: .5rem 0;}
@media (min-width: 768px) {
	.filter-container {position: sticky; top: 0; z-index: 9;}
}
@media (max-width: 639.98px) {
	.filter-container {margin: 0}
}

.filter-container > div {align-items: center}
.filter-container h1 {text-transform: uppercase; letter-spacing: var(--letterspace3); font-size: .9rem; font-weight: 700; margin: 0}
@media (max-width: 1199.98px) {
	.filter-container h1 {margin-bottom: 1rem;}
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
@media (min-width: 768px) and (max-width: 1199.98px) {
	.filter form {font-size: 0}
	.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 24%;background-color: white;border-radius: 0;margin: 0 2% 0 0;}
	.btn.search {width: 22%}
	}
@media (max-width: 767.98px) {
	.btn.search, .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 100%}
	.bootstrap-select .dropdown-menu.show {position: relative!important; top: auto!important; left: auto!important; transform: none!important; padding-top: 0; margin-top: 0;}
	.bootstrap-select .dropdown-menu.show .dropdown-item {padding: .25rem 3.5rem}
	.bootstrap-select .dropdown-item.active {background-color: inherit; color: inherit;}
	.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {font-size: .6rem;}
	.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {outline: none;}
	.bootstrap-select .btn-light {background-color: inherit}
	.slick-arrow {position: absolute; transform: translateY(-50%); top: 45%; background-color: white; border-radius: 100%; height: 3rem; width: 3rem; font-size: 0; border: none; z-index: 2; cursor: pointer}
	.slick-arrow:before {content: ""; height: 1.3rem; width: 100%;background-image: url(assets/images/down-arrow.svg); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; display: block}
	.slick-arrow.slick-prev {left: 1rem; transform: rotate(90deg)}
	.slick-arrow.slick-next {right: 1rem;transform: rotate(-90deg)}
	.home .slick-arrow {top: 33%; width: 2rem; height: 2rem;}
	.home .slick-arrow:before {background-size: 20%}
}

.gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half {width: 50%!important; display: inline-block!important}
.gform_wrapper .top_label li.gfield.gf_left_half {padding-right: 16px!important}

/**Edito**/
#edito {background-color: white;}

/* Accordeon */
.accordion {margin-top: 2rem}
.accordion .card-header {padding:0; border: none;}
.accordion .card-header, .accordion .card-header:hover {background-color: #fff;}
.card-body {color: #aaa; padding: .5rem 0}
.accordion .card .card-header .btn-link {
    display: block;
    width: 100%;
    position: relative;
    text-align: left;
    color: var(--lightgrey);
    font-weight: 900;
	text-transform: uppercase;
	letter-spacing: var(--letterspace3);
	font-size: .8rem;
    padding: 1.3rem 0;
    background-color: transparent;
    border: 0;
	cursor: pointer;
	border-bottom: 1px solid rgba(0,0,0,.125);
}
.accordion .card:first-child .card-header .btn-link {border-top: 1px solid rgba(0,0,0,.125);}
.accordion .card .card-header .btn-link[aria-expanded="true"] {border-bottom: none;}
.accordion .card .card-header .btn-link:hover, .accordion .card .card-header .btn-link[aria-expanded="true"] {color: var(--native)}
.accordion .card:last-child .card-header {border-bottom: 0}
.accordion .card {border-radius: 0; border: none;}
.accordion .card .card-header .btn-link:after,
.accordion .card .card-header .btn-link:before {
 content:"";
 display:inline-block;
 position:absolute;
 top:50%;
 right:0;
 height:1px;
 width:20px;
 background-color:#adb5bd;
 -webkit-transition:all .5s cubic-bezier(.4,0,.2,1);
 transition:all .5s cubic-bezier(.4,0,.2,1)
}
.accordion .card .card-header .btn-link::before, .accordion .card .card-header .btn-link::after {
 -webkit-transform:translate(-50%,-50%) rotate(45deg);
 transform:translate(-50%,-50%) rotate(45deg);
}

.content .accordion .card .card-header .btn-link::after {
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg);
}

.accordion .card .card-header .btn-link:hover::after, .accordion .card .card-header .btn-link:hover::before, .accordion .card .card-header .btn-link[aria-expanded="true"]::before, .accordion .card .card-header .btn-link[aria-expanded="true"]::after {
    -webkit-transform: translate(-50%,-50%) rotate(180deg);
    transform: translate(-50%,-50%) rotate(180deg);
}

.accordion .card .card-header .btn-link[aria-expanded="false"]::after {
    -webkit-transform: translate(-50%,-50%) rotate(-90deg);
    transform: translate(-50%,-50%) rotate(-90deg);
}

.accordion .card .card-header .btn-link[aria-expanded="false"]::before {
    -webkit-transform: translate(-50%,-50%) rotate(0deg);
    transform: translate(-50%,-50%) rotate(0deg);
}

.accordion .card .card-header .btn-link[aria-expanded="false"]:hover::after {
    -webkit-transform: translate(-50%,-50%) rotate(0deg);
    transform: translate(-50%,-50%) rotate(0deg);
}

.accordion .card .card-header .btn-link[aria-expanded="false"]:hover::before {
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg);
}

/**Alertes email**/
#newsletter-subcribe .messageCreated {text-align: center;} 
#newsletter-subcribe .messageCreated p strong {color: green;font-size: 1.2rem;font-weight: 300;margin-bottom: 2rem;display: block;}
#newsletter-subcribe .messageCreated p a {text-decoration: underline}
.top_alert_link {
	width: 25px;
	position: absolute;
	right: 8.5rem;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
}

@media (max-width: 991.98px) {
	.top_alert_link {top: 47px; right: 6rem}
}
.top_alert_link img {width: 100%; display: block}
.quick-links-container {position: fixed; bottom: 3rem; left: 4rem; z-index: 9}
@media (max-width: 771.98px) {
	.quick-links-container {display: none}
}

.quick-links {position: relative}
.quick-links a {display: block; position: relative; margin-bottom: 1px}
.quick-links a span {opacity: 0; display: block; background-color: white;transition: all ease-in .3s; padding: .7rem 1rem .7rem 3.5rem; text-transform: uppercase; font-weight: 300; font-size: .7rem; letter-spacing: .05rem; line-height: normal}
.quick-links a:hover span {opacity: 1;}
.quick-links a:before {display: block; left: 0; top: 0; bottom: 0; width: 40px; content: ""; position: absolute; z-index: 2;background-size: 40%;background-repeat: no-repeat; background-position: center; background-color: white; filter: invert(100%)}
.quick-links:first-child a:before {background-image: url(assets/images/pic-alert.svg);}
.quick-links:nth-child(2) a:before {background-image: url(assets/images/pic-call.svg);}
.form-alert-container {background-color: #eee; width: 100%; padding: 5rem;}
.form-alert-container #newsletter-subcribe {padding: 3.5rem; margin: auto; width: 100%; max-width: 745px; border: solid 1px #d2d2d2; font-size: .9rem; background-color: white; }
.form-alert-container #newsletter-subcribe.alert-management {max-width: 1000px; padding-top: 2.5rem; padding-bottom: 2.5rem;}
@media (max-width: 991.98px) { 
	.form-alert-container #newsletter-subcribe, .form-alert-container {padding: 2rem}
}
.form-alert-block {padding: 1rem 0 2.5rem 0; color: var(--grey)}
.form-alert-block h2 {font-size: .9rem;letter-spacing: var(--letterspace1); text-transform: uppercase; margin-bottom: 1.5rem;}
.form-alert-block .form-check {padding: .5rem 0 0 2rem; letter-spacing: .03rem; font-weight: 300}
.form-alert-block .form-check input[type="checkbox"] {opacity: 0}
.form-alert-block .form-check input[type="checkbox"]:checked + label:after {display: block}
.form-alert-block .form-check input[type="checkbox"] + .form-check-label {cursor: pointer; padding-left: 2rem; position: relative}
.form-alert-block .form-check input[type="checkbox"] + .form-check-label:hover {font-weight: 400}
.form-alert-block .form-check input[type="checkbox"] + .form-check-label:before {content: ""; display: block; height: 17px; width: 17px; background-color: #eee; border: solid 1px #d2d2d2; position: absolute; left: 0; top: 0;}
.form-alert-block .form-check input[type="checkbox"].is-invalid + .form-check-label:before {border: solid 1px #dd3b4a; background-color: #f8d5d9}
.form-alert-block .form-check input[type="checkbox"] + .form-check-label:after {content: ""; height: 7px; width: 7px; background-color: var(--charter); position: absolute; left: 5px; top: 5px; display: none}
.price-rang span {font-weight: 300;letter-spacing: .03rem; margin-right: .5rem}
.price-rang .money::placeholder, #immo_email::placeholder {opacity: .2}
.price-rang .money, #immo_email {background-color: #eee; color: var(--grey); border: solid 1px #d2d2d2; padding: .5rem .8rem;}
.price-rang .money.is-invalid, .is-invalid#immo_email {border: solid 1px #dd3b4a; background-color: #f8d5d9; color: #dd3b4a}
.price-rang .money:focus, #immo_email:focus {border-color: var(--charter); outline: none; background-color: white; box-shadow: 0 0 5px rgba(0,0,0,.1)}
button.btn#newsletter-submit {position: relative}
button.btn#newsletter-submit span {position: relative;  display: block; padding: .2rem .5rem}
button.btn#newsletter-submit span:before {content: ""; height: 25px; width: 25px; display: inline-block; vertical-align: middle; margin-right: .5rem; background-image: url(assets/images/pic-alert.svg); background-size: contain; background-repeat: no-repeat; filter: invert()}
.heading-alert {text-align: center; padding: 3rem 2rem 0;}
section#account {padding-top: 0; z-index: 0}
.heading-alert h1 {font-size: 1.6rem}
.heading-alert h1:before {display: inline-block; vertical-align: middle; height: 30px; width: 30px; content: ""; background-image: url(assets/images/pic-alert.svg); background-size: contain; background-repeat: no-repeat; margin-right: 1rem}
.heading-alert h2 {font-size: 1rem; font-weight: 400; margin: 1.5rem 0; text-transform: uppercase; letter-spacing: .1rem;}
.heading-alert p {color: #63676a; line-height: normal}
.alert-table {position: relative; padding: 2rem 0; border-top: solid 1px #d2d2d2;}
.alert-table:first-of-type {border: none;}
.alert-table small {letter-spacing: .05rem; text-transform: uppercase; font-weight: 400; font-size: .7rem; color: #acacac}
.alert-table span {display: block; font-size: .8rem; color: #000000}
.alert-table .trash {position: absolute; right: 0; transform: translateY(-50%); top: 50%}
@media (max-width: 575.98px) {.pb-xl-2 {padding-bottom: 1rem;}}
@-webkit-keyframes arrow-scroll_down {
  from {
    height: 0;
    bottom: 40px; }
  15% {
    height: 40px;
    bottom: 0; }
  85% {
    height: 40px;
    bottom: 0; }
  100% {
    height: 0;
    bottom: 0; } }

@keyframes arrow-scroll_down {
  from {
    height: 0;
    bottom: 40px; }
  15% {
    height: 40px;
    bottom: 0; }
  85% {
    height: 40px;
    bottom: 0; }
  100% {
    height: 0;
    bottom: 0; } }
.anchor { position: absolute; text-align: center; z-index: 100; bottom:-4.5rem;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); left: 50%;}
.anchor span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
	left: 50%;
position: absolute;
height: 0;
width: 10px;
z-index: 10;
-webkit-animation-name: arrow-scroll_down;
animation-name: arrow-scroll_down;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-delay: .5s;
animation-delay: .5s;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.anchor span:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 100%;
	width: 10px;
	background: url(assets/images/arrow-scrolldown-white.svg) bottom center no-repeat;
		background-size: auto;
	background-size: cover;
} 

/**Footer**/
#reassurance {padding-top: 5rem; padding-bottom: 5rem; position: relative; background-color: white;}
.reassurance-item {text-align: center;}
.reassurance-item > img {width: 50px}
.reassurance-item strong {color: var(--native); text-transform: uppercase; font-size: .8rem; letter-spacing: var(--letterspace3); display: block; margin: 1rem 0}
.reassurance-item span {color: var(--lightgrey); font-size: .9rem; font-weight: 300; letter-spacing: var(--letterspace1); display: block; line-height: normal}
@media (max-width: 1199.98px) {
	.reassurance-item br {display: none}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.reassurance-item strong {font-size: .7rem;}
	.reassurance-item span {font-size: .8rem;}
}
@media (max-width: 991.98px) {
	#reassurance {padding-top: 1rem; padding-bottom: 2rem;}
	.reassurance-item {height: 100%; margin-top: .8rem; padding-bottom: .8rem;}
	#reassurance > div > div > div:nth-child(1), #reassurance > div > div > div {margin-bottom: 2rem;}
	#reassurance > div > div > div:nth-child(1) .reassurance-item, #reassurance > div > div > div:nth-child(2) .reassurance-item { border-bottom: solid 1px #eee}
	#reassurance > div > div > div:nth-child(1), #reassurance > div > div > div:nth-child(3) {border-right: solid 1px #eee;}
	.reassurance-item span {font-size: .8rem;}
	.reassurance-item strong {font-size: .6rem; letter-spacing: var(--letterspace1)}
}

footer#footer {padding: 8rem 8rem 3rem; color: white; position:-webkit-sticky; position: sticky; z-index: 0; bottom: 0; font-size: .8rem; background-image: url(assets/images/imgfooter.jpg); background-position: bottom; background-repeat: no-repeat; margin-bottom: 3rem;  letter-spacing: var(--letterspace2)}
body.single footer#footer {position: relative}
footer#footer a {color: white; white-space: nowrap}
@media (max-width: 991.98px) {
	footer#footer {padding: 1.5rem; height: auto; background-size: cover;}
}
@media (min-width: 1200px) {
	footer#footer {height: 700px;}
}
.footer-container {position: relative; z-index: 2; height: 100%;}
.logofooter {position: absolute; bottom: -130px; transform: translateX(-50%); left: 50%; z-index: 99}
.logofooter img {width: 90px; margin: auto; display: block; position: absolute; transform: translateX(-50%); top: 5px; left: 50%;}
.logofooter span {display: block; margin: auto; width: 330px; position: relative; z-index: 2;}
.logofooter span:before {content: ""; display : inline-block; height : 0; width : 0; border-top : 125px solid #fff; border-right : 165px solid transparent; border-left : 165px solid transparent;}
.contact-bloc {text-align: center;}
.contact-bloc span:first-child, strong.footer_block-title {letter-spacing: var(--letterspace3); font-weight: 500; text-transform: uppercase; display: block}
.contact-bloc a {display: block}
.contact-bloc a.btn, button#newsletter-submit {margin: 1rem 0}
button.btn, a.btn {padding: .5rem; text-transform: uppercase; color: white; background-color: var(--charter); font-size: .7rem; letter-spacing: var(--letterspace1); display: inline-block; border-radius: 0;}
.pull-right {float: right}
.blocinfosfooter {padding-top: 7rem}
.addressblock {padding-left: 3rem;}
.addressblock > strong {margin-bottom: 2rem; position: relative}
.addressblock > strong:before {content: ""; display: block; position: absolute; top: -.5rem; left: -3rem; height: 35px; width: 35px; background-image: url(assets/images/marker.svg)}
.addressblock address {display: inline-block; vertical-align: top; line-height: 1.5rem;}
.addressblock address:first-of-type {margin-right: 5rem;}
.bottomblock {position: absolute; bottom: 0; left: 0; right: 0;}
.bottomblock a {display: inline-block; padding: 0 .5rem;}
.bottomblock a:after {content: "|"; margin: 0 0 0 1rem; display: inline-block; vertical-align: middle}
.bottomblock a:last-of-type:after {content: none;}
.blocklinks ul {margin: 0; padding: 0; list-style: none; line-height: 1.4rem;}
.blocklinks strong.footer_block-title {margin-bottom: 1rem;}
.social-links {text-align: center}
.social-links a {display: inline-block; font-size: 1rem; margin: 0 .5rem}
@media (max-width: 1199.98px) {
	.blocklinks {text-align: center}
	.blocklinks > div {padding-top: 2rem; padding-bottom: 1rem;}
	.bottomblock {position: relative; bottom: auto; left: auto; right: auto; margin: 2rem 0; text-align: center}
	.bottomblock a:after {content: none}
	.addressblock {padding: 1.5rem 0; text-align: center}
	.addressblock address {margin: 1rem .5rem; text-align: center; display: block;}
	.addressblock address:first-of-type {margin: 1rem .5rem}
	.addressblock > strong::before {position: inherit; display: block; margin: 0 auto 1rem auto; top: auto; left: auto;}
	.contact-bloc {width: 100%}
	.contact-bloc a.btn {margin: 1rem;}
	footer .pull-right {float: none; display: block; text-align: center; font-size: .7rem; margin-top: 2rem}
}

.hightlight-container img{
	width: 100%;
}

.slick-slide img{
	width: 100%;
}